1 |
85ad3d82
|
Assos Assos
|
<div id="preview">
|
2 |
|
|
|
3 |
|
|
<div id="preview-page-wrapper">
|
4 |
|
|
<div id="preview-page">
|
5 |
|
|
|
6 |
|
|
<div id="preview-header-wrapper">
|
7 |
|
|
<div id="preview-header"><div id="preview-header-watermark"><div class="section clearfix">
|
8 |
|
|
|
9 |
|
|
<div id="preview-logo">
|
10 |
|
|
<img src="../logo.png" alt="Home" />
|
11 |
|
|
</div>
|
12 |
|
|
|
13 |
|
|
<div id="preview-name-and-slogan">
|
14 |
|
|
<div id="preview-site-name">
|
15 |
|
|
<strong><a href="#" title="Home" rel="home"><span>MAYO</span></a></strong>
|
16 |
|
|
</div>
|
17 |
|
|
<div id="preview-site-slogan">colorable theme by PIXTURE STUDIO
|
18 |
|
|
</div>
|
19 |
|
|
</div>
|
20 |
|
|
|
21 |
|
|
</div></div></div>
|
22 |
|
|
</div>
|
23 |
|
|
|
24 |
|
|
|
25 |
|
|
<div id="preview-navigation-wrapper">
|
26 |
|
|
<div id="preview-navigation"><div class="section">
|
27 |
|
|
<ul id="preview-main-menu" class="links inline clearfix">
|
28 |
|
|
<li class="menu"><a href="#" class="active">Home</a></li>
|
29 |
|
|
<li class="menu"><a href="#">Blog</a></li>
|
30 |
|
|
<li class="menu"><a href="#" class="highlight">Forum</a></li>
|
31 |
|
|
<li class="menu last"><a href="#">Help</a></li>
|
32 |
|
|
</ul>
|
33 |
|
|
</div></div>
|
34 |
|
|
</div>
|
35 |
|
|
|
36 |
|
|
|
37 |
|
|
<div id="preview-main-wrapper">
|
38 |
|
|
<div id="preview-main" class="clearfix">
|
39 |
|
|
|
40 |
|
|
<div id="preview-sidebar-first" class="column sidebar"><div class="section">
|
41 |
|
|
|
42 |
|
|
<div class="region region-sidebar-first">
|
43 |
|
|
|
44 |
|
|
<div id="preview-block-user-login" class="block block-user first last even">
|
45 |
|
|
<h2>
|
46 |
|
|
Sidebar
|
47 |
|
|
</h2>
|
48 |
|
|
<div class="content">
|
49 |
|
|
<p>
|
50 |
|
|
Maecenas id porttitor felis. <a href="#">Pellentesque</a> mollis urna in nibh pharetra semper. Nulla erat odio, <a href="#">imperdiet</a> quis cursus vitae, ultricies at diam.
|
51 |
|
|
</p>
|
52 |
|
|
</div>
|
53 |
|
|
</div>
|
54 |
|
|
|
55 |
|
|
<div id="preview-block-user-login" class="block block-user first last even">
|
56 |
|
|
<h2>
|
57 |
|
|
Sidebar 2
|
58 |
|
|
</h2>
|
59 |
|
|
<div class="content">
|
60 |
|
|
<div class="item-list">
|
61 |
|
|
<ul>
|
62 |
|
|
<li><a href="#">List item 1</a></li>
|
63 |
|
|
<li><a href="#">List item 2</a></li>
|
64 |
|
|
<li><a href="#">List item 3</a></li>
|
65 |
|
|
<li><a href="#">List item 4</a></li>
|
66 |
|
|
</ul>
|
67 |
|
|
</div>
|
68 |
|
|
</div>
|
69 |
|
|
</div>
|
70 |
|
|
|
71 |
|
|
</div>
|
72 |
|
|
|
73 |
|
|
</div></div>
|
74 |
|
|
|
75 |
|
|
<div id="preview-content" class="column"><div class="section">
|
76 |
|
|
|
77 |
|
|
<a id="preview-main-content"></a>
|
78 |
|
|
<h1 class="title" id="preview-page-title">
|
79 |
|
|
Page title
|
80 |
|
|
</h1>
|
81 |
|
|
<div class="region region-content">
|
82 |
|
|
|
83 |
|
|
<div id="preview-block-system-main" class="block block-system first last even">
|
84 |
|
|
<div class="content">
|
85 |
|
|
<div id="preview-node-1" class="node node-page node-sticky clearfix" about="/node/1" typeof="foaf:Document">
|
86 |
|
|
<h2><a href="#">Sticky Node title</a></h2>
|
87 |
|
|
<div class="content clearfix">
|
88 |
|
|
<div class="field field-name-body field-type-text-with-summary field-label-hidden clearfix">
|
89 |
|
|
<div class="field-items">
|
90 |
|
|
<div class="field-item even" property="content:encoded">
|
91 |
|
|
Sit amet, <a href="#">consectetur adipisicing elit</a>, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud.
|
92 |
|
|
</div>
|
93 |
|
|
</div>
|
94 |
|
|
</div>
|
95 |
|
|
</div>
|
96 |
|
|
</div>
|
97 |
|
|
</div>
|
98 |
|
|
</div>
|
99 |
|
|
|
100 |
|
|
<div id="preview-block-system-main" class="block block-system first last even">
|
101 |
|
|
<div class="content">
|
102 |
|
|
<div id="preview-node-1" class="node node-page clearfix" about="/node/1" typeof="foaf:Document">
|
103 |
|
|
<h2><a href="#">Node title</a></h2>
|
104 |
|
|
<div class="content clearfix">
|
105 |
|
|
<div class="field field-name-body field-type-text-with-summary field-label-hidden clearfix">
|
106 |
|
|
<div class="field-items">
|
107 |
|
|
<div class="field-item even" property="content:encoded">
|
108 |
|
|
Sit amet, <a href="#">consectetur adipisicing elit</a>, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud <a href="#">exercitation ullamco</a> laboris nisi ut aliquip ex ea commodo consequat.
|
109 |
|
|
<p>
|
110 |
|
|
<table>
|
111 |
|
|
<thead>
|
112 |
|
|
<tr>
|
113 |
|
|
<th><a href="#">Heading 1</a></th>
|
114 |
|
|
<th>Heading 2</th>
|
115 |
|
|
<th>Heading 3</th>
|
116 |
|
|
</tr>
|
117 |
|
|
</thead>
|
118 |
|
|
<tbody>
|
119 |
|
|
<tr class="odd">
|
120 |
|
|
<td><a href="#">Row 1: Column 1</a></td>
|
121 |
|
|
<td><a href="#">Row 1: Column 2</a></td>
|
122 |
|
|
<td>Row 1: Column 3</td>
|
123 |
|
|
</tr>
|
124 |
|
|
<tr class="even">
|
125 |
|
|
<td><a href="#">Row 2: Column 1</a></td>
|
126 |
|
|
<td><a href="#">Row 2: Column 2</a></td>
|
127 |
|
|
<td>Row 2: Column 3</td>
|
128 |
|
|
</tr>
|
129 |
|
|
<tr class="odd">
|
130 |
|
|
<td><a href="#">Row 3: Column 1</a></td>
|
131 |
|
|
<td><a href="#">Row 3: Column 2</a></td>
|
132 |
|
|
<td>Row 3: Column 3</td>
|
133 |
|
|
</tr>
|
134 |
|
|
<tr class="even">
|
135 |
|
|
<td><a href="#">Row 4: Column 1</a></td>
|
136 |
|
|
<td><a href="#">Row 4: Column 2</a></td>
|
137 |
|
|
<td>Row 4: Column 3</td>
|
138 |
|
|
</tbody>
|
139 |
|
|
</table>
|
140 |
|
|
</p>
|
141 |
|
|
|
142 |
|
|
</div>
|
143 |
|
|
</div>
|
144 |
|
|
</div>
|
145 |
|
|
</div>
|
146 |
|
|
</div>
|
147 |
|
|
</div>
|
148 |
|
|
</div>
|
149 |
|
|
|
150 |
|
|
</div>
|
151 |
|
|
|
152 |
|
|
</div></div>
|
153 |
|
|
|
154 |
|
|
</div>
|
155 |
|
|
</div>
|
156 |
|
|
|
157 |
|
|
<div class="section clearfix"></div>
|
158 |
|
|
|
159 |
|
|
<div id="preview-footer-wrapper">
|
160 |
|
|
<div class="preview-footer-column">
|
161 |
|
|
Column 1
|
162 |
|
|
<ul>
|
163 |
|
|
<li><a href="#">Column 1 Item 1</a></li>
|
164 |
|
|
<li><a href="#">Column 1 Item 2</a></li>
|
165 |
|
|
<li><a href="#">Column 1 Item 3</a></li>
|
166 |
|
|
</ul>
|
167 |
|
|
</div>
|
168 |
|
|
|
169 |
|
|
<div class="preview-footer-column">
|
170 |
|
|
Column 2
|
171 |
|
|
<ol>
|
172 |
|
|
<li>Column 2Item 1</li>
|
173 |
|
|
<li>Column 2Item 2</li>
|
174 |
|
|
<li>Column 2Item 3</li>
|
175 |
|
|
</ol>
|
176 |
|
|
</div>
|
177 |
|
|
|
178 |
|
|
<div class="preview-footer-column">
|
179 |
|
|
Column 3
|
180 |
|
|
<ul>
|
181 |
|
|
<li>Column 3 <a href="#">Item 1</a></li>
|
182 |
|
|
<li>Column 3 <a href="#">Item 2</a></li>
|
183 |
|
|
</ul>
|
184 |
|
|
</div>
|
185 |
|
|
|
186 |
|
|
<div class="section clearfix"></div>
|
187 |
|
|
|
188 |
|
|
<div id="preview-footer">
|
189 |
|
|
|
190 |
|
|
<div class="section clearfix">
|
191 |
|
|
|
192 |
|
|
This is the footer region. You can add up to 4 columns to the footer.
|
193 |
|
|
</div>
|
194 |
|
|
|
195 |
|
|
</div>
|
196 |
|
|
</div>
|
197 |
|
|
|
198 |
|
|
</div>
|
199 |
|
|
</div>
|
200 |
|
|
|
201 |
|
|
</div> |