<!DOCTYPE html>
< html >
< head >
< meta charset = "utf-8" / >
< meta http-equiv = "X-UA-Compatible" content = "IE=edge" >
< title > Harambee - Student volleybal in Enschede!< / title >
< meta name = "viewport" content = "width=device-width, initial-scale=1" >
< link rel = "stylesheet" href = "https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/3.0.2/fullpage.min.css" integrity = "sha384-5ifpfhR/+nZGyBOnFGX9Blzx7418/Cj6eK1kMEJFUCgv39+AfAt9reg9LtRPdCQs" crossorigin = "anonymous" >
< link rel = "stylesheet" href = "https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity = "sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin = "anonymous" >
< link rel = "stylesheet" href = "https://use.fontawesome.com/releases/v5.2.0/css/all.css" integrity = "sha384-hWVjflwFxL6sNzntih27bfxkr27PmbbK/iSvJ+a4+0owXq79v+lsFkW54bOGbiDQ" crossorigin = "anonymous" >
< link rel = "stylesheet" href = "https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.min.css" integrity = "sha384-xyZLiqnBEFn1hDkS8VeG/YHoqOjS/ucimT8TI6GDr9+ZP1UNbZr6d/q0ldMi/xvL" 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" integrity = "sha384-6yU9abmAgbGzbp5/zFigT6Ltjr3M5b0gSE6XFSO+ZMMuS1AXZlyh2tqWSVgIHRu+" crossorigin = "anonymous" > < / 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 >
p {
font-size: 120%;
}
#subtitle{
padding-top: 20px;
}
.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: relative;
z-index: 4;
width: 100%;
left: 0%;
top: 0%;
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.6);
color: white;
}
.alert-moreinfo{
background: rgba(230, 230, 230, 0.6);
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: 2% 0 0 0;
}
#gezelligheid{
text-align: left;
}
.haramPaars{
color: purple;
font-weight: bold;
}
.haramOranje{
color: rgb(255, 89, 0);
}
.volleyballforms{
text-align: left;
}
.link{
color: purple;
}
.jumbotron img{
padding-bottom: 15px;
}
ul.no-bullet{
list-style: none;
}
ul.no-bullet li{
padding-top: 0.35em;
padding-left: 1.0em;
text-indent: -1.0em;
}
#fp-nav ul li a span, .fp-slidesNav ul li a span{
background-color: rgba(230, 230, 230, 1);
}
< / 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 class = "animated fadeIn" src = "harambee-logo.png" >
< h1 > Try out < b > volleyball< / b > < i class = "fas fa-volleyball-ball" > < / i > with Harambee at the University of Twente!< / h1 >
< p id = "subtitle" > 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 yourself!< / p >
< / div >
< div class = "alert alert-member shadow" >
< h4 > Do you want to sign up? < i class = "fas fa-pencil-alt" > < / i > < / 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,< / strong > and do you want to know if it's your sport?< / p >
< h2 > < i class = "fas fa-calendar-check" > < / i > < / h2 >
< h2 > Our try-outs are:< / 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" >
< strong > Join the try-outs!< / strong >
< / 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 >
< / div >
< div class = "row" >
< div class = "col-md-12" >
< h2 > < i style = "color: white" class = "animated slow bounce infinite delay-2s fas fa-angle-double-down" > < / i > < / h2 >
< / 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 > < i class = "fas fa-volleyball-ball" > < / i > 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-member" >
< div class = "row" >
< div class = "col-sm-2" >
< h1 > < i class = "align-middle fas fa-trophy" > < / i > < / h1 >
< / div >
< div class = "col-sm-10" >
< h4 > Match days are on Fridays and Saturdays, throughout the year!< / h4 >
< / div >
< / div >
< / div >
< div class = "alert alert-member" >
< div class = "row" >
< div class = "col-sm-2" >
< h1 > < i class = "align-middle fas fa-map-marker-alt" > < / i > < / h1 >
< / div >
< div class = "col-sm-10" >
< h4 > All practices and home matches take place in the Sports Centre of the University.< / h4 >
< / div >
< / div >
< / div >
< / div >
< / div >
< div class = "row" >
< div class = "col-md-12" >
< h2 > < i style = "color: white" class = "animated slower bounce infinite delay-2s fas fa-angle-double-down" > < / i > < / h2 >
< / 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 class = "no-bullet" >
< li class = "beer" > < strong > < i class = "fas fa-beer" > < / i > The team presentations:< / strong > where every team presents itself to the rest of the association.< / li >
< li class = "cocktail" > < strong > < i class = "fas fa-cocktail" > < / i > The yearly prom:< / strong > where you are definitely going to have that high wine of high cocktail with your crush.< / li >
< li class = "trophy" > < strong > < i class = "fas fa-trophy" > < / i > 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 class = "moon" > < strong > < i class = "fas fa-moon" > < / i > Harambee's monthly night out:< / strong > every first Thursday 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" >
< h3 > Did you know that...< / h3 >
< p class = "text-left" > the name Harambee comes from a Swahili term which stands for "together we are strong and let us fight together"< / p >
< p class = "text-left" > 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 class = "text-left" > If you have any questions about volleyball at Harambee, contact us at < a class = "link" href = "mailto:tc@harambee.nl" > tc@harambee.nl< / a > .< / p >
< p class = "text-left" > If you have any questions about the association, terms of membership, etc. send a mail to the board: < a class = "link" href = "mailto:bestuur@harambee.nl" > bestuur@harambee.nl< / a > .< / p >
< p class = "text-left" > Also, be sure to visit our regular site at < a class = "link" 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 >
