75 lines
3.6 KiB
HTML
75 lines
3.6 KiB
HTML
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Swiper Slider</title>
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css">
|
|
<link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css">
|
|
<link rel="stylesheet" href="style/index.css">
|
|
</head>
|
|
<body>
|
|
<div class="slider-one-heading">
|
|
<p>Our Partners</p>
|
|
</div>
|
|
|
|
<div class="swiper-container partners-slider">
|
|
<div class="swiper">
|
|
<div class="swiper-wrapper">
|
|
<div class="swiper-slide">
|
|
<img src="./assets/img1.jpg" alt="Image 1">
|
|
</div>
|
|
<div class="swiper-slide">
|
|
<img src="./assets/img2.jpg" alt="Image 2">
|
|
</div>
|
|
<div class="swiper-slide">
|
|
<img src="./assets/img3.png" alt="Image 3">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="featured-projects-section">
|
|
<h2 class="project-title">Featured Projects</h2>
|
|
|
|
<div class="project-container">
|
|
<div class="swiper info-slider">
|
|
<div class="swiper-wrapper">
|
|
<div class="swiper-slide">
|
|
<h3>EarthLink Fiber Internet</h3>
|
|
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Fugit animi, officia optio neque temporibus excepturi doloremque libero deleniti molestiae possimus cumque similique autem rerum eaque! Dolores quidem provident officiis ea!</p>
|
|
</div>
|
|
|
|
<div class="swiper-slide">
|
|
<h3>Evil Genius Games</h3>
|
|
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Fugit animi, officia optio neque temporibus excepturi doloremque libero deleniti molestiae possimus cumque similique autem rerum eaque! Dolores quidem provident officiis ea!</p>
|
|
</div>
|
|
<div class="swiper-slide">
|
|
<h3>Involvvely Parenting Resource</h3>
|
|
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Fugit animi, officia optio neque temporibus excepturi doloremque libero deleniti molestiae possimus cumque similique autem rerum eaque! Dolores quidem provident officiis ea!</p>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
<div class="swiper-pagination"></div>
|
|
</div>
|
|
|
|
<div class="swiper image-slider">
|
|
<div class="swiper-wrapper">
|
|
<div class="swiper-slide">
|
|
<img src="assets/involv.jpg" alt="Involvvely">
|
|
</div>
|
|
<div class="swiper-slide">
|
|
<img src="assets/elink.jpg" alt="EarthLink">
|
|
</div>
|
|
<div class="swiper-slide">
|
|
<img src="assets/evil.jpg" alt="Evil">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
|
|
<script src="js/script.js"></script>
|
|
</body>
|
|
</html> |