-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathWriters.html
91 lines (79 loc) · 3.31 KB
/
Writers.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="https://use.typekit.net/ooj8ybq.css">
<link rel="stylesheet" href="css/app.min.css">
</head>
<body>
<header class="header">
<div class="header-top-bar">
<div class="logo-wrap">
<img class="logo" src="img/SVG/logo-moon.svg" alt="circular green logo with a mauve cup of coffee">
</div>
<input type="search" name="search" id="search" placeholder="Search">
<div id="accordion" class="ham-wrap">
<div class="line-1"></div>
<div class="line-2"></div>
<div class="line-3"></div>
</div>
</div>
<nav class="nav">
<ul>
<li class="hub-links"><a href="./index.html">Home</a></li>
<li><a href="#">Politics</a></li>
<li><a href="#">Sports</a></li>
<li><a href="#">Travel</a></li>
<li><a href="#">Media</a></li>
<li><a href="#">Technology</a></li>
<li><a href="#">Weather</a></li>
<li><a href="#">Regional</a></li>
</ul>
</nav>
</header>
<main>
<article class="farticle">
<div class="writers-heading">
<h1>Our Writers</h1>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Maiores tempore odit numquam voluptas ea aperiam
unde, esse dicta, quasi earum commodi quia inventore eum non? Doloribus perferendis voluptatum aperiam maxime
ad optio est aliquam adipisci ipsam, corrupti esse illum inventore accusantium eveniet dolorum fugiat
temporibus, vel eum in, dolore neque.</p>
<img src="./img/writers.jpg" height="400" width="1000">
</div>
<div class="writers">
<section class="writers-block">
<img src="./img/jonsmith.jpg" alt="jonsmithpic" height="200" >
<div class="jon-smith-div writter-div">
<h3 id="j-smith-h3">John Smith</h3>
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Quis dignissimos impedit veniam consequuntur
eaque incidunt? Molestiae fugit, nostrum dolores similique quas voluptatibus veritatis ipsum fuga?</p>
</div>
</section>
<section class="writers-block">
<img src="./img/anna.jpg" alt="Anna Sthesia Pic" height="200" width="200" class="writer-img">
<div class="anna-div writter-div">
<h3>Anna Sthesia</h3>
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Quis dignissimos impedit veniam consequuntur
eaque incidunt? Molestiae fugit, nostrum dolores similique quas voluptatibus veritatis ipsum fuga?</p>
</div>
</section>
<section class="writers-block">
<img src="./img/bob.jpg" alt="Anna Sthesia Pic" height="200" width="200" class="writer-img">
<div class="bob-div writter-div">
<h3>Bob Frapples</h3>
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Quis dignissimos impedit veniam consequuntur
eaque incidunt? Molestiae fugit, nostrum dolores similique quas voluptatibus veritatis ipsum fuga?</p>
</div>
</section>
</div>
</article>
</main>
<footer>
<p>Copyright© 2020</p>
</footer>
<script src="js/app.js"></script>
</body>
</html>