<!
DOCTYPE html>
<html>
<head>
<title>ComfortNest – Home</title>
<style>
Body {
Margin: 0;
Font-family: Arial, sans-serif;
/* Vertical Navbar */
.navbar {
Width: 200px;
Background-color: #2c3e50;
Height: 100vh;
Position: fixed;
.navbar a {
Display: block;
Color: white;
Padding: 15px;
Text-decoration: none;
.navbar a:hover {
Background-color: #34495e;
}
.content {
Margin-left: 220px;
Padding: 20px;
H1 {
Color: #2c3e50;
.hero {
Background-color: #f4f4f4;
Padding: 20px;
Border-radius: 8px;
.button {
Background-color: #2c3e50;
Color: white;
Padding: 10px 15px;
Text-decoration: none;
Border-radius: 5px;
Display: inline-block;
Margin-top: 10px;
.button:hover {
Background-color: #34495e;
}
</style>
</head>
<body>
<div class=”navbar”>
<a href=”[Link]”>Home</a>
<a href=”[Link]”>Resources</a>
<a href=”[Link]”>Help</a>
<a href=”[Link]”>About</a>
</div>
<div class=”content”>
<h1>Welcome to ComfortNest Furniture</h1>
<div class=”hero”>
<h2>Your Dream Home Starts Here</h2>
<p>We help you choose the perfect furniture for comfort, style, and
affordability.</p>
<a href=”[Link]” class=”button”>Explore Furniture
Guides</a>
</div>
<h3>Why Choose Us?</h3>
<ul>
<li>Affordable Prices</li>
<li>Modern & Classic Designs</li>
<li>Home Styling Advice</li>
<li>Beginner-Friendly Buying Guides</li>
</ul>
</div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>ComfortNest – Resources</title>
<style>
Body {
Margin: 0;
Font-family: Arial, sans-serif;
}
.navbar {
Width: 200px;
Background-color: #2c3e50;
Height: 100vh;
Position: fixed;
.navbar a {
Display: block;
Color: white;
Padding: 15px;
Text-decoration: none;
.navbar a:hover {
Background-color: #34495e;
.content {
Margin-left: 220px;
Padding: 20px;
H1 {
Color: #2c3e50;
.card {
Background-color: #f4f4f4;
Padding: 15px;
Margin-bottom: 15px;
Border-radius: 8px;
</style>
</head>
<body>
<div class=”navbar”>
<a href=”[Link]”>Home</a>
<a href=”[Link]”>Resources</a>
<a href=”[Link]”>Help</a>
<a href=”[Link]”>About</a>
</div>
<div class=”content”>
<h1>Furniture Buying Resources</h1>
<div class=”card”>
<h3>Living Room Guide</h3>
<p>Learn how to choose sofas, coffee tables, and TV stands that
match your space.</p>
</div>
<div class=”card”>
<h3>Bedroom Essentials</h3>
<p>Find the right bed frame, mattress, and wardrobe for your
comfort.</p>
</div>
<div class=”card”>
<h3>Budget Planning Tips</h3>
<p>Understand how to plan your furniture budget wisely without
overspending.</p>
</div>
</div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>ComfortNest – Help</title>
<style>
Body {
Margin: 0;
Font-family: Arial, sans-serif;
.navbar {
Width: 200px;
Background-color: #2c3e50;
Height: 100vh;
Position: fixed;
.navbar a {
Display: block;
Color: white;
Padding: 15px;
Text-decoration: none;
.navbar a:hover {
Background-color: #34495e;
.content {
Margin-left: 220px;
Padding: 20px;
}
H1 {
Color: #2c3e50;
.faq {
Background-color: #f4f4f4;
Padding: 15px;
Margin-bottom: 15px;
Border-radius: 8px;
</style>
</head>
<body>
<div class=”navbar”>
<a href=”[Link]”>Home</a>
<a href=”[Link]”>Resources</a>
<a href=”[Link]”>Help</a>
<a href=”[Link]”>About</a>
</div>
<div class=”content”>
<h1>Help & Frequently Asked Questions</h1>
<div class=”faq”>
<h3>How do I choose the right sofa size?</h3>
<p>Measure your room space first and leave walking space around
the sofa.</p>
</div>
<div class=”faq”>
<h3>Do you provide delivery?</h3>
<p>Yes, we provide affordable delivery options nationwide.</p>
</div>
<div class=”faq”>
<h3>Can I return furniture?</h3>
<p>Returns are accepted within 14 days under our return
policy.</p>
</div>
</div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>ComfortNest – About</title>
<style>
Body {
Margin: 0;
Font-family: Arial, sans-serif;
.navbar {
Width: 200px;
Background-color: #2c3e50;
Height: 100vh;
Position: fixed;
.navbar a {
Display: block;
Color: white;
Padding: 15px;
Text-decoration: none;
.navbar a:hover {
Background-color: #34495e;
}
.content {
Margin-left: 220px;
Padding: 20px;
H1 {
Color: #2c3e50;
.about-box {
Background-color: #f4f4f4;
Padding: 20px;
Border-radius: 8px;
</style>
</head>
<body>
<div class=”navbar”>
<a href=”[Link]”>Home</a>
<a href=”[Link]”>Resources</a>
<a href=”[Link]”>Help</a>
<a href=”[Link]”>About</a>
</div>
<div class=”content”>
<h1>About ComfortNest</h1>
<div class=”about-box”>
<p>ComfortNest Furniture is a made-up company created to help
people find beautiful and affordable furniture for their homes.</p>
<p>Our mission is to make furniture shopping simple, clear, and
stress-free.</p>
<p>We believe everyone deserves a comfortable and stylish
home.</p>
</div>
</div>
</body>
</html>