96 lines
3.6 KiB
HTML
96 lines
3.6 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Featured Projects</title>
|
|
<!-- Include Swiper CSS -->
|
|
<link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css">
|
|
<link rel="stylesheet" href="styles.css">
|
|
</head>
|
|
<body>
|
|
<div class="container">
|
|
<!-- Image Swiper -->
|
|
<div class="image-swiper-container">
|
|
<div class="swiper image-swiper">
|
|
<div class="swiper-wrapper">
|
|
<div class="swiper-slide">
|
|
<img src="images/elink.webp" alt="EarthLink">
|
|
</div>
|
|
<div class="swiper-slide">
|
|
<img src="images/evil.webp" alt="Evil Genius">
|
|
</div>
|
|
<div class="swiper-slide">
|
|
<img src="images/involv.webp" alt="Involvvely">
|
|
</div>
|
|
<div class="swiper-slide">
|
|
<img src="images/coder.jpg" alt="Coder Page">
|
|
</div>
|
|
</div>
|
|
<div class="swiper-button-next"></div>
|
|
<div class="swiper-button-prev"></div>
|
|
<div class="swiper-pagination"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Text Swiper -->
|
|
<div class="text-swiper-container">
|
|
<div class="swiper text-swiper">
|
|
<div class="swiper-wrapper">
|
|
<div class="swiper-slide">
|
|
<div class="text-content">
|
|
<h2>EarthLink Fiber Internet</h2>
|
|
<p>EarthLink epitomizes leadership in digital innovation, blending advanced technology with unbeatable connectivity.</p>
|
|
</div>
|
|
</div>
|
|
<div class="swiper-slide">
|
|
<div class="text-content">
|
|
<h2>Evil Genius Games</h2>
|
|
<p>Evil Genius Games redefines immersive gaming experiences with innovative tabletop RPGs.</p>
|
|
</div>
|
|
</div>
|
|
<div class="swiper-slide">
|
|
<div class="text-content">
|
|
<h2>Involvvely</h2>
|
|
<p>Involvvely simplifies team collaboration with innovative tools designed to enhance productivity and communication.</p>
|
|
</div>
|
|
</div>
|
|
<div class="swiper-slide">
|
|
<div class="text-content">
|
|
<h2>Coder Page</h2>
|
|
<p>Coder paragraph for the user-defined data, for the proper functionaling.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Full-Width Logos Section -->
|
|
<footer class="logos">
|
|
<div class="logos-slide">
|
|
<img src="./logos/3m.svg" alt="3M Logo">
|
|
<img src="./logos/barstool-store.svg" alt="Barstool Store Logo">
|
|
<img src="./logos/budweiser.svg" alt="Budweiser Logo">
|
|
<img src="./logos/buzzfeed.svg" alt="Buzzfeed Logo">
|
|
<img src="./logos/forbes.svg" alt="Forbes Logo">
|
|
<img src="./logos/macys.svg" alt="Macy's Logo">
|
|
<img src="./logos/menshealth.svg" alt="Men's Health Logo">
|
|
<img src="./logos/mrbeast.svg" alt="MrBeast Logo">
|
|
<!-- Duplicate the logos to create the infinite effect -->
|
|
<img src="./logos/3m.svg" alt="3M Logo">
|
|
<img src="./logos/barstool-store.svg" alt="Barstool Store Logo">
|
|
<img src="./logos/budweiser.svg" alt="Budweiser Logo">
|
|
<img src="./logos/buzzfeed.svg" alt="Buzzfeed Logo">
|
|
<img src="./logos/forbes.svg" alt="Forbes Logo">
|
|
<img src="./logos/macys.svg" alt="Macy's Logo">
|
|
<img src="./logos/menshealth.svg" alt="Men's Health Logo">
|
|
<img src="./logos/mrbeast.svg" alt="MrBeast Logo">
|
|
</div>
|
|
</footer>
|
|
|
|
<script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script>
|
|
<script src="scripts.js"></script>
|
|
</body>
|
|
</html>
|