CS50_Labs/Lab8/homepage/about.html

72 lines
5.5 KiB
HTML
Raw Permalink Normal View History

2024-08-09 17:43:54 +00:00
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css" integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ho+j7jyWK8fNQe+A12Hb8AhRq26LrZ/JpcUGGOn+Y7RsweNrtN/tE3MoK7ZeZDyx" crossorigin="anonymous"></script>
<script>
function sleep(ms) {
return new Promise(resolve => setTimeout(resolve, ms));
}
document.addEventListener('DOMContentLoaded', async function() {
while (true){
// get date
var date = new Date();
// convert date to string
var n = date.toDateString();
// get time as string
var time = date.toLocaleTimeString();
document.getElementById('time').innerHTML = n + ' ' + time;
await sleep(999)
};
});
</script>
<link href="styles.css" rel="stylesheet">
<title>Jiri Karlik - About Me</title>
<link href="styles.css" rel="stylesheet">
</head>
<body>
<div class="jumbotron text-center">
<h1>About Me</h1>
<p>Here is just example text for now.</p>
</div>
<div class="container">
<div class="row row_last">
<div class="col-sm-12 wrapper">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sit amet mi ac ex cursus aliquet ac sed neque. Curabitur sollicitudin nisl et dolor suscipit lobortis. Suspendisse sit amet nibh elit. Nulla eu sem lectus. Nullam gravida urna in sem dictum, convallis aliquam enim euismod. Integer aliquam condimentum purus, non rutrum urna dignissim sed. Cras ut urna euismod, eleifend leo venenatis, volutpat nunc. Aliquam a consectetur ipsum. Nam sit amet ipsum nibh. Integer laoreet diam a ipsum bibendum, a molestie urna mollis. Donec elementum nibh nisi. Aenean massa erat, porta ac fermentum non, consectetur rutrum erat.</p><p>
Sed sit amet turpis dignissim, interdum odio quis, fringilla erat. Sed ultricies lobortis egestas. Proin eu tincidunt risus. Suspendisse ultrices mauris ut orci hendrerit rhoncus. Morbi scelerisque gravida neque, vel dapibus urna tempus in. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Sed dignissim venenatis nunc, nec suscipit dui tristique vitae. Etiam ut viverra risus.
</p><p>
In eleifend quis ipsum sit amet congue. Donec at nisi fermentum, ornare arcu id, lobortis justo. Curabitur felis orci, viverra ac enim ullamcorper, molestie sodales felis. Maecenas elementum diam at nibh ultrices, sed rhoncus ipsum malesuada. Fusce accumsan tincidunt libero, nec bibendum nunc placerat in. Suspendisse ex ex, finibus sit amet eros eu, suscipit scelerisque lectus. Maecenas sapien mauris, ultricies at metus ut, cursus varius lorem. Mauris efficitur mi a ligula ullamcorper, quis auctor mi malesuada. Aliquam congue quam sapien, ac commodo dui lobortis eget. Vivamus laoreet nec nisi vel vestibulum. Aliquam erat volutpat. Phasellus efficitur venenatis tellus, tincidunt gravida neque blandit et. Aliquam erat volutpat. Sed molestie odio congue nunc porttitor, vel consectetur mi molestie. Sed non placerat odio, id fermentum ante.
</p><p>
Vestibulum dignissim rutrum justo ut imperdiet. In hac habitasse platea dictumst. Mauris at maximus felis. Nunc et viverra orci. Proin ullamcorper, urna a facilisis placerat, nisl quam pellentesque nisi, vel laoreet eros arcu eu nunc. Nullam blandit erat a dictum volutpat. Aliquam in tristique lectus, non finibus purus. Cras faucibus consectetur lacus. Sed quis rutrum est. Phasellus gravida rutrum ipsum, non posuere tellus sollicitudin non. Curabitur porta eros a nisi sodales, ac ornare lorem suscipit. Proin porta ac nulla sit amet auctor. Nunc id lorem vel sapien aliquet auctor.
</p><p>
Maecenas efficitur tempor feugiat. Fusce blandit lorem pretium porta efficitur. Suspendisse sit amet augue a quam convallis interdum vel a metus. Praesent sed venenatis felis, ac pulvinar tortor. Nam dolor justo, tincidunt non felis maximus, molestie vestibulum urna. Maecenas ultricies sapien ut dui sollicitudin elementum. Mauris vestibulum lacus vitae pretium maximus. Nam eget enim sed odio semper pellentesque id sit amet nunc. Pellentesque efficitur tristique purus et vehicula. Maecenas sapien nisi, sollicitudin ac dapibus malesuada, pellentesque quis elit. Etiam pretium, ipsum eget ornare pharetra, lectus arcu sagittis sapien, in suscipit enim urna id felis. Aliquam maximus neque quis leo dapibus, ut congue eros viverra. Morbi id erat a libero malesuada posuere ut a diam. Phasellus congue neque id tortor pellentesque imperdiet. Cras id consequat risus.
</p>
</div>
</div>
<div class="row">
<div class="col-sm-3 menu">
<h3><button onclick="location.href='index.html'" type="button">Home</button></h3>
</div>
<div class="col-sm-3 menu">
<h3><button onclick="location.href='about.html'" type="button">About Me</button></h3>
</div>
<div class="col-sm-3 menu">
<h3><button onclick="location.href='interests.html'" type="button">Interests</button></h3>
</div>
<div class="col-sm-3 menu">
<h3><button onclick="location.href='contact.html'" type="button">Contact</button></h3>
</div>
</div>
</div>
<footer>
<p id="time"></p>
</footer>
</body>
</html>