root / snf-cyclades-app / synnefo / ui / new_ui / ui / network_create_v1.html @ 20082534
History | View | Annotate | Download (6.1 kB)
1 |
|
---|---|
2 |
<!DOCTYPE html>
|
3 |
<!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]-->
|
4 |
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]--> |
5 |
|
6 |
<head>
|
7 |
<meta charset="utf-8" /> |
8 |
<meta name="viewport" content="width=device-width" /> |
9 |
<title>Synnefo | Create Network</title> |
10 |
<link href='https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&subset=latin,greek-ext,greek' rel='stylesheet' type='text/css'> |
11 |
<link rel="stylesheet" href="stylesheets/normalize.css" /> |
12 |
<link rel="stylesheet" href="stylesheets/app.css" /> |
13 |
<link rel="stylesheet" href="stylesheets/styles.css" /> |
14 |
<link rel="stylesheet" href="stylesheets/font_custom.css" /> |
15 |
<script src="javascripts/vendor/custom.modernizr.js"></script> |
16 |
|
17 |
</head>
|
18 |
<body>
|
19 |
<div class="dummy-navigation"> |
20 |
<a href="" class="close">X</a> |
21 |
<a href="index.html">Homepage</a><br> |
22 |
<a href="" class="our" data-our="questions">Show/Hide questions</a><br> |
23 |
<a href="" class="our" data-our="suggestions">Show/Hide suggestions</a><br> |
24 |
<a href="" class="our" data-our="problems">Show/Hide problems</a><br> |
25 |
</div>
|
26 |
<div class="row-full"> |
27 |
<header class="header"> |
28 |
|
29 |
<div class="logo"> |
30 |
<img src="images/logo_01.png" alt="software logo"> |
31 |
</div>
|
32 |
|
33 |
<nav class="top-nav icons-nav"> |
34 |
|
35 |
<ul>
|
36 |
<li><a href="" data-tooltip ="has-tip" title="Storage" ><img src="images/menu-icon-storage.png" alt="vm"></a></li> |
37 |
<li><a href="vm_list_v1.html" data-tooltip ="has-tip" title="Compute"><img src="images/menu-icon-compute.png" alt="vm"></a></li> |
38 |
|
39 |
<li><a href="" data-tooltip ="has-tip" title="Disks"><img src="images/menu-icon-disks.png" alt="vm"></a></li> |
40 |
<li><a href="network_list_v1.html" data-tooltip ="has-tip" title="Networks"><img src="images/menu-icon-networks.png" alt="vm"></a></li> |
41 |
</ul>
|
42 |
|
43 |
</nav>
|
44 |
|
45 |
<div class="login"> |
46 |
<a href="">test@grnet.gr</a> |
47 |
</div>
|
48 |
<div class="actions clearfix"> |
49 |
|
50 |
<div class="lt-actions"> |
51 |
<div class="new-btn"><a href="network_create_v1.html" class="current"><span>+</span> NEW NETWORK </a></div> |
52 |
</div>
|
53 |
<div class="main-actions"> |
54 |
<ul>
|
55 |
<li><a href="">Reboot</a></li> |
56 |
<li><a href="">Shutdown</a></li> |
57 |
<li class="single"><a href="">Console</a></li> |
58 |
<li><a href="">Multiple action</a></li> |
59 |
<li class="single"><a href="">Single action</a></li> |
60 |
</ul>
|
61 |
</div>
|
62 |
</div>
|
63 |
</header>
|
64 |
|
65 |
</div>
|
66 |
<div class="row-full wrapper "> |
67 |
<div class="overlay create-vm create-network"> |
68 |
<div class="lt-sidebar nav"> |
69 |
tba...? |
70 |
|
71 |
</div>
|
72 |
<div class="main"> |
73 |
<a href="network_list_v1.html" class="close close_char" title="cancel network creation"><span class="snf-font">e</span></a> |
74 |
<div>
|
75 |
<ul class="network_options clearfix"> |
76 |
<li>
|
77 |
<form><span >Network Name:</span><input type="text" name="network_name"></form> |
78 |
</li>
|
79 |
<li class="dhcp_option"><span>Assign IP addresses automatically:</span> |
80 |
<a href="" class="check"> |
81 |
<span class="snf-font custom_checkbox checkbox-checked">b</span> |
82 |
</a>
|
83 |
<p>
|
84 |
If you enable DHCP on the private network, connected virtual machines will automatically be assigned an IP address based on the given subnet. You may disable this option if you want to assign IP addresses to the connected virtual machines manually. |
85 |
</p>
|
86 |
</li>
|
87 |
<li>
|
88 |
<ul class="subnet_options"> |
89 |
<span class="sub_title">Network subnet:</span> |
90 |
<li><span>Auto |
91 |
<a href="" class="check"> |
92 |
<span class="snf-font custom_checkbox checkbox-checked">b |
93 |
</span>
|
94 |
</a>
|
95 |
</span></li> |
96 |
<li class="manual"><form><span>Manual <a href="" class="check manual"><span class="snf-font custom_checkbox">a</span></a><input class="manual_sub hidden" type="text" name="network_name"></span></form> |
97 |
</li>
|
98 |
<li><span>10.0.0.0/24 <a href="" class="check"><span class="snf-font custom_checkbox">a</span></a></span> |
99 |
</li>
|
100 |
<li><span>192.168.0.0/24 <a href="" class="check"><span class="snf-font custom_checkbox">a</span></a></span> |
101 |
</li>
|
102 |
</ul>
|
103 |
</ul>
|
104 |
</div>
|
105 |
<div class="navigation clearfix"> |
106 |
|
107 |
<a class="rt btn2" href="network_list_v1.html" title="Create your private network">Create Network</a> |
108 |
</div>
|
109 |
</div>
|
110 |
</div>
|
111 |
|
112 |
</div>
|
113 |
<div class="extras"> |
114 |
<span data-tooltip ="has-tip suggestions" title="Μήπως να είναι λίγο πιο έντονα τα χρώματα; Μοιάζουν απενεργοποιημένα..." style="top:0;left:200px">:)</span> |
115 |
<span data-tooltip ="has-tip questions" title="Πόσο θα είναι το μέγιστο πλάτος της κύριας περιοχής" style="top:240px;left:20px">?</span> |
116 |
<span data-tooltip ="has-tip problems" title="Πώς θα έχουμε δράσεις όπως filters κτλ" style="top:140px;left:250px">!!</span> |
117 |
</div>
|
118 |
|
119 |
<script src="javascripts/vendor/jquery.js"></script> |
120 |
<script src="javascripts/foundation/foundation.js"></script> |
121 |
|
122 |
<script src="javascripts/foundation/foundation.alerts.js"></script> |
123 |
|
124 |
<script src="javascripts/foundation/foundation.clearing.js"></script> |
125 |
|
126 |
<script src="javascripts/foundation/foundation.cookie.js"></script> |
127 |
|
128 |
<script src="javascripts/foundation/foundation.dropdown.js"></script> |
129 |
|
130 |
<script src="javascripts/foundation/foundation.forms.js"></script> |
131 |
|
132 |
<script src="javascripts/foundation/foundation.joyride.js"></script> |
133 |
|
134 |
<script src="javascripts/foundation/foundation.magellan.js"></script> |
135 |
|
136 |
<script src="javascripts/foundation/foundation.orbit.js"></script> |
137 |
|
138 |
<script src="javascripts/foundation/foundation.placeholder.js"></script> |
139 |
|
140 |
<script src="javascripts/foundation/foundation.reveal.js"></script> |
141 |
|
142 |
<script src="javascripts/foundation/foundation.section.js"></script> |
143 |
|
144 |
<script src="javascripts/foundation/foundation.tooltips.js"></script> |
145 |
|
146 |
<script src="javascripts/foundation/foundation.topbar.js"></script> |
147 |
<script src="javascripts/common.js"></script> |
148 |
<script src="javascripts/glafkopis.js"></script> |
149 |
|
150 |
|
151 |
<script>
|
152 |
$(document).foundation();
|
153 |
</script>
|
154 |
</body>
|
155 |
</html>
|