-
Notifications
You must be signed in to change notification settings - Fork 0
/
article.html
103 lines (96 loc) · 5.07 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
<!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="shorcut icon" type="image/x-icon" href="favicon.ico">
<title> NewsGrid| Latest News </title>
</head>
<body>
<nav id="main-nav">
<div class="container">
<img src="img/logo.png" alt="NewsGrid" class="logo">
<div class="social">
<a href="http://facebook.com" target="_blank"><i class="fab fa-facebook fa-2x"></i></a>
<a href="http://twitter.com" target="_blank"><i class="fab fa-twitter fa-2x"></i></a>
<a href="http://instagram.com" target="_blank"><i class="fab fa-instagram fa-2x"></i></a>
<a href="http://youtube.com" target="_blank"><i class="fab fa-youtube 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"> Lorem ipsum dolor sit amet. </h1>
<div class="meta">
<small>
<i class="fas fa-user"></i>Written by Irving Henriquez January 12 2020
</small>
<div class="category category-ent">entertainment</div>
</div>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Inventore quis architecto, dicta alias consequatur nihil reiciendis qui distinctio voluptates necessitatibus sit, molestiae maxime laborum. Animi commodi provident, consequatur dolorum sequi quasi, harum aspernatur earum est quisquam quibusdam corporis quos rem recusandae quae voluptatem corrupti ipsa vel ad dolorem, nostrum esse?</p>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Tenetur ipsam quam voluptate reiciendis exercitationem quos necessitatibus deserunt. Debitis, consequuntur tempora? Amet, odit libero aperiam tenetur sequi reiciendis culpa autem modi animi laboriosam facere nemo eligendi corporis praesentium sint alias inventore officiis esse quaerat optio error dolor perferendis excepturi accusamus. Veritatis quibusdam, repudiandae odit ratione, quasi molestiae vero harum et rerum quae aperiam rem minus asperiores porro! Aliquam voluptas reprehenderit consectetur repellendus, impedit necessitatibus adipisci optio sint nam, dolores autem beatae repudiandae eaque quae, aspernatur laudantium nobis fuga! Sunt maiores recusandae deserunt dicta, neque, deleniti quia, ad praesentium tenetur quae expedita?</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 bg-secondary">
<h2>Join Our Club</h2>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Excepturi, recusandae?
</p>
<a href="#" class="btn btn-dark btn-block"> Join Now</a>
</aside>
</div>
</div>
</section>
<!-- Footer -->
<footer id="main-footer" class="py-2">
<div class="container footer-container">
<div>
<img src="./img/logo_light.png" alt="">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quibusdam hic pariatur nesciunt fugit, obcaecati accusamus! Repellendus odit tempore itaque. Aperiam!</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 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. Modi, voluptas!</p>
<a href="" class="btn btn-secondary"> Join Now</a>
</div>
<p>Copyright © 2019, All Rights Reserved</p>
</div>
</footer>
</body>
</html>