Statistics
| Branch: | Tag: | Revision:

root / snf-cyclades-app / synnefo / ui / new_ui / ui / vm_create_b_v1.html @ f8f24db6

History | View | Annotate | Download (5.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 | VM list</title>
10
    <link rel="stylesheet" href="stylesheets/normalize.css" />
11
    <link rel="stylesheet" href="stylesheets/app.css" />
12

    
13
    <script src="javascripts/vendor/custom.modernizr.js"></script>
14

    
15
</head>
16
<body>
17
        <div class="dummy-navigation">
18
                <a href="" class="close">X</a>
19
                <a href="index.html">Homepage</a><br>
20
                <a href="" class="our" data-our="questions">Show/Hide questions</a><br>
21
                <a href="" class="our" data-our="suggestions">Show/Hide suggestions</a><br>
22
                <a href="" class="our" data-our="problems">Show/Hide problems</a><br>
23
        </div>
24
        <div class="row-full">
25
                <header class="header">
26
                        <!-- logo -->
27
                        <div class="logo">
28
                                <img src="http://dummyimage.com/300x100/000/fff" alt="software logo">
29
                        </div>
30
                        <div class="new-btn"><a href="" class="current"><span>+</span> NEW MACHINE </a></div>
31
                        <!-- icons-nav -->
32
                        <nav class="top-nav icons-nav">
33
                                
34
                                <ul>
35
                                        <li><a href="" data-tooltip ="has-tip" title="Storage"><img src="images/menu-icon-storage.png" alt="vm"></a></li>
36
                                        <li><a href="" data-tooltip ="has-tip" title="Compute"><img src="images/menu-icon-compute.png" alt="vm"></a></li>
37
                                        
38
                                        <li><a href="" data-tooltip ="has-tip" title="Disks"><img src="images/menu-icon-disks.png" alt="vm"></a></li>
39
                                        <li><a href="" data-tooltip ="has-tip" title="Networks"><img src="images/menu-icon-networks.png" alt="vm"></a></li>
40
                                </ul>
41
                                 
42
                        </nav>
43
                        
44
                        <!-- login functionality -->
45
                        <div class="login">
46
                                <a href="">test@grnet.gr</a>
47
                        </div>
48
                        <!-- extra actions -->
49
                        <div class="actions">
50
                                
51
                                <div class="lt-actions"></div>
52
                                <div class="main-actions">
53
                                        <ul>
54
                                                <li><a href="">Reboot</a></li>
55
                                                <li><a href="">Shutdown</a></li>
56
                                                <li><a href="">Console</a></li>
57
                                                <li><a href="">Action1</a></li>
58
                                                <li><a href="">Action2</a></li>
59
                                        </ul>
60
                                </div>
61
                        </div>
62
                </header>
63
                
64
        </div>
65
        <div class="row-full wrapper ">
66
                <div class="overlay create-vm">
67
                        <div class="lt-sidebar">
68
                                <ul>
69
                                        <li><a href="#">Predefined<span>></span></a></li>
70
                                        <li><a href="#" class="current">Small<span>></span></a></li>
71
                                        <li><a href="#">Medium<span>></span></a></li>
72
                                        <li><a href="#">Large<span>></span></a></li>
73
                                </ul>
74
                                
75
                        </div>
76
                        <div class="main">
77
                                <a href="vm_list_v1.html" class="close" title="cancel vm creation">close</a>
78
                                <div class="select-flavor">
79
                                        <dl class="clearfix">
80
                                                <dd><strong>Cpu</strong> (x cores)</dd>
81
                                                <dt><span>1</span><span>2</span><span>4</span></dt>
82
                                        </dl>
83
                                        <dl class="clearfix">
84
                                                <dd><strong>Disk Size</strong> (GB)</dd>
85
                                                <dt><span>10</span><span>20</span><span>40</span></dt>
86
                                        </dl>
87
                                        <dl class="clearfix">
88
                                                <dd><strong>Memory Size</strong> (MB)</dd>
89
                                                <dt><span>1024</span><span>2048</span><span>4096</span></dt>
90
                                        </dl>
91
                                        <dl class="clearfix">
92
                                                <dd><strong>Storage</strong></dd>
93
                                                <dt><span>Standard</span><span>Rdb</span><span>Local</span></dt>        
94
                                        </dl>
95
                                </div>
96
                                <div class="navigation clearfix">
97
                                        <a class="lt btn2" href="vm_create_a_v1.html">PREVIOUS</a>
98
                                        <a class="rt btn2" href="#">NEXT</a>
99
                                </div>
100
                        </div>
101
                </div>
102
                
103
        </div>
104
        <div class="extras">
105
                <span data-tooltip ="has-tip  suggestions" title="Μήπως να είναι λίγο πιο έντονα τα χρώματα; Μοιάζουν απενεργοποιημένα..." style="top:0;left:200px">:)</span>
106
                <span data-tooltip ="has-tip  questions" title="Πόσο θα είναι το μέγιστο πλάτος της κύριας περιοχής" style="top:240px;left:20px">?</span>
107
                <span data-tooltip ="has-tip  problems" title="Πώς θα έχουμε δράσεις όπως filters κτλ" style="top:140px;left:250px">!!</span>
108
        </div>
109
 
110
  <script src="javascripts/vendor/jquery.js"></script>
111
  <script src="javascripts/foundation/foundation.js"></script>
112
        
113
        <script src="javascripts/foundation/foundation.alerts.js"></script>
114
        
115
        <script src="javascripts/foundation/foundation.clearing.js"></script>
116
        
117
        <script src="javascripts/foundation/foundation.cookie.js"></script>
118
        
119
        <script src="javascripts/foundation/foundation.dropdown.js"></script>
120
        
121
        <script src="javascripts/foundation/foundation.forms.js"></script>
122
        
123
        <script src="javascripts/foundation/foundation.joyride.js"></script>
124
        
125
        <script src="javascripts/foundation/foundation.magellan.js"></script>
126
        
127
        <script src="javascripts/foundation/foundation.orbit.js"></script>
128
        
129
        <script src="javascripts/foundation/foundation.placeholder.js"></script>
130
        
131
        <script src="javascripts/foundation/foundation.reveal.js"></script>
132
        
133
        <script src="javascripts/foundation/foundation.section.js"></script>
134
        
135
        <script src="javascripts/foundation/foundation.tooltips.js"></script>
136
        
137
        <script src="javascripts/foundation/foundation.topbar.js"></script>
138
        <script src="javascripts/common.js"></script>
139
        
140
  
141
  <script>
142
    $(document).foundation();
143
  </script>
144
</body>
145
</html>