-
Notifications
You must be signed in to change notification settings - Fork 0
/
Michigan.html
115 lines (106 loc) · 6.08 KB
/
Michigan.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Michigan Travel Page</title>
<link rel="stylesheet" href="michigan.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>
</header>
<main>
<section class="hero" style="background-image: url('https://www.onlyinyourstate.com/wp-content/uploads/2018/04/9148333174_f8b8d3acc3_k.jpg');">
<h1>Exploring the Mitten</h1>
</section>
<section class="featured-articles">
<h2>Hometown Delicacies in Detroit</h2>
<div class="article-grid">
<div class="article">
<img src="https://img.cdn4dd.com/cdn-cgi/image/fit=cover,width=600,height=400,format=auto,quality=80/https://doordash-static.s3.amazonaws.com/media/store/header/a9d3732c-f6c0-46b0-8cac-dca958fb87fd.jpeg" alt="Hibachi">
<h3>Hibachi</h3>
<p>Enjoy traditional Japanese cuisine with dine-in and takeout options.</p>
</div>
<div class="article">
<img src="https://cloudfront-us-east-1.images.arcpublishing.com/advancelocal/TSXYMXPVTVAGBF4A4COUNM44FE.jpg" alt="Coney Island">
<h3>Coney Island</h3>
<p>Experience the iconic Detroit coney dogs, a late-night favorite.</p>
</div>
<div class="article">
<img src="https://cdn.vox-cdn.com/thumbor/XbPSemK0oyHr8LPttox5wkBzSEE=/0x0:7952x5304/1200x800/filters:focal(3340x2016:4612x3288)/cdn.vox-cdn.com/uploads/chorus_image/image/73166328/Sexy_Steak_29.0.jpg" alt="Upscale Dining">
<h3>Upscale Dining</h3>
<p>Indulge in fine dining experiences at upscale restaurants in Detroit, like Sexy Steak. This is a great new place for tourists and residents alike to try. </p>
</div>
</div>
</section>
<section class="popular-destinations">
<h2>Popular Destinations in Michigan</h2>
<div class="destination-grid columns">
<div class="destination-item column">
<img src="https://assets-global.website-files.com/60e86456955487486ef5835e/618bddd8a7d41d66da627cee_CampusMartius_JasonKeen_1%20crop.jpg" alt="Campus Martius Detroit">
<h3>Campus Martius, Downtown Detroit</h3>
<p>Explore the vibrant heart of downtown Detroit with its bustling shops, restaurants, and cultural attractions.</p>
</div>
<div class="destination-item column">
<img src="https://www.gm.com/content/dam/company/img/us/en/gmcom/facility/detroit-renaissance-center/DRC2.jpg" alt="GM Building">
<h3>GM Building, Detroit</h3>
<p>Visit the iconic GM Building in downtown Detroit, a symbol of the city's automotive heritage and innovation.</p>
</div>
</div>
</section>
<section class="popular-activities">
<h2>Popular Activities in Michigan</h2>
<div class="activity-list">
<div class="activity-item">
<img src="https://visit-detroit-proxy.imgix.net/https%3A%2F%2Ffiles.idss.com%2FC412%2F3f8bc00c-7925-4f2d-b21c-10e14e78bf09.jpg?auto=compress%2Cformat&fit=max&position=50%2050&q=80&w=1024&s=437ab5e694bb5df9d81e0f6579c307fb" alt="Belle Isle">
<h3>Belle Isle</h3>
<p>Explore the natural beauty and recreational activities of Belle Isle, a scenic island park located in the Detroit River.</p>
</div>
<div class="activity-item">
<img src="https://images.squarespace-cdn.com/content/v1/59ffa2d0cf81e020a0f8b172/1541890939943-O2XA292Q0ZT176H0TCEZ/greenfield-map-1951.jpg" alt="Greenfield Village">
<h3>Greenfield Village</h3>
<p>Step back in time and experience life in 19th-century America at Greenfield Village, an open-air museum in Dearborn, Michigan.</p>
</div>
</div>
</section>
</main>
<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="#">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="Michigan.js"></script>
</body>
</html>