47 lines
2.1 KiB
HTML
47 lines
2.1 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
|
|
<title>Creating image Slider</title>
|
||
|
|
<link rel="stylesheet" href="styles.css">
|
||
|
|
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<body>
|
||
|
|
<h1>Featured Projects</h1>
|
||
|
|
<p>Learn how we are delivering cutting-edge solutions and transforming businesses.</p>
|
||
|
|
<div class="featured-projects">
|
||
|
|
<div class="project-description">
|
||
|
|
<h1 id="project-title">EarthLink Fiber Internet</h1>
|
||
|
|
<p id="project-text">
|
||
|
|
Earthlink epitomizes leadership in digital innovation, seamlessly blending advanced technology with unbeatable connectivity. Our team led the development and design efforts for their digital infrastructure, ensuring seamless integration and optimal performance.
|
||
|
|
</p>
|
||
|
|
<div class="indicators">
|
||
|
|
<span id="indicator-0" onclick="goToProject(0)" class="active"></span>
|
||
|
|
<span id="indicator-1" onclick="goToProject(1)"></span>
|
||
|
|
<span id="indicator-2" onclick="goToProject(2)"></span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="project-cards">
|
||
|
|
<img id="image-1" class="active" src="images/elink.webp" alt="EarthLink Project" onclick="nextProject()">
|
||
|
|
<img id="image-2" src="images/evil.webp" alt="Involvvely Project" onclick="nextProject()">
|
||
|
|
<img id="image-3" src="images/involv.webp" alt="Evil Genius Project" onclick="nextProject()">
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<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" />
|
||
|
|
</div>
|
||
|
|
</footer>
|
||
|
|
<script src="scripts.js"></script>
|
||
|
|
</body>
|
||
|
|
</html>
|