blob: c7f9c852c3dfe05cd5acae0cef4d5ec8c6ba7d8b (
plain) (
blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
|
<style>section { position: relative; } nav { z-index: 9999; position: fixed; width: 100%; top: 0; left: 0; } header { z-index: 10000; }</style>
<script>
// Scroll backgrounds at different rates to achieve the parallax effect
$(window).scroll(function(e){
parallax();
});
function parallax(){
var scrolled = $(window).scrollTop();
$('.bg').css('top',-(scrolled*0.4)+'px');
$('.bg2').css('top',-(scrolled*0.5)+'px');
}
</script>
<body>
<div style="margin-top: 50px;"></div>
<center>
<img style="width: 175px; margin-bottom: 15px;" src="assets/logo_antiprism.png" ><br>
<span style="color:#808080;font-weight:bold;font-size:1.8em; margin-bottom: 15px;">Dream it. Do it.</span>
</center>
|
