georgebiri/khy_website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

feat: Create template

Browse source
This commit is contained in:
George Birikorang 2025-08-13 14:10:25 -04:00
parent 1b53dc6a20
commit 34d6f638bd
9 changed files with 1325 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

149
services.html Normal file
View file

@ -0,0 +1,149 @@
<!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>&copy; 2024 My Website. All rights reserved.</p>
</div>
</footer>
<script src="scripts/main.js"></script>
</body>
</html>