149 lines
4.7 KiB
HTML
149 lines
4.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>Services - My Website</title>
|
|
<link rel="stylesheet" href="styles/main.css" />
|
|
</head>
|
|
<body>
|
|
<header>
|
|
<nav>
|
|
<div class="nav-container">
|
|
<h1 class="logo">My Website</h1>
|
|
<ul class="nav-links">
|
|
<li><a href="index.html">Home</a></li>
|
|
<li><a href="about.html">About</a></li>
|
|
<li><a href="services.html">Services</a></li>
|
|
<li><a href="contact.html">Contact</a></li>
|
|
</ul>
|
|
</div>
|
|
</nav>
|
|
</header>
|
|
|
|
<main>
|
|
<section class="page-header">
|
|
<div class="container">
|
|
<h1>Our Services</h1>
|
|
<p>Discover what we can do for you</p>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="services-content">
|
|
<div class="container">
|
|
<div class="services-grid">
|
|
<div class="service-card">
|
|
<h3>Web Design</h3>
|
|
<p>
|
|
Beautiful, responsive websites that look great on all devices.
|
|
We create custom designs that reflect your brand and engage your
|
|
audience.
|
|
</p>
|
|
<ul>
|
|
<li>Custom Design</li>
|
|
<li>Responsive Layout</li>
|
|
<li>SEO Optimized</li>
|
|
<li>Fast Loading</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="service-card">
|
|
<h3>Web Development</h3>
|
|
<p>
|
|
Full-stack web development services. From simple websites to
|
|
complex web applications, we build solutions that work.
|
|
</p>
|
|
<ul>
|
|
<li>Frontend Development</li>
|
|
<li>Backend Development</li>
|
|
<li>Database Design</li>
|
|
<li>API Integration</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="service-card">
|
|
<h3>Digital Marketing</h3>
|
|
<p>
|
|
Comprehensive digital marketing strategies to grow your online
|
|
presence and reach your target audience effectively.
|
|
</p>
|
|
<ul>
|
|
<li>SEO Optimization</li>
|
|
<li>Social Media Marketing</li>
|
|
<li>Content Marketing</li>
|
|
<li>Email Campaigns</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="service-card">
|
|
<h3>Consulting</h3>
|
|
<p>
|
|
Expert advice on digital strategy, technology choices, and
|
|
business optimization to help you make informed decisions.
|
|
</p>
|
|
<ul>
|
|
<li>Technology Consulting</li>
|
|
<li>Digital Strategy</li>
|
|
<li>Performance Analysis</li>
|
|
<li>Growth Planning</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="pricing">
|
|
<div class="container">
|
|
<h2>Pricing Plans</h2>
|
|
<div class="pricing-grid">
|
|
<div class="pricing-card">
|
|
<h3>Starter</h3>
|
|
<div class="price">$99<span>/month</span></div>
|
|
<ul>
|
|
<li>Basic Website</li>
|
|
<li>5 Pages</li>
|
|
<li>Mobile Responsive</li>
|
|
<li>Basic SEO</li>
|
|
</ul>
|
|
<button class="pricing-btn">Choose Plan</button>
|
|
</div>
|
|
|
|
<div class="pricing-card featured">
|
|
<h3>Professional</h3>
|
|
<div class="price">$199<span>/month</span></div>
|
|
<ul>
|
|
<li>Custom Website</li>
|
|
<li>Unlimited Pages</li>
|
|
<li>Advanced SEO</li>
|
|
<li>Analytics Integration</li>
|
|
<li>Priority Support</li>
|
|
</ul>
|
|
<button class="pricing-btn">Choose Plan</button>
|
|
</div>
|
|
|
|
<div class="pricing-card">
|
|
<h3>Enterprise</h3>
|
|
<div class="price">$399<span>/month</span></div>
|
|
<ul>
|
|
<li>Full Custom Solution</li>
|
|
<li>E-commerce Features</li>
|
|
<li>Advanced Analytics</li>
|
|
<li>24/7 Support</li>
|
|
<li>Custom Integrations</li>
|
|
</ul>
|
|
<button class="pricing-btn">Choose Plan</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
|
|
<footer>
|
|
<div class="container">
|
|
<p>© 2024 My Website. All rights reserved.</p>
|
|
</div>
|
|
</footer>
|
|
|
|
<script src="scripts/main.js"></script>
|
|
</body>
|
|
</html>
|