index.html

<!DOCTYPE html>
<html lang="en">
<head>

<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Get It All Sorted</title>

<link rel="stylesheet" href="style.css">
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;500;700&display=swap" rel="stylesheet">

</head>

<body>

<nav class="navbar">

<div class="logo-box">Get It All Sorted</div>

<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="faq.html">FAQ</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>

</nav>

<main>

<section class="hero">

<div class="hero-left">

<span class="hero-tag">FIRST HOUR FREE FOR NEW CLIENTS</span>

<h1>Get Started Today!</h1>

<p>Flexible home organisation.</p>
<p>Catered entirely to your needs.</p>

<a href="contact.html" class="cta-btn">Book a Free Consultation</a>

</div>

<div class="hero-right">
<img src="images/hero.jpg">
</div>

</section>


<section id="gallery" class="gallery">

<h2>Before & After</h2>

<div class="gallery-grid">

<img src="images/before1.jpg">
<img src="images/after1.jpg">

<img src="images/before2.jpg">
<img src="images/after2.jpg">

<img src="images/before3.jpg">
<img src="images/after3.jpg">

<img src="images/before4.jpg">
<img src="images/after4.jpg">

</div>

</section>

</main>


<footer class="site-footer">

<div class="socials">

<a href="https://instagram.com/getitall.sorted" target="_blank">Instagram</a>
<a href="https://www.linkedin.com/in/lindseydene/" target="_blank">LinkedIn</a>
<a href="https://pinterest.com/getitallsortedout" target="_blank">Pinterest</a>

</div>

<p>Copyright Lindsey Dene 2024</p>

</footer>

<script src="script.js"></script>

</body>
</html>