kick-in-promo-site/src/index.html

<!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://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/3.0.2/vendors/scrolloverflow.min.js" integrity="sha384-JidlVB7YmUUH+vUfjaYKep1qGThQCAoL90VJQDRqiS2xAjWJuAIc7Nn5dxb8fOnJ" crossorigin="anonymous"></script>
    <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://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);
        }

        .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="animated fadeInUp faster 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="animated fadeInUp fast 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="text-left">
                                <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>
                                <li><strong>Beach volleyball:</strong> in April, the beach <i class="fas fa-umbrella-beach"></i> accommodation of the UT opens up, and Harambee organises an internal beach competition. It's open for anyone to join!</li>
                            </ul>
                        </div>
                        <div class="alert alert-tryouts">
                                <h1><i class="fas fa-chart-line"></i> Levels of playing:</h1>
                                <p class="text-left">Harambee offers volleyball practise and matches at any level. Are you a beginner? Be welcome to join! We all have to start somewhere, right? Are you an advanced player? Then you'll also certainly feel at home in a higher team.</p>
                                <ul class="text-left">
                                    <li><strong>Men's teams</strong> play matching from the Dutch 3<sup>e</sup> Divisie to 3<sup>e</sup> Klasse.</li>
                                    <li><strong>Ladies' teams</strong> play levels reaching from 1<sup>e</sup>> Klasse to 4<sup>e</sup> Klasse.</li>
                                    <li><strong>Mix teams</strong> participate in an internal competition and is generally of beginner to novice level.</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 <strong>family</strong> <i class="fas fa-users"></i> 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',
        scrollOverflow: true
    });
    </script>
    
</body>
</html>
Initial work on the landing page 7 years ago			`<!DOCTYPE html>`
			`<html>`
			`<head>`
			`<meta charset="utf-8" />`
			`<meta http-equiv="X-UA-Compatible" content="IE=edge">`
Improvements 7 years ago			`<title>Harambee - Student volleybal in Enschede!</title>`
Initial work on the landing page 7 years ago			`<meta name="viewport" content="width=device-width, initial-scale=1">`

Improvements 7 years ago			`<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">`
Initial work on the landing page 7 years ago			`<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">`
Improvements 7 years ago			`<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">`
Initial work on the landing page 7 years ago
			`<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>`
Improvements 7 years ago			`<script src="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/3.0.2/vendors/scrolloverflow.min.js" integrity="sha384-JidlVB7YmUUH+vUfjaYKep1qGThQCAoL90VJQDRqiS2xAjWJuAIc7Nn5dxb8fOnJ" crossorigin="anonymous"></script>`
			`<script src="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/3.0.2/fullpage.min.js" integrity="sha384-6yU9abmAgbGzbp5/zFigT6Ltjr3M5b0gSE6XFSO+ZMMuS1AXZlyh2tqWSVgIHRu+" crossorigin="anonymous"></script>`
Initial work on the landing page 7 years ago			`<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>`

			`<style>`
Improvements 7 years ago			`p {`
			`font-size: 120%;`
			`}`

			`#subtitle{`
			`padding-top: 20px;`
			`}`

Initial work on the landing page 7 years ago			`.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{`
Improvements 7 years ago			`position: relative;`
Initial work on the landing page 7 years ago			`z-index: 4;`
			`width: 100%;`
Improvements 7 years ago			`left: 0%;`
			`top: 0%;`
Initial work on the landing page 7 years ago			`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{`
Improvements 7 years ago			`background: rgba(102, 0, 140, 0.6);`
Initial work on the landing page 7 years ago			`color: white;`
			`}`

			`.alert-moreinfo{`
Improvements 7 years ago			`background: rgba(230, 230, 230, 0.6);`
Initial work on the landing page 7 years ago			`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%;`
Improvements 7 years ago			`padding: 2% 0 0 0;`
Initial work on the landing page 7 years ago			`}`

			`#gezelligheid{`
			`text-align: left;`
			`}`

			`.haramPaars{`
			`color: purple;`
			`font-weight: bold;`
			`}`

			`.haramOranje{`
			`color: rgb(255, 89, 0);`
			`}`

Improvements 7 years ago			`.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);`
			`}`

Initial work on the landing page 7 years ago			`</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">`
Improvements 7 years ago			`<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>`
Initial work on the landing page 7 years ago			`</div>`
			`<div class="alert alert-member shadow">`
Improvements 7 years ago			`<h4>Do you want to sign up? <i class="fas fa-pencil-alt"></i></h4>`
Initial work on the landing page 7 years ago			`<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">`
Improvements 7 years ago			`<div class="animated fadeInUp faster alert alert-tryouts shadow">`
Improvements 7 years ago			`<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>`
Initial work on the landing page 7 years ago			`<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">`
Improvements 7 years ago			`<strong>Join the try-outs!</strong>`
Initial work on the landing page 7 years ago			`</a>`
			`</div>`
Improvements 7 years ago			`<div class="animated fadeInUp fast alert alert-member shadow">`
Initial work on the landing page 7 years ago			`<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>`
Improvements 7 years ago			`</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>`
Initial work on the landing page 7 years ago			`</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">`
Improvements 7 years ago			`<h1><i class="fas fa-volleyball-ball"></i> Volleyball types at Harambee:</h1>`
Improvements 7 years ago			`<ul class="text-left">`
Initial work on the landing page 7 years ago			`<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>`
Improvements 7 years ago			`<li><strong>Beach volleyball:</strong> in April, the beach <i class="fas fa-umbrella-beach"></i> accommodation of the UT opens up, and Harambee organises an internal beach competition. It's open for anyone to join!</li>`
Initial work on the landing page 7 years ago			`</ul>`
			`</div>`
Improvements 7 years ago			`<div class="alert alert-tryouts">`
			`<h1><i class="fas fa-chart-line"></i> Levels of playing:</h1>`
			`<p class="text-left">Harambee offers volleyball practise and matches at any level. Are you a beginner? Be welcome to join! We all have to start somewhere, right? Are you an advanced player? Then you'll also certainly feel at home in a higher team.</p>`
			`<ul class="text-left">`
			`<li><strong>Men's teams</strong> play matching from the Dutch 3<sup>e</sup> Divisie to 3<sup>e</sup> Klasse.</li>`
			`<li><strong>Ladies' teams</strong> play levels reaching from 1<sup>e</sup>> Klasse to 4<sup>e</sup> Klasse.</li>`
			`<li><strong>Mix teams</strong> participate in an internal competition and is generally of beginner to novice level.</li>`
			`</ul>`
			`</div>`
Initial work on the landing page 7 years ago			`</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>`
Improvements 7 years ago			`<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>`
Initial work on the landing page 7 years ago			`</div>`
			`</div>`
			`</div>`
Improvements 7 years ago			`<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>`
Initial work on the landing page 7 years ago			`</div>`
			`</div>`
			`<div class="section" id="section2">`
			`<div class="container">`
			`<div class="row">`
			`<div class="col-md-8">`
			`<div class="alert alert-tryouts">`
Improvements 7 years ago			`<h2>Harambee is the biggest <strong>family</strong> <i class="fas fa-users"></i> you've ever known!</h2>`
Initial work on the landing page 7 years ago			`</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>`
Improvements 7 years ago			`<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>`
Initial work on the landing page 7 years ago			`<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">`
Improvements 7 years ago			`<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>`
Initial work on the landing page 7 years ago			`</div>`
			`<div class="alert alert-moreinfo">`
			`<h3>Questions?</h3>`
			`<p>We are here to answer them!</p>`
Improvements 7 years ago			`<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>`
Initial work on the landing page 7 years ago			`</div>`
			`</div>`
			`</div>`
			`</div>`
			`</div>`
			`</div>`

			`<script type="text/javascript">`
			`new fullpage('#fullscreen', {`
			`// options`
			`navigation: true,`
Improvements 7 years ago			`navigationPosition: 'right',`
			`scrollOverflow: true`
Initial work on the landing page 7 years ago			`});`
			`</script>`

			`</body>`
			`</html>`