<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Professional Landing Page</title>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<style>
body {
font-family: Arial, sans-serif;
line-height: 1.6;
}
.hero {
background: url('https://codezillaye.com/wp-content/uploads/2024/06/topic.jpg') no-repeat center center/cover;
color: #fff;
height: 100vh;
position: relative;
}
.hero::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.5);
z-index: 1;
}
.hero-content {
position: relative;
z-index: 2;
text-align: center;
padding-top: 200px;
}
.hero h1 {
font-size: 4rem;
margin-bottom: 1rem;
}
.hero p {
font-size: 1.5rem;
margin-bottom: 2rem;
}
.features {
padding: 4rem 0;
}
.features h3 {
color: #f4511e !important;
padding: 1rem;
background-color: aqua;
border-radius: 8px;
}
.features p {
color: #fff;
padding: 1rem;
background-color: rgb(3, 49, 49);
border-radius: 8px;
}
.features .feature {
margin-bottom: 2rem;
}
footer {
background: #333;
color: #fff;
padding: 2rem 0;
text-align: center;
}
</style>
</head>
<body>
<!-- Navbar -->
<nav class="navbar navbar-light bg-light">
<div class="container">
<a class="navbar-brand" href="#">
<img src="https://codezillaye.com/wp-content/uploads/2024/06/avtare2.png" alt="logo" width="30" height="24">
</a>
CodeZillaYE
</div>
</nav>
<!-- Hero Section -->
<section class="hero" id="home">
<div class="container hero-content">
<h1>Welcome to Our Service</h1>
<p>We provide the best solutions for your business needs. Join us today and take your business to the next level.</p>
<a href="#features" class="btn btn-primary btn-lg">Learn More</a>
</div>
</section>
<!-- Features Section -->
<section class="features" id="features">
<div class="container text-center">
<h2 class="bg-dark text-danger fs-1">Features</h2>
<div class="row">
<div class="col-md-4 feature">
<h3>Feature One</h3>
<p>Unlock the power of coding with CodeZillaYE! Your ultimate resource for mastering frontend and backend development. Dive into detailed tutorials on HTML, CSS, Bootstrap, Tailwind CSS, JavaScript, React, PHP, Laravel, Python, and Dart. Stay ahead with our educational articles and enhance your skills with practical guides. Perfect for beginners and seasoned developers alike. Join CodeZillaYE today and elevate your coding journey!
Explore more at CodeZillaYE and transform your coding skills! .</p>
</div>
<div class="col-md-4 feature">
<h3>Feature Two</h3>
<p>Unlock the power of coding with CodeZillaYE! Your ultimate resource for mastering frontend and backend development. Dive into detailed tutorials on HTML, CSS, Bootstrap, Tailwind CSS, JavaScript, React, PHP, Laravel, Python, and Dart. Stay ahead with our educational articles and enhance your skills with practical guides. Perfect for beginners and seasoned developers alike. Join CodeZillaYE today and elevate your coding journey!
Explore more at CodeZillaYE and transform your coding skills! .</p>
</div>
<div class="col-md-4 feature">
<h3>Feature Three</h3>
<p>Unlock the power of coding with CodeZillaYE! Your ultimate resource for mastering frontend and backend development. Dive into detailed tutorials on HTML, CSS, Bootstrap, Tailwind CSS, JavaScript, React, PHP, Laravel, Python, and Dart. Stay ahead with our educational articles and enhance your skills with practical guides. Perfect for beginners and seasoned developers alike. Join CodeZillaYE today and elevate your coding journey!
Explore more at CodeZillaYE and transform your coding skills! </p>
</div>
</div>
</div>
</section>
<!-- Footer -->
<footer>
<div class="container">
<div class="row">
<div class="col-md-4">
<h5>About Us</h5>
<p>We are dedicated to providing the best services to help your business grow and succeed.</p>
</div>
<div class="col-md-4">
<h5>Quick Links</h5>
<ul class="list-unstyled">
<li><a href="#home" class="text-white">Home</a></li>
<li><a href="#features" class="text-white">Features</a></li>
<li><a href="#contact" class="text-white">Contact</a></li>
</ul>
</div>
<div class="col-md-4">
<h5>Contact</h5>
<p>website codezillaye.com</p>
<p>Phone: (123) 456-7890</p>
</div>
</div>
<p>© 2024 CodeZillaYE All Rights Reserved.</p>
</div>
</footer>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/5.3.0/js/bootstrap.bundle.min.js"></script>
</body>
</html>