-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
118 lines (106 loc) · 5.39 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Cletus's Cow Pies - About</title>
<link rel="stylesheet" type="text/css" href="styles.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
</head>
<body>
<!-- NAV BAR -->
<nav class="navbar navbar-expand-md">
<a class="navbar-brand" href="#">Logo :)</a>
<button class="navbar-toggler navbar-dark" type="button" data-toggle="collapse" data-target="#main-navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="main-navigation">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="./index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link activeNav" href="./about.html">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./products.html">Products</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./contact.html">Contact Us</a>
</li>
</ul>
</div>
</nav>
<!-- HEADER -->
<header class="small-page-header small-header container-fluid">
<div class="overlay">
<div class="description">
<h1>About Us</h1>
</div>
</div>
</header>
<!-- CONTENT -->
<div class="aboutContent">
<div class="row">
<div class="col-lg-8 col-md-8 col-sm-12">
<div class="aboutInner">
<h3 class="">Location</h3>
<address>
<p>123 Hillbilly Street</p>
<p>Hillbillyville, MO</p>
<p>cletus@cletusscowpies.com</p>
<p>phone: 4178473829</p>
</address>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-12">
<div class="aboutInner">
<blockquote>
“When a cow has dropped its dung, the people shall know its worth”
</blockquote>
<cite>
― P.S. Jagadeesh Kumar
</cite>
</div>
</div>
</div>
</div>
<div class="extraContent">
<div class="row">
<div class="col-lg-8 col-md-8 col-sm-12">
<h3>Our Office</h3>
<p>
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam eaque ipsa, quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt, explicabo. Nemo enim ipsam voluptatem, quia voluptas sit, aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos, qui ratione voluptatem sequi nesciunt, neque porro
</p>
</div>
<div class="col-lg-4 col-md-4 col-sm-12">
<img src="./img/office.jpeg" alt="office"/>
</div>
</div>
</div>
<!-- FOOTER -->
<footer class="page-footer">
<div class="container">
<div class="row">
<div class="col-lg-8 col-md-8 col-sm-12">
<h6 class="text-uppercase font-weight-bold">Additional Information</h6>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque interdum quam odio, quis placerat ante luctus eu. Sed aliquet dolor id sapien rutrum, id vulputate quam iaculis.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque interdum quam odio, quis placerat ante luctus eu. Sed aliquet dolor id sapien rutrum, id vulputate quam iaculis.</p>
</div>
<div class="col-lg-4 col-md-4 col-sm-12">
<h6 class="text-uppercase font-weight-bold">Contact Us</h6>
<p>123 Hillbilly Street Hillbillyville, MO
<br/>cletus@cletusscowpies.com
<br/>4178473829
</div>
</div>
</div>
<div class="footer-copyright text-center">© 2020 Copyright: Carl </div>
</footer>
<!-- BOOTSTRAP JS -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
<!-- CUSTOM JAVASCRIPT -->
<script src="./main.js"></script>
</body>
</html>