-
Notifications
You must be signed in to change notification settings - Fork 1
/
post_noheader.html
106 lines (84 loc) · 5.36 KB
/
post_noheader.html
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
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"></meta>
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>daOMA - About</title>
<link href='css/reset.css' media='screen' rel='stylesheet' type='text/css'>
<link href='css/welcomefade.css' media='screen' rel='stylesheet' type='text/css'>
<link href='css/layout.css' media='screen' rel='stylesheet' type='text/css'>
<link href='css/mediaqueries.css' media='screen' rel='stylesheet' type='text/css'>
<link href='css/hidden_menu.css' media='screen' rel='stylesheet' type='text/css'>
<link href='css/parallax.css' media='screen' rel='stylesheet' type='text/css'>
<!-- TYPOGRAPHY -->
<link href='type/stylesheet.css' media='screen' rel='stylesheet' type='text/css'>
<link href='type/light/stylesheet.css' media='screen' rel='stylesheet' type='text/css'>
</head>
<body>
<nav class='group'>
<a href='index.html'><img class='top_logo' src="img/daoma_logo_white.svg"></img></a>
<!--regular nav-->
<div class='link'>
<a href="about.html">About</a>
<a href="partners.html">Partners</a>
<a href="members.html">Members</a>
<a href="join.html">Join</a>
</div>
<!--hidden nav-->
<input type="checkbox" id="toggle">
<label for="toggle">☰</label>
<div class='hidden_nav'>
<ul>
<li><a href="about.html">About</a></li>
<li><a href="partners.html">Partners</a></li>
<li><a href="members.html">Members</a></li>
<li><a href="join.html">Join</a></li>
</ul>
</div>
</input>
</nav>
<!--content fades in-->
<div class='fadein_interior'>
<header class='post_pg_header'>
</header>
<section class='interior'>
<div class='wrapper post_pg_body'>
<h2>Omaha Pecha Kucha #22</h2>
<h3>Oct 24 / 8PM / The Slowdown</h3>
<h4>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc interdum convallis volutpat. Proin auctor erat sit amet eros eleifend mollis vel in odio. Curabitur arcu nulla, scelerisque sed tortor id, suscipit pretium lectus. Praesent felis ante, rhoncus a molestie sed, ultrices vel nisi. Aliquam id mi non dolor dictum ultricies. Sed feugiat orci ac turpis sagittis lacinia. Nunc iaculis dapibus rhoncus. Ut porta tortor vel quam consequat ultrices a et odio. Phasellus varius leo a eros consectetur pretium.</h4>
<img src="img/pkn_head.jpg"></img>
<p>Aliquam erat volutpat. Praesent lacinia posuere libero, non scelerisque lacus fermentum eget. Proin cursus risus in adipiscing fermentum. Sed vehicula leo massa, eu congue odio consectetur a. Pellentesque non ultrices lorem. Nullam et malesuada sapien. Vestibulum blandit sit amet nibh vel viverra. Fusce feugiat cursus augue, sed cursus enim euismod ut. Nulla gravida interdum metus quis viverra.</p>
<p>Nunc eu tempor justo, sed iaculis enim. Praesent vitae purus sapien. Integer molestie dui quis ligula pellentesque rhoncus. Nunc nec lectus sed purus consequat interdum ac sed risus. In non cursus tortor. Integer a rutrum turpis, sed iaculis lacus. Pellentesque volutpat, felis ut pellentesque rhoncus, urna ipsum hendrerit nunc, nec sodales eros elit sit amet velit. Sed tincidunt sapien vitae tellus rhoncus laoreet. Etiam semper lorem in volutpat mollis. Aenean cursus libero at purus suscipit egestas. Nullam sodales massa dolor, vel aliquam tellus fermentum eu. Praesent cursus dapibus tellus, eu pulvinar augue posuere vel. Curabitur vehicula fermentum nibh, id accumsan quam. Etiam et sem venenatis, vestibulum justo at, euismod tortor.</p>
<p>Urabitur sed diam ut ante volutpat ultricies. Vestibulum erat neque, gravida ut interdum at, sollicitudin in felis. Suspendisse potenti. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla rhoncus pharetra eleifend. In a pellentesque nulla. Morbi ut est accumsan, interdum leo at, vehicula arcu. Quisque tempor vulputate mollis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum a tellus congue, dapibus diam a, mattis leo. In mauris tortor, fringilla ut condimentum a, dictum accumsan erat. Etiam a velit eget dui posuere tempus. Phasellus semper, dui porta rhoncus tempor, lacus elit condimentum massa, vel condimentum quam elit eget orci. Etiam fermentum dignissim diam, tristique vehicula risus feugiat sed. Aenean eu dolor semper, tincidunt purus ut, vestibulum justo.</p>
</div>
</section>
<section class='group'>
<img class='shape_footer' src="img/shape_footer.svg"></img>
</section>
<footer>
<img class='logo_footer' src="img/daoma_logo_magenta_w-shdw.svg"></img>
<div class='social_footer'>
<a href="join.html"><img src="img/arrow_icon.svg"></img></a>
<a href="https://www.facebook.com/pages/daOMA-design-alliance-OMAha-Inc/304226363724?fref=ts"><img src="img/facebook_icon.svg"></img></a>
<a href=""><img src="img/twitter_icon.svg"></img></a>
</div>
</footer>
<!-- fade in end-->
</div>
</body>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript">
jQuery(document).ready(function(){
$objWindow = $(window);
$('div[data-type="background"]').each(function(){
var $bgObj = $(this);
$(window).scroll(function() {
var yPos = -($objWindow.scrollTop() / $bgObj.data('speed'));
var coords = '100% '+ yPos + 'px';
// Animate the background
$bgObj.css({ backgroundPosition: coords });
});
});
});
</script>
</html>