-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy patharticle.html
More file actions
146 lines (136 loc) · 7.48 KB
/
article.html
File metadata and controls
146 lines (136 loc) · 7.48 KB
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
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<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="screen-0.ico">
<link rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.15.3/css/fontawesome.min.css">
<script src="https://kit.fontawesome.com/aaec0a15bf.js" crossorigin="anonymous"></script>
<title>Latest updates</title>
</head>
<body>
<nav id="main-nav">
<div class="container">
<img src="img/logo.png" alt="NewGrid" class="logo">
<div class="social">
<a href="http://facebook" target="_blank"><i class="fab fa-facebook fa-2x"></i></a>
<a href="http://twitter" target="_blank"><i class="fab fa-twitter fa-2x"></i></a>
<a href="http://LinkedIn" target="_blank"><i class="fab fa-linkedin-in fa-2x"></i></a>
<a href="http://instagram" target="_blank"><i class="fab fa-instagram fa-2x"></i></a>
</div>
<ul>
<li>
<a href="index.html">Home</a>
</li>
<li>
<a 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">About Our Organization</h1>
<div class="meta">
<small>
<i class="fas fa-user">writtern by Krishna</i>
</small>
<div class="category category-ent">
Entertainment
</div>
</div>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolore laboriosam sed perspiciatis ut
sunt placeat accusamus corrupti, atque dignissimos ea totam eos ullam numquam accusantium
cupiditate sit illo reiciendis recusandae! Hic ipsam accusamus officiis cum, soluta,
perspiciatis eos ipsum facilis neque eum sint labore repellendus! Ea id officia expedita ipsam.
</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci obcaecati doloremque, illo
doloribus minus nam laboriosam dolore itaque earum nobis molestiae. Officia numquam fuga
voluptates modi ex magni! Reprehenderit assumenda laudantium exercitationem repudiandae sed
perferendis porro beatae sunt deserunt quae provident, iste, itaque numquam amet mollitia
molestias ipsa non dolor voluptatum iure! Obcaecati esse ipsam quia porro ipsa tempore a fugiat
dolorem recusandae, necessitatibus ab eligendi qui impedit omnis vitae voluptatum harum
consectetur fuga consequuntur, accusantium quaerat nesciunt, provident odit reprehenderit.
Voluptatibus, facilis harum. Non, vitae quam fuga distinctio doloremque illo est error soluta
sit placeat ad, dignissimos in voluptas.</p>
<p>
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Sequi illo velit repellat ratione,
ullam vero accusamus deserunt, adipisci voluptates officiis voluptatum at placeat, blanditiis
molestiae unde magni ut incidunt aliquid nemo iusto. Voluptate sed, dignissimos doloremque magni
mollitia nobis numquam enim recusandae quidem obcaecati vel omnis expedita amet praesentium
dolor nam. Reiciendis corrupti nihil in libero nobis, non consectetur debitis nesciunt
recusandae possimus eos quasi rerum blanditiis, quam ducimus minus incidunt aliquam
necessitatibus ipsa dicta earum consequuntur! Optio perspiciatis laborum accusamus expedita,
provident nisi esse ad sunt quisquam libero distinctio labore rem maxime cum quae voluptas
dolores, dolorum eos voluptatibus et illo. Consequatur ad consectetur laudantium repellat beatae
aut facilis in nemo excepturi. Sit commodi rerum perspiciatis eligendi obcaecati, doloremque
omnis fugiat cum reiciendis iure maiores distinctio aut architecto at unde placeat, voluptatem
nostrum est labore! Molestias ipsum praesentium, vero accusamus soluta suscipit non ullam
voluptatem, consequatur esse cupiditate officiis.
</p>
</article>
<aside id="categories" class="card">
<h2>Categories</h2>
<ulc class="list">
<li> <a href="#">Enternitment</a></li>
<li> <a href="#">Sports</a></li>
<li> <a href="#">Technology</a></li>
</ulc>
</aside>
<aside class="card bg-secondary">
<h2>Join Our Clud</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt magnam itaque ullam dignissimos
ipsum ut.</p>
<a href="#" class="btn btn-dark btn-block">Join Now</a>
</aside>
</div>
</div>
</section>
<footer id="main-footer" class="py-2">
<div class="container footer-container">
<div>
<img src="img/logo_light.png" alt="NewsGrid">
<p>
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Saepe sunt dicta veritatis
vero explicabo praesentium architecto laborum ipsa, ut tempora!
</p>
</div>
<div>
<h3>Email Newsletter</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ad perspiciatis et sed illo
quibusdam animi assumenda magni recusandae debitis nihil.</p>
<form name="contact" action="" method="POST" data-netlify="true">
<input type="email" name="email" placeholder="Enter Your Email">
<input type="submit" value="Notify" class="btn btn-primary">
</form>
</div>
<div>
<h3>Site Links</h3>
<ul class="list">
<li><a href="#">Help!</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. Vel, id.</p>
<a href="#" class="btn btn-secondary">Join Now</a>
</div>
<div>
<p>
Copyright © 2020, All rights reserved
</p>
</div>
</div>
</footer>
</body>
</html>