Improvements

src/index.html

@@ -11,8 +11,9 @@
     <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://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>
@@ -114,10 +115,6 @@
             color: rgb(255, 89, 0);
         }
 
-        .volleyballforms{
-            text-align: left;
-        }
-
         .link{
             color: purple;
         }
@@ -166,7 +163,7 @@
                         </div>
                     </div>
                     <div class="col-md-4">
-                        <div class="alert alert-tryouts shadow">
+                        <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>
@@ -178,7 +175,7 @@
                                 <strong>Join the try-outs!</strong>
                             </a>
                         </div>
-                        <div class="alert alert-member shadow">
+                        <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
@@ -199,12 +196,22 @@
                     <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">
+                            <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">
@@ -244,7 +251,7 @@
                 <div class="row">
                     <div class="col-md-8">
                         <div class="alert alert-tryouts">
-                            <h2>Harambee is the biggest family you've ever known!</h2>
+                            <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>
@@ -281,7 +288,8 @@
     new fullpage('#fullscreen', {
         // options
         navigation: true,
-        navigationPosition: 'right'
+        navigationPosition: 'right',
+        scrollOverflow: true
     });
     </script>