Sample Page
This is an example page. It’s different from a blog post because it will stay in one place and will show up in your site navigation (in most themes). Most people start with an About page that introduces them to potential site visitors. It might say something like this:
Hi there! I’m a bike messenger by day, aspiring actor by night, and this is my website. I live in Los Angeles, have a great dog named Jack, and I like piña coladas. (And gettin’ caught in the rain.)
…or something like this:
The XYZ Doohickey Company was founded in 1971, and has been providing quality doohickeys to the public ever since. Located in Gotham City, XYZ employs over 2,000 people and does all kinds of awesome things for the Gotham community.
As a new WordPress user, you should go to your dashboard to delete this page and create new pages for your content. Have fun!
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Lab and Optic - Equipment Services</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css">
<style>
body { font-family: Arial, sans-serif; }
.hero { background: #004aad; color: white; padding: 80px 20px; text-align: center; }
.services { padding: 50px 20px; text-align: center; }
.contact { background: #f4f4f4; padding: 50px 20px; text-align: center; }
.footer { background: #222; color: white; text-align: center; padding: 20px; }
</style>
</head>
<body>
<!-- Hero Section -->
<section class="hero">
<h1>Lab and Optic</h1>
<p>Professional Cleaning, Repair, and Modification of Lab Equipment</p>
<a href="#contact" class="btn btn-light">Contact Us</a>
</section>
<!-- Services Section -->
<section class="services">
<h2>Our Services</h2>
<div class="container">
<div class="row">
<div class="col-md-4">
<h3>Cleaning</h3>
<p>We offer deep cleaning of lab equipment to ensure safety and compliance.</p>
</div>
<div class="col-md-4">
<h3>Repair</h3>
<p>We diagnose and repair faulty equipment to restore functionality.</p>
</div>
<div class="col-md-4">
<h3>Modification</h3>
<p>We customize lab equipment to meet your specific needs.</p>
</div>
</div>
</div>
</section>
<!-- Contact Section -->
<section id="contact" class="contact">
<h2>Contact Us</h2>
<form action="#" method="POST">
<div class="container">
<div class="row">
<div class="col-md-6 offset-md-3">
<div class="mb-3">
<input type="text" class="form-control" placeholder="Your Name" required>
</div>
<div class="mb-3">
<input type="email" class="form-control" placeholder="Your Email" required>
</div>
<div class="mb-3">
<textarea class="form-control" placeholder="Your Message" rows="4" required></textarea>
</div>
<button type="submit" class="btn btn-primary">Send Message</button>
</div>
</div>
</div>
</form>
</section>
<!-- Footer -->
<footer class="footer">
<p>© 2025 Lab and Optic. All Rights Reserved.</p>
</footer>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>