-
Notifications
You must be signed in to change notification settings - Fork 0
/
Chicago.html
106 lines (101 loc) · 5.08 KB
/
Chicago.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Chicago Travel Guide</title>
<link rel="stylesheet" href="Chicago.css">
</head>
<body>
<header>
<nav>
<div class="logo">
<img src="https://i.pinimg.com/736x/7c/b5/e5/7cb5e51817daef6d8194ea98f37772ea.jpg" alt="Logo">
</div>
<ul class="nav-links">
<li><a href="http://127.0.0.1:5500/.vscode/index.html">Home</a></li>
<li><a href="http://127.0.0.1:5500/.vscode/aboutus.html">About Us</a></li>
<li class="dropdown">
<a href="#">Featured Destinations</a>
<div class="dropdown-content">
<a href="http://127.0.0.1:5500/.vscode/Michigan.html">Michigan</a>
<a href="http://127.0.0.1:5500/.vscode/pr.html">Puerto Rico</a>
<a href="http://127.0.0.1:5500/.vscode/Chicago.html">Chicago</a>
</div>
</li>
<li><a href="http://127.0.0.1:5500/.vscode/Travel-Tips.html#">Travel Tips</a></li>
<li><a href="http://127.0.0.1:5500/.vscode/contact.html">Contact Us</a></li>
</ul>
</nav>
<!-- Main Content -->
<main>
<!-- Banner Image -->
<section class="banner" style="background-image: url('https://media1.tenor.com/m/FKPtb7XiEGEAAAAC/chicago-night.gif');">
<div class="banner-content">
<h1>Discover Chicago</h1>
<p>Explore the vibrant city of Chicago with our travel guide.</p>
</div>
</section>
<!-- Explore Section -->
<section class="explore">
<h2>Explore Chicago</h2>
<div class="explore-grid">
<div class="explore-item">
<img src="https://www.tripsavvy.com/thmb/v7gIFnOYNhjGK3kxds251J5jgGI=/1500x0/filters:no_upscale():max_bytes(150000):strip_icc()/85272183-56a397895f9b58b7d0d2af2e.jpg" alt="Millennium Park">
<h3>Millennium Park</h3>
<p>Discover the famous Cloud Gate sculpture and enjoy outdoor concerts.</p>
</div>
<div class="explore-item">
<img src="https://s3.amazonaws.com/architecture-org/files/buildings/navy-pier-746.jpg" alt="Navy Pier">
<h3>Navy Pier</h3>
<p>Experience attractions, dining, and events at this iconic Chicago landmark.</p>
</div>
<div class="explore-item">
<img src="https://media.timeout.com/images/102850781/image.jpg" alt="Magnificent Mile">
<h3>Magnificent Mile</h3>
<p>Shop along Michigan Avenue and explore the city's premier shopping district.</p>
</div>
</div>
</section>
<!-- Local Delicacies Section -->
<section class="local-delicacies">
<h2>Local Delicacies</h2>
<div class="delicacy">
<img src="https://media.timeout.com/images/100894155/image.jpg" alt="Harold's Chicken Shack">
<h3>Harold's Chicken Shack</h3>
<p>Indulge in the city's favorite crispy fried chicken.</p>
</div>
<div class="delicacy">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjs9CpxNFdqa9UO93nYpy6iOSgdfgHthoiNbpRaVJsBBvzeyk13QFMirLnKnd04cngbm8KfKMXsauzXmHz5sxM3wqaiLIgxu0SvWnTjBDjZdFikV_djWyT-JtUa9yjOCMA_vZR-Euv8bDk9/s1600/IMG_8700.jpg" alt="Uncle Remus">
<h3>Uncle Remus</h3>
<p>Try some delicious Chicago-style barbecue at Uncle Remus.</p>
</div>
<div class="delicacy">
<img src="https://d1ralsognjng37.cloudfront.net/45abe189-b941-4d34-ae30-c9a003ebba25.jpeg" alt="Shark's Fish and Chicken">
<h3>Shark's Fish and Chicken</h3>
<p>Savor the crispy fish and chicken combo at Shark's.</p>
</div>
</section>
</main>
<!-- Footer -->
<footer style="text-align: center;">
<nav>
<ul class="nav-links">
<li><a href="http://127.0.0.1:5500/.vscode/index.html">Home</a></li>
<li><a href="#">About Us</a></li>
<li class="dropdown">
<a href="#">Featured Destinations</a>
<div class="dropdown-content">
<a href="http://127.0.0.1:5500/.vscode/Michigan.html">Michigan</a>
<a href="http://127.0.0.1:5500/.vscode/pr.html">Puerto Rico</a>
<a href="http://127.0.0.1:5500/.vscode/Chicago.html">Chicago</a>
</div>
</li>
<li><a href="http://127.0.0.1:5500/.vscode/Travel-Tips.html#">Travel Tips</a></li>
<li><a href="http://127.0.0.1:5500/.vscode/contact.html">Contact Us</a></li>
</ul>
</nav>
</footer>
<script src="Chicago.js"></script>
</body>
</html>