-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
89 lines (81 loc) · 4.72 KB
/
about.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
<!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 | About Us</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" class="current">About</a></li>
</ul>
</div>
</nav>
<section id="about">
<div class="container">
<div class="page-container">
<article class="card">
<h1 class="l-heading">About Our Organization</h1>
<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 class="card bg-primary">
<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>