-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathphotos.html
89 lines (78 loc) · 4.4 KB
/
photos.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>
<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>
</head>
<body>
<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" href="about.html">ABOUT</a>
<a class="nav-link" href="menus.html">MENU</a>
<a class="nav-link active" aria-current="page" href="photos.html">PHOTOS</a>
<a class="nav-link" href="contact.html">CONTACT</a>
</nav>
</header>
<main class="container">
<h1>Good Food Hall of Fame</h1>
<script>
//OBJECTS WITH PROPERTIES IN A CARD W/ IMAGE
const card1 = {
src: "https://preview.redd.it/i-ate-fried-seafood-platter-v0-7747apv88fta1.jpg?width=1080&crop=smart&auto=webp&s=e08c9217fed766d3a6cabb738cb0ef3f5e52787e",
title: "Fried Fish Basket",
alt: "fried fish basket",
summary: "Local, Wild-caught Catfish and Soft-Shelled Crabs fried to perfection. "
};
const card2 = {
src: "https://preview.redd.it/homemade-cheese-burger-v0-pmd5oy5t8zi81.jpg?width=1080&crop=smart&auto=webp&s=f49ce6cd57bbc114321f28a7cbeecb9f6c046b84",
title: "1/4 lb Cheeseburger",
alt: "cheeseburger",
summary: "Juicy 1/4-lb Joseph Farms cheeseburger with roasted garlic aioli on a brioche bun. Ask for it with 'All The Fixin's' for an extra special treat!",
};
const card3 = {
src: "https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSybPdO2LAoxRLzN5P2nAk-K6BIf7dnxvtTgQ&s",
title: "Chef's Kiss Salad",
alt: "salad",
summary: "House-grown greens with spring vegetables and tangy Meyer lemon vinaigrette. Extra Avocado is the chef's kiss!",
};
const card4 = {
src: "https://cdn.glitch.global/82eb993a-bf96-4031-9a18-ee851469bb49/shrimp%20poboy%20pic.jpg?v=1726040746520",
title: "Overstuffed Shrimp PoBoy",
alt: "shrimp poboy",
summary: "Big, juicy, fresh-caught Gulf shrimp, fried light and crisp on a homemade french bread bun from local world-renown Lejuene's Bakery. Serving sizes large enough for now and some for later. ",
};
const card5 = {
src: "https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRb7qgRRm6zENkt-O4EcLq0bwS0ZDAI28IUFA&s",
title: "Chicken Tender Basket",
alt: "chicken tenders and fries",
summary: "Crispy, juicy chicken tenders seasoned to perfection and freshly breaded by our chef daily. Served with hand-cut fries made from Yukon Gold potatoes, because only the best for our family and friends. ",
};
const card6 = {
src: "https://preview.redd.it/homemade-gumbo-v0-k3pras89rxxb1.jpg?width=640&crop=smart&auto=webp&s=64d1effcf4bee4295146cc95f7263a013bb8e8ab",
title: "Seafood Gumbo",
alt: "bowl of seafood gumbo",
summary: "Our Ragin' Cajun rendition of the classic NOLA staple made in-house. Think HUGE Gulf Shrimp, Chicken, and Andouille Sausage over seasoned, steamed rice. Even better with a piece of Sweet Potato Corn Bread. Thank us later.",
};
debugger;
const cardsArray = [card1, card2, card3, card4, card5, card6]
for (position = 0; position < cardsArray.length; position++) {
const card = cardsArray[position];
const cardString = convertCard(card);
display(cardString);
}
</script>
</main>
<footer class="text-center fs-6">
<br />
<br /> Good Food Hut❃12345 Big Bird Ave, Sesame Street, LA 12345❃ 337-555-4321❃<br />
<h6>
Website Created by RaylonJMG 2024
</h6>
</footer>
</body>
</html>