-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathdetails.html
77 lines (68 loc) · 3.13 KB
/
details.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
<!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 class="detailsMain">
<h1>Title of Article</h1>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Itaque omnis nulla ea. Velit veniam libero, nesciunt
earum, maiores commodi assumenda ipsa est excepturi distinctio eligendi at, facilis illo recusandae animi?
Corporis ab dolore repudiandae non soluta quas illum fuga, quibusdam, inventore maiores rerum nihil. Ad esse
libero fugit ipsum labore similique, quis, qui.
</p>
<div class="detailsBox">
</div>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Itaque omnis nulla ea. Velit veniam libero, nesciunt
earum, maiores commodi assumenda ipsa est excepturi distinctio eligendi at, facilis illo recusandae animi?
Corporis ab dolore repudiandae non soluta quas illum fuga, quibusdam, inventore maiores rerum nihil. Ad esse
libero fugit ipsum labore similique, quis, qui nostrum dolore ipsam doloremque unde rem natus.
Dignissimos corporis magni tempore. Officia, neque illo maxime laboriosam repellendus, repellat cupiditate porro
mollitia magni, dignissimos deserunt corporis dolor nesciunt enim esse consequatur culpa dicta veritatis?
</p>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Itaque omnis nulla ea. Velit veniam libero, nesciunt
earum, maiores commodi assumenda ipsa est excepturi distinctio eligendi at, facilis illo recusandae animi?
Corporis ab dolore repudiandae non soluta quas illum fuga, quibusdam, inventore maiores rerum nihil. Ad esse
libero fugit ipsum labore similique, quis, qui nostrum dolore ipsam doloremque unde rem natus.
Dignissimos corporis magni tempore. Officia, neque illo maxime laboriosam repellendus, repellat cupiditate porro
mollitia magni, dignissimos deserunt corporis dolor nesciunt enim esse consequatur culpa dicta veritatis?
</p>
</main>
<footer>
<p>Copyright© 2020</p>
</footer>
<script src="js/app.js"></script>
</body>
</html>