-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathblog-post.html
89 lines (82 loc) · 5.38 KB
/
blog-post.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
<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="css/style.css" />
<link rel="stylesheet" href="css/blog-post.css" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=yes">
<link href="https://fonts.googleapis.com/css?family=Merriweather:400,700|Open+Sans:400,700" rel="stylesheet">
<link rel="stylesheet" href="aos/aos.css" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<title>Blog Post Title</title>
</head>
<body>
<nav>
<a href="index.html"><h1>Greenbrier <span style="font-weight: normal;">Group</span></h1></a>
<ul>
<li><a class="link" href="index.html">Home</a></li>
<li><a class="link" href="about.html">About</a></li>
<li><a class="link" href="blog.html">Blog</a></li>
</ul>
</nav>
<div class="blog-wrap">
<div class="title-area">
<h1>My First Blog Post</h1>
<p class="date"></p>
<p class="author">By Eric Wasowicz <span class="date"> <b style="margin: 0 6px 0 6px">•</b> 7/21/2017</span></p>
</div>
<div class="content-area">
<h3>Heading (H3)</h3>
<h5>Sub-Heading (H5)</h5>
<p>Paragraph ipsum dolor sit amet, consectetur adipisicing 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>
<blockquote>Blockquote Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut <b>labore et dolore magna aliqua.</b> Ut enim ad minim veniam, quis nostrud exercitation ullamco</blockquote>
<p>Paragraph ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut <b>bold text</b> et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris <i>Italic text</i> nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in <u>underlined text</u> in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, <strike>strikethrough text</strike> officia deserunt mollit anim <a href="#">link text</a> id est laborum.</p>
<a href="#">link by itself</a>
<p>More paragraphs</p>
<h3>Heading (H3)</h3>
<p>Paragraph ipsum dolor sit amet, consectetur adipisicing 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>
<img src="img/mountain.jpg" alt="mountain">
<p class="caption">This is a caption for an image</p>
<h5>Sub-Heading (H5)</h5>
<p>Paragraph ipsum dolor sit amet, consectetur adipisicing 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>
<ul>
<li>Bullet 1</li>
<li>Bullet 2</li>
<li>Bullet 3</li>
<li>Bullet 4</li>
<li>Bullet 5</li>
</ul>
<p>Paragraph ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation <i>ullamco laboris nisi ut aliquip ex ea commodo consequat.</i> 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>
<h5>Sub-Heading (H5)</h5>
<ol>
<li>Object Number 1</li>
<li>Object Number 2</li>
<li>Object Number 3</li>
<li>Object Number 4</li>
<li>Object Number 5</li>
</ol>
<h3>Heading (H3)</h3>
<p>Paragraph ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ex ea commodo <a href="#">consequat.</a> Duis aute irure dolor in reprehenderit in voluptate <b>velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non</b> proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
</div>
<footer class="clearfix">
<div class="interior-footer">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="blog.html">Blog</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
<p class="right-align">Greenbrier Group LLC</p>
</div>
</footer>
<script src="aos/aos.js"></script>
<script>
AOS.init({
once: true
});
</script>
</body>
</html>