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

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