AmazonS3
tcp/443
Open service 18.66.112.15:443 ยท erlo1.willemcoetzee.com
2026-01-31 16:42
HTTP/1.1 200 OK
Content-Type: text/html
Content-Length: 11205
Connection: close
Last-Modified: Sat, 13 Jul 2024 08:01:45 GMT
Server: AmazonS3
Date: Sat, 31 Jan 2026 16:42:12 GMT
ETag: "4b7161a983ce10cfd08a18b3a534e675"
X-Cache: Hit from cloudfront
Via: 1.1 342054511f9732c450e11bade76323dc.cloudfront.net (CloudFront)
X-Amz-Cf-Pop: FRA56-P5
X-Amz-Cf-Id: N5ZsTrzXdCccvH58GEiJMCfXHF7UVrQTwv4HnxEuiaxJdDZIHAfmlA==
Age: 70099
<!doctype html>
<html lang="en">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<link rel="stylesheet" href="glide.core.min.css">
<link rel="stylesheet" href="styles.css">
<script src="glide.min.js"></script>
</head>
<body>
<script>
addEventListener("load", async (event) => {
if(window.innerWidth > 500) {
new Glide('.glide', { type: 'carousel', autoplay: 4500, animationDuration: 2000, animationTimingFunc: 'ease-in-out', hoverpause: false, /*peek: { before: 20, after: 20 }*/}).mount();
new Glide('.glide2', { type: 'carousel', autoplay: 4500, animationDuration: 2000, animationTimingFunc: 'ease-in-out', hoverpause: false, /*peek: { before: 20, after: 20 }*/}).mount();
}
if (window.innerHeight > window.innerWidth) {
document.getElementById("landscape").style.display = "none";
document.getElementById("portrait").style.display = "block";
} else {
document.getElementById("landscape").style.display = "block";
document.getElementById("portrait").style.display = "none";
}
if(window.innerWidth < 500) {
document.getElementById("portrait").style.display = "none";
document.getElementById("landscape").style.display = "none";
const loadImage = src =>
new Promise((resolve, reject) => {
const img = new Image();
img.onload = () => resolve(img);
img.onerror = reject;
img.src = src;
const newDiv = document.createElement('div');
newDiv.className = 'row';
document.getElementById("image-box-2").appendChild(newDiv);
newDiv.appendChild(img);
});
for (let i = 1; i <= 18; i++) {
console.log('loading image')
await loadImage(`assets/images/homepage/portrait/${i}.jpg`);
}
for (let i = 1; i <= 279; i++) {
console.log('loading image')
await loadImage(`assets/images/portfolio/${i}.jpg`);
}
} else {
document.getElementById("image-box-2").style.display = "none";
}
});
// function pageScroll() {
// window.scrollBy(0,1);
// scrolldelay = setTimeout(pageScroll,10);
// }
// pageScroll();
</script>
<script>
addEventListener("resize", (event) => {
if (window.innerHeight > window.innerWidth) {
document.getElementById("landscape").style.display = "none";
document.getElementById("portrait").style.display = "block";
} else {
document.getElementById("landscape").style.display = "block";
document.getElementById("portrait").style.display = "none";
}
});
</script>
<nav class="navbar navbar-light bg-light">
<!-- <img class="logo" src= "logo.png"/><br> -->
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<!-- <div class="header-text">| HOME</div> -->
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item active">
<a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="about.html">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="getting_married.html">Getting Married</a>
</li>
</ul>
</div>
</nav>
<div id="image-box-2">
<!-- mobile content -->
</div>
<