Technigo · akiwumi · Sep 16, 2025 · Sep 16, 2025 · Sep 16, 2025 · Dec 3, 2025
diff --git a/.DS_Store b/.DS_Store
diff --git a/README.md b/README.md
@@ -1 +1,2 @@
-# js-project-business-site
+# walantu
+African portal for handymen and women
diff --git a/images/.DS_Store b/images/.DS_Store
diff --git a/images/Thank-1.jpg b/images/Thank-1.jpg
diff --git a/images/Thank-2.jpg b/images/Thank-2.jpg
diff --git a/images/head-1.jpg b/images/head-1.jpg
diff --git a/images/head-2.jpg b/images/head-2.jpg
diff --git a/images/logo.png b/images/logo.png
diff --git a/images/logoBlk.png b/images/logoBlk.png
diff --git a/images/logoFull.png b/images/logoFull.png
diff --git a/images/man-1.jpg b/images/man-1.jpg
diff --git a/images/man-2.jpg b/images/man-2.jpg
diff --git a/images/man-3.jpg b/images/man-3.jpg
diff --git a/images/man-4.jpg b/images/man-4.jpg
diff --git a/images/tap-1.jpg b/images/tap-1.jpg
diff --git a/images/walantu-logo.jpg b/images/walantu-logo.jpg
diff --git a/images/workers-1.jpg b/images/workers-1.jpg
diff --git a/images/workers-2.jpg b/images/workers-2.jpg
diff --git a/images/workers-3.jpg b/images/workers-3.jpg
diff --git a/images/workers-4.jpg b/images/workers-4.jpg
diff --git a/images/workmen-banner-1.jpg b/images/workmen-banner-1.jpg
diff --git a/images/workmen-banner-2.jpg b/images/workmen-banner-2.jpg
diff --git a/images/workmen.jpg b/images/workmen.jpg
diff --git a/index reseve.html b/index reseve.html
@@ -0,0 +1,241 @@
+<!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>Walantu - Find Trusted Professionals</title> 
+	<link rel="stylesheet" href="styles/reset.css"/>
+  <link rel="stylesheet" href="styles/styles.css"/>
+
+
+
+	<script defer src="script.js" defer></script>
+</head>
+
+<body>
+
+	<nav>
+		<ul class="sidebar">
+		  <li onclick=hideSidebar()><a href="#"><svg xmlns="http://www.w3.org/2000/svg" height="26" viewBox="0 96 960 960" width="26"><path d="m249 849-42-42 231-231-231-231 42-42 231 231 231-231 42 42-231 231 231 231-42 42-231-231-231 231Z"/></svg></a></li>
+		  <li><a href="#">Home</a></li>
+		  <li><a href="#">How it works</a></li>
+		  <li><a href="#">Certification</a></li>
+		  <li><a href="#">Contact</a></li>
+		  <li><a href="#">Start Here</a></li>
+		</ul>
+		<ul>
+		  <li><a href="index.html">
+        <picture>
+          <source media="(min-width: 800px)" srcset="images/logoFull.png" width="150">
+          <img src="images/logoBlk.png" alt="Walantu logo" width="50" ></a>
+        </picture>
+
+		  </li>
+		  <li class="hideOnMobile"><a href="#">Home</a></li>
+		  <li class="hideOnMobile"><a href="#">How it works</a></li>
+		  <li class="hideOnMobile"><a href="#">Certification</a></li>
+		  <li class="hideOnMobile"><a href="#">Contact</a></li>
+		  <li class="hideOnMobile"><a href="#">Login</a></li>
+		  <li class="menu-button" onclick=showSidebar()><a href="#"><svg xmlns="http://www.w3.org/2000/svg" height="26" viewBox="0 96 960 960" width="26"><path d="M120 816v-60h720v60H120Zm0-210v-60h720v60H120Zm0-210v-60h720v60H120Z"/></svg></a></li>
+		</ul>
+	  </nav>
+
+
+
+	<!-- Head Content -->
+
+		<header>
+
+        <source media="(min-width: 800px)" srcset="images/head-1.jpg">
+
+        <div class="header-text">
+          <h1>Your trusted platform for professional services</h1>
+        <h2>We get the job done</h2>
+				<p>Your one-stop platform for finding trusted professionals across various services. 
+					Lorem ipsum dolor sit amet consectetur adipisicing elit. Aperiam totam maiores 
+					inventore omnis optio quis, unde dolor recusandae, obcaecati ullam molestiae 
+					blanditiis voluptate vitae dolorum similique repudiandae cum? In, consectetur.</p>	
+          </div>
+
+    	</header>
+
+<!--  main -->
+    <main>
+        <section>
+          <div class="intro">
+          <h1>Trusted professional delivery</h1>
+          <p>Your one-stop platform for finding trusted professionals across various services. 
+					Lorem ipsum dolor sit amet consectetur adipisicing elit. Aperiam totam maiores 
+					inventore omnis optio quis, unde dolor recusandae, obcaecati ullam molestiae 
+					blanditiis voluptate vitae dolorum similique repudiandae cum? In, consectetur.</p>	
+            </div>
+
+
+
+            <article>
+                <h2>Why choose Walantu?</h2>
+                <p>At Walantu, we connect you with vetted professionals for all your service needs. 
+                  Whether it's plumbing, electrical work, cleaning, or moving, our platform ensures 
+                  you find reliable experts quickly and easily. With transparent pricing and secure 
+                  booking, Walantu is your trusted partner for hassle-free service delivery. <a href="#"> Learn More</a></p>
+
+                <figure>
+                <picture>
+                  <source media="(min-width: 800px)" srcset="images/workers-1.jpg">
+                  <img src="images/workers-1.jpg" alt="Why choose Walantu image placeholder">
+                </picture>
+                <figcaption>Walantu connects you with vetted professionals for all your service needs.</figcaption>
+                </figure>
+          </article>
+
+
+          <article>
+                <h2>Why choose Walantu?</h2>
+                <p>At Walantu, we connect you with vetted professionals for all your service needs. 
+                  Whether it's plumbing, electrical work, cleaning, or moving, our platform ensures 
+                  you find reliable experts quickly and easily. With transparent pricing and secure 
+                  booking, Walantu is your trusted partner for hassle-free service delivery. <a href="#"> Learn More</a></p>
+
+                <figure>
+                <picture>
+                  <img src="images/workers-2.jpg" alt="Why choose Walantu image placeholder">
+                </picture>
+                <figcaption>Walantu connects you with vetted professionals for all your service needs.</figcaption>
+                </figure>
+          </article>
+
+          <article>
+                <h2>Why choose Walantu?</h2>
+                <p>At Walantu, we connect you with vetted professionals for all your service needs. 
+                  Whether it's plumbing, electrical work, cleaning, or moving, our platform ensures 
+                  you find reliable experts quickly and easily. With transparent pricing and secure 
+                  booking, Walantu is your trusted partner for hassle-free service delivery. <a href="#"> Learn More</a></p>
+
+                <figure>
+                <picture>
+                  <img src="images/workers-3.jpg" alt="Why choose Walantu image placeholder">
+                </picture>
+                <figcaption>Walantu connects you with vetted professionals for all your service needs.</figcaption>
+                </figure>
+          </article>
+
+
+	<!-- HOW IT WORKS (3 steps with text only) -->
+
+
+
+    <!-- GET STARTED (4-part form, yellow bg, orange border) -->
+   <div class="form-section">
+      <h2>Get Started</h2>
+      <form action="#" method="post">
+        <div class="form-group">
+          <label for="name">Name:</label>
+          <input type="text" id="name" name="name" required>
+        </div>
+
+        <div class="form-group">
+          <label for="email">Email:</label>
+          <input type="email" id="email" name="email" required>
+        </div>
+
+        <div class="form-group">
+          <label for="service">Service Needed:</label>
+          <select id="service" name="service" required>
+            <option value="">Select a service</option>
+            <option value="plumbing">Plumbing</option>
+            <option value="electrical">Electrical</option>
+            <option value="cleaning">Cleaning</option>
+            <option value="moving">Moving</option>
+            <option value="other">Other</option>
+          </select>
+        </div>
+
+        <div class="form-group">
+          <button type="submit">Submit</button>
+        </div>
+      </form>
+    </div>
+
+
+    <!-- TESTIMONIALS -->
+    <div class="testimonials">
+      <h2>What our users say</h2>
+      <picture>
+        <img src="images/man-1.jpg" alt="worker">
+      <p>"Walantu made it so easy to find a reliable plumber. Highly recommend!" - Jane D.</p>
+    </picture>
+
+      <picture>
+        <img src="images/man-3.jpg" alt="worker">
+      <p>"The professionals I found through Walantu were top-notch and affordable." - John</p>
+      </picture>
+
+      <picture>
+        <img src="images/man-2.jpg" alt="worker">
+      <p>"I love how user-friendly the platform is. I'll definitely use it again!" - Sarah K.</p>
+
+
+    </div>
+
+
+		</main>
+		<!-- Footer -->
+
+		<footer>
+
+      <!-- Contact Section -->
+       <div class="footer-container">
+
+      <!-- Contact Section -->
+      <div class="footer-section contact">
+        <h2>Contact Us</h2>
+        <p>Email: [email protected]</p>
+        <p>Phone: +123 456 7890</p>
+        <p>Address: 123 Main St, Anytown, USA</p>
+      </div>
+
+      <!-- Newsletter Section -->
+      <div class="footer-section newsletter">
+        <h2>Newsletter</h2>
+        <p>Subscribe to get the latest news and updates:</p>
+        <form class="newsletter-form">
+          <input type="email" placeholder="Enter your email" required>
+          <button type="submit">Subscribe</button>
+        </form>
+      </div>
+
+      <!-- Social Media -->
+      <div class="footer-section social">
+        <h2>Follow Us</h2>
+        <div class="social-icons">
+          <a href="#"><i class="fab fa-facebook-f"></i></a>
+          <a href="#"><i class="fab fa-twitter"></i></a>
+          <a href="#"><i class="fab fa-instagram"></i></a>
+          <a href="#"><i class="fab fa-linkedin-in"></i></a>
+        </div>
+      </div>
+
+      <!-- Quick Links -->
+      <div class="footer-section links">
+        <h2>Quick Links</h2>
+        <p><a href="#">Home</a></p>
+        <p><a href="#">Services</a></p>
+        <p><a href="#">Portfolio</a></p>
+        <p><a href="#">Contact</a></p>
+      </div>
+
+    </div>
+
+    <div class="footer-bottom">
+      <p>&copy; 2025 Walantu. All Rights Reserved.</p>
+    </div>
+
+		</footer>
+
+
+
+
+
+</body>