You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
52 lines
2.7 KiB
52 lines
2.7 KiB
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
|
<title>Gallerij</title>
|
|
<link rel="stylesheet" href="/resources/styles/cssall.css">
|
|
<link rel="stylesheet" href="/resources/styles/navbar.css">
|
|
<link rel="stylesheet" href="/resources/styles/gallery.css">
|
|
<script src="https://kit.fontawesome.com/340f4d917c.js" crossorigin="anonymous"></script>
|
|
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
|
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
|
|
</head>
|
|
<body>
|
|
|
|
<div id="headsUp">
|
|
<div class="welcome">
|
|
<h5>Welkom bij de Gallerij,</h5>
|
|
<h5>Hier staan alle foto's die op deze website gebruikt zijn.</h5>
|
|
<h5>Er staan ook foto's tussen die ik nog wil gebruiken.</h5>
|
|
<h5>Je kan op de foto's klikken om de bron te zien.</h5>
|
|
</div>
|
|
<div class="removeOptions">
|
|
<button class="hideHeadsUp button" onclick="hideHeadsUp()">Begrepen</button>
|
|
<h5 class="removeHeadsUp" onclick="removeHeadsUp()">Laat mij dit niet meer zien</h5>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="rowImg">
|
|
<div class="columnImg">
|
|
<button onclick="window.open('https://www.pexels.com/photo/scenic-view-of-rocky-mountain-during-evening-1624438/', '_self')"><img src="/resources/img/mountain.jpg" alt="img"></button>
|
|
<button onclick="window.open('https://www.pexels.com/photo/close-up-photography-of-leaves-with-droplets-807598/', '_self')" class="wide"><img src="/resources/img/leaves.jpg" alt="img"></button>
|
|
</div>
|
|
<div class="columnImg">
|
|
<button onclick="window.open('https://www.pexels.com/photo/landscape-photo-of-riverand-pine-trees-2217365/', '_self')"><img src="/resources/img/riverwoods.jpg" alt="img"></button>
|
|
<button onclick="window.open('https://www.pexels.com/photo/asphalt-dark-dawn-endless-531321/', '_self')" class="wide"><img src="/resources/img/roadwoods.jpg" alt="img"></button>
|
|
</div>
|
|
<div class="columnImg">
|
|
<button onclick="window.open('https://www.pexels.com/photo/concrete-road-between-trees-1563356/', '_self')" class="wide"><img src="/resources/img/roadwoodsred.jpg" alt="img"></button>
|
|
<button onclick="window.open('https://www.pexels.com/photo/silhouette-of-trees-during-sunset-1723637/', '_self')"><img src="/resources/img/sunset.jpg" alt="img"></button>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="/resources/json/navbar.json.js"></script>
|
|
<script src="/resources/scripts/insertNavbar.js"></script>
|
|
<script src="/resources/scripts/javall.js"></script>
|
|
<script src="/resources/scripts/gallery.js"></script>
|
|
|
|
</body>
|
|
</html>
|