-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
151 lines (124 loc) · 7.33 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
<!DOCTYPE html>
<head>
<!-- Basic Page Needs -->
<meta charset="utf-8">
<title>{TITLE} - mkv25.net</title>
<meta name="description" content="{META_DESCRIPTION}">
<meta name="author" content="{META_AUTHOR}">
<!-- Mobile Specific Metas -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<!-- CSS -->
<link rel="stylesheet" href="stylesheets/base.css">
<link rel="stylesheet" href="stylesheets/layout.css">
<link rel="stylesheet" href="stylesheets/style.css">
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!-- Favicons -->
<link rel="shortcut icon" href="images/favicon.ico">
<link rel="apple-touch-icon" href="images/icon_x57.png">
<link rel="apple-touch-icon" sizes="72x72" href="images/icon_x72.png">
<link rel="apple-touch-icon" sizes="114x114" href="images/icon_x114.png">
</head>
<body>
<navigation>
<content>
<heading>Navigation Heading</heading>
<version>Version 1.0</version>
</content>
</navigation>
<content>
<content class="center">
Available from github: <a href="https://github.com/Markavian/html5-responsive-layout">https://github.com/Markavian/html5-responsive-layout</a>
</content>
<column class="single">
<content>
<heading>Single column</heading>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ac convallis urna, in faucibus arcu. Nunc eget ipsum nec est rhoncus mattis eu ut ante. Morbi convallis quam eget tellus lobortis vulputate. Nunc eu augue dignissim, convallis nulla sit amet, ullamcorper quam. Nulla pulvinar lobortis aliquam. Fusce dignissim diam ut vehicula hendrerit. Donec vitae sapien ac arcu blandit pharetra. Sed et erat non tellus posuere tempus. Cras aliquam dui id sem scelerisque, ac maximus leo laoreet. Sed eget lobortis odio. Vivamus mollis sagittis quam, vel dictum libero varius at. Praesent velit ipsum, ultrices eu convallis ut, tempus ac enim. Nunc mattis ornare odio, quis aliquam diam. Nullam sit amet interdum est. Pellentesque interdum vitae nisi non pellentesque. Curabitur quis ante sem.</p>
</content>
<column class="double first">
<content>
<heading>Double Column 1</heading>
<p>Vestibulum mattis ac enim ac ullamcorper. Etiam ut lacus lectus. Mauris nec faucibus lacus, nec dapibus lectus. Donec maximus est aliquam libero malesuada semper. Mauris malesuada vitae lectus et venenatis. Donec massa lectus, blandit id ex quis, aliquam fringilla tellus. Suspendisse magna libero, auctor venenatis fringilla nec, aliquam a nunc. Ut a vulputate orci. Aenean et magna eget ipsum cursus aliquet ut vel nunc. Suspendisse mauris massa, placerat eget auctor tempor, vulputate eget lorem.</p>
</content>
</column>
<column class="double">
<content>
<heading>Double Column 2</heading>
<p>Etiam ut mi in dolor scelerisque congue. Proin feugiat, ante non convallis tristique, nunc ante molestie sem, a faucibus massa nulla at sapien. Pellentesque viverra odio eu nulla consectetur lacinia. Morbi ullamcorper metus sed nisi porttitor, ut elementum neque accumsan. Nullam sodales ex eros, id pretium mauris facilisis dictum. Ut vestibulum tempor ex, laoreet convallis justo laoreet id. Interdum et malesuada fames ac ante ipsum primis in faucibus. In et efficitur ligula. Quisque sed facilisis sem. Mauris eu ipsum at elit imperdiet cursus et nec diam. </p>
</content>
</column>
</column>
<column class="single">
<column class="triple first">
<content>
<heading>Triple Column A</heading>
<p>Proin semper purus eget orci tempus pharetra. Curabitur imperdiet libero sem, sed placerat est aliquam eu. Praesent fermentum hendrerit lectus. Maecenas eu aliquet libero, eu sollicitudin elit. Curabitur vel porta metus. Phasellus eu scelerisque turpis, nec aliquam nunc. Donec congue ligula vel nisi fringilla, quis facilisis orci bibendum. Morbi dapibus nisi at euismod elementum. Suspendisse orci enim, volutpat id egestas eu, tempus eget.</p>
</content>
</column>
<column class="triple">
<content>
<heading>Triple Column B</heading>
<p>Proin aliquet lacinia velit ut malesuada. Pellentesque scelerisque, quam et sodales consectetur, lorem orci feugiat est, vel lacinia lorem lacus ut orci. Nulla facilisi. Integer tellus ipsum, viverra eu euismod nec, hendrerit non augue. Fusce semper lacus nec nunc dictum, eget pharetra lorem lacinia.</p>
</content>
</column>
<column class="triple">
<content>
<heading>Triple Column C</heading>
<p>Nam dolor libero, faucibus in pretium at, accumsan eget purus. Cras mattis porttitor tellus. Cras arcu enim, aliquet vel molestie eu, iaculis mattis turpis. Quisque eu augue vestibulum, pulvinar augue id, suscipit tellus. Suspendisse semper ipsum eget erat ullamcorper sollicitudin. Pellentesque fringilla tempor ex, at ultricies libero ornare in. Vestibulum sit amet arcu scelerisque, eleifend quam eu, ornare lectus.</p>
</content>
</column>
</column>
<column class="single">
<column class="quad first">
<content>
<heading>Quad Column I</heading>
<p>Examples of classic arcade games with active competition for highscores:</p>
<ul class="square">
<li><a href="games/asteroids">Blasting Rocks and Stuff</a></li>
<li><a href="games/breakout">That Game With Paddles</a></li>
<li><a href="games/blocks">Blocks - Looks alot like tetris</a></li>
</ul>
</content>
</column>
<column class="quad">
<content>
<heading>Quad Column II</heading>
<p>Also around the site are a series of puzzles and interactive toys:</p>
<ul class="square">
<li><a href="scrapbook/jigsaw-puzzle">Jigsaw Puzzle</a></li>
<li><a href="scrapbook/cavern-runner">Cavern Runner</a></li>
<li><a href="scrapbook/flower">Petal Designer</a></li>
<li><a href="scrapbook/brick-builder">Brick Builder</a></li>
</ul>
</content>
</column>
<column class="quad">
<content>
<heading>Quad Column III</heading>
<p>Some other curiosities include:</p>
<ul class="square">
<li><a href="scrapbook/mediterranean-cruise-jigsaw">Mediterranean Cruise Jigsaw</a></li>
<li><a href="scrapbook/souvenir-game">Souvenir Game</a></li>
<li><a href="scrapbook/fun-cruise-quiz">Cruise Quiz</a></li>
</ul>
</content>
</column>
<column class="quad">
<content>
<heading>Quad Column IV</heading>
<p>Curabitur interdum maximus nisl, non varius massa vestibulum eu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus odio nulla, eleifend sit amet viverra vitae, vestibulum eu leo. Sed et consectetur turpis, quis consequat massa. Fusce pharetra arcu id risus aliquam, quis semper ipsum finibus. Curabitur cursus facilisis tellus. Pellentesque finibus aliquam tortor sit amet malesuada.</p>
</content>
</column>
</column>
<content>
<p>Sed gravida lectus vitae ante consectetur venenatis. Praesent dapibus sem at libero iaculis porta at quis nisi. Ut varius quam et elit pretium, at laoreet nibh euismod. Etiam velit leo, rutrum a dui non, cursus egestas urna. Cras non pretium felis, id vestibulum lacus. Nam gravida sodales feugiat. Sed congue rhoncus lorem vitae sollicitudin.</p>
</content>
</content>
<footer>
<content>
<copyright>Copyright mkv25.net - 2004 to 2014</copyright>
</content>
</footer>
</body>
</html>