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,93 @@
|
||||
<!doctype html>
|
||||
<html lang="nl">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>Contact – Natascha Rieter</title>
|
||||
<meta name="description" content="Contact en openingstijden van Keramiek Galerie Groot Welsden van Natascha Rieter, Sint Agnesplein 4, Bunde.">
|
||||
<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="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" href="werk-in-detail.html">Werk in detail</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link active" 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="col-12 col-md-8 col-lg-6 p-3 text-start">
|
||||
<h1 class="funky-font main-header">Contact & Adres</h1>
|
||||
|
||||
<p>
|
||||
<strong>Openingstijden</strong><br>
|
||||
Iedere vrijdag en zaterdag<br>
|
||||
De eerste zondag van de maand<br>
|
||||
Van 11:00 tot 17:00<br>
|
||||
Ook op afspraak
|
||||
</p>
|
||||
|
||||
<address>
|
||||
Sint Agnesplein 4<br>
|
||||
NL-6241 CA Bunde<br>
|
||||
<a href="tel:+31434582751" class="text-reset">+31 (0)43 458 27 51</a><br>
|
||||
<a href="mailto:info@natascha-rieter.nl" class="text-reset">info@natascha-rieter.nl</a>
|
||||
</address>
|
||||
</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="js/main.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,155 @@
|
||||
@font-face {
|
||||
font-family: 'Hobo Std';
|
||||
src: url('../fonts/HoboStd.eot');
|
||||
src: url('../fonts/HoboStd.eot?#iefix') format('embedded-opentype'),
|
||||
url('../fonts/HoboStd.woff2') format('woff2'),
|
||||
url('../fonts/HoboStd.woff') format('woff'),
|
||||
url('../fonts/HoboStd.ttf') format('truetype');
|
||||
font-weight: 500;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
.funky-font {
|
||||
font-family: 'Hobo Std', Helvetica, Verdana, Arial;
|
||||
}
|
||||
|
||||
.text-color-blue { color: #0081c4; }
|
||||
.text-color-white { color: #ffffff; }
|
||||
.text-color-dark-grey { color: #293236; }
|
||||
.text-color-light-grey { color: #909090; }
|
||||
|
||||
html, body {
|
||||
font-family: Helvetica, Verdana, Arial;
|
||||
color: #293236;
|
||||
font-weight: bold;
|
||||
min-height: 100%;
|
||||
}
|
||||
|
||||
body {
|
||||
background-image: url('../img/achtergrond-3.jpg');
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
background-size: cover;
|
||||
background-attachment: fixed;
|
||||
animation: pageIn 0.3s ease-in;
|
||||
}
|
||||
|
||||
@keyframes pageIn {
|
||||
from { opacity: 0; }
|
||||
to { opacity: 1; }
|
||||
}
|
||||
|
||||
#main-menu {
|
||||
background-color: #0081c4;
|
||||
padding-left: 8px;
|
||||
padding-right: 8px;
|
||||
}
|
||||
|
||||
@media (min-width: 768px) {
|
||||
#main-menu {
|
||||
padding-left: 15px;
|
||||
padding-right: 15px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 1200px) {
|
||||
#main-menu {
|
||||
padding-left: 30px;
|
||||
padding-right: 30px;
|
||||
}
|
||||
}
|
||||
|
||||
#main-menu a {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#main-menu a.active,
|
||||
#main-menu a:hover {
|
||||
color: #293236;
|
||||
}
|
||||
|
||||
#main-menu .navbar-toggler {
|
||||
border-color: rgba(255, 255, 255, 0.5);
|
||||
}
|
||||
|
||||
#main-menu .navbar-toggler-icon {
|
||||
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255%2c 255%2c 255%2c 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
|
||||
}
|
||||
|
||||
#main-menu .navbar-toggler:focus {
|
||||
box-shadow: 0 0 0 0.25rem rgba(255, 255, 255, 0.25);
|
||||
}
|
||||
|
||||
img.social-icon {
|
||||
filter: invert(1);
|
||||
}
|
||||
|
||||
a.active img.social-icon,
|
||||
a:hover img.social-icon {
|
||||
filter: invert(0);
|
||||
}
|
||||
|
||||
#main-outline {
|
||||
border: 8px solid #0081c4;
|
||||
border-top: none;
|
||||
min-height: 50vh;
|
||||
background-color: rgba(255, 255, 255, 0.6);
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
@media (min-width: 768px) {
|
||||
#main-outline {
|
||||
border-width: 15px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 1200px) {
|
||||
#main-outline {
|
||||
border-width: 30px;
|
||||
}
|
||||
}
|
||||
|
||||
.main-header {
|
||||
font-size: 1.8em;
|
||||
color: #0081c4;
|
||||
}
|
||||
|
||||
@media (min-width: 768px) {
|
||||
.main-header {
|
||||
font-size: 2.4em;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 1200px) {
|
||||
.main-header {
|
||||
font-size: 3em;
|
||||
}
|
||||
}
|
||||
|
||||
footer {
|
||||
text-align: center;
|
||||
text-shadow: 1px 1px #293236;
|
||||
}
|
||||
|
||||
.gallery-item {
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.gallery-thumb {
|
||||
aspect-ratio: 1;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.gallery-thumb img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
transition: transform 0.3s ease;
|
||||
}
|
||||
|
||||
.gallery-item:hover .gallery-thumb img {
|
||||
transform: scale(1.05);
|
||||
}
|
||||
@@ -0,0 +1,124 @@
|
||||
<!doctype html>
|
||||
<html lang="nl">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>CV – Galerie Natascha Rieter</title>
|
||||
<meta name="description" content="Curriculum vitae van keramiste Natascha Rieter – opleiding, tentoonstellingen en monumentale opdrachten.">
|
||||
<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="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 active" 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" 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="col-12 col-md-3 p-3">
|
||||
<img src="img/portret-1.jpg" class="img-fluid mb-3" alt="Portret Natascha Rieter">
|
||||
</div>
|
||||
<div class="col-12 col-md-6 p-3 text-start">
|
||||
<h1 class="funky-font main-header text-center">Natascha Rieter – Curriculum Vitae</h1>
|
||||
<p>
|
||||
Natascha Rieter, geboren te Roermond (1948), woont sinds 1988 te Margraten, in het gehucht
|
||||
Groot Welsden, waar zij met haar man Siegfried Gorinskat (ook keramist) (2006 gestorven) in
|
||||
een typische vakwerkboerderij hun ateliers hebben gevestigd. Beide kunstenaars genieten
|
||||
vanwege hun keramische werken grote bekendheid in de kunstwereld. In 1989 openden zij
|
||||
Keramiek Galerie "Groot Welsden" en niet zonder succes.
|
||||
Natascha Rieter is een emotioneel en poëtisch kunstenaar voor wie keramiek de spiegel
|
||||
van de ziel is.
|
||||
</p>
|
||||
<p>
|
||||
Natascha volgde een opleiding monumentale vormgeving, met als hoofdvak schilderen aan de
|
||||
stadsacademie in Maastricht (1967–1971). Na deze opleiding werkte zij 2 jaar in een
|
||||
keramisch atelier in Zwitserland (1971–1972). Van 1972 tot 1975 studeerde zij keramiek aan
|
||||
de keramische Hochschule in Höhr-Grenzhausen in Duitsland. Hierna kwam zij naar
|
||||
Nijswiller (Zuid-Limburg) waar zij zich als keramiste vestigde (1976–1988). Zij exposeerde
|
||||
in vele galerieën o.a. in Nederland, Duitsland, België, Frankrijk en Japan.
|
||||
De thema's die in haar werk een rol spelen zijn de natuur en de mens: HET LEVEN.
|
||||
Zij vertaalt haar gevoelens in keramiek, "Het werken met klei is voor mij hetzelfde als het
|
||||
schrijven van een gedicht."
|
||||
</p>
|
||||
<p>
|
||||
Natascha Rieter maakt gebruikskeramiek, reliëfs, kleinplastieken en geboetseerde beelden en
|
||||
klei-schilderijen. Zij gebruikt steengoedklei uit Duitsland en porselein uit Frankrijk.
|
||||
Bij het vervaardigen van haar klei-schilderijen combineert zij keramiek met de
|
||||
schildertechniek en houten paneel.
|
||||
</p>
|
||||
<p>
|
||||
Sinds vier jaar komt Natascha bijna niet meer toe tot haar vrije werk daar zij bezet is door
|
||||
monumentale opdrachten in de toegepaste kunst. Zoals muurreliëfs in de hal van gebouwen,
|
||||
b.v. een groot reliëf in de Residentie "De Heerlijkheid" te Deventer. Monumentale
|
||||
beeldengroepen heeft zij gemaakt, b.v. voor de Lückerheide kliniek te Kerkrade buiten in de
|
||||
tuin, beeldengroep bij de Hamboskliniek te Kerkrade, twee grafmonumenten op het kerkhof te
|
||||
Roermond, grote beeldengroep bij het restaurant de Leuf in Ubachsberg "tien jaar
|
||||
topgastronomie in beeld" enz. Vele opdrachten voor particulier en bedrijf.
|
||||
</p>
|
||||
<p>
|
||||
Nevenfuncties: Docente keramiek bij Kumulus, centrum voor de Kunst, te
|
||||
Maastricht sinds 1977.
|
||||
Galeriehoudster van Keramiekgalerie "Groot Welsden" sinds 1989.
|
||||
</p>
|
||||
</div>
|
||||
<div class="col-12 col-md-3 p-3 text-center">
|
||||
<img src="img/logo-blauw.png" class="img-fluid mb-3" alt="Logo Galerie Groot Welsden">
|
||||
</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="js/main.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
@@ -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>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 1.8 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.3 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 6.3 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 263 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 83 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 29 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 100 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 114 KiB |
@@ -0,0 +1,97 @@
|
||||
<!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="Keramiste en galeriehoudster Natascha Rieter – kleinplastieken, reliëfs, kleischilderijen en geboetseerde beelden.">
|
||||
<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="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 active" 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" 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="col-12 col-md-6 col-lg-3 p-3">
|
||||
<img src="img/portret-2.jpg" class="img-fluid mb-3" alt="Portret Natascha Rieter">
|
||||
<img src="img/portret-1.jpg" class="img-fluid d-none d-md-block" alt="Portret Natascha Rieter">
|
||||
</div>
|
||||
<div class="col-12 col-md-6 col-lg-6 p-3 text-start">
|
||||
<h1 class="funky-font main-header text-center">Natascha Rieter</h1>
|
||||
<p>
|
||||
Ik maak kleinplastieken, reliëfs, kleischilderijen, geboetseerde beelden en draaiwerk. Mijn werk is
|
||||
emotioneel en poëtisch met een monumentaal karakter. De objecten voor buiten zijn winterhard. In
|
||||
mijn kleischilderijen worden de keramische- en schilderstechniek met elkaar gecombineerd. Het
|
||||
werken met klei is voor mij het zelfde als het schrijven van een gedicht. De laatste jaren ben ik bijna
|
||||
uitsluitend met monumentale opdrachten bezig geweest. Ik werk in opdracht en geef cursussen en
|
||||
workshops.
|
||||
</p>
|
||||
<p>
|
||||
Nevenactiviteiten: Docente keramiek, Kumulus te Maastricht, galeriehoudster keramiek galerie
|
||||
"Groot Welsden" en eigenaresse B&B de Kunstkamer.
|
||||
</p>
|
||||
</div>
|
||||
<div class="col-12 col-md-6 col-lg-3 p-3 text-center">
|
||||
<img src="img/logo-blauw.png" class="img-fluid mb-3" alt="Logo Galerie Groot Welsden">
|
||||
</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="js/main.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,5 @@
|
||||
document.addEventListener('DOMContentLoaded', function () {
|
||||
if (typeof GLightbox !== 'undefined' && document.querySelector('.glightbox')) {
|
||||
GLightbox({ selector: '.glightbox', touchNavigation: true });
|
||||
}
|
||||
});
|
||||
@@ -0,0 +1,116 @@
|
||||
<!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>
|
||||
@@ -0,0 +1,122 @@
|
||||
<!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 keramische werken 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="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">
|
||||
<div class="col-6 col-md-4 col-lg-3">
|
||||
<a href="werk-in-detail-1.html" class="gallery-item">
|
||||
<div class="gallery-thumb"><img src="https://picsum.photos/seed/detail1/350/350" alt="Werk 1"></div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-6 col-md-4 col-lg-3">
|
||||
<a href="https://picsum.photos/seed/detail2/800/800" class="glightbox gallery-item" data-gallery="detail" data-description="Werk 2">
|
||||
<div class="gallery-thumb"><img src="https://picsum.photos/seed/detail2/350/350" alt="Werk 2"></div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-6 col-md-4 col-lg-3">
|
||||
<a href="https://picsum.photos/seed/detail3/800/800" class="glightbox gallery-item" data-gallery="detail" data-description="Werk 3">
|
||||
<div class="gallery-thumb"><img src="https://picsum.photos/seed/detail3/350/350" alt="Werk 3"></div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-6 col-md-4 col-lg-3">
|
||||
<a href="https://picsum.photos/seed/detail4/800/800" class="glightbox gallery-item" data-gallery="detail" data-description="Werk 4">
|
||||
<div class="gallery-thumb"><img src="https://picsum.photos/seed/detail4/350/350" alt="Werk 4"></div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-6 col-md-4 col-lg-3">
|
||||
<a href="https://picsum.photos/seed/detail5/800/800" class="glightbox gallery-item" data-gallery="detail" data-description="Werk 5">
|
||||
<div class="gallery-thumb"><img src="https://picsum.photos/seed/detail5/350/350" alt="Werk 5"></div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-6 col-md-4 col-lg-3">
|
||||
<a href="https://picsum.photos/seed/detail6/800/800" class="glightbox gallery-item" data-gallery="detail" data-description="Werk 6">
|
||||
<div class="gallery-thumb"><img src="https://picsum.photos/seed/detail6/350/350" alt="Werk 6"></div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-6 col-md-4 col-lg-3">
|
||||
<a href="https://picsum.photos/seed/detail7/800/800" class="glightbox gallery-item" data-gallery="detail" data-description="Werk 7">
|
||||
<div class="gallery-thumb"><img src="https://picsum.photos/seed/detail7/350/350" alt="Werk 7"></div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-6 col-md-4 col-lg-3">
|
||||
<a href="https://picsum.photos/seed/detail8/800/800" class="glightbox gallery-item" data-gallery="detail" data-description="Werk 8">
|
||||
<div class="gallery-thumb"><img src="https://picsum.photos/seed/detail8/350/350" alt="Werk 8"></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