Updated everything
@ -0,0 +1,25 @@
|
||||
* {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
body {
|
||||
background-color: #212126!important;
|
||||
}
|
||||
.gallery {
|
||||
margin-top: calc(3rem + 55px);
|
||||
text-align: center;
|
||||
}
|
||||
.rowImg {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
padding: 0 4px;
|
||||
margin-top: 3rem;
|
||||
}
|
||||
.columnImg {
|
||||
flex: 33%;
|
||||
max-width: 33%;
|
||||
padding: 0 4px;
|
||||
}
|
||||
.columnImg img {
|
||||
margin-top: 8px;
|
||||
width: 100%;
|
||||
}
|
@ -0,0 +1,45 @@
|
||||
<!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/css/cssall.css">
|
||||
<link rel="stylesheet" href="/resources/css/navbar.css">
|
||||
<link rel="stylesheet" href="/gallery/css.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>
|
||||
|
||||
<h1 class="gallery">
|
||||
Dit is de gallerij voor alle foto's die op deze website gebruikt zijn. <br>
|
||||
Er staan ook nog wat extra foto's bij die ik misschien nog wil gaan gebruiken.
|
||||
</h1>
|
||||
|
||||
<div class="rowImg">
|
||||
<div class="columnImg">
|
||||
<img src="/resources/img/mountain.jpg">
|
||||
<img src="/resources/img/leaves.jpg">
|
||||
<img src="/w3images/falls2.jpg">
|
||||
</div>
|
||||
<div class="columnImg">
|
||||
<img src="/resources/img/roadwoods.jpg">
|
||||
<img src="/resources/img/sunset.jpg">
|
||||
<img src="/w3images/falls2.jpg">
|
||||
</div>
|
||||
<div class="columnImg">
|
||||
<img src="/resources/img/roadwoodsred.jpg">
|
||||
<img src="/resources/img/nightcity.jpg">
|
||||
<img src="/w3images/falls2.jpg">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="/resources/js/navbar.json.js"></script>
|
||||
<script src="/resources/js/insertNavbar.js"></script>
|
||||
<script src="/resources/js/javall.js"></script>
|
||||
|
||||
</body>
|
||||
</html>
|
After Width: | Height: | Size: 2.7 MiB |
Before Width: | Height: | Size: 19 KiB |
After Width: | Height: | Size: 2.1 MiB |
After Width: | Height: | Size: 2.0 MiB |
After Width: | Height: | Size: 1.8 MiB |
After Width: | Height: | Size: 6.7 MiB |
Before Width: | Height: | Size: 6.2 KiB |
After Width: | Height: | Size: 3.6 MiB |
Before Width: | Height: | Size: 108 KiB |