Statistics
| Branch: | Tag: | Revision:

root / snf-cyclades-app / synnefo / ui / new_ui / ui / vm_list_v1.html @ 98714f8a

History | View | Annotate | Download (6.1 kB)

1 b3c1328b Olga Brani
2 b3c1328b Olga Brani
<!DOCTYPE html>
3 b3c1328b Olga Brani
<!--[if IE 8]>                                  <html class="no-js lt-ie9" lang="en"> <![endif]-->
4 b3c1328b Olga Brani
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
5 b3c1328b Olga Brani
6 b3c1328b Olga Brani
<head>
7 b3c1328b Olga Brani
        <meta charset="utf-8" />
8 b3c1328b Olga Brani
    <meta name="viewport" content="width=device-width" />
9 b3c1328b Olga Brani
    <title>Synnefo | VM list</title>
10 b3c1328b Olga Brani
    <link rel="stylesheet" href="stylesheets/normalize.css" />
11 b3c1328b Olga Brani
    <link rel="stylesheet" href="stylesheets/app.css" />
12 b3c1328b Olga Brani
13 b3c1328b Olga Brani
    <script src="javascripts/vendor/custom.modernizr.js"></script>
14 b3c1328b Olga Brani
15 b3c1328b Olga Brani
</head>
16 b3c1328b Olga Brani
<body>
17 b3c1328b Olga Brani
        <div class="dummy-navigation">
18 b3c1328b Olga Brani
                <a href="" class="close">X</a>
19 b3c1328b Olga Brani
                <a href="index.html">Homepage</a><br>
20 b3c1328b Olga Brani
                <a href="" class="our" data-our="questions">Show/Hide questions</a><br>
21 b3c1328b Olga Brani
                <a href="" class="our" data-our="suggestions">Show/Hide suggestions</a><br>
22 b3c1328b Olga Brani
                <a href="" class="our" data-our="problems">Show/Hide problems</a><br>
23 b3c1328b Olga Brani
        </div>
24 b3c1328b Olga Brani
        <div class="row-full">
25 b3c1328b Olga Brani
                <header class="header">
26 b3c1328b Olga Brani
                        <!-- logo -->
27 b3c1328b Olga Brani
                        <div class="logo">
28 b3c1328b Olga Brani
                                <img src="http://dummyimage.com/300x100/000/fff" alt="software logo">
29 b3c1328b Olga Brani
                        </div>
30 b3c1328b Olga Brani
                        <div class="new-btn"><a href=""><span>+</span> NEW MACHINE </a></div>
31 b3c1328b Olga Brani
                        <!-- icons-nav -->
32 b3c1328b Olga Brani
                        <nav class="top-nav icons-nav">
33 b3c1328b Olga Brani
                                
34 b3c1328b Olga Brani
                                <ul>
35 b3c1328b Olga Brani
                                        <li><a href="" data-tooltip ="has-tip" title="Storage"><img src="images/menu-icon-storage.png" alt="vm"></a></li>
36 b3c1328b Olga Brani
                                        <li><a href="" data-tooltip ="has-tip" title="Compute"><img src="images/menu-icon-compute.png" alt="vm"></a></li>
37 b3c1328b Olga Brani
                                        
38 b3c1328b Olga Brani
                                        <li><a href="" data-tooltip ="has-tip" title="Disks"><img src="images/menu-icon-disks.png" alt="vm"></a></li>
39 b3c1328b Olga Brani
                                        <li><a href="" data-tooltip ="has-tip" title="Networks"><img src="images/menu-icon-networks.png" alt="vm"></a></li>
40 b3c1328b Olga Brani
                                </ul>
41 b3c1328b Olga Brani
                                 
42 b3c1328b Olga Brani
                        </nav>
43 b3c1328b Olga Brani
                        
44 b3c1328b Olga Brani
                        <!-- login functionality -->
45 b3c1328b Olga Brani
                        <div class="login">
46 b3c1328b Olga Brani
                                <a href="">test@grnet.gr</a>
47 b3c1328b Olga Brani
                        </div>
48 b3c1328b Olga Brani
                        <!-- extra actions -->
49 b3c1328b Olga Brani
                        <div class="actions">
50 b3c1328b Olga Brani
                                
51 b3c1328b Olga Brani
                                <div class="lt-actions"></div>
52 b3c1328b Olga Brani
                                <div class="main-actions">
53 b3c1328b Olga Brani
                                        <ul>
54 b3c1328b Olga Brani
                                                <li><a href="">Reboot</a></li>
55 b3c1328b Olga Brani
                                                <li><a href="">Shutdown</a></li>
56 b3c1328b Olga Brani
                                                <li><a href="">Console</a></li>
57 b3c1328b Olga Brani
                                                <li><a href="">Action1</a></li>
58 b3c1328b Olga Brani
                                                <li><a href="">Action2</a></li>
59 b3c1328b Olga Brani
                                        </ul>
60 b3c1328b Olga Brani
                                </div>
61 b3c1328b Olga Brani
                        </div>
62 b3c1328b Olga Brani
                </header>
63 b3c1328b Olga Brani
                <div class="info top-info success">
64 b3c1328b Olga Brani
                        <div class="wrap">
65 b3c1328b Olga Brani
66 b3c1328b Olga Brani
                                <p>Nunc at velit quis lectus nonummy eleifend. Curabitur eros. Aenean ligula dolor, gravida auctor, auctor et, suscipit in, erat. Sed malesuada, enim ut congue pharetra, massa elit convallis pede, ornare scelerisque libero neque ut neque. In at libero. </p>
67 b3c1328b Olga Brani
                        </div>
68 b3c1328b Olga Brani
                        <a href="#" class="close" title="hide message">close</a>
69 b3c1328b Olga Brani
                </div>
70 b3c1328b Olga Brani
71 b3c1328b Olga Brani
        </div>
72 b3c1328b Olga Brani
        <div class="row-full wrapper">
73 b3c1328b Olga Brani
74 b3c1328b Olga Brani
                
75 b3c1328b Olga Brani
                <!-- main area -->
76 b3c1328b Olga Brani
                <section class="main">
77 b3c1328b Olga Brani
                        
78 b3c1328b Olga Brani
                        <div class="vms">
79 b3c1328b Olga Brani
                                <ul class="items-list small-block-grid-2 large-block-grid-4">
80 b3c1328b Olga Brani
                                        <li>
81 b3c1328b Olga Brani
                                                <div class="img running">
82 b3c1328b Olga Brani
                                                        VM running
83 b3c1328b Olga Brani
                                                        <span class="os windows">os</span>
84 b3c1328b Olga Brani
                                                </div>
85 b3c1328b Olga Brani
                                                <p class="visible-info">
86 b3c1328b Olga Brani
                                                        <span>IPv4 83.212.97.127</span>
87 b3c1328b Olga Brani
                                                        <span>my awsome machine</span>
88 b3c1328b Olga Brani
                                                </p>
89 b3c1328b Olga Brani
                                        </li>
90 b3c1328b Olga Brani
                                        <li>
91 b3c1328b Olga Brani
                                                <div class="img running">
92 b3c1328b Olga Brani
                                                        VM running
93 b3c1328b Olga Brani
                                                        <span class="os fedora">os</span>
94 b3c1328b Olga Brani
                                                </div>
95 b3c1328b Olga Brani
                                                <p class="visible-info">
96 b3c1328b Olga Brani
                                                        <span>IPv4 83.212.97.127</span>
97 b3c1328b Olga Brani
                                                        <span>my awsome machine</span>
98 b3c1328b Olga Brani
                                                </p>
99 b3c1328b Olga Brani
                                        </li>
100 b3c1328b Olga Brani
                                        <li>
101 b3c1328b Olga Brani
                                                <div class="img stopped">
102 b3c1328b Olga Brani
                                                        VM running
103 b3c1328b Olga Brani
                                                        <span class="os kubuntu">os</span>
104 b3c1328b Olga Brani
                                                </div>
105 b3c1328b Olga Brani
                                                <p class="visible-info">
106 b3c1328b Olga Brani
                                                        <span>IPv4 83.212.97.127</span>
107 b3c1328b Olga Brani
                                                        <span>my awsome machine</span>
108 b3c1328b Olga Brani
                                                </p>
109 b3c1328b Olga Brani
                                        </li>
110 b3c1328b Olga Brani
                                        <li>
111 b3c1328b Olga Brani
                                                <div class="img running">
112 b3c1328b Olga Brani
                                                        VM running
113 b3c1328b Olga Brani
                                                        <span class="os windows">os</span>
114 b3c1328b Olga Brani
                                                </div>
115 b3c1328b Olga Brani
                                                <p class="visible-info">
116 b3c1328b Olga Brani
                                                        <span>IPv4 83.212.97.127</span>
117 b3c1328b Olga Brani
                                                        <span>my awsome machine</span>
118 b3c1328b Olga Brani
                                                </p>
119 b3c1328b Olga Brani
                                        </li>
120 b3c1328b Olga Brani
                                        <li>
121 b3c1328b Olga Brani
                                                <div class="img running">
122 b3c1328b Olga Brani
                                                        VM running
123 b3c1328b Olga Brani
                                                        <span class="os kubuntu">os</span>
124 b3c1328b Olga Brani
                                                </div>
125 b3c1328b Olga Brani
                                                <p class="visible-info">
126 b3c1328b Olga Brani
                                                        <span>IPv4 83.212.97.127</span>
127 b3c1328b Olga Brani
                                                        <span>my awsome machine</span>
128 b3c1328b Olga Brani
                                                </p>
129 b3c1328b Olga Brani
                                        </li>
130 b3c1328b Olga Brani
                                        <li>
131 b3c1328b Olga Brani
                                                <div class="img running">
132 b3c1328b Olga Brani
                                                        VM running
133 b3c1328b Olga Brani
                                                        <span class="os">os</span>
134 b3c1328b Olga Brani
                                                </div>
135 b3c1328b Olga Brani
                                                <p class="visible-info">
136 b3c1328b Olga Brani
                                                        <span>IPv4 83.212.97.127</span>
137 b3c1328b Olga Brani
                                                        <span>my awsome machine</span>
138 b3c1328b Olga Brani
                                                </p>
139 b3c1328b Olga Brani
                                        </li>
140 b3c1328b Olga Brani
                                        <li>
141 b3c1328b Olga Brani
                                                <div class="img running">
142 b3c1328b Olga Brani
                                                        VM running
143 b3c1328b Olga Brani
                                                        <span class="os windows">os</span>
144 b3c1328b Olga Brani
                                                </div>
145 b3c1328b Olga Brani
                                                <p class="visible-info">
146 b3c1328b Olga Brani
                                                        <span>IPv4 83.212.97.127</span>
147 b3c1328b Olga Brani
                                                        <span>my awsome machine</span>
148 b3c1328b Olga Brani
                                                </p>
149 b3c1328b Olga Brani
                                        </li>
150 b3c1328b Olga Brani
                                </ul>
151 b3c1328b Olga Brani
                        </div>
152 b3c1328b Olga Brani
                </section>
153 b3c1328b Olga Brani
        </div>
154 b3c1328b Olga Brani
        <div class="extras">
155 b3c1328b Olga Brani
                <span data-tooltip ="has-tip  suggestions" title="Μήπως να είναι λίγο πιο έντονα τα χρώματα; Μοιάζουν απενεργοποιημένα..." style="top:0;left:200px">:)</span>
156 b3c1328b Olga Brani
                <span data-tooltip ="has-tip  questions" title="Πόσο θα είναι το μέγιστο πλάτος της κύριας περιοχής" style="top:240px;left:20px">?</span>
157 b3c1328b Olga Brani
                <span data-tooltip ="has-tip  problems" title="Πώς θα έχουμε δράσεις όπως filters κτλ" style="top:140px;left:250px">!!</span>
158 b3c1328b Olga Brani
        </div>
159 b3c1328b Olga Brani
 
160 b3c1328b Olga Brani
  <script src="javascripts/vendor/jquery.js"></script>
161 b3c1328b Olga Brani
  <script src="javascripts/foundation/foundation.js"></script>
162 b3c1328b Olga Brani
        
163 b3c1328b Olga Brani
        <script src="javascripts/foundation/foundation.alerts.js"></script>
164 b3c1328b Olga Brani
        
165 b3c1328b Olga Brani
        <script src="javascripts/foundation/foundation.clearing.js"></script>
166 b3c1328b Olga Brani
        
167 b3c1328b Olga Brani
        <script src="javascripts/foundation/foundation.cookie.js"></script>
168 b3c1328b Olga Brani
        
169 b3c1328b Olga Brani
        <script src="javascripts/foundation/foundation.dropdown.js"></script>
170 b3c1328b Olga Brani
        
171 b3c1328b Olga Brani
        <script src="javascripts/foundation/foundation.forms.js"></script>
172 b3c1328b Olga Brani
        
173 b3c1328b Olga Brani
        <script src="javascripts/foundation/foundation.joyride.js"></script>
174 b3c1328b Olga Brani
        
175 b3c1328b Olga Brani
        <script src="javascripts/foundation/foundation.magellan.js"></script>
176 b3c1328b Olga Brani
        
177 b3c1328b Olga Brani
        <script src="javascripts/foundation/foundation.orbit.js"></script>
178 b3c1328b Olga Brani
        
179 b3c1328b Olga Brani
        <script src="javascripts/foundation/foundation.placeholder.js"></script>
180 b3c1328b Olga Brani
        
181 b3c1328b Olga Brani
        <script src="javascripts/foundation/foundation.reveal.js"></script>
182 b3c1328b Olga Brani
        
183 b3c1328b Olga Brani
        <script src="javascripts/foundation/foundation.section.js"></script>
184 b3c1328b Olga Brani
        
185 b3c1328b Olga Brani
        <script src="javascripts/foundation/foundation.tooltips.js"></script>
186 b3c1328b Olga Brani
        
187 b3c1328b Olga Brani
        <script src="javascripts/foundation/foundation.topbar.js"></script>
188 b3c1328b Olga Brani
        <script src="javascripts/common.js"></script>
189 b3c1328b Olga Brani
        
190 b3c1328b Olga Brani
  
191 b3c1328b Olga Brani
  <script>
192 b3c1328b Olga Brani
    $(document).foundation();
193 b3c1328b Olga Brani
  </script>
194 b3c1328b Olga Brani
</body>
195 b3c1328b Olga Brani
</html>