<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="styles.css">
<title>SAAI Consulting - SEO & Web Design</title>
</head>
<body>
<header>
<nav>
<div id="logo">SAAI Consulting</div>
<ul>
<li><a href="#services">Services</a></li>
<li><a href="#about">About</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
<div class="hero">
<h1>Your Success, Our Passion</h1>
<p>Boost your online presence with our SEO and Web Design solutions.</p>
<a href="#services" class="cta-button">Explore Services</a>
</div>
</header>
<main>
<section id="services">
<h2>Our Services</h2>
<div class="service">
<h3>SEO Services</h3>
<p>Top-notch SEO strategies for your business.</p>
</div>
<div class="service">
<h3>Web Design</h3>
<p>Creative and responsive web designs.</p>
</div>
</section>
<section id="testimonials">
<h2>What Our Clients Say</h2>
<div class="testimonial">
<p>"Best service ever!" - John Doe</p>
</div>
<div class="testimonial">
<p>"Highly recommend SAAI!" - Jane Smith</p>
</div>
</section>
<section id="contact">
<h2>Get in Touch</h2>
<form action="/submit" method="post">
<!-- Form Fields Here -->
</form>
</section>
</main>
<footer>
<p>© 2023 SAAI Consulting</p>
</footer>
</body>
</html>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
}
header {
background-image: url('hero-bg.jpg'); /* Add your hero background image here */
background-size: cover;
color: white;
text-align: center;
}
#logo {
font-size: 24px;
font-weight: bold;
}
nav ul {
list-style: none;
padding: 0;
}
nav ul li {
display: inline;
margin-right: 20px;
}
.hero {
padding: 100px 0;
}
.cta-button {
padding: 10px 20px;
background-color: #FF5733;
color: white;
text-decoration: none;
border-radius: 5px;
}
.service {
margin: 30px;
padding: 20px;
border: 1px solid #DDD;
}
.testimonial {
margin: 20px;
padding: 15px;
border-left: 3px solid #FF5733;
}
footer {
background-color: #333;
color: white;
text-align: center;
padding: 10px;
}
Your Success, Our Passion
Boost your online presence with our SEO and Web Design solutions.
Explore ServicesOur Services
SEO Services
Top-notch SEO strategies for your business.
Web Design
Creative and responsive web designs.
What Our Clients Say
“Best service ever!” – John Doe
“Highly recommend SAAI!” – Jane Smith
Get in Touch
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
}
header {
background-image: url(‘hero-bg.jpg’); /* Add your hero background image here */
background-size: cover;
color: white;
text-align: center;
}
#logo {
font-size: 24px;
font-weight: bold;
}
nav ul {
list-style: none;
padding: 0;
}
nav ul li {
display: inline;
margin-right: 20px;
}
.hero {
padding: 100px 0;
}
.cta-button {
padding: 10px 20px;
background-color: #FF5733;
color: white;
text-decoration: none;
border-radius: 5px;
}
.service {
margin: 30px;
padding: 20px;
border: 1px solid #DDD;
}
.testimonial {
margin: 20px;
padding: 15px;
border-left: 3px solid #FF5733;
}
footer {
background-color: #333;
color: white;
text-align: center;
padding: 10px;
}
