The errors are in this screenshot
I was checking where there was a closing tag but I can’t find any errors below is a screenshot of my html code.
Part 2 – half of the code
Part 1 – first part of the code
Please help if you see any issues. I tried many options but I can’t seem to solve it.
below is the code
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>FARM to TABLE</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Red+Hat+Display:ital,wght@0,300..900;1,300..900&family=Zilla+Slab:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<nav class="navbar navbar-expand-lg bg-custom">
<div class="container-fluid">
<a class="navbar-brand" href="index.html"><img src="images/brandlogo.svg" alt="FARM to TABLE" class="logo"></a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNavDropdown">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="about.html">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="services.html">Services</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html">Contact</a>
</li>
</ul>
</div>
</div>
</nav>
<div class="container text-center">
<!-- Columns are always 50% wide, on mobile and desktop -->
<div class="row">
<div class="col-md-12"><img src="images/vegetables-basket-garden-produce-fresh.jpg" alt="vegetables in basket" class="img-fluid"></div>
<h1 class="lh-1">At Farm to Table CSA in Elberta, Alabama, our mission is to nurture our community through USDA organic farming and the Community Supported Agriculture model. We pledge to promote sustainability by promoting local agriculture and providing the freshest produce directly to our customers.</h1>
<div class="col-md-6"><img src="images/cucumber-tomatoes-vines-garden-green.jpg" alt="cucumber and tomatoes" class="img-fluid"></div>
<div class="col-md-6"><img src="images/carrots-orange-garden-picked-fresh.png" alt="orange carrots" class="img-fluid"></div>
</div>
</div>
<footer class="footer mt-3 py-3">
<div class ="container text-center">
<div class="row">
<div class="col-lg-6">
<h2>FARM to TABLE</h2>
<p>230 Main Street <br>Elberta, Alabama 23567 <br>332-223-2323</p>
</div>
<div class="col-lg-6">
<h2>Hours</h2>
<p>Tuesday-Thursday 9am-7pm <br>Friday-Saturday 9am-5pm</p>
<a href="https://www.facebook.com/yourpage" target="_blank" aria-label="Facebook"><i class="bi bi-facebook"></i></a>
<a href="https://www.instagram.com/yourpage" target="_blank" aria-label="Instagram"><i class="bi bi-instagram"></i></a>
<a href="https://www.youtube.com/yourpage" target="_blank" aria-label="YouTube"><i class="bi bi-youtube"></i></a>
</div>
<h3>©2025, FARM to TABLE.</h3>
</div>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
</body>
</html>