-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
92 lines (83 loc) · 4.94 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
<!DOCTYPE html>
<html lang="en">
<head>
<title>Good Food Hut</title>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous" />
<link href="style.css" rel="stylesheet" />
<script src="utility-functions.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/js/imageMapResizer.min.js"></script>
<style>
h2:hover {
color: rgb(12, 167, 113)
}
</style>
</head>
<body class="m-4 p-4">
<header>
<img width="100%" alt="fried seafood platter" src="https://cdn.glitch.global/cbca519c-2e2c-44e5-a058-374e1c8be1a2/Screenshot%202024-08-03%20021209.jpg?v=1722669203847" />
<nav class="nav nav-fill nav-pills">
<a class="nav-link" href="index.html">HOME</a>
<a class="nav-link active" href="about.html">ABOUT</a>
<a class="nav-link" href="menus.html">MENU</a>
<a class="nav-link" href="photos.html">PHOTOS</a>
<a class="nav-link" href="contact.html">CONTACT</a>
</nav>
</header>
<main class="container">
<article>
<h1>About Us</h1>
<img class="card-body" alt="America's Best Food Award logo" height="500px" width="100%" src="https://cdn.glitch.global/82eb993a-bf96-4031-9a18-ee851469bb49/americasbestfoodaward4M11%2Bcopy-4133607208.jpg?v=1726742656338" />
<h2 class="text-center fs-2">Philosophy: Good Food Matters!</h2>
<p class="fs-3">
Hey there, mon chere'! We live for and love to eat Good Food! It makes <b>ZERO</b> sense to us to plate <i>something</i> that tastes anything short of absolutely delicious and looks like meh...What a wasted dish! 🙊🙉🙈 We don't do that 'round these parts!
</p><br>
<img class="card-body" alt="chef trophy winner" width="100%" src="https://cdn.glitch.global/82eb993a-bf96-4031-9a18-ee851469bb49/trophy-chef.jpg?v=1726742667968" />
<h2 class="text-center fs-2">Who We Are</h2>
<p class="fs-3">
We are a multi-award winning restaurant where folks are greeted with the heart of the South...it's simply Good Food. Food so good, you wanna tell the world how darn good it is! Food so good, you'll want a second helping, or a third, or a fourth! No worries, we got you covered there!
</p>
<p class="fs-3">
As you can see, we are proud to have been supported as a local fan favorite for over 20 years. Thank you so much to all the people from around the world that have swung by to see us and share in our Good Food Philosophy.
</p><br>
<br>
<h4>Come on back now, ya' hear?</h4><br>
<img width="100%" usemap="#my-image-map" src="Seasonings.jpg">
<map name="my-image-map">
<area
shape="rect"
title="Tony Chachere's Creole Seasoning"
coords="46,151, 149,324"
href="https://www.tonychachere.com/"
target="_blank"
>
<area
shape="rect"
title="Zatarain's Creole Seasoning"
coords="290,123, 386,290"
href="https://www.mccormick.com/zatarains/products/spices-and-seasonings/spices-and-extracts/creole-seasoning"
target="_blank"
>
</map>
</article>
<p> Site Inspiration: Love of GOOD FOOD! 😍
I believe that potential employers will wish to hire me based on this website because it pretty much is a functional, informational website.
Most people who have no idea about software development may even think that this site represents a real business, even though this is my imagination at work.
It shows that I can manage projects until completion, adhering to detailed instruction from leadership, but allows my personality, style, and flair to also be showcased in the work.
</p>
<br>
<p>
Site Features: This website was created using HTML, CSS, Bootstrap, and Javascript.
In Level 1, we learned to create and style basic websites, run functions, attach images/videos, create grids and cards.
In Level 2 of the course, we have expanded our knowledgebase; we can attach and create image maps, process forms, simulate server responses, extract data from REST APIs, and use SASS styling upgrades, including mixins, transitions and animations
--all of which has been integrated into this website. </p>
</main>
<footer class="text-center fs-6">
<br />
<br /> Good Food Hut❃12345 Big Bird Ave, Sesame Street, LA 12345❃ 337-555-5432<br />
<h6>Website Created by RaylonJMG 2024</h6>
</footer>
<script>
imageMapResize();
</script>
</body>
</html>