Statistics
| Branch: | Tag: | Revision:

root / snf-cyclades-app / synnefo / ui / new_ui / ui / vm_create_b.html @ 15948f00

History | View | Annotate | Download (5.3 kB)

1 2aab17d7 Olga Brani
2 2aab17d7 Olga Brani
<!DOCTYPE html>
3 2aab17d7 Olga Brani
<!--[if IE 8]>                                  <html class="no-js lt-ie9" lang="en"> <![endif]-->
4 2aab17d7 Olga Brani
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
5 2aab17d7 Olga Brani
6 2aab17d7 Olga Brani
<head>
7 2aab17d7 Olga Brani
        <meta charset="utf-8" />
8 2aab17d7 Olga Brani
    <meta name="viewport" content="width=device-width" />
9 c9d873e8 Olga Brani
    <title>Synnefo | VM create</title>
10 db920d2c Olga Brani
    <link href='https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&amp;subset=latin,greek-ext,greek' rel='stylesheet' type='text/css'>
11 2aab17d7 Olga Brani
    <link rel="stylesheet" href="stylesheets/normalize.css" />
12 2aab17d7 Olga Brani
    <link rel="stylesheet" href="stylesheets/app.css" />
13 c9d873e8 Olga Brani
    <link rel="stylesheet" href="stylesheets/font_custom.css" />
14 c9d873e8 Olga Brani
    <link rel="stylesheet" href="stylesheets/jquery.jscrollpane.css" media="all" />
15 c9d873e8 Olga Brani
    <link rel="stylesheet" href="stylesheets/magnific-popup.css" />
16 2aab17d7 Olga Brani
    <script src="javascripts/vendor/custom.modernizr.js"></script>
17 2aab17d7 Olga Brani
</head>
18 2aab17d7 Olga Brani
<body>
19 15948f00 Olga Brani
        <header class="header">
20 15948f00 Olga Brani
                <nav>
21 15948f00 Olga Brani
                        <ul class="icons-nav">
22 15948f00 Olga Brani
                                <li><a href="pithos_list.html" data-tooltip ="has-tip" title="Storage" ><span class="snf-Pithos"></span></a></li>
23 15948f00 Olga Brani
                                <li><a href="vm_list.html" data-tooltip ="has-tip " title="Machines"><span class="snf-PC"></span></a></li>
24 15948f00 Olga Brani
                                <li><a href="" data-tooltip ="has-tip" title="Disks"><span class="snf-HDD"></span></a></li>
25 15948f00 Olga Brani
                                <li><a href="network_list.html" data-tooltip ="has-tip" title="Networks"><span class="snf-network"></span></a></li>
26 15948f00 Olga Brani
                                <li><a href="" data-tooltip ="has-tip" title="Dashboard"><span class="snf-DASHboard"></span></a></li>
27 15948f00 Olga Brani
                        </ul>
28 15948f00 Olga Brani
                </nav>
29 15948f00 Olga Brani
                <div class="logo">
30 15948f00 Olga Brani
                        <a href="index.html"><img src="images/logo_01.png" alt="software logo"></a>
31 15948f00 Olga Brani
                        <h2>Machines</h2>
32 15948f00 Olga Brani
                </div>
33 15948f00 Olga Brani
                <div class="login">
34 15948f00 Olga Brani
                        <a href="">test@grnet.gr</a>
35 15948f00 Olga Brani
                </div>
36 15948f00 Olga Brani
                <div class="actions clearfix">
37 15948f00 Olga Brani
                        <div class="new-btn"><a href="vm_create_a.html"><span>+</span> NEW MACHINE </a></div>
38 15948f00 Olga Brani
                        <div class="main-actions">
39 15948f00 Olga Brani
                                <ul>
40 15948f00 Olga Brani
                                        <li class="running" ><a href="" data-overlay-id="#overlay1">Reboot</a></li>
41 15948f00 Olga Brani
                                        <li class="running"><a href="" data-overlay-id="#overlay1">Shutdown</a></li>
42 15948f00 Olga Brani
                                        <li class="both"><a href="">Destroy</a></li>
43 15948f00 Olga Brani
                                        <li class="stopped"><a href="">Start</a></li>
44 15948f00 Olga Brani
                                         <!-- in case we want an action always activated
45 15948f00 Olga Brani
                                        <li class="pernament"><a href="" class="active">Action</a></li> -->
46 2aab17d7 Olga Brani
                                </ul>
47 673ea014 Olga Brani
                        </div>
48 15948f00 Olga Brani
                </div>
49 15948f00 Olga Brani
        </header>
50 15948f00 Olga Brani
        <div class="overlay-wrapper">
51 2aab17d7 Olga Brani
                <div class="overlay create-vm">
52 ce385b85 Olga Brani
                        <div class="lt-sidebar nav">
53 2aab17d7 Olga Brani
                                <ul>
54 21e567a9 Athina B
                                        <li><span class="titles">Predefined</span></li>
55 21e567a9 Athina B
                                        <li><a href="#" class="flavor_selection small_flavor">Small<span>></span></a></li>
56 21e567a9 Athina B
                                        <li><a href="#" class="flavor_selection medium_flavor">Medium<span>></span></a></li>
57 21e567a9 Athina B
                                        <li><a href="#" class="flavor_selection large_flavor">Large<span>></span></a></li>
58 2aab17d7 Olga Brani
                                </ul>
59 2aab17d7 Olga Brani
                                
60 2aab17d7 Olga Brani
                        </div>
61 2aab17d7 Olga Brani
                        <div class="main">
62 3fe0830a Athina Bekakou
                                <a href="vm_list.html" class="close" title="cancel vm creation">close</a>
63 2aab17d7 Olga Brani
                                <div class="select-flavor">
64 683f9212 Athina B
                                        <dl class="clearfix cpus">
65 2aab17d7 Olga Brani
                                                <dd><strong>Cpu</strong> (x cores)</dd>
66 683f9212 Athina B
                                                <dt><span class="small_flavor current">1</span><span class="medium_flavor">2</span><span class="large_flavor">4</span></dt>
67 2aab17d7 Olga Brani
                                        </dl>
68 683f9212 Athina B
                                        <dl class="clearfix disk">
69 2aab17d7 Olga Brani
                                                <dd><strong>Disk Size</strong> (GB)</dd>
70 683f9212 Athina B
                                                <dt><span class="small_flavor current">5</span><span class="medium_flavor">10</span><span class="large_flavor">20</span><span>40</span></dt>
71 2aab17d7 Olga Brani
                                        </dl>
72 683f9212 Athina B
                                        <dl class="clearfix ram">
73 2aab17d7 Olga Brani
                                                <dd><strong>Memory Size</strong> (MB)</dd>
74 683f9212 Athina B
                                                <dt><span class="small_flavor current">1024</span><span class="medium_flavor large_flavor">2048</span><span>4096</span></dt>
75 2aab17d7 Olga Brani
                                        </dl>
76 683f9212 Athina B
                                        <dl class="clearfix storage">
77 2aab17d7 Olga Brani
                                                <dd><strong>Storage</strong></dd>
78 683f9212 Athina B
                                                <dt><span class="current">Standard</span><span>Rdb</span><span>Local</span></dt>        
79 2aab17d7 Olga Brani
                                        </dl>
80 2aab17d7 Olga Brani
                                </div>
81 2aab17d7 Olga Brani
                                <div class="navigation clearfix">
82 3fe0830a Athina Bekakou
                                        <a class="lt btn2" href="vm_create_a.html">PREVIOUS</a>
83 f8f24db6 Olga Brani
                                        <a class="rt btn2" href="#">NEXT</a>
84 2aab17d7 Olga Brani
                                </div>
85 2aab17d7 Olga Brani
                        </div>
86 2aab17d7 Olga Brani
                </div>
87 2aab17d7 Olga Brani
                
88 2aab17d7 Olga Brani
        </div>
89 3820a3de Athina Bekakou
        
90 2aab17d7 Olga Brani
 
91 3820a3de Athina Bekakou
          <script src="javascripts/vendor/jquery.js"></script>
92 3820a3de Athina Bekakou
          
93 3820a3de Athina Bekakou
          <script src="javascripts/foundation/foundation.js"></script>
94 2aab17d7 Olga Brani
        
95 2aab17d7 Olga Brani
        <script src="javascripts/foundation/foundation.alerts.js"></script>
96 2aab17d7 Olga Brani
        
97 2aab17d7 Olga Brani
        <script src="javascripts/foundation/foundation.clearing.js"></script>
98 2aab17d7 Olga Brani
        
99 2aab17d7 Olga Brani
        <script src="javascripts/foundation/foundation.cookie.js"></script>
100 2aab17d7 Olga Brani
        
101 2aab17d7 Olga Brani
        <script src="javascripts/foundation/foundation.dropdown.js"></script>
102 2aab17d7 Olga Brani
        
103 2aab17d7 Olga Brani
        <script src="javascripts/foundation/foundation.forms.js"></script>
104 2aab17d7 Olga Brani
        
105 2aab17d7 Olga Brani
        <script src="javascripts/foundation/foundation.joyride.js"></script>
106 2aab17d7 Olga Brani
        
107 2aab17d7 Olga Brani
        <script src="javascripts/foundation/foundation.magellan.js"></script>
108 2aab17d7 Olga Brani
        
109 2aab17d7 Olga Brani
        <script src="javascripts/foundation/foundation.orbit.js"></script>
110 2aab17d7 Olga Brani
        
111 2aab17d7 Olga Brani
        <script src="javascripts/foundation/foundation.placeholder.js"></script>
112 2aab17d7 Olga Brani
        
113 2aab17d7 Olga Brani
        <script src="javascripts/foundation/foundation.reveal.js"></script>
114 2aab17d7 Olga Brani
        
115 2aab17d7 Olga Brani
        <script src="javascripts/foundation/foundation.section.js"></script>
116 2aab17d7 Olga Brani
        
117 2aab17d7 Olga Brani
        <script src="javascripts/foundation/foundation.tooltips.js"></script>
118 2aab17d7 Olga Brani
        
119 2aab17d7 Olga Brani
        <script src="javascripts/foundation/foundation.topbar.js"></script>
120 3820a3de Athina Bekakou
        
121 788833c7 Olga Brani
        <script type="text/javascript" src="javascripts/jquery.mousewheel.js"></script>
122 3820a3de Athina Bekakou
        
123 788833c7 Olga Brani
        <script type="text/javascript" src="javascripts/jquery.jscrollpane.js"></script>
124 3820a3de Athina Bekakou
        
125 65814c28 Olga Brani
        <script type="text/javascript" src="javascripts/dropzone.js"></script>
126 3820a3de Athina Bekakou
        
127 8db75456 Athina Bekakou
        <script type="text/javascript" src="javascripts/jquery.magnific-popup.js"></script>
128 3820a3de Athina Bekakou
        
129 3b80225c Athina Bekakou
        <script src="javascripts/common.js"></script>
130 2aab17d7 Olga Brani
        
131 2aab17d7 Olga Brani
  
132 3820a3de Athina Bekakou
          <script>
133 3820a3de Athina Bekakou
            $(document).foundation();
134 3820a3de Athina Bekakou
          </script>
135 2aab17d7 Olga Brani
</body>
136 2aab17d7 Olga Brani
</html>