Skip to content
Snippets Groups Projects
Commit f40ee8a0 authored by HauErn Lien's avatar HauErn Lien
Browse files

Update file tryhomepage.html

parent 5f28e3b0
No related branches found
No related tags found
No related merge requests found
Hide whitespace changes
Inline Side-by-side
wiki/pages/tryhomepage.html
+ 31
− 25
View file @ f40ee8a0
IBD medication
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
......@@ -70,12 +73,14 @@
opacity: 0;
transition: ease-in-out 0.5s;
}
body {
font-family: Calibri, sans-serif;
line-height: 1.6;
margin: 0;
padding: 0;
}
.content {
padding: 20px;
max-width: 800px;
......@@ -85,47 +90,48 @@
</style>
<script>
let intro = document.querySelector('.intro');
let logo = document.querySelector('.logo-header');
let logoSpan = document.querySelectorAll('.logo');
let intro = document.querySelector('.intro');
let logo = document.querySelector('.logo-header');
let logoSpan = document.querySelectorAll('.logo');
window.addEventListener('DOMContentLoaded', ()=>{
setTimeout(()=>{
logoSpan.forEach((span, idx)=>{
setTimeout(()=>{
span.classList.add('active');
}, (idx+1) * 400)
});
window.addEventListener('DOMContentLoaded', ()=>{
setTimeout(()=>{
logoSpan.forEach((span, idx)=>{
setTimeout(()=>{
span.classList.remove('active');
span.classList.add('fade');
}, (idx + 1) * 50)
span.classList.add('active');
}, (idx+1) * 400)
});
setTimeout(()=>{
logoSpan.forEach((span, idx)=>{
setTimeout(()=>{
span.classList.remove('active');
span.classList.add('fade');
}, (idx + 1) * 50)
})
}, 2000);
})
}, 2000);
setTimeout(()=>{
intro.style.top = '-100vh';
}, 2300)
setTimeout(()=>{
intro.style.top = '-100vh';
}, 2300)
})
})
})
</script>
</script>
</head>
<body>
<div class="intro">
<h1 class="logo-header">
<span class="logo"> Inhale, </span> <span class="logo">heal,</span><span class="logo">repeat.</span> <br>
</h1>
</div>
<header>
<h4>Logo.</h4>
</header>
<header>
<h4>Logo.</h4>
</header>
</body>
</html>
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment