Initial commit: Grav CMS setup with HTML reference material
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
@@ -0,0 +1,149 @@
|
||||
<!doctype html>
|
||||
<html lang="nl">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>Galerie – Natascha Rieter</title>
|
||||
<meta name="description" content="Overzicht van keramische werken van Natascha Rieter – kleinplastieken, reliëfs en kleischilderijen.">
|
||||
<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 active" href="galerie.html">Galerie</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" 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="p-3" id="main-outline">
|
||||
<div class="row mb-3">
|
||||
<div class="col-12 col-lg-8 offset-lg-2">
|
||||
<h1 class="funky-font main-header text-center">Galerie</h1>
|
||||
<p class="text-center">
|
||||
Een selectie van keramische werken van Natascha Rieter – van kleinplastieken tot monumentale
|
||||
opdrachten. Klik op een afbeelding voor een vergrote weergave.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row g-3">
|
||||
<div class="col-6 col-md-4 col-lg-3">
|
||||
<a href="https://picsum.photos/seed/kunst1/800/800" class="glightbox gallery-item" data-gallery="galerie" data-description="Werk 1">
|
||||
<div class="gallery-thumb"><img src="https://picsum.photos/seed/kunst1/350/350" alt="Werk 1"></div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-6 col-md-4 col-lg-3">
|
||||
<a href="https://picsum.photos/seed/kunst2/800/800" class="glightbox gallery-item" data-gallery="galerie" data-description="Werk 2">
|
||||
<div class="gallery-thumb"><img src="https://picsum.photos/seed/kunst2/350/350" alt="Werk 2"></div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-6 col-md-4 col-lg-3">
|
||||
<a href="https://picsum.photos/seed/kunst3/800/800" class="glightbox gallery-item" data-gallery="galerie" data-description="Werk 3">
|
||||
<div class="gallery-thumb"><img src="https://picsum.photos/seed/kunst3/350/350" alt="Werk 3"></div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-6 col-md-4 col-lg-3">
|
||||
<a href="https://picsum.photos/seed/kunst4/800/800" class="glightbox gallery-item" data-gallery="galerie" data-description="Werk 4">
|
||||
<div class="gallery-thumb"><img src="https://picsum.photos/seed/kunst4/350/350" alt="Werk 4"></div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-6 col-md-4 col-lg-3">
|
||||
<a href="https://picsum.photos/seed/kunst5/800/800" class="glightbox gallery-item" data-gallery="galerie" data-description="Werk 5">
|
||||
<div class="gallery-thumb"><img src="https://picsum.photos/seed/kunst5/350/350" alt="Werk 5"></div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-6 col-md-4 col-lg-3">
|
||||
<a href="https://picsum.photos/seed/kunst6/800/800" class="glightbox gallery-item" data-gallery="galerie" data-description="Werk 6">
|
||||
<div class="gallery-thumb"><img src="https://picsum.photos/seed/kunst6/350/350" alt="Werk 6"></div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-6 col-md-4 col-lg-3">
|
||||
<a href="https://picsum.photos/seed/kunst7/800/800" class="glightbox gallery-item" data-gallery="galerie" data-description="Werk 7">
|
||||
<div class="gallery-thumb"><img src="https://picsum.photos/seed/kunst7/350/350" alt="Werk 7"></div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-6 col-md-4 col-lg-3">
|
||||
<a href="https://picsum.photos/seed/kunst8/800/800" class="glightbox gallery-item" data-gallery="galerie" data-description="Werk 8">
|
||||
<div class="gallery-thumb"><img src="https://picsum.photos/seed/kunst8/350/350" alt="Werk 8"></div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-6 col-md-4 col-lg-3">
|
||||
<a href="https://picsum.photos/seed/kunst9/800/800" class="glightbox gallery-item" data-gallery="galerie" data-description="Werk 9">
|
||||
<div class="gallery-thumb"><img src="https://picsum.photos/seed/kunst9/350/350" alt="Werk 9"></div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-6 col-md-4 col-lg-3">
|
||||
<a href="https://picsum.photos/seed/kunst10/800/800" class="glightbox gallery-item" data-gallery="galerie" data-description="Werk 10">
|
||||
<div class="gallery-thumb"><img src="https://picsum.photos/seed/kunst10/350/350" alt="Werk 10"></div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-6 col-md-4 col-lg-3">
|
||||
<a href="https://picsum.photos/seed/kunst11/800/800" class="glightbox gallery-item" data-gallery="galerie" data-description="Werk 11">
|
||||
<div class="gallery-thumb"><img src="https://picsum.photos/seed/kunst11/350/350" alt="Werk 11"></div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-6 col-md-4 col-lg-3">
|
||||
<a href="https://picsum.photos/seed/kunst12/800/800" class="glightbox gallery-item" data-gallery="galerie" data-description="Werk 12">
|
||||
<div class="gallery-thumb"><img src="https://picsum.photos/seed/kunst12/350/350" alt="Werk 12"></div>
|
||||
</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>
|
||||
Reference in New Issue
Block a user