-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathdev.html
85 lines (82 loc) · 4.4 KB
/
dev.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, minimum-scale=1.0">
<title>LooWID, Look what I'm doing</title>
<link rel="stylesheet" href="css/screen.css">
<link rel="shortcut icon" href="/icon.png">
<link rel="apple-touch-icon-precomposed" href="/icon.png">
<link type="text/plain" rel="author" href="/humans.txt">
<link href="http://fonts.googleapis.com/css?family=Noto+Sans|Source+Sans+Pro:300|Inconsolata" rel="stylesheet" type="text/css">
</head>
<body>
<h1 id="logo">LooWID.com - Look What I'm doing</h1>
<nav id="mainmenu" role="menu">
<ul>
<li class="toHome"><a href="#">Home</a></li>
<li><a href="#">Lorem</a></li>
<li><a href="#">Ipsum</a></li>
<li><a href="#">Dolor</a></li>
</ul>
</nav>
<section id="lorem" class="full">
<article>
<h1>Article title</h1>
<aside>
<ul>
<li><a href="#">Lorem</a></li>
<li><a href="#">Ipsum</a></li>
<li><a href="#">Dolor</a></li>
</ul>
</aside>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus in erat felis. Nunc nec ipsum a nibh hendrerit interdum ac sit amet sem. Aenean nec dolor lectus. Proin a ex eget velit faucibus vehicula faucibus tincidunt lacus. Maecenas fringilla gravida quam, id sollicitudin risus. Maecenas volutpat sapien vitae lectus eleifend ultrices. Nunc porttitor eu libero id fermentum. Sed at enim at libero semper dictum ac sed libero. Nulla suscipit elit eu pellentesque elementum. Phasellus condimentum purus in posuere vulputate. Phasellus posuere massa purus, nec gravida neque dictum non. Quisque laoreet faucibus sollicitudin. Mauris dapibus, dui eu ultrices faucibus, lectus elit interdum tellus, et tincidunt ligula erat non tortor. Nulla et viverra neque.</p>
</article>
</section>
<section id="ipsum" class="full">
<article>
<h1>Article title</h1>
<aside>
<ul>
<li><a href="#">Lorem</a></li>
<li><a href="#">Ipsum</a></li>
<li><a href="#">Dolor</a></li>
</ul>
</aside>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus in erat felis. Nunc nec ipsum a nibh hendrerit interdum ac sit amet sem. Aenean nec dolor lectus. Proin a ex eget velit faucibus vehicula faucibus tincidunt lacus. Maecenas fringilla gravida quam, id sollicitudin risus. Maecenas volutpat sapien vitae lectus eleifend ultrices. Nunc porttitor eu libero id fermentum. Sed at enim at libero semper dictum ac sed libero. Nulla suscipit elit eu pellentesque elementum. Phasellus condimentum purus in posuere vulputate. Phasellus posuere massa purus, nec gravida neque dictum non. Quisque laoreet faucibus sollicitudin. Mauris dapibus, dui eu ultrices faucibus, lectus elit interdum tellus, et tincidunt ligula erat non tortor. Nulla et viverra neque.</p>
</article>
</section>
<section id="dolor" class="full">
<article>
<h1>Article title</h1>
<div class="column">
<h2>Lorem ipsum</h2>
<h3>Lorem ipsum</h3>
<p>
<img class="gravatar" src="http://www.gravatar.com/avatar/45fb48cccf2eca93bd3d4c8b346e4380" />
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus in erat felis.
</p>
</div>
<div class="column">
<h2>Lorem ipsum</h2>
<h3>Lorem ipsum</h3>
<p>
<img class="gravatar" src="http://www.gravatar.com/avatar/c225edfbac2dcb45c92293b286787e05" />
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus in erat felis.
</p>
</div>
<div class="column">
<h2>Lorem ipsum</h2>
<h3>Lorem ipsum</h3>
<p>
<img class="gravatar" src="http://www.gravatar.com/avatar/fe31004e261a9c6a50892ae041137ec0" />
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus in erat felis.
</p>
</div>
</article>
</section>
<!--footer>
GNU GPL
</footer-->
</body>
</html>