Template Business Solutions
Template de homepage
Código
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Business Solutions</title>
<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<style>
body {
font-family: Arial, sans-serif;
}
.hero-section {
background: url('https://via.placeholder.com/1600x500') no-repeat center center;
background-size: cover;
height: 60vh;
color: white;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
position: relative;
}
.hero-section h1 {
font-size: 4rem;
font-weight: bold;
}
.section-title {
text-align: center;
margin: 50px 0;
}
.card-deck .card {
border: none;
background-color: #f8f9fa;
padding: 20px;
text-align: center;
}
.cta-section {
background-color: #f8f9fa;
padding: 60px 0;
text-align: center;
}
.cta-section h2 {
margin-bottom: 30px;
}
footer {
background-color: #343a40;
color: white;
padding: 40px 0;
text-align: center;
}
footer a {
color: white;
text-decoration: none;
}
</style>
</head>
<body>
<!-- Navbar -->
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<div class="container">
<a class="navbar-brand" href="https://enepta.com">Business Solutions</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse justify-content-end" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link active" href="https://enepta.com">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://enepta.com">Services</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://enepta.com">About Us</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://enepta.com">Blog</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://enepta.com">Portfolio</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://enepta.com">Contact</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- Hero Section -->
<section class="hero-section">
<div class="container">
<h1>Transforming Your Business Since 1995</h1>
<p>Empowering companies with modern tools and strategies to thrive in the competitive market.</p>
<a href="https://enepta.com" class="btn btn-danger">Learn More</a>
</div>
</section>
<!-- Services Section -->
<section class="container my-5">
<div class="section-title">
<h2>Our Core Services</h2>
<p>Explore the services that help you grow and scale your business with ease.</p>
</div>
<div class="row">
<div class="col-md-3">
<div class="card">
<img src="https://via.placeholder.com/100" class="card-img-top" alt="Consulting">
<div class="card-body">
<h5 class="card-title">Consulting</h5>
<p class="card-text">We provide expert advice and solutions tailored to your business.</p>
<a href="https://enepta.com" class="btn btn-outline-danger">Read More</a>
</div>
</div>
</div>
<div class="col-md-3">
<div class="card">
<img src="https://via.placeholder.com/100" class="card-img-top" alt="Strategy Planning">
<div class="card-body">
<h5 class="card-title">Strategy Planning</h5>
<p class="card-text">Develop effective business strategies to navigate market changes.</p>
<a href="https://enepta.com" class="btn btn-outline-danger">Read More</a>
</div>
</div>
</div>
<div class="col-md-3">
<div class="card">
<img src="https://via.placeholder.com/100" class="card-img-top" alt="Market Analysis">
<div class="card-body">
<h5 class="card-title">Market Analysis</h5>
<p class="card-text">Gain insights into market trends and optimize your operations.</p>
<a href="https://enepta.com" class="btn btn-outline-danger">Read More</a>
</div>
</div>
</div>
<div class="col-md-3">
<div class="card">
<img src="https://via.placeholder.com/100" class="card-img-top" alt="Financial Planning">
<div class="card-body">
<h5 class="card-title">Financial Planning</h5>
<p class="card-text">Plan your financial growth and maximize your resources.</p>
<a href="https://enepta.com" class="btn btn-outline-danger">Read More</a>
</div>
</div>
</div>
</div>
</section>
<!-- Why Choose Us Section -->
<section class="cta-section">
<div class="container">
<h2>Why Choose Business Solutions?</h2>
<p>We provide you with the expertise, dedication, and innovative approaches needed to succeed.</p>
<div class="row">
<div class="col-md-4">
<img src="https://via.placeholder.com/300x200" class="img-fluid" alt="Team Expertise">
<h5 class="mt-3">Expert Team</h5>
<p>Our team of professionals delivers exceptional results in every project.</p>
</div>
<div class="col-md-4">
<img src="https://via.placeholder.com/300x200" class="img-fluid" alt="Client-Centered Solutions">
<h5 class="mt-3">Client-Centered Solutions</h5>
<p>We place your business at the center of all our efforts.</p>
</div>
<div class="col-md-4">
<img src="https://via.placeholder.com/300x200" class="img-fluid" alt="Innovative Strategies">
<h5 class="mt-3">Innovative Strategies</h5>
<p>We implement the latest innovations to keep you ahead of the competition.</p>
</div>
</div>
</div>
</section>
<!-- Footer -->
<footer>
<p>© 2024 Business Solutions. All rights reserved.</p>
<p>
<a href="https://enepta.com">Privacy Policy</a> |
<a href="https://enepta.com">Terms of Service</a> |
<a href="https://enepta.com">Contact Us</a>
</p>
</footer>
<!-- Bootstrap JS and Popper.js -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
</body>
</html>