59 lines
3.3 KiB
PHP
59 lines
3.3 KiB
PHP
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Bibhuti Solutions</title>
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons/font/bootstrap-icons.css" rel="stylesheet">
|
|
<link rel="stylesheet" href="./assets/css/carousels.css">
|
|
<script src="./assets/js/carousel.js"></script>
|
|
</head>
|
|
<body>
|
|
|
|
<section id="main-carousel">
|
|
<div id="carouselExampleCaptions" class="carousel slide">
|
|
<div class="carousel-indicators">
|
|
<button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
|
|
<button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="1" aria-label="Slide 2"></button>
|
|
<button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="2" aria-label="Slide 3"></button>
|
|
</div>
|
|
<div class="carousel-inner">
|
|
<div class="carousel-item active">
|
|
<img src="./assets/images/carousel-one.jpg" class="d-block w-100" alt="...">
|
|
<div class="carousel-caption d-none d-md-block">
|
|
<h5><span class="carouspan">We Provide</span><br>Truly Prominent IT Services</h5>
|
|
<p>We will make sure that your company is always on high-profile and up with your competitors.</p>
|
|
<div class="button-carousel d-flex justify-content-center gap-4">
|
|
<button type="button" class="carousebtn btn btn-danger">VIEW DETAILS</button>
|
|
<button type="button" class="carousebtn btn btn-danger">CONTACT US</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="carousel-item">
|
|
<img src="./assets/images/carousel-two.jpg" class="d-block w-100" alt="...">
|
|
<div class="carousel-caption d-none d-md-block">
|
|
<h5><span class="carouspan">We help</span><br> to Develop Your Businesss</h5>
|
|
<p>We specialize in software application development, interactive website design, and many other services with creative and affordable solutions for small & medium on large business concerns.</p>
|
|
<div class="button-carousel d-flex justify-content-center gap-4">
|
|
<button type="button" class="carousebtn btn btn-danger">READ MORE</button>
|
|
<button type="button" class="carousebtn btn btn-danger">CONTACT US</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide="prev">
|
|
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
|
|
<span class="visually-hidden">Previous</span>
|
|
</button>
|
|
<button class="carousel-control-next" type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide="next">
|
|
<span class="carousel-control-next-icon" aria-hidden="true"></span>
|
|
<span class="visually-hidden">Next</span>
|
|
</button>
|
|
</div>
|
|
</section>
|
|
|
|
|
|
<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> |