77 lines
2.9 KiB
HTML
77 lines
2.9 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="de">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>isa9 – EIS SoSe 25</title>
|
||
<link rel="stylesheet" href="css/style.css">
|
||
<link rel="icon" href="img/Favicon.jpg" type="image/jpeg">
|
||
</head>
|
||
<body>
|
||
<nav>
|
||
<a href="index.html" class="nav-logo">
|
||
<img src="img/Logo2.png" alt="Cyanotypie Logo" class="logo">
|
||
</a>
|
||
<a href="index.html">Home</a>
|
||
<a href="ueber_uns.html">Über uns</a>
|
||
<a href="eis_projekt.html">Projekt</a>
|
||
<a href="kontakt.html">Kontakt</a>
|
||
<a href="impressum.html">Impressum</a>
|
||
</nav>
|
||
|
||
<main>
|
||
<h1>cyan.</h1>
|
||
<p>Creative Studio.</p>
|
||
|
||
<div class="galerien-wrapper">
|
||
|
||
<!-- Farn Serie -->
|
||
<div class="slideshow-container">
|
||
<h2>Farn Serie</h2>
|
||
<div class="slideshow" id="farn">
|
||
<div class="slide active"><img src="img/Fotogalerie/C1.jpg" alt="Farn 1"></div>
|
||
<div class="slide"><img src="img/Fotogalerie/C2.jpg" alt="Farn 2"></div>
|
||
<div class="slide"><img src="img/Fotogalerie/C3.jpg" alt="Farn 3"></div>
|
||
<div class="slide"><img src="img/Fotogalerie/C4.jpg" alt="Farn 4"></div>
|
||
<button class="prev" onclick="changeSlide('farn', -1)">❮</button>
|
||
<button class="next" onclick="changeSlide('farn', 1)">❯</button>
|
||
<div class="dots" id="farn-dots">
|
||
<span class="dot active" onclick="goToSlide('farn', 0)"></span>
|
||
<span class="dot" onclick="goToSlide('farn', 1)"></span>
|
||
<span class="dot" onclick="goToSlide('farn', 2)"></span>
|
||
<span class="dot" onclick="goToSlide('farn', 3)"></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Moos Serie -->
|
||
<div class="slideshow-container">
|
||
<h2>Moos Serie</h2>
|
||
<div class="slideshow" id="moos">
|
||
<div class="slide active"><img src="img/Fotogalerie/C5.jpg" alt="Moos 1"></div>
|
||
<div class="slide"><img src="img/Fotogalerie/C6.jpg" alt="Moos 2"></div>
|
||
<div class="slide"><img src="img/Fotogalerie/C7.jpg" alt="Moos 3"></div>
|
||
<div class="slide"><img src="img/Fotogalerie/C8.jpg" alt="Moos 4"></div>
|
||
<button class="prev" onclick="changeSlide('moos', -1)">❮</button>
|
||
<button class="next" onclick="changeSlide('moos', 1)">❯</button>
|
||
<div class="dots" id="moos-dots">
|
||
<span class="dot active" onclick="goToSlide('moos', 0)"></span>
|
||
<span class="dot" onclick="goToSlide('moos', 1)"></span>
|
||
<span class="dot" onclick="goToSlide('moos', 2)"></span>
|
||
<span class="dot" onclick="goToSlide('moos', 3)"></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<a href="assets/Preisliste.pdf" download class="btn">Preisliste herunterladen (PDF)</a>
|
||
</main>
|
||
|
||
<footer>
|
||
<p>isa9 – EIS SoSe 26</p>
|
||
</footer>
|
||
|
||
<script src="js/script.js"></script>
|
||
</body>
|
||
</html>
|