<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>roadsideswipe.com - roadsideswipe.com</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.9.3/css/bulma.min.css">
<link rel="stylesheet" href="styles.css">
<script src="https://cdn.counter.dev/script.js" data-id="a60e36d6-879a-4414-88df-a98d39e85ce8" data-utcoffset="-5"></script>
<script>
// Any specific script for the homepage
</script>
</head>
<body>
<!-- Navigation section of base.html -->
<nav class="navbar" role="navigation" aria-label="main navigation">
<div class="container">
<div class="navbar-brand">
<a class="navbar-item" href="/">
<strong>roadsideswipe.com</strong>
</a>
</div>
<div id="navbarBasicExample" class="navbar-menu">
<div class="navbar-end">
<a class="navbar-item" href="/">Home</a>
<a class="navbar-item" href="/about">About</a>
<!-- Dynamically add categories to the menu -->
<a class="navbar-item" href="/category/wearables">Wearables</a>
<a class="navbar-item" href="/category/ai">AI</a>
<a class="navbar-item" href="/category/big-data">Big Data</a>
<a class="navbar-item" href="/category/quantum-computing">Quantum Computing</a>
<a class="navbar-item" href="/category/smart-homes">Smart Homes</a>
<a class="navbar-item" href="/contact">Contact</a>
</div>
</div>
</div>
</nav>
<!-- Block for extra content (such as Hero Section) in child templates -->
<!-- Hero Section with Background Image -->
<section class="hero is-large has-background">
<div class="hero-body">
<div class="container">
<h1 class="title has-text-white">
Welcome to roadsideswipe.com
</h1>
<p class="subtitle has-text-white">
Welcome to roadsideswipe.com - your one-stop destination for all things related to road safety, driving tips, and expert advice on navigating the open road. Whether you're a seasoned driver or just starting out, we have valuable resources to help you stay safe and informed. Take a look around, explore our articles, and discover how you can make every journey a smooth ride. Happy exploring!
</p>
</div>
</div>
</section>
<!-- Main Content Section -->
<section class="section">
<div class="container is-max-desktop">
<div class="content">
<h2>About roadsideswipe.com</h2>
<p>Welcome to RoadsideSwipe.com, your go-to destination for all things road trip related! Whether you're a seasoned traveler looking for new scenic routes or a novice explorer seeking tips on navigating the open road, you've come to the right place. Our website is filled with inspiration, advice, and resources to help you make the most of your next adventure. So buckle up and get ready to swipe through endless opportunities for unforgettable journeys!</p>
</div>
</div>
</section>
<!-- Footer Section -->
<footer class="footer">
<div class="container">
<div class="content has-text-centered">
<p>
<a href="/">roadsideswipe.com</a> © 2024
<a href="/privacy">Privacy Policy</a>
<a href="/terms">Terms and Conditions</a>
</p>
</div>
</div>
</footer>
<script>
// JavaScript to toggle the mobile menu
document.addEventListener('DOMContentLoaded', () => {
const burgerIcon = document.querySelector('.navbar-burger');
const navbarMenu = document.querySelector('.navbar-menu');
burgerIcon.addEventListener('click', () => {
navbarMenu.classList.toggle('is-active');
});
});
</script>
</body>
</html>