-
Notifications
You must be signed in to change notification settings - Fork 0
/
about_us.html
122 lines (118 loc) · 7.56 KB
/
about_us.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
119
120
121
122
<!DOCTYPE html>
<html lang="en" class="home_page">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="main.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" />
<link href="https://fonts.googleapis.com/css2?family=Fjalla+One&family=Source+Serif+Pro&display=swap" rel="stylesheet" />
<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital@1&family=Sriracha&display=swap" rel="stylesheet" />
<title>Our Staff</title>
</head>
<!-- NEED TO FIX RESPONSIVENESS -->
<body>
<nav class="main-nav">
<ul>
<li>
<a href="https://s3.us-east-2.amazonaws.com/brookscody.com/restaurant_site/index.html">Home</a
>
</li>
<li>
<a
href="https://s3.us-east-2.amazonaws.com/brookscody.com/restaurant_site/codys_menu.html"
>Menu</a
>
</li>
<li>
<a
href="https://s3.us-east-2.amazonaws.com/brookscody.com/restaurant_site/our_staff.html"
>Our Staff</a
>
</li>
<li>
<a
href="https://s3.us-east-2.amazonaws.com/brookscody.com/restaurant_site/about_us.html"
>About Us</a
>
</li>
<li><a href="https://s3.us-east-2.amazonaws.com/brookscody.com/restaurant_site/contact_us.html">Contact Info</a></li>
</ul>
</nav>
<div class="about_us">
<div class="about_us_photo">
<img src="https://s3.us-east-2.amazonaws.com/brookscody.com/restaurant_site/img/about_us.jpg" alt="" />
</div>
<div class="about_us_info">
<h2>Our Story</h2>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Praesentium, quod dolores quam vel nam sapiente amet. Accusamus repellendus illum aliquid quidem perspiciatis nisi exercitationem quo explicabo repellat, a ipsa mollitia quaerat ab asperiores magnam
in ullam quis officia error facere natus excepturi maxime! Atque necessitatibus praesentium culpa, enim nulla quidem aliquid laudantium alias vero a voluptate laborum recusandae nesciunt tempora nisi dicta consequuntur at adipisci, id,
inventore quia. Ratione voluptates similique nobis culpa pariatur ipsum error minima id totam magni quas, optio corrupti recusandae iusto voluptatibus earum veniam quam, iure assumenda sed dignissimos distinctio ut nisi. Distinctio enim
voluptatum consectetur!
<br /><br /> Lorem ipsum dolor, sit amet consectetur adipisicing elit. Reprehenderit adipisci debitis alias accusamus! Natus quod iste unde optio, quisquam rerum ullam sit nemo fuga eaque tenetur quaerat, debitis non nam dolore ab repellat
veniam tempore! Velit dignissimos nostrum laboriosam illum necessitatibus asperiores officia possimus? Maxime voluptate nobis quasi hic repellendus.
</p>
</div>
<div class="restaurant_info">
<h2>About Codys Corner</h2>
<p>
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Esse necessitatibus minima odit! Recusandae iusto nam ut tempore harum excepturi ipsa unde explicabo expedita tempora neque sint provident odio magnam vitae natus, doloribus cumque. Exercitationem
culpa laborum a aliquid perferendis aut eum facilis impedit ducimus, error corrupti dolore optio dolorum animi enim porro voluptas tenetur. Tempora earum animi quis dignissimos. Ratione facere praesentium iusto iste esse libero ut? Ut
officia recusandae sequi dignissimos animi delectus unde quisquam sapiente inventore odit dolore minima, quo nihil maxime officiis, voluptatum nesciunt sit veniam expedita, aliquid quam minus! Vero delectus animi impedit minima, accusantium
quas.
<br /><br />Lorem ipsum dolor sit amet consectetur adipisicing elit. Obcaecati nihil consequuntur expedita ratione enim iste ullam ut laboriosam consectetur a blanditiis unde, facere eaque corrupti quidem cupiditate adipisci tenetur perspiciatis
nulla doloremque. Impedit aspernatur quaerat iste sed, vel dicta qui veritatis voluptatem. Commodi culpa excepturi sed odit voluptates ullam laboriosam consectetur, maxime expedita quasi eum dignissimos natus amet cumque animi officiis
tenetur. Corporis provident molestias officia ex repudiandae inventore, nihil tempore praesentium incidunt nobis maiores ipsum? Tempore possimus aliquam eligendi quibusdam tenetur odio ab doloremque exercitationem excepturi quam. Et blanditiis
obcaecati odio dolores accusantium ducimus ad dolorem ipsam iure amet ut magni saepe, consequuntur numquam deleniti voluptatibus vero vel maxime aliquam eum! Ab quibusdam quia tempore, atque nisi officiis debitis sit aut molestias fuga!
Quia eos saepe perspiciatis iure eveniet praesentium natus distinctio labore dolor exercitationem reiciendis veniam ab qui recusandae tempore, hic quas debitis id non cumque quibusdam minima doloribus magni? Similique eum harum vel dolorem
odio dolorum, nesciunt quasi optio laboriosam non. Amet excepturi, unde nostrum voluptatibus dolorum ad corrupti est facilis expedita dicta, laborum veniam totam nam eaque fugiat soluta sunt consectetur dignissimos explicabo! Nihil dolor
qui harum, cupiditate labore placeat ipsa eveniet rerum, sit facere dicta! <br /><br />Lorem ipsum dolor sit amet consectetur adipisicing elit. Architecto eligendi expedita sed placeat ducimus iste minima fugit vel eveniet magni saepe,
dolorum soluta amet asperiores ad at est ex temporibus reprehenderit facere consequuntur animi doloribus. Impedit corporis quis praesentium ducimus temporibus facilis, dolorum quas animi minima fuga odio iste eveniet.
</p>
</div>
<div class="press_info">
<h2>Press</h2>
<p>
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quisquam, reprehenderit?
</p>
<!-- Add hover to links -->
<a href="#">Read More »</a>
<p>
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quisquam, reprehenderit?
</p>
<!-- Add hover to links -->
<a href="#">Read More »</a>
<p>
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quisquam, reprehenderit?
</p>
<!-- Add hover to links -->
<a href="#">Read More »</a>
<p>
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quisquam, reprehenderit?
</p>
<!-- Add hover to links -->
<a href="#">Read More »</a>
<p>
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quisquam, reprehenderit?
</p>
<!-- Add hover to links -->
<a href="#">Read More »</a>
</div>
</div>
</body>
<footer>
<div class="footer">
<div class="address">
<p>Codys Corner</p>
<p>1839 Beggars Canyon | San Pedro, California 90731</p>
<p>123.867.5309</p>
</div>
<div class="social-media">
<a href="#" class="fa fa-facebook"></a>
<a href="#" class="fa fa-twitter"></a>
<a href="#" class="fa fa-instagram"></a>
<p style="color: black;">©2020 James Cole Designs</p>
</div>
</div>
</footer>
</html>