Commit 019463d6 authored by Atli Pall Petursson's avatar Atli Pall Petursson
Browse files

secondCommit

parent fcbd2bbb
Pipeline #10479 failed with stages
......@@ -99,13 +99,13 @@ main {
footer {
text-align: center;
padding: 2rem 1 rem;
padding: 2rem 1rem;
margin: auto;
color: #333;
}
footer h3 {
font-size: 3rem;
font-size: 2rem;
margin-bottom: 0;
}
......
......@@ -10,12 +10,15 @@
</head>
<body>
<style>
</style>
<main>
<div id="landing">
<div id="landing-text">
<div id="landing-text-inner">
<h1>Web Page Portfolio</h1>
<h2>Assignment1</h2>
<h1>Educational technology</h1>
<h2>IT Product Development at Aarhus University</h2>
<a href="#about" class="btn" id="about">
About Us
</a>
......@@ -33,27 +36,28 @@
</div>
<div class="caption">
<h3>Atli Pall Petursson</h3>
<p>Atli is a student on his first year on IT Software Development at Aarhus University.</p>
<p>Atli is a bachelor student at Aarhus University currently on his second semester studying IT Product Development.</p>
<p>Atli is 21 years old and comes from Reykjavik, Iceland.</p>
<p>Please contact: <strong>au601211@uni.au.dk</strong> if you have any questions</p>
</div>
<div id="progress">
<div id="header">
<h2>View Progress</h2>
<div class="caption">
<h3>Gustav Hammelev</h3>
<p>Gustav is a bachelor student at Aarhus University currently on his second semester studying IT Product Development.</p>
<p>Gustav is 22 years old and comes from Aarhus, Denmark</p>
<p>Please contact: <strong>au600980@uni.au.dk</strong> if you have any questions</p>
</div>
</div>
</div>
<div id="progress">
<div id="header">
<h2>View Progress</h2>
</div>
</main>
<footer>
<h3>A Website By</h3>
<h3>A Website By:</h3>
<p>Atli Pall Petursson & Gustav Hammelev</p>
<p>F19 - The Web Of Things</p>
</footer>
<script
src="http://code.jquery.com/jquery-3.3.1.min.js"
integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
crossorigin="anonymous"></script>
<script> src="js/main.js"</script>
<p1>F19 - The Web Of Things</p1>
</footer>
</body>
</html>
\ No newline at end of file
// Adding smooth scroll to the about button
$('#about').on('click', function() {
const about =$('#about').position().top;
$('html, body').animate(
{
scrollTop: about
},
1500
);
});
$('#view-progress').on('click', function() {
const progress =$('#progress').position().top;
$('html, body').animate(
{
scrollTop: progress
},
1500
);
});
\ No newline at end of file
Supports Markdown
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