added tons of images, made the HTML for the WWR project

Reese1243 · Sep 29, 2023 · 7dc0592 · 7dc0592
1 parent 2678cc2
commit 7dc0592
Show file tree

Hide file tree

Showing 22 changed files with 101 additions and 0 deletions.
diff --git a/wwr/images/DesolationCanyon.jpg b/wwr/images/DesolationCanyon.jpg
diff --git a/wwr/images/GrandCanyon1.jpg b/wwr/images/GrandCanyon1.jpg
diff --git a/wwr/images/GrandCanyon2.jpg b/wwr/images/GrandCanyon2.jpg
diff --git a/wwr/images/SalmonRiver.jpg b/wwr/images/SalmonRiver.jpg
diff --git a/wwr/images/bookingwireframe.jpg b/wwr/images/bookingwireframe.jpg
diff --git a/wwr/images/camping.jpg b/wwr/images/camping.jpg
diff --git a/wwr/images/facebook.png b/wwr/images/facebook.png
diff --git a/wwr/images/fire_icon.png b/wwr/images/fire_icon.png
diff --git a/wwr/images/glooper.jfif b/wwr/images/glooper.jfif
diff --git a/wwr/images/gloopis.jfif b/wwr/images/gloopis.jfif
diff --git a/wwr/images/hero.png b/wwr/images/hero.png
diff --git a/wwr/images/instagram.png b/wwr/images/instagram.png
diff --git a/wwr/images/logo.png b/wwr/images/logo.png
diff --git a/wwr/images/mountains.jpg b/wwr/images/mountains.jpg
diff --git a/wwr/images/oars.png b/wwr/images/oars.png
diff --git a/wwr/images/rapids.jpg b/wwr/images/rapids.jpg
diff --git a/wwr/images/river-wide.jpg b/wwr/images/river-wide.jpg
diff --git a/wwr/images/river_icon.png b/wwr/images/river_icon.png
diff --git a/wwr/images/rivers.jpg b/wwr/images/rivers.jpg
diff --git a/wwr/images/twitter.png b/wwr/images/twitter.png
diff --git a/wwr/index.html b/wwr/index.html
@@ -0,0 +1,73 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Whitewater rafting vacation | Dry Oar Boating | Home</title>
+</head>
+<body>
+    <header>
+        <a id="logo_link" href="index.html">
+            <img class="logo" src="images/logo.png" alt="Dry Oar Logo">
+        </a>
+        <nav>
+            <a href="index.html">Home</a>
+            <a href="#">Page 2</a>
+            <a href="site-plan-rafting.html">Site Plan</a>
+            <a href="contactus.html">Contact Us</a>
+        </nav>
+    </header>
+    <div id="hero">
+        <div id="hero-box">
+            <img id="hero-img" src="images/hero.png" alt = "people enjoying white water rafting">
+        </div>
+        <section id="hero-msg">
+            <h1 class="home-title">Have an Adventure!</h1>
+            <h4>Make memories with Dry Oar!</h4>
+            <div class = "button box"> 
+                <a class = "book" href ="contactus.html"> Book Now</a>
+            </div>
+        </section>
+    </div>
+    <main class = "home-grid">
+        <section class="river-card">
+            <img class="card-img" src = "images/rivers.jpg" alt = "river in forest">
+            <img class="icon" src = "images/river-icon.png" alt = "river icon">
+            <h2>Rivers</h2>
+        </section>
+        <section class="camping-card">
+            <img class="card-img" src = "images/camping.jpg" alt = "tent in mountains">
+            <img class="icon" src = "images/fire_icon.png" alt = "fire icon" >
+            <h2>Camping</h2>
+        </section>
+        <section class="rapids card">
+            <img class="card-img" src="images/rapids.jpg" alt = "rafting boat">
+            <img class="icon" src = "images/oars.png" alt = "rafting boat">
+            <h2>Rapids</h2>
+        </section>
+        <img class = "mountains" src = "images/mountains.jpg" alt = "Misty Mountains">
+        <section class = "msg">
+            <h2>More than just a Thrill</h2>
+            <p>Enjoy the breathtaking scenery. From valleys, meadows, canyons, and high peaks; it's way more than just the rapids. It's a great way to get away from it all and relax amongst all the beauty of the great outdoors. </p>
+            <a class='join' href = "rivers.html"> Join us</a>
+        </section>
+    </main>
+    <footer>
+        <p>Dry Oar &copy; 20XX - Your First and Last Name Here</p>
+        <p><a href="site-plan-rafting.html">Site Plan</a></p>
+        <p><a href="contactus.html">Contact Us</a></p>
+        <div class="social">
+            <a href="https://facebook.com">
+                <img src="images/facebook.png" alt="fb icon">
+            </a>
+            <a href="https://twitter.com">
+                <img src="images/twitter.png" alt="twitter icon">
+            </a>
+            <a href="https://instagram.com">
+                <img src="images/instagram.png" alt="instagram icon">
+            </a>
+        </div>
+    </footer>
+</body>
+</html>
diff --git a/wwr/wireframe.html b/wwr/wireframe.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Wireframe</title>
+</head>
+<body> 
+    <header> 
+       <a href="index.html"> <img src = https://placekitten.com/400/400 alt = "glooper"> </a>
+        <nav>
+        <a href="index.html">Home</a>
+        <a href="wireframe.html">Wireframe</a>
+        <a href="gallery.html">Gallery</a>
+        <a href="contactus.html">contact us</a>
+        </nav>
+    </header>
+    <main> 
+        <div class="hero">
+            <h1>this is my hero, his name is phil.</h1>
+
+
+        </div>
+
+    </main>
+
+</body>
+</html>