-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathblog.html
73 lines (65 loc) · 3.32 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/7.0.0/normalize.css" />
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
<link href="https://fonts.googleapis.com/css?family=Oswald:400,700" rel="stylesheet">
<link rel="stylesheet" href="./css/index.css">
<title>Team Awesome Blog!</title>
</head>
<body>
<header>
<div class="header-container">
<div class="logo"></div>
<ul>
<li><a href="./index.html">Home</a></li>
<li><a href="./blog.html">Blog</a></li>
<li><a href="./about-us.html">About Us</a></li>
</ul>
</div>
</header>
<main>
<section class="hero blog">
<h1>Team Awesome at it Again!</h1>
</section>
<div class="content-blog flex">
<div class="content-wrapper">
<div class="blog-content blog-inline">
<div class="blog-pic"><img src="./img/lorem.jpg"></div>
<div class="article">
<h1> lorem Impsum</h1>
<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur pretium nunc eget
vehicula semper. Integer a accumsan mi. Nulla accumsan eget risus eget porttitor.
Praesent congue pulvinar eros ut condimentum. Curabitur vel convallis dolor. Fusce vitae
ante quis ex posuere faucibus. Cras faucibus metus egestas venenatis porttitor.
Vestibulum sed sagittis mi. Maecenas eget justo luctus, blandit diam eget, accumsan
nulla. In hac habitasse platea dictumst. Aliquam rhoncus dui in massa viverra dapibus.
Maecenas ac lobortis turpis. Sed volutpat, nibh at consequat pellentesque, mi ante
dapibus purus, vitae viverra metus elit sit amet libero. Phasellus et egestas metus. Duis
aliquet varius odio, egestas vehicula enim rhoncus sed. Nunc tristique, tellus sit amet
rutrum auctor, nulla nulla fermentum lectus, et eleifend purus justo sed nibh. Sed
hendrerit imperdiet tortor, sed convallis purus rhoncus non. Vestibulum lobortis turpis ut
felis bibendum scelerisque. </p>
</div>
</div>
</div>
</div>
</main>
<footer>
<div class="container">
<div class="footer">
<h4>Follow Us</h4>
<ul class='social-icons'>
<li><a href='#'><i class="fa fa-facebook-official fa-2x" aria-hidden="true"></i></a></li>
<li><a href='#'><i class="fa fa-twitter fa-2x" aria-hidden="true"></i></a></li>
<li><a href='#'><i class="fa fa-youtube fa-2x" aria-hidden="true"></i></a></li>
<li><a href='#'><i class="fa fa-instagram fa-2x" aria-hidden="true"></i></a></li>
</ul>
</div>
</div>
</footer>
</body>
</html>
</body>
</html>