Statistics
| Branch: | Tag: | Revision:

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

History | View | Annotate | Download (5 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
                                <div class="select-flavor">
78
                                        <dl class="clearfix">
79
                                                <dd><strong>Cpu</strong> (x cores)</dd>
80
                                                <dt><span>1</span><span>2</span><span>4</span></dt>
81
                                        </dl>
82
                                        <dl class="clearfix">
83
                                                <dd><strong>Disk Size</strong> (GB)</dd>
84
                                                <dt><span>10</span><span>20</span><span>40</span></dt>
85
                                        </dl>
86
                                        <dl class="clearfix">
87
                                                <dd><strong>Memory Size</strong> (MB)</dd>
88
                                                <dt><span>1024</span><span>2048</span><span>4096</span></dt>
89
                                        </dl>
90
                                        <dl class="clearfix">
91
                                                <dd><strong>Storage</strong></dd>
92
                                                <dt><span>Standard</span><span>Rdb</span><span>Local</span></dt>        
93
                                        </dl>
94
                                </div>
95
                                <div class="navigation clearfix">
96
                                        <a class="lt btn2" href="">PREVIOUS</a>
97
                                        <a class="rt btn2" href="vm_create_b_v1.html">NEXT</a>
98
                                </div>
99
                        </div>
100
                </div>
101
                
102
        </div>
103
        <div class="extras">
104
                <span data-tooltip ="has-tip  suggestions" title="Μήπως να είναι λίγο πιο έντονα τα χρώματα; Μοιάζουν απενεργοποιημένα..." style="top:0;left:200px">:)</span>
105
                <span data-tooltip ="has-tip  questions" title="Πόσο θα είναι το μέγιστο πλάτος της κύριας περιοχής" style="top:240px;left:20px">?</span>
106
                <span data-tooltip ="has-tip  problems" title="Πώς θα έχουμε δράσεις όπως filters κτλ" style="top:140px;left:250px">!!</span>
107
        </div>
108
 
109
  <script src="javascripts/vendor/jquery.js"></script>
110
  <script src="javascripts/foundation/foundation.js"></script>
111
        
112
        <script src="javascripts/foundation/foundation.alerts.js"></script>
113
        
114
        <script src="javascripts/foundation/foundation.clearing.js"></script>
115
        
116
        <script src="javascripts/foundation/foundation.cookie.js"></script>
117
        
118
        <script src="javascripts/foundation/foundation.dropdown.js"></script>
119
        
120
        <script src="javascripts/foundation/foundation.forms.js"></script>
121
        
122
        <script src="javascripts/foundation/foundation.joyride.js"></script>
123
        
124
        <script src="javascripts/foundation/foundation.magellan.js"></script>
125
        
126
        <script src="javascripts/foundation/foundation.orbit.js"></script>
127
        
128
        <script src="javascripts/foundation/foundation.placeholder.js"></script>
129
        
130
        <script src="javascripts/foundation/foundation.reveal.js"></script>
131
        
132
        <script src="javascripts/foundation/foundation.section.js"></script>
133
        
134
        <script src="javascripts/foundation/foundation.tooltips.js"></script>
135
        
136
        <script src="javascripts/foundation/foundation.topbar.js"></script>
137
        <script src="javascripts/common.js"></script>
138
        
139
  
140
  <script>
141
    $(document).foundation();
142
  </script>
143
</body>
144
</html>