-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathpr.html
127 lines (121 loc) · 5.73 KB
/
pr.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
123
124
125
126
127
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Puerto Rican Adventures</title>
<link rel="stylesheet" href="pr.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="#">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">
<div class="hero-content">
<h1>Experience the Beauty of Puerto Rico</h1>
<p>From pristine beaches to lush rainforests, explore the wonders of the Caribbean.</p>
<a href=https://www.discoverpuertorico.com/itinerary/7-days-puerto-rico-first-time-visitors" class="btn">Plan Your Adventure</a>
</div>
</section>
<section class="featured-articles">
<h2>Discover Puerto Rico</h2>
<div class="article-grid">
<div class="article">
<img src="https://cdn.britannica.com/06/94406-050-23A91C64/San-Juan-PR.jpg" alt="San Juan">
<h3>Exploring San Juan</h3>
<p>Discover the rich history and culture of San Juan.</p>
</div>
<div class="article">
<img src="https://travel.home.sndimg.com/content/dam/images/travel/fullset/2015/01/09ET/puerto-rico-hidden-beaches-isla-culebrita.jpg.rend.hgtvcom.1280.960.suffix/1491581063222.jpeg" alt="Beach">
<h3>Relax on the Beaches</h3>
<p>Unwind on the beautiful beaches of Puerto Rico.</p>
</div>
<div class="article">
<img src="https://thelovelyescapist.com/wp-content/uploads/2018/04/ADU_7297-1024x684.jpg" alt="Rainforest">
<h3>Adventure in the Rainforest</h3>
<p>Experience the thrill of hiking in Puerto Rico's rainforests.</p>
</div>
</div>
</section>
<section class="popular-destinations">
<h2>Popular Destinations</h2>
<div class="destination-grid">
<div class="destination-item">
<img src="https://cdn.britannica.com/06/94406-050-23A91C64/San-Juan-PR.jpg" alt="San Juan">
<h3>San Juan</h3>
<p>Explore the historic streets of Old San Juan.</p>
</div>
<div class="destination-item">
<img src="https://www.onegirl-oneworld.com/wp-content/uploads/2015/08/ponce.jpg" alt="Ponce">
<h3>Ponce</h3>
<p>Visit the vibrant city of Ponce and its museums.</p>
</div>
<div class="destination-item">
<img src="https://i.ytimg.com/vi/DsJ-Y6-0KhU/maxresdefault.jpg" alt="Rincon">
<h3>Rincon</h3>
<p>Surf the waves and enjoy the laid-back atmosphere of Rincon.</p>
</div>
</div>
</section>
<section class="popular-activities">
<h2>Popular Activities</h2>
<div class="activity-list">
<div class="activity-item">
<img src="https://islandkayakingadventure.com/wp-content/uploads/2019/07/Image-Island-Kayaking-Luminosidad.jpg" alt="Kayaking">
<h3>Kayaking</h3>
<p>Explore the coastline with a kayaking adventure.</p>
</div>
<div class="activity-item">
<img src="https://media.tacdn.com/media/attractions-splice-spp-674x446/06/f0/fb/08.jpg" alt="Snorkeling">
<h3>Snorkeling</h3>
<p>Discover the colorful marine life while snorkeling.</p>
</div>
<div class="activity-item">
<img src="https://images.freeimages.com/images/large-previews/267/puerto-rico-hiking-1-1222587.jpg" alt="Hiking">
<h3>Hiking</h3>
<p>Embark on scenic hikes through Puerto Rico's lush landscapes.</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="#">Puerto Rico</a>
<a href="#">Chicago</a>
</div>
</li>
<li><a href="#">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="pr.js"></script>
<script src="smooth-scroll.js"></script>
</body>
</html>