56 lines
2.4 KiB
HTML
56 lines
2.4 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>Homepage</title>
|
|
<link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css'>
|
|
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
|
|
|
|
<link rel="stylesheet" href="/website/assets/css/index.css">
|
|
</head>
|
|
<body>
|
|
<div id="navbarTop" class="w3-bar w3-top w3-black">
|
|
|
|
<a href="/website/index.html" class="w3-bar-item w3-button">Home</a>
|
|
|
|
<a href="/website/about.html" class="w3-bar-item w3-button">About</a>
|
|
|
|
<a href="/website/blog.html" class="w3-bar-item w3-button">Blog</a>
|
|
|
|
|
|
<a href="https://github.com/WickedJack99" class="w3-bar-item w3-button w3-right"><i class='fa fa-github' style='color:#ffffff'></i></a>
|
|
|
|
<a href="https://www.linkedin.com/in/aaron-moser-027b30213/" class="w3-bar-item w3-button w3-right"><i class='fa fa-linkedin' style='color:#ffffff'></i></a>
|
|
|
|
<a href="https://www.youtube.com/channel/UCrplqbwwjjfGKXinuokR1HQ/featured" class="w3-bar-item w3-button w3-right"><i class='fa fa-youtube' style='color:#ffffff'></i></a>
|
|
|
|
<a href="amoser@stud.hs-offenburg.de" class="w3-bar-item w3-button w3-right"><i class='fa fa-envelope' style='color:#ffffff'></i></a>
|
|
|
|
<button class="w3-bar-item w3-button w3-right" type="submit"><i class="fa fa-search"></i></button>
|
|
<input class="w3-bar-item w3-input w3-right" type="text" placeholder="Search..">
|
|
</div>
|
|
<div class="mainDiv">
|
|
<div>
|
|
<img id="image00" src="https://cdn.pixabay.com/photo/2012/01/09/09/59/earth-11595_960_720.jpg" width="auto" height="auto">
|
|
<h1>Welcome! :)</h1>
|
|
<h2>Live conscious</h2>
|
|
<h2>Accept Yourself</h2>
|
|
<h2>Take responsibility for your life</h2>
|
|
<h2>Be self-confident</h2>
|
|
<h2>Live goal-oriented</h2>
|
|
<h2>Personal integrity</h2>
|
|
</div>
|
|
</div>
|
|
<div id="navbarBottom" class="w3-bar w3-bottom w3-black">
|
|
|
|
<a href="/website/terms.html" class="w3-bar-item w3-button">Terms</a>
|
|
|
|
<a href="/website/privacy.html" class="w3-bar-item w3-button">Privacy</a>
|
|
|
|
<a href="/website/blog.html" class="w3-bar-item w3-button">Blog</a>
|
|
|
|
<a href="/website/imprint.html" class="w3-bar-item w3-button">Imprint</a>
|
|
|
|
</div>
|
|
</body>
|
|
</html> |