-
Notifications
You must be signed in to change notification settings - Fork 0
/
article.html
106 lines (98 loc) · 5.62 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<script src="https://kit.fontawesome.com/a489e0e418.js"></script>
<link href="https://fonts.googleapis.com/css?family=Lato|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>TechNews | Article</title>
</head>
<body>
<nav id="main-nav">
<div class="container">
<a href="index.html"><img src="img/logo.png" alt="TechNews" class="logo"></a>
<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/vr1.jpg" alt="virtual-reality-1">
<h1 class="l-heading">Advantages of virtual reality in medicine</h1>
<div class="meta">
<small>
<i class="fas fa-user"> Written By Mary Poppins October 21, 2018</i>
</small>
<div class="category category-vr">Virtual Reality</div>
</div>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Veritatis non quisquam nesciunt nostrum, voluptatem neque nihil accusamus quae, delectus facilis dolor! Eaque repellat, atque voluptatum ea numquam optio facere, ut maxime qui ab cumque consequuntur dolore distinctio laborum, doloremque libero quaerat voluptates quae. Fugit sequi consequuntur vero optio libero. Magnam!</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Corrupti quidem omnis nihil minus iure debitis, illo, eaque provident unde molestiae voluptate mollitia, blanditiis facere! Nesciunt ullam aut consequatur voluptate doloremque incidunt corporis laborum, veniam, modi porro omnis neque quod autem esse animi. Cumque alias delectus nulla totam numquam facilis, quia et! Dolorum, molestiae id laudantium magnam rerum suscipit animi vitae libero quod quisquam quis velit quam sequi rem dolore atque? Vel necessitatibus est voluptatum modi culpa eligendi, eos adipisci ullam animi laborum, blanditiis fugiat dolor fugit fuga sint ad iusto inventore id obcaecati aspernatur! Recusandae explicabo enim quia dolorum! Voluptatum, dicta possimus? Minima provident, repellendus eveniet quod enim officiis doloremque, placeat sequi fugit vel quo ullam omnis rem. Aperiam dolorum vitae nostrum placeat quis, quam amet ducimus odit ratione suscipit molestiae assumenda. Ea ullam dignissimos, animi accusantium in tempore consequatur quis maxime illum! Saepe esse consequatur quasi suscipit, ut eius!</p>
</article>
<aside id="categiries" class="card">
<h2>Categories</h2>
<ul class="list">
<li><a href="#"><i class="fas fa-chevron-right"></i> Virtual Reality</a></li>
<li><a href="#"><i class="fas fa-chevron-right"></i> Artificial Intelligence</a></li>
<li><a href="#"><i class="fas fa-chevron-right"></i> Blockchain</a></li>
<li><a href="#"><i class="fas fa-chevron-right"></i> Machine Learning</a></li>
<li><a href="#"><i class="fas fa-chevron-right"></i> Internet of Things</a></li>
</ul>
</aside>
<aside class="card bg-secondary">
<h2>Join Our Team</h2>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Necessitatibus, illum.</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>
<a href="index.html"><img src="img/logo-light.png" alt="TechNews"></a>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptatibus nulla nisi suscipit quas dolore pariatur aspernatur sint modi quia velit.</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.html">About Us</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
<div>
<h2>Join Our Team</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Accusamus, tenetur.</p>
<a href="#" class="btn btn-secondary">Join Now</a>
</div>
<div>
<p>Copyright © 2019, <a href="index.html">Tech<span class="select">News</span></a>. All Rights Reserved.</p>
</div>
</div>
</footer>
</body>
</html>