Statistics
| Branch: | Tag: | Revision:

root / snf-cyclades-app / synnefo / ui / new_ui / ui / vm_create_a_v1.html @ db920d2c

History | View | Annotate | Download (5.7 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 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

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

    
16
</head>
17
<body>
18
        <div class="dummy-navigation">
19
                <a href="" class="close">X</a>
20
                <a href="index.html">Homepage</a><br>
21
                <a href="" class="our" data-our="questions">Show/Hide questions</a><br>
22
                <a href="" class="our" data-our="suggestions">Show/Hide suggestions</a><br>
23
                <a href="" class="our" data-our="problems">Show/Hide problems</a><br>
24
        </div>
25
                <div class="row-full">
26
                <header class="header">
27
                        
28
                        <div class="logo">
29
                                <img src="images/logo_01.png" alt="software logo">
30
                        </div>
31
                        
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
                        <div class="login">
45
                                <a href="">test@grnet.gr</a>
46
                        </div>
47
                        <div class="actions clearfix">
48
                                
49
                                <div class="lt-actions">
50
                                        <div class="new-btn"><a href="vm_create_a_v1.html" class="current"><span>+</span> NEW MACHINE </a></div>
51
                                </div>
52
                                <div class="main-actions">
53
                                        <ul>
54
                                                <li><a href="">Reboot</a></li>
55
                                                <li><a href="">Shutdown</a></li>
56
                                                <li class="single"><a href="">Console</a></li>
57
                                                <li><a href="">Multiple action</a></li>
58
                                                <li class="single"><a href="">Single action</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="#">Image type<span>></span></a></li>
70
                                        <li><a href="#" class="current">System<span>></span></a></li>
71
                                        <li><a href="#">My images<span>></span></a></li>
72
                                        <li><a href="#">Shared with me<span>></span></a></li>
73
                                </ul>
74
                                <ul>
75
                                        <li><a href="#">Categories<span>></span></a></li>
76
                                        
77
                                </ul>
78
                        </div>
79
                        <div class="main">
80
                                <a href="vm_list_v1.html" class="close" title="cancel vm creation">close</a>
81
                                <div class="select-os">
82
                                        <ul class="clearfix">
83
                                                <li>
84
                                                        <div class="os kubuntu">kubuntu</div>
85
                                                        <h2>kubuntu sidufsoi foisdu fso</h2>
86
                                                        <p class="details"><a href="">details</a></p>
87
                                                </li>
88
                                                <li>
89
                                                        <div class="os fedora">fedora</div>
90
                                                        <h2>fedora </h2>
91
                                                        <p class="details"><a href="">details</a></p>
92
                                                </li>
93
                                                <li>
94
                                                        <div class="os windows">windows</div>
95
                                                        <h2>Windows </h2>
96
                                                        <p class="details"><a href="">details</a></p>
97
                                                </li>
98
                                                <li>
99
                                                        <div class="os kubuntu">windows</div>
100
                                                        <h2>Windows </h2>
101
                                                        <p class="details"><a href="">details</a></p>
102
                                                </li>
103
                                                <li>
104
                                                        <div class="os kubuntu">windows</div>
105
                                                        <h2>Windows </h2>
106
                                                        <p class="details"><a href="">details</a></p>
107
                                                </li>
108
                                                <li>
109
                                                        <div class="os fedora">windows</div>
110
                                                        <h2>Windows </h2>
111
                                                        <p class="details"><a href="">details</a></p>
112
                                                </li>
113
                                        </ul>
114
                                </div>
115
                                <div class="navigation clearfix">
116
                                        
117
                                        <a class="rt btn2" href="vm_create_b_v1.html" title="next step">NEXT</a>
118
                                </div>
119
                        </div>
120
                </div>
121
                
122
        </div>
123
        <div class="extras">
124
                <span data-tooltip ="has-tip  suggestions" title="Μήπως να είναι λίγο πιο έντονα τα χρώματα; Μοιάζουν απενεργοποιημένα..." style="top:0;left:200px">:)</span>
125
                <span data-tooltip ="has-tip  questions" title="Πόσο θα είναι το μέγιστο πλάτος της κύριας περιοχής" style="top:240px;left:20px">?</span>
126
                <span data-tooltip ="has-tip  problems" title="Πώς θα έχουμε δράσεις όπως filters κτλ" style="top:140px;left:250px">!!</span>
127
        </div>
128
 
129
  <script src="javascripts/vendor/jquery.js"></script>
130
  <script src="javascripts/foundation/foundation.js"></script>
131
        
132
        <script src="javascripts/foundation/foundation.alerts.js"></script>
133
        
134
        <script src="javascripts/foundation/foundation.clearing.js"></script>
135
        
136
        <script src="javascripts/foundation/foundation.cookie.js"></script>
137
        
138
        <script src="javascripts/foundation/foundation.dropdown.js"></script>
139
        
140
        <script src="javascripts/foundation/foundation.forms.js"></script>
141
        
142
        <script src="javascripts/foundation/foundation.joyride.js"></script>
143
        
144
        <script src="javascripts/foundation/foundation.magellan.js"></script>
145
        
146
        <script src="javascripts/foundation/foundation.orbit.js"></script>
147
        
148
        <script src="javascripts/foundation/foundation.placeholder.js"></script>
149
        
150
        <script src="javascripts/foundation/foundation.reveal.js"></script>
151
        
152
        <script src="javascripts/foundation/foundation.section.js"></script>
153
        
154
        <script src="javascripts/foundation/foundation.tooltips.js"></script>
155
        
156
        <script src="javascripts/foundation/foundation.topbar.js"></script>
157
        <script src="javascripts/common.js"></script>
158
        <script src="javascripts/common_ab.js"></script>
159
        
160
  
161
  <script>
162
    $(document).foundation();
163
  </script>
164
</body>
165
</html>