replay.html

<!DOCTYPE html>
<html lang="en">
   <!--- This website code is property of the River Dell Regional
  <head>
    <!--- Important --->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Replay // Hack River Dell 2016 - River Dell High School's First-Ever Hackathon</title>
    
    <meta property="og:url" content="http://hackriverdell.com" />
	<meta property="og:type" content="website" />
	<meta property="og:title" content="Hack River Dell 2016 - River Dell's First-Ever Hackathon" />
	<meta property="og:description" content="Hack River Dell is coding event in which teams “hack” together to create an awesome project like a game, website, or app! Hackathons are a great way to learn more about coding, meet new people, and build something cool. Come with a team, or come on your own! If you want to work with a team but don’t have one, we can help you find one on the day of the event." />
	<meta property="og:image" content="http://hackriverdell.com/img/igstory.png" />

    <!--- Bootstrap CSS and custom CSS --->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/styles.css" rel="stylesheet">
    <link href="css/scaling.css" rel="stylesheet">
    
    <!--- Fonts (Montserrat and Playfair Display) --->
      
    <link href="fonts/montserrat/montserrat.css" rel="stylesheet" type="text/css" charset="utf-8">
    <link href="fonts/pfd/playfair.css" rel="stylesheet" type="text/css" charset="utf-8">
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
    
    <!--- Favicon Crap --->
    <link rel="apple-touch-icon" sizes="180x180" href="favicon/apple-touch-icon.png">
    <link rel="icon" type="image/png" href="favicon/favicon-32x32.png" sizes="32x32">
    <link rel="icon" type="image/png" href="favicon/favicon-16x16.png" sizes="16x16">
    <link rel="manifest" href="favicon/manifest.json">
    <link rel="mask-icon" href="favicon/safari-pinned-tab.svg" color="#5bbad5">
    <meta name="apple-mobile-web-app-title" content="Hack RD">
    <meta name="application-name" content="Hack RD">
    <meta name="msapplication-TileColor" content="#ffc40d">
    <meta name="msapplication-TileImage" content="favicon/mstile-144x144.png">
    <meta name="theme-color" content="#ffffff">
      
      
  </head>
  <body data-spy="scroll" data-target=".navbar" data-offset="50">
      <!--Nav--->
      <nav class="navbar navbar-default navbar-fixed-top">
          <div class="container-fluid">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
              <button type="button" class="pull-left navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar top-bar"></span>
                <span class="icon-bar middle-bar"></span>
                <span class="icon-bar bottom-bar"></span>
              </button>
              <a class="navbar-brand" href="index.html">
        <img class="brandlogo" src="img/logo.png">
      </a>
            </div>

            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
              <ul class="nav navbar-nav">
                
              </ul>
              
              <ul class="nav navbar-nav navbar-right" style="padding: 10px">
                  <li><a href="index.html#about">About</a></li>
                  <li><a href="index.html#info">Info</a></li>
                  <li><a href="index.html#faq">FAQ</a></li>
                  <li><a href="index.html#schedule">Schedule</a></li>
                  <li><a href="index.html#speakers">Speakers</a></li>
                  <li><a href="index.html#workshops">Workshops</a></li>
                  <li><a href="index.html#sponsors">Sponsors</a></li>
                  <li class="navbar-btn">
                 <button href="replay.html" class="btn btn-px">
                     <a class="blind" href="replay.html">Replay</a></button>
                  </li>
              </ul>
            </div><!-- /.navbar-collapse -->
          </div><!-- /.container-fluid -->
        </nav>
      
      
      
 <section class="body">
              <div class="headwrap-small" id="header">
                  <div class="container">
                    <h1 class="hw-quote">Replay</h1>
                      <h1 class="hero-h1" align="center">Hack River Dell may be over, but you can still relive the day.</h1>
                  </div>
                  
              </div>
            
</section>
       
      <section class="body">
           <div class="container section">
                <h1 class="section-heading" align="center"><span>Opening Ceremony</span></h1>
                <br>
                        <div class="container-fluid">
                            <iframe width="560" height="700" src="https://www.youtube.com/embed/i4otvHiYE4M" frameborder="0" allowfullscreen></iframe>
                            <h4 align="center">Skip to 28:30 to when the Opening Ceremony starts.</h4>
                        </div>
          </div>
          <br>
          <div class="container section">
                <h1 class="section-heading" align="center"><span>Winning Teams</span></h1>
                <br>
                        <div class="container-fluid">
                            <div class="row" align="center">
                                <div class="col-md-4">
                                    <img src="img/replay/canopener.png" width="300px">
                                    <h2 class="human">Can Opener</h2>
                                    <h4 class="human-title">First Place</h4>
                                    <h4>Pascack Hills High School</h4>
                                </div>
                                <div class="col-md-4">
                                    <img src="img/replay/envirosense.JPG" width="300px">
                                    <h2 class="human">EnviroSense</h2>
                                    <h4 class="human-title">Second Place</h4>
                                    <h4>Manalapan High School</h4>
                                </div>
                                <div class="col-md-4">
                                    <img src="img/replay/tony.JPG" width="300px">
                                    <h2 class="human">Tony the Stoney</h2>
                                    <h4 class="human-title">Third Place</h4>
                                    <h4>River Dell High School</h4>
                                </div>
                            </div>
                        </div>
          </div>
          <br>
          <div class="container section">
                <h1 class="section-heading" align="center"><span>Winning Hackers</span></h1>
                <br>
                        <div class="container-fluid">
                            <div class="row" align="center">
                                <div class="col-md-4">
                                    <img src="img/replay/xbox.JPG" width="300px">
                                    <h2 class="human">Xbox Raffle</h2>
                                </div>
                                <div class="col-md-4">
                                    <img src="img/replay/smash.JPG" width="300px">
                                    <h2 class="human">Smash Tournament</h2>
                                </div>
                                <div class="col-md-4">
                                    <img src="img/replay/hp.JPG" width="300px">
                                    <h2 class="human">HP Laptop</h2>
                                </div>
                            </div>
                        </div>
          </div>
          <br>
          <div class="container section">
                <h1 class="section-heading" align="center"><span>Gallery</span></h1>
                <br>
              <br>
              <div align="center"><a href="https://www.facebook.com/media/set/?set=a.1825720287707077.1073741828.1729071377371969&type=1&l=bde7174997"><img src="img/fb_gallery.png" width="35%"></a></div>
          </div>

      </section>
          <!--<section class="body">
           <div class="container section">
                <h1 class="section-heading" align="center"><span>Volunteers</span></h1>
              </div>
              <div><h2 align="center">Volunteer pictures go here</h2>
          </section>-->
     
                            
                      <footer>
                            <div class="container footer-content" align="center">
                            <img src="img/foot_img.png" class="leg-img">    
                                <br>
                                <br>
                                <p class="footer-content"><a href="http://facebook.com/HackRiverDell"><img src="img/icons/Facebook.png" class="socialicon"></a>    <a href="http://twitter.com/HackRiverDell"><img src="img/icons/Twitter%20Filled.png" class="socialicon"></a>  <a href="http://instagram.com/HackRiverDell"><img src="img/icons/Instagram%20Filled.png" class="socialicon"></a>    <a href="http://snapchat.com/add/HackRiverDell"><img src="img/icons/Snapchat%20Filled.png" class="socialicon"></a> <a href="https://github.com/hackrd"><img src="img/icons/GitHub.png" class="socialicon"></a></p> 
                                <p class="text-muted footer-content">&copy; 2016 <a href="http://riverdell.org/" class="a-hidden">River Dell Regional School District</a> | Made by <a href="team.html" class="a-hidden">humans</a>.</p>
                                <p class="text-muted footer-content"><a class="footer" data-toggle="modal" data-target="#sources">Sources</a> | <a href="https://mlh.io/" class="footer">Major League Hacking</a> | <a class="footer" href="http://cybersecurity.riverdell.org/">RD Cyber Security Team</a></p>
                                </div>
                            
                            
                         
                            
                                 </footer>
          
                                <div class="modal fade" id="sources" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
                                  <div class="modal-dialog" role="document">
                                    <div class="modal-content">
                                      
                                      <div class="modal-body">
                                        <h1 class="modaltext">Sources</h1><br>
                                          <p align="center"><a href="https://icons8.com">Icon pack by Icons8</a></p>
                                          <p align="center">Header image courtesy of <a href="https://www.youtube.com/user/RiverDellTelevision">River Dell Television</a></p>
                                      </div>
                                      <div class="modal-footer" styles="font-family: 'Arial', sans-serif">
                                        <button type="button" class="btn btn-default usedefault btn-block" data-dismiss="modal">Close</button>
                                      </div>
                                    </div>
                                  </div>
                                </div>
      
      
      
      
   <!--- JS --->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
  </body>
      
<script>
$(function() {
    
  $('a[href*=#]:not([href=#])').click(function() {
    if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
      var target = $(this.hash);
      target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
      if (target.length) {
        $('html,body').animate({
          scrollTop: target.offset().top
        }, 500);
        return false;
      }
    }
  });
  
});
</script>
<script>
    function initMap(){
    var isDraggable = $(document).width() > 480 ? true : false; // If document (your website) is wider than 480px, isDraggable = true, else isDraggable = false

    var mapOptions = {
        draggable: isDraggable,

        scrollwheel: false, // Prevent users to start zooming the map when scrolling down the page
        //... options options options
    };
}
</script>
<script>

$(document).on('click','.navbar-collapse.in',function(e) {
    if( $(e.target).is('a') ) {
        $(this).collapse('hide');
    }
});                            
                            
                            
                            
</script>
      
<!-- Google Analytics-->
<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-66275306-3', 'auto');
  ga('send', 'pageview');

</script>
</html>