<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Riddle Marine Tech - Your Marine Electronics Experts</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
background-color: #f0f0f0;
color: #333;
}
header {
background-color: #0056b3; /* Darker blue for header */
color: #fff;
padding: 1em 0;
text-align: center;
position: relative;
}
.logo {
position: absolute;
top: 10px;
left: 10px;
max-height: 60px;
height: auto; /* Maintain aspect ratio */
margin-right: 10px;
vertical-align: middle;
}
nav {
background-color: #007bff; /* Blue for navigation */
color: #fff;
padding: 0.5em 0;
}
nav ul {
list-style: none;
padding: 0;
margin: 0;
text-align: center;
}
nav ul li {
display: inline;
margin: 0 1em;
}
nav ul li a {
color: #fff;
text-decoration: none;
}
main {
padding: 2em;
}
.hero {
background-image: url('images/lake_cumberland.jpg'); /* Lake Cumberland image */
background-size: cover;
background-position: center;
color: #fff;
text-align: center;
padding: 5em 0;
margin-bottom: 2em;
position: relative;
}
.hero::before { /* Darken the background image a bit */
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.4); /* Semi-transparent black */
}
.hero h1, .hero p {
position: relative; /* Bring text in front of the overlay */
z-index: 1;
}
.boat-images {
display: flex;
justify-content: space-around;
margin-bottom: 2em;
}
.boat-images img {
width: 30%;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.boat-images img:hover {
transform: scale(1.05);
transition: transform 0.3s ease;
}
footer {
background-color: #0056b3; /* Darker blue for footer */
color: #fff;
text-align: center;
padding: 1em 0;
position: relative;
bottom: 0;
width: 100%;
}
.container {
width: 80%;
margin: 0 auto;
max-width: 1200px; /* Limit width on large screens */
}
/* Responsive Design */
@media (max-width: 768px) {
.container {
width: 95%;
}
nav ul li {
display: block;
margin: 0.5em 0;
}
.boat-images {
flex-direction: column;
align-items: center;
}
.boat-images img {
width: 80%;
margin-bottom: 1em;
}
}
.contact-info {
text-align: center;
margin-top: 1em;
}
.electronics-info ul {
list-style-type: disc; /* or square, circle, none */
padding-left: 20px;
}
</style>
</head>
<body>
<header>
<div class="container">
<a href="/"> <img src="images/IMG_6578.JPG" alt="Riddle Marine Tech Logo" class="logo"></a>
<h1>Riddle Marine Tech</h1>
<p>The Best Marine Electronics for Your Boat or Yacht</p>
</div>
</header>
<nav>
<div class="container">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
</nav>
<main>
<section class="hero">
<div class="container">
<h1>Equipping Boats for Adventure</h1>
<p>From navigation to communication, we provide top-of-the-line marine electronics.</p>
<!-- Call to action button could go here -->
</div>
</section>
<section class="boat-images">
<div class="container">
<img src="images/boat1.jpg" alt="Luxury Yacht">
<img src="images/boat2.jpg" alt="Fishing Boat">
<img src="images/boat3.jpg" alt="Pontoon Boat">
</div>
</section>
<section class="about-us">
<div class="container">
<h2>About Us</h2>
<p>Riddle Marine Tech is dedicated to providing boat owners and yacht enthusiasts with the highest quality marine electronics available. We serve clients across a variety of waterways. Whether you're looking for advanced navigation systems, fish finders, or communication devices, our expert team is here to help.</p>
</div>
</section>
<section class="marine-electronics-info">
<div class="container">
<h2>Marine Electronics: What You Need to Know</h2>
<p>Modern marine electronics can significantly enhance your boating experience, improving safety, navigation, and overall enjoyment. Here's a look at some key categories:</p>
<div class="electronics-info">
<ul>
<li>
<strong>Navigation Systems:</strong> GPS chartplotters provide real-time positioning, digital charts, and route planning capabilities. Look for features like touchscreen displays, integrated radar, and AIS (Automatic Identification System) support.
</li>
<li>
<strong>Fish Finders & Sonar:</strong> Advanced fish finders use sonar technology to detect fish, map the seafloor, and identify underwater structures. Features to consider include CHIRP sonar, down imaging, and side imaging.
</li>
<li>
<strong>Radar:</strong> Radar is essential for navigating in low visibility conditions such as fog, rain, or darkness. It detects boats, land, and other objects, helping you avoid collisions.
</li>
<li>
<strong>Communication Systems:</strong> VHF radios are critical for communicating with other vessels, shore-based stations, and emergency services. Consider adding a satellite communication system for offshore voyages.
</li>
<li>
<strong>Autopilots:</strong> Autopilots automatically steer your boat, freeing you from the helm and making long voyages more comfortable.
</li>
<li>
<strong>Entertainment Systems:</strong> Marine-grade stereos, speakers, and satellite radio systems provide entertainment while you're on the water.
</li>
</ul>
<p>At Riddle Marine Tech, we can help you select and install the right marine electronics for your specific needs and boating style. Contact us today for a consultation!</p>
</div>
</div>
</section>
<section class="contact-us">
<div class="container">
<h2>Contact Us</h2>
<p>Reach out to us for a consultation or to learn more about our products and services.</p>
<div class="contact-info">
<p>Phone: <a href="tel:270-405-0647">(270)-405-0647</a></p>
<p>Email: <a href="mailto:Kenneth@riddlemarinetech.com">Kenneth@riddlemarinetech.com</a></p>
</div>
</div>
</section>
</main>
<footer>
<div class="container">
<p>© 2023 Riddle Marine Tech. All rights reserved.</p>
</div>
</footer>
</body>
</html>