-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
2 changed files
with
247 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,88 @@ | ||
<!DOCTYPE html> | ||
<html lang="en-US"> | ||
|
||
<head> | ||
<meta charset="UTF-8"> | ||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
<meta name="description" content="About Us page"> | ||
<meta name="author" content="Ariel Antequiera"> | ||
<link rel="stylesheet" type="text/css" href="../wwr/styles/rafting.css"> | ||
<title>Whitewater Rafting Home</title> | ||
</head> | ||
|
||
<body> | ||
<header class="aboutHeader"> | ||
<img src="../wwr/images/logo.png" alt="Whitewater Rafting Site Logo" class="logo"> | ||
<nav class="aboutNavbar"> | ||
<a href="./index.html">Home</a> | ||
<a href="./about.html">About Us</a> | ||
<a href="./trips.html">Trips</a> | ||
<a href="./contact.html">Contact Us</a> | ||
</nav> | ||
</header> | ||
|
||
<main> | ||
<section class="hero"> | ||
<img src="../wwr/images/Rio_Salvaje.jpeg" alt="Rafting image" class="background-image"> | ||
<h1>Whitewater Rafting</h1> | ||
<div class="moto2"> | ||
<p> | ||
Enjoy the best experiences on Whitewater Rafting! | ||
</p> | ||
</div> | ||
</section> | ||
|
||
<section class="adventures"> | ||
<figure> | ||
<img src="../wwr/images/1.jpg" alt="Los Dientes del Diablo"> | ||
<figcaption>Los Dientes del Diablo</figcaption> | ||
</figure> | ||
<figure> | ||
<img src="../wwr/images/3.jpg" alt="Half Day Adventure"> | ||
<figcaption>Half Day Adventure</figcaption> | ||
</figure> | ||
<figure> | ||
<img src="../wwr/images/5.jpg" alt="River Bliss Retreat"> | ||
<figcaption>River Bliss Retreat</figcaption> | ||
</figure> | ||
</section> | ||
|
||
|
||
<section class="history"> | ||
<div class="indexContent"> | ||
<img src="../wwr/images/4.jpg" alt="rafting history"> | ||
<div> | ||
<h4 style="text-align: left;">Contact Us!</h4> | ||
<p> | ||
Feel the thrill of the rapids and the rush of the river with our rafting adventures! If you have any | ||
questions, comments, or would like to book your next unforgettable rafting experience, our team is | ||
here to assist you. Whether you're a first-time rafter looking for guidance or a seasoned pro | ||
seeking a new challenge, we're ready to help. | ||
</p> | ||
<br> | ||
<a href="./contact.html"><button>Contact Us</button></a> | ||
</div> | ||
|
||
</div> | ||
</section> | ||
</main> | ||
|
||
<footer> | ||
<p>©️ 2023 Ariel Antequiera - Whitewater Rafting - WDD130</p> | ||
<nav class="sociallinks"> | ||
<a href="https://www.facebook.com" target="_blank"> | ||
<img src="./images/facebook.webp" alt="Facebook"> | ||
</a> | ||
|
||
<a href="https://www.twitter.com" target="_blank"> | ||
<img src="./images/twitter.webp" alt="Twitter"> | ||
</a> | ||
|
||
<a href="https://www.instagram.com" target="_blank"> | ||
<img src="./images/instagram.webp" alt="Instagram"> | ||
</a> | ||
</nav> | ||
</footer> | ||
</body> | ||
|
||
</html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,159 @@ | ||
<!DOCTYPE html> | ||
<html lang="en-US"> | ||
|
||
<head> | ||
<meta charset="UTF-8"> | ||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
<meta name="description" content="About Us page"> | ||
<meta name="author" content="Ariel Antequiera"> | ||
<link rel="stylesheet" type="text/css" href="../wwr/styles/rafting.css"> | ||
<title>Whitewater Rafting Trips</title> | ||
</head> | ||
|
||
<body> | ||
<header class="aboutHeader"> | ||
<img src="../wwr/images/logo.png" alt="Whitewater Rafting Site Logo" class="logo"> | ||
<nav class="aboutNavbar"> | ||
<a href="./index.html">Home</a> | ||
<a href="./about.html">About Us</a> | ||
<a href="./trips.html">Trips</a> | ||
<a href="./contact.html">Contact Us</a> | ||
</nav> | ||
</header> | ||
|
||
<main> | ||
<section class="history"> | ||
<h2>Select Your River Rafting Trip</h2> | ||
<div class=""> | ||
<section> | ||
<div class="container"> | ||
<div class="card"> | ||
<img src="./images/bochincheXpedition-5.jpg" alt="Imagen Ilustrativa"> | ||
<h4>Patagonian Rafting</h4> | ||
<p class="reviews">★★★★☆ (48 reviews)</p> | ||
<p>A great trip in the Patagonia.</p> | ||
<ul> | ||
<li>Price: U$D 700.00</li> | ||
<li>Duration: 2 days</li> | ||
<li>Usual Minimum Age: 17</li> | ||
<li>Dificulty: Beginner-Intermediate</li> | ||
</ul> | ||
<br> | ||
<a href="#"><button>Learn More</button></a> | ||
<br> | ||
<br> | ||
</div> | ||
|
||
<div class="card"> | ||
<img src="./images/marruecos-.jpg" alt="Imagen Ilustrativa"> | ||
<h4>Long River Rafting</h4> | ||
<p class="reviews">★★★★☆ (57 reviews)</p> | ||
<p>A long trip to enjoy the nature.</p> | ||
<ul> | ||
<li>Price: U$D 800.00</li> | ||
<li>Duration: 5 days</li> | ||
<li>Usual Minimum Age: 17</li> | ||
<li>Dificulty: Beginner</li> | ||
</ul> | ||
<br> | ||
<a href="#"><button>Learn More</button></a> | ||
<br> | ||
<br> | ||
</div> | ||
|
||
<div class="card"> | ||
<img src="./images/1.jpg" alt="Imagen Ilustrativa"> | ||
<h4>The wild one</h4> | ||
<p class="reviews">★★★★★ (43 reviews)</p> | ||
<p>An extreme rafting adventure.</p> | ||
<ul> | ||
<li>Price: U$D 700.00</li> | ||
<li>Duration: 1 days</li> | ||
<li>Usual Minimum Age: 19</li> | ||
<li>Dificulty: Advanced</li> | ||
</ul> | ||
<br> | ||
<a href="#"><button>Learn More</button></a> | ||
<br> | ||
<br> | ||
</div> | ||
|
||
<div class="card"> | ||
<img src="./images/3.jpg" alt="Imagen Ilustrativa"> | ||
<h4>Extreme Rapids Challenge</h4> | ||
<p class="reviews">★★★★☆ (62 reviews)</p> | ||
<p>The ultimate rafting challenge.</p> | ||
<ul> | ||
<li>Price: U$D 950.00</li> | ||
<li>Duration: 6 days</li> | ||
<li>Usual Minimum Age: 20</li> | ||
<li>Dificulty: Advanced</li> | ||
</ul> | ||
<br> | ||
<a href="#"><button>Learn More</button></a> | ||
<br> | ||
<br> | ||
</div> | ||
|
||
<div class="card"> | ||
<img src="./images/serene.jpeg" alt="Imagen Ilustrativa"> | ||
<h4>Serene River Retreat</h4> | ||
<p class="reviews">★★★★☆ (36 reviews)</p> | ||
<p>A calm and picturesque trip.</p> | ||
<ul> | ||
<li>Price: U$D 600.00</li> | ||
<li>Duration: 3 days</li> | ||
<li>Usual Minimum Age: 16</li> | ||
<li>Dificulty: Beginner</li> | ||
</ul> | ||
<br> | ||
<a href="#"><button>Learn More</button></a> | ||
<br> | ||
<br> | ||
</div> | ||
|
||
<div class="card"> | ||
<img src="./images/sunset.jpeg" alt="Imagen Ilustrativa"> | ||
<h4>Sunset Rapids Expedition</h4> | ||
<p class="reviews">★★★★☆ (53 reviews)</p> | ||
<p>A journey to the wilderness.</p> | ||
<ul> | ||
<li>Price: U$D 700.00</li> | ||
<li>Duration: 3 days</li> | ||
<li>Usual Minimum Age: 17</li> | ||
<li>Dificulty: Intermediate</li> | ||
</ul> | ||
<br> | ||
<a href="#"><button>Learn More</button></a> | ||
<br> | ||
<br> | ||
</div> | ||
|
||
<p>* Season length may vary depending on snowpack and weather. See this <a href="#">year's flow predictions</a>.</p> | ||
</div> | ||
</section> | ||
</div> | ||
</section> | ||
|
||
|
||
</main> | ||
|
||
<footer> | ||
<p>©️ 2023 Ariel Antequiera - Whitewater Rafting - WDD130</p> | ||
<nav class="sociallinks"> | ||
<a href="https://www.facebook.com" target="_blank"> | ||
<img src="./images/facebook.webp" alt="Facebook"> | ||
</a> | ||
|
||
<a href="https://www.twitter.com" target="_blank"> | ||
<img src="./images/twitter.webp" alt="Twitter"> | ||
</a> | ||
|
||
<a href="https://www.instagram.com" target="_blank"> | ||
<img src="./images/instagram.webp" alt="Instagram"> | ||
</a> | ||
</nav> | ||
</footer> | ||
</body> | ||
|
||
</html> |