-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathblog.html
86 lines (86 loc) · 7.65 KB
/
blog.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
<!doctype html>
<html class="no-js" lang="EN">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Est Laborum - Blog</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="http://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/main.css">
</head>
<body>
<header role="banner">
<a href="index.html"><img class="logo" src ="http://i.imgur.com/JdY9x7e.png"></a>
<nav role="navigation" class="flex-container">
<a class="navlink flex-item-1" href="index.html">Home</a>
<a class="navlink flex-item-2 this_page" href="blog.html">Blog</a>
<a class="navlink flex-item-3" href="contact.html">Contact</a>
<a class="navlink flex-item-3" href="orderform.html">Store</a>
</nav>
</header>
<main class="container" role="main">
<section id="top">
<h1>Recent Posts</h1>
<nav class="blognav" role="navigation">
<ul>
<li class="blog">
<a href="#reprehenderit">Reprehenderit</a>
</li>
<li class="blog">
<a href="#dolor">Dolor Sit Amet</a>
</li>
<li class="blog">
<a href="#consectetur">Consectetur Adipiscing</a>
</li>
<li class="blog">
<a href="#tempor">Tempor Incididunt</a>
</li>
</ul>
</nav>
<article id="incididunt" class="post" role="article">
<h2>Incididunt</h2>
<h3>Matt Nickel</h3>
<time datetime="2015-06-10">06/12/15</time>
<p>Here is a great Podcast about global UX by Jared Spool. </p>
<audio src="audio/Podcast_Global_UX.mp3" controls></audio>
</article>
<article id="reprehenderit" class="post" role="article">
<h2>Reprehenderit</h2>
<h3>Matt Nickel<a href="#top"><span class="top">Top</span></a></h3>
<time datetime="2015-06-10">06/11/15</time>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<video class="blog_video" src="video/Welcome Dr Solly June 2015.mp4" controls width="540" height="380" poster="http://i.imgur.com/e9HyUp2.png"></video>
</article>
<article id ="dolor" class="post" role="article">
<h2>Dolor Sit Amet</h2>
<h3>Ryan Flaherty<a href="#top"><span class="top">Top</span></a></h3>
<time datetime="2015-06-08">06/8/15</time>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</article>
<article id="consectetur" class="post" role="article">
<h2>Consectetur Adipiscing</h2>
<h3>Matt Nickel<a href="#top"><span class="top">Top</span></a></h3>
<time datetime="2015-06-09">06/9/15</time>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</article>
<article id="tempor" class="post" role="article">
<h2>Tempor Incididunt</h2>
<h3>Dexter Lesaca<a href="#top"><span class="top">Top</span></a></h3>
<time datetime="2015-06-10">06/10/15</time>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</article>
</section>
</main>
<footer role="contentinfo">
<p>© 2015 - Fellow Coders LLC</p>
</footer>
</body>
</html>