PersonalWebsite/index.html

94 lines
3.9 KiB
HTML
Raw Normal View History

2020-03-16 18:00:42 +00:00
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
2020-03-16 18:00:42 +00:00
<title>Lukas Heiligenbrunner</title>
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">
<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<!-- Popper JS -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
<!-- Latest compiled JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"></script>
<!-- <script src="js/bootstrap.min.js"></script>-->
<link rel="stylesheet" href="css/index.css">
</head>
<!-- The scrollable area -->
<body data-spy="scroll" data-target=".navbar" data-offset="50">
2020-03-16 18:54:54 +00:00
<nav class="navbar navbar-expand-sm navbar-dark fixed-top justify-content-end">
<!-- Toggler/collapsibe Button -->
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar">
<span class="navbar-toggler-icon"></span>
</button>
<!-- Navbar links -->
<div class="collapse navbar-collapse" id="collapsibleNavbar">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="#section1">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#section2">About Me</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#section3">Projects</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#section4">Contact</a>
</li>
</ul>
</div>
2020-03-16 18:00:42 +00:00
</nav>
2020-03-16 18:00:42 +00:00
<div id="section1" class="tile">
<div class="container">
<div>
2020-03-16 18:47:15 +00:00
<div id="preTitle">Hey, my name is</div>
<div class="bigText" id="titleText">Lukas Heiligenbrunner</div>
<div class="bigText lightOpacity" id="subTitleText">A creative IT Student</div>
<p id="meaningFullSentence" class="lightOpacity">
I'm a software engineer based in Austria who loves code
development and is always open for new projects and ideas.
2020-03-16 18:47:15 +00:00
</p>
2020-03-16 18:00:42 +00:00
</div>
</div>
</div>
<div id="section2" class="bg-warning tile">
<div class="container">
<h1>About me</h1>
2020-03-16 19:27:05 +00:00
<p>Todo about me page! Todo about me page! Todo about me page! Todo about me page! Todo about me page!
Todo about me page! Todo about me page! Todo about me page! Todo about me page! Todo about me page!
Todo about me page! Todo about me page! Todo about me page! Todo about me page! Todo about me page!
Todo about me page! Todo about me page! Todo about me page! Todo about me page! Todo about me page! </p>
</div>
2020-03-16 18:00:42 +00:00
</div>
<div id="section3" class="bg-secondary tile">
<div class="container">
<h1>Projects</h1>
2020-03-16 19:27:05 +00:00
<p>Todo Projects Page! Todo Projects Page! Todo Projects Page! Todo Projects Page! Todo Projects Page!
Todo Projects Page! Todo Projects Page! Todo Projects Page! Todo Projects Page! Todo Projects Page!
Todo Projects Page! Todo Projects Page! Todo Projects Page! Todo Projects Page! Todo Projects Page! Todo Projects Page! </p>
</div>
2020-03-16 18:00:42 +00:00
</div>
<div id="section4" class="bg-danger tile">
<div class="container">
<h1>Contact</h1>
<h3>Stay in Contact!</h3>
2020-03-16 19:27:05 +00:00
<p>Todo Contacts page! Todo Contacts page! Todo Contacts page! Todo Contacts page! Todo Contacts page! Todo Contacts page! Todo Contacts page!
Todo Contacts page! Todo Contacts page! Todo Contacts page! Todo Contacts page! Todo Contacts page!
Todo Contacts page! Todo Contacts page! Todo Contacts page! Todo Contacts page! </p>
</div>
2020-03-16 18:00:42 +00:00
</div>
</body>
</html>