Yuri van Midden
6 years ago
parent
75a8874a85
commit
6d008143f0
|
After Width: | Height: | Size: 610 B |
|
After Width: | Height: | Size: 167 KiB |
|
After Width: | Height: | Size: 9.7 KiB |
@ -0,0 +1,235 @@ |
|||||||
|
<!DOCTYPE html> |
||||||
|
<html> |
||||||
|
<head> |
||||||
|
<meta charset="utf-8" /> |
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
||||||
|
<title>Harambee - Studentenvolleybal in Enschede!</title> |
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1"> |
||||||
|
|
||||||
|
<link rel="stylesheet" type="text/css" media="screen" href="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/3.0.2/fullpage.min.css" /> |
||||||
|
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous"> |
||||||
|
<link href="https://fonts.googleapis.com/css?family=Exo+2" rel="stylesheet"> |
||||||
|
|
||||||
|
|
||||||
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/3.0.2/fullpage.min.js"></script> |
||||||
|
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script> |
||||||
|
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script> |
||||||
|
|
||||||
|
<style> |
||||||
|
.section{ |
||||||
|
text-align: center; |
||||||
|
overflow: hidden; |
||||||
|
} |
||||||
|
|
||||||
|
#harambeeVideo{ |
||||||
|
position: absolute; |
||||||
|
right: 0; |
||||||
|
bottom: 0; |
||||||
|
top: 0; |
||||||
|
right: 0; |
||||||
|
width: 100%; |
||||||
|
height: 100%; |
||||||
|
background-size: 100% 100%; |
||||||
|
background-color: orange; |
||||||
|
background-position: center center; |
||||||
|
background-size: contain; |
||||||
|
object-fit: cover; |
||||||
|
z-index: 3; |
||||||
|
} |
||||||
|
|
||||||
|
.container{ |
||||||
|
position: absolute; |
||||||
|
z-index: 4; |
||||||
|
width: 100%; |
||||||
|
left: 10%; |
||||||
|
top: 10%; |
||||||
|
font-family: 'Exo 2', sans-serif; |
||||||
|
} |
||||||
|
|
||||||
|
#section0 .jumbotron{ |
||||||
|
color: purple; |
||||||
|
} |
||||||
|
|
||||||
|
.jumbotron-transparent{ |
||||||
|
background: rgba(230, 230, 230, 0.85); |
||||||
|
} |
||||||
|
|
||||||
|
.alert-tryouts{ |
||||||
|
background: rgba(255, 89, 0, 0.7); |
||||||
|
color: white; |
||||||
|
} |
||||||
|
|
||||||
|
.alert-member{ |
||||||
|
background: rgba(102, 0, 140, 0.5); |
||||||
|
color: white; |
||||||
|
} |
||||||
|
|
||||||
|
.alert-moreinfo{ |
||||||
|
background: rgba(230, 230, 230, 0.45); |
||||||
|
color: black; |
||||||
|
} |
||||||
|
|
||||||
|
.btn-tryout{ |
||||||
|
background: rgba(255, 89, 0, 1); |
||||||
|
color: white; |
||||||
|
} |
||||||
|
|
||||||
|
.btn-member{ |
||||||
|
background: lightblue; |
||||||
|
color: black; |
||||||
|
} |
||||||
|
|
||||||
|
#section1{ |
||||||
|
background-image: url(./beaver.jpeg); |
||||||
|
} |
||||||
|
|
||||||
|
#section1 #bever{ |
||||||
|
z-index: 3 |
||||||
|
} |
||||||
|
|
||||||
|
#section2{ |
||||||
|
background-image: url(./somuchfun.jpg); |
||||||
|
background-size: 100%; |
||||||
|
padding: 6% 0 0 0; |
||||||
|
} |
||||||
|
|
||||||
|
#gezelligheid{ |
||||||
|
text-align: left; |
||||||
|
} |
||||||
|
|
||||||
|
.haramPaars{ |
||||||
|
color: purple; |
||||||
|
font-weight: bold; |
||||||
|
} |
||||||
|
|
||||||
|
.haramOranje{ |
||||||
|
color: rgb(255, 89, 0); |
||||||
|
} |
||||||
|
|
||||||
|
.volleyballforms{ |
||||||
|
text-align: left; |
||||||
|
} |
||||||
|
</style> |
||||||
|
</head> |
||||||
|
<body> |
||||||
|
|
||||||
|
<div id="fullscreen"> |
||||||
|
<div class="section" id="section0"> |
||||||
|
<video id="harambeeVideo" loop muted data-autoplay> |
||||||
|
<source src="video.mp4" type="video/mp4"> |
||||||
|
</video> |
||||||
|
<div class="container"> |
||||||
|
<div class="row"> |
||||||
|
<div class="col-md-8"> |
||||||
|
<div class="jumbotron jumbotron-transparent"> |
||||||
|
<img src="harambee-logo.png"> |
||||||
|
<h1>Try out <b>volleyball</b> with Harambee at the University of Twente!</h1> |
||||||
|
<p>Are you starting your new study on the campus, or have you been around for a while, and want to try volleyball? Then join one of our try-outs and experience the fantastic sport for yourself!</p> |
||||||
|
</div> |
||||||
|
<div class="alert alert-member shadow"> |
||||||
|
<h4>Do you want to sign up?</h4> |
||||||
|
<p>Let the Technical Committee know, and join a regular training with a team.</p> |
||||||
|
<a href="https://site.harambee.utwente.nl/en/membership/tryout" role="button" class="btn btn-lg btn-tryout" aria-pressed="true"> |
||||||
|
Fill out the sign-up form! |
||||||
|
</a> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<div class="col-md-4"> |
||||||
|
<div class="alert alert-tryouts shadow"> |
||||||
|
<p><strong>New to volleyball, and do you want to know if it's your sport?</strong></p> |
||||||
|
<h2><strong>Our try-outs are:</strong></h2> |
||||||
|
<ul> |
||||||
|
<li>Tuesday September 4th, 18:00</li> |
||||||
|
<li>Thursday September 6th, 19:30</li> |
||||||
|
</ul> |
||||||
|
<a href="https://goo.gl/forms/5K1IZwAOscE17Vwj2" role="button" class="btn btn-lg btn-tryout" aria-pressed="true"> |
||||||
|
Join the try-outs! |
||||||
|
</a> |
||||||
|
</div> |
||||||
|
<div class="alert alert-member shadow"> |
||||||
|
<h3>Want to visit the regular site?</h3> |
||||||
|
<a href="https://site.harambee.utwente.nl" role="button" class="btn btn-member" aria-pressed="true"> |
||||||
|
Click here |
||||||
|
</a> |
||||||
|
</div> |
||||||
|
<div class="alert alert-moreinfo"> |
||||||
|
<p>Scroll down for more info about volleyball at Harambee!</p> |
||||||
|
<img src="angle-double-down-solid.svg" width="20px"> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<div class="section" id="section1"> |
||||||
|
<div class="container"> |
||||||
|
<div class="row"> |
||||||
|
<div class="col-md-5"> |
||||||
|
<div class="alert alert-tryouts"> |
||||||
|
<h1>Volleyball types at Harambee:</h1> |
||||||
|
<ul class="volleyballforms"> |
||||||
|
<li><strong>Competition:</strong> 2x training a week + matches against teams throughout the region in the Nevobo competition. Matches are of all levels, beginner through (very) experienced.</li> |
||||||
|
<li><strong>Mix:</strong> 1 training a week + matches every 4 weeks against other Mix teams.</li> |
||||||
|
<li><strong>Recreational:</strong> 1 training a week with Mix teams.</li> |
||||||
|
</ul> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<div class="col-md-7"> |
||||||
|
<div class="jumbotron jumbotron-transparent"> |
||||||
|
<h2>All teams at Harambee have their own dedicated (student) trainer! Teams consist of about 12 players.</h2> |
||||||
|
</div> |
||||||
|
<div class="alert alert-moreinfo"> |
||||||
|
<p>Scroll down to learn more about the association</p> |
||||||
|
<img src="angle-double-down-solid.svg" width="20px"> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<div class="section" id="section2"> |
||||||
|
<div class="container"> |
||||||
|
<div class="row"> |
||||||
|
<div class="col-md-8"> |
||||||
|
<div class="alert alert-tryouts"> |
||||||
|
<h2>Harambee is the biggest family you've ever known!</h2> |
||||||
|
</div> |
||||||
|
<div class="alert alert-member" id="gezelligheid"> |
||||||
|
<h3>You will get to know all kinds of people who share at least one interest with you: <strong>volleyball</strong>.</h3> |
||||||
|
<p>You will find them at:</p> |
||||||
|
<ul> |
||||||
|
<li><strong>The team presentations:</strong> where every team presents itself to the rest of the association.</li> |
||||||
|
<li><strong>The yearly prom:</strong> where you are definitely going to have that high wine of high cocktail with your crush.</li> |
||||||
|
<li><strong>Every home-matches weekend:</strong> where your fellow volleyball friends are playing their matches. Cheer them to the top! That's what Harambee stands for!</li> |
||||||
|
<li><strong>Harambee's monthly night out:</strong> where we get away from the Sports Centre, and have a drink (or two) in the city.</li> |
||||||
|
<li>... and all other activities Harambee organises to make sure you have a great time!</li> |
||||||
|
</ul> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<div class="col-md-4"> |
||||||
|
<div class="alert alert-member"> |
||||||
|
<h5>Did you know that...</h5> |
||||||
|
<p>the name Harambee comes from a Swahili term which stands for "together we are strong and let us fight together"</p> |
||||||
|
<p>The term was first used on the 5th anniversary of the University, by the former Rector Magnificus.</p> |
||||||
|
</div> |
||||||
|
<div class="alert alert-moreinfo"> |
||||||
|
<h3>Questions?</h3> |
||||||
|
<p>We are here to answer them!</p> |
||||||
|
<p>Please contact us at <a href="mailto:tc@harambee.nl">tc@harambee.nl</a> if you have any questions about volleyball at Harambee.</p> |
||||||
|
<p>If you have any questions about the association, terms of membership, etc. send a mail to the board: <a href="mailto:bestuur@harambee.nl">bestuur@harambee.nl</a>.</p> |
||||||
|
<p>Also, be sure to visit our regular site at <a href="https://site.harambee.utwente.nl">harambee.utwente.nl</a>!</p> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
|
||||||
|
<script type="text/javascript"> |
||||||
|
new fullpage('#fullscreen', { |
||||||
|
// options |
||||||
|
navigation: true, |
||||||
|
navigationPosition: 'right' |
||||||
|
}); |
||||||
|
</script> |
||||||
|
|
||||||
|
</body> |
||||||
|
</html> |
||||||
|
After Width: | Height: | Size: 2.1 MiB |
Binary file not shown.
Loading…
Reference in new issue