117 lines
5.9 KiB
HTML
117 lines
5.9 KiB
HTML
<!doctype html>
|
||
<html lang="nl">
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
<title>Werk in detail – Natascha Rieter</title>
|
||
<meta name="description" content="Gedetailleerde beelden van een keramisch werk van Natascha Rieter.">
|
||
<link rel="apple-touch-icon" href="apple-touch-icon.png">
|
||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css">
|
||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/glightbox/dist/css/glightbox.min.css">
|
||
<link rel="stylesheet" href="css/custom.css">
|
||
</head>
|
||
<body>
|
||
|
||
<div class="container mt-3 mt-sm-5">
|
||
<nav id="main-menu" class="navbar navbar-expand-md funky-font">
|
||
<div class="container-fluid px-0">
|
||
<a class="navbar-brand" href="index.html">
|
||
<img src="img/logo-vignet-blauw.png" alt="Logo" width="30" height="30" class="align-bottom d-none d-sm-inline">
|
||
Natascha Rieter
|
||
</a>
|
||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarMain"
|
||
aria-controls="navbarMain" aria-expanded="false" aria-label="Menu openen">
|
||
<span class="navbar-toggler-icon"></span>
|
||
</button>
|
||
<div class="collapse navbar-collapse" id="navbarMain">
|
||
<ul class="navbar-nav ms-auto align-items-md-center">
|
||
<li class="nav-item">
|
||
<a class="nav-link" href="index.html">Home</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a class="nav-link" href="cv.html">CV</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a class="nav-link" href="galerie.html">Galerie</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a class="nav-link active" href="werk-in-detail.html">Werk in detail</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a class="nav-link" href="contact.html">Contact</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a class="nav-link p-1" href="#" aria-label="Instagram">
|
||
<img src="img/icon-instagram.png" height="25" class="social-icon" alt="Instagram">
|
||
</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a class="nav-link p-1" href="#" aria-label="Facebook">
|
||
<img src="img/icon-facebook.png" height="25" class="social-icon" alt="Facebook">
|
||
</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a class="nav-link p-1" href="#" aria-label="LinkedIn">
|
||
<img src="img/icon-linked-in.png" height="25" class="social-icon" alt="LinkedIn">
|
||
</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</nav>
|
||
|
||
<div class="row p-3" id="main-outline">
|
||
<div class="row mb-3">
|
||
<h1 class="funky-font main-header text-center">Werk in detail</h1>
|
||
</div>
|
||
<div class="row g-3 align-items-start">
|
||
<div class="col-12 col-md-6">
|
||
<a href="https://picsum.photos/seed/detail1/1200/1200" class="glightbox gallery-item d-block" data-gallery="werk1" data-description="Hoofdafbeelding">
|
||
<img src="https://picsum.photos/seed/detail1/800/800" class="img-fluid w-100" alt="Werk – hoofdafbeelding">
|
||
</a>
|
||
</div>
|
||
<div class="col-12 col-md-6">
|
||
<div class="row g-3">
|
||
<div class="col-6">
|
||
<a href="https://picsum.photos/seed/detail1b/800/800" class="glightbox gallery-item d-block" data-gallery="werk1" data-description="Detail A">
|
||
<img src="https://picsum.photos/seed/detail1b/350/350" class="img-fluid w-100" alt="Detail A">
|
||
</a>
|
||
</div>
|
||
<div class="col-6">
|
||
<a href="https://picsum.photos/seed/detail1c/800/800" class="glightbox gallery-item d-block" data-gallery="werk1" data-description="Detail B">
|
||
<img src="https://picsum.photos/seed/detail1c/350/350" class="img-fluid w-100" alt="Detail B">
|
||
</a>
|
||
</div>
|
||
<div class="col-6">
|
||
<a href="https://picsum.photos/seed/detail1d/800/800" class="glightbox gallery-item d-block" data-gallery="werk1" data-description="Detail C">
|
||
<img src="https://picsum.photos/seed/detail1d/350/350" class="img-fluid w-100" alt="Detail C">
|
||
</a>
|
||
</div>
|
||
<div class="col-6">
|
||
<a href="https://picsum.photos/seed/detail1e/800/800" class="glightbox gallery-item d-block" data-gallery="werk1" data-description="Detail D">
|
||
<img src="https://picsum.photos/seed/detail1e/350/350" class="img-fluid w-100" alt="Detail D">
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row mt-3">
|
||
<div class="col">
|
||
<a href="werk-in-detail.html" class="text-color-blue">← Terug naar overzicht</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="row text-color-white mt-3">
|
||
<footer>
|
||
<p>© 2021–2026 – Kunst Galerie & Atelier Natascha Rieter</p>
|
||
</footer>
|
||
</div>
|
||
</div>
|
||
|
||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
|
||
<script src="https://cdn.jsdelivr.net/npm/glightbox/dist/js/glightbox.min.js"></script>
|
||
<script src="js/main.js"></script>
|
||
</body>
|
||
</html>
|