-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy patharticle.html
127 lines (118 loc) · 6.53 KB
/
article.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
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.14.0/css/all.css"
integrity="sha384-HzLeBuhoNPvSl5KYnjx0BT+WB0QEEqLprO+NBkkk5gbc67FTaL7XIGa2w1L0Xbgc" crossorigin="anonymous">
<link href="https://fonts.googleapis.com/css2?family=Lato&family=Staatliches&display=swap" rel="stylesheet">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" media="screen and (max-width:768px)" href="css/mobile.css">
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
<title>NewsGrid | Latest News</title>
</head>
<body>
<nav id="navbar">
<div class="container">
<img src="img/logo.png" class="logo" alt="NewsGrid">
<div class="social">
<i class="fa fa-facebok"></i>
<a href="https://www.facebook.com/"><i class="fab fa-facebook fa-2x"></i></a>
<a href="https://www.instagram.com/"><i class="fab fa-instagram fa-2x"></i></a>
<a href="https://www.twitter.com/"><i class="fab fa-twitter fa-2x"></i></a>
<a href="https://www.youtube.com/"><i class="fab fa-youtube fa-2x"></i></a>
</div>
<ul>
<li><a class="white" href="index.html">Home</a></li>
<li><a class="white" href="about.html">About</a></li>
</ul>
</div>
</nav>
<section id="article">
<div class="container">
<div class="page-container">
<article class="card">
<img src="img/articles/ent1.jpg" alt="">
<h1 class="l-heading">Lorem ipsum dolor sit amet.</h1>
<div class="meta">
<small>
<i class="fas fa-user"></i> Written by John Doe on January 12, 2019
</small>
<div class="category category-ent">Entertainment</div>
</div>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Asperiores, ex? Sunt labore atque
repudiandae, ipsum iste vel cumque eveniet fuga delectus nihil laborum magni aperiam voluptate
molestiae, eos corrupti quaerat veritatis reiciendis ratione animi, velit similique. Aut ipsa, a
nihil explicabo voluptatem, maxime deleniti doloribus temporibus, totam amet distinctio
voluptates?</p>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Voluptatem, harum! Placeat eius ipsam
maxime tenetur voluptatum veniam sunt. Aperiam ipsa deleniti aliquam animi nemo blanditiis
molestias iusto totam quidem alias dolorum illum autem doloremque sed beatae, dolor veniam ea
aliquid ratione excepturi accusamus. Consectetur esse facere libero error incidunt id culpa
doloribus magnam fugit nihil nobis necessitatibus officia inventore mollitia suscipit soluta
earum voluptatibus, quis quas repudiandae maxime atque. Laborum quo ipsam possimus beatae cumque
consequuntur asperiores, praesentium incidunt ipsa cum. Consequuntur cupiditate laboriosam
facilis recusandae voluptatum eum nostrum eius temporibus atque. Beatae mollitia ad doloribus!
Quibusdam quos facere autem ratione aut! Alias veritatis excepturi ea explicabo eaque fuga
incidunt debitis et quidem impedit optio, accusantium iste ab quis? Quidem, dignissimos ullam
temporibus unde dolore, voluptatem quo asperiores quaerat nulla suscipit sint perferendis
obcaecati possimus, numquam ut soluta aut nostrum ipsam doloremque. Adipisci et quae totam
temporibus voluptate accusantium facere?</p>
</article>
<aside id="categories" class="card">
<h2>Categories</h2>
<ul class="list">
<li><a href="#"><i class="fas fa-chevron-right"></i> Sports</a></li>
<li><a href="#"><i class="fas fa-chevron-right"></i> Entertainment</a></li>
<li><a href="#"><i class="fas fa-chevron-right"></i> Technology</a></li>
<li><a href="#"><i class="fas fa-chevron-right"></i> Fashion</a></li>
<li><a href="#"><i class="fas fa-chevron-right"></i> Shopping</a></li>
</ul>
</aside>
<aside class="card secondary">
<h2>Join Our Club</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Praesentium, adipisci?</p>
<a href="" class="btn dark btn-block">Join Now!</a>
</aside>
</div>
</div>
</section>
<!-- Footer -->
<div id="main-footer" class="py-2">
<div class="container footer-container">
<div>
<img src="img/logo_light.png" alt="NewGrid Logo">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Possimus totam facere in recusandae vero et
pariatur neque at fugiat earum!</p>
</div>
<div>
<h3>Email NewsLetter</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit.</p>
<form name="contact" method="POST" data-netlify="true">
<input type="email" name="email" placeholder="Enter Email....">
<input type="submit" value="Subscribe" class="btn primary">
</form>
</div>
<div>
<h3>Site Links</h3>
<ul class="list">
<li><a href="#">Help & Support</a></li>
<li><a href="#">Privacy Policy</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
<div>
<h2>Join Our Club</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ducimus, esse!</p>
<a href="#" class="btn secondary"> Join Now</a>
</div>
<div>
<p>
Copyright © All rights Reserved
</p>
</div>
</div>
</div>
</body>
</html>