index.html

<!DOCTYPE html>
<html>
<head>
<!-- CSS and Metadata here -->
<!-- Bootstrap -->
<link rel="stylesheet" href="lib\bootstrap\bootstrap.css">
<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap-theme.min.css">

<link rel="stylesheet" href="lib\mat_lib\materialize.css">
<link rel="stylesheet" href="lib\css\style.css">
</head>
<body>

<!-- Navbar -->
<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
  <div class="container-fluid">
      <div class="navbar-header">
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar2">
              <span class="sr-only">Toggle navigation</span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
          </button>
          <!-- <a class="navbar-brand" href="#"> -->
          <!-- <a href="#"> -->
              <img src="assets/logoHorz.png" alt="ALL STAR CODE">
          <!-- </a> -->
      </div>
      <div id="navbar2" class="navbar-collapse collapse">
          <ul class="nav navbar-nav navbar-right">
              <li>
                  <a href="http://www.allstarcode.org/donate/" target="_blank" data-toggle="collapse" data-target=".navbar-collapse" id="donate" class="buttonize">
                      Donate
                  </a>
              </li>
              <li>
                  <a href="https://allstarcodeorg.github.io/"
                      target="_blank" data-toggle="collapse" data-target=".navbar-collapse">
                      Apply
                  </a>
              </li>
              <li>
                  <a href="http://www.allstarcode.org/contact/" target="_blank" data-toggle="collapse" data-target=".navbar-collapse">
                      Contact
                  </a>
              </li>
              <li>
                  <a href="http://www.allstarcode.org" target="_blank" data-toggle="collapse" data-target=".navbar-collapse">
                      Main Site
                  </a>
              </li>
          </ul>
      </div>
      <!--/.nav-collapse -->
  </div>
  <!--/.container-fluid -->
</nav>

<div class="carousel parallax" id="caro">
  <a class="carousel-item" href="#one!"><img src="assets/1.jpg"></a>
  <a class="carousel-item" href="#two!"><img src="assets/2.jpg"></a>
  <a class="carousel-item" href="#three!"><img src="assets/3.jpg"></a>
  <a class="carousel-item" href="#four!"><img src="assets/4.jpg"></a>
  <a class="carousel-item" href="#five!"><img src="assets/5.jpg"></a>
</div>

<div class="about">
<div class="container">

    <h2>ALL STAR CODE</h2>
    <h3>2017 DEMO DAY PROJECTS</h3>
    <!-- <p>All star code aims to give young minority men the skills they need to enter the tech industry. <br> Here you'll see the final projects of students from 2017's summer intensive! </p> -->
  </div>
</div>

<div class="search-container">
  <div>
    <p>Find by cohort:</p>
    <select name="by_cohort" id="by_cohort" onchange="cohortSelect()">
      <option value="All">All</option>
    </select>

  </div>

  <div>
    <p>Find by search:</p>
    <input id="search" type="text" placeholder="Search.." name="search">
    <!-- <button type="submit"><i class="fa fa-search"></i></button> -->
  </div>

  <div class="reset">
    <button  onclick="reset()">
      Reset
    </button>
  </div>
</div>

<div id="giantContainer">

</div>

<footer>
  <p> Copyright © 2017 Dante Rivera | All rights reserved</p>
</footer> 


<!-- BOTTOM OF BOTTOM WHERE JS BELONGS -->

<!-- jquery -->
<script
src="https://code.jquery.com/jquery-3.2.1.js"
integrity="sha256-DZAnKJ/6XZ9si04Hgrsxu/8s717jcIzLy3oi35EouyE="
crossorigin="anonymous"></script>

<!-- flip -->
<script src="https://cdn.rawgit.com/nnattawat/flip/master/dist/jquery.flip.min.js"></script>
<script src="lib\js\flip.js"></script>

<!-- Parallax -->
<script src='lib\Parallax\parallax.js'></script>

<!-- bootstrap and styling -->
<script src="lib\bootstrap\bootstrap.js"></script>
<script src="lib\mat_lib\materialize.js"></script>

<!-- carousel -->
<script>
$(document).ready(function(){
  $('.carousel').carousel();
});
$('.carousel').carousel('next');
$('.carousel').carousel('next', 3); // Move next n times.

// Previous slide
$('.carousel').carousel('prev');
$('.carousel').carousel('prev', 4); // Move prev n times.

// Set to nth slide
$('.carousel').carousel('set', 4);

// Destroy carousel
$('.carousel').carousel('destroy');


</script>
<!-- reset/normaliz -->

<!-- custom scripts -->
<script src="lib\js\project.js"></script>
<script src="lib\js\student.js"></script>

<!-- Seeding Data (NOTE: load after defining Student and Project class) -->
<script src="lib\js\mahdi.js"></script>
<!-- <script src="lib\js\seed.js"></script> -->
 <script type="text/javascript">
 $(function(){
   $(".card").flip({
     trigger: "hover"
   });
 });
 </script>

<!-- adding project flips via jquery  -->
 <script src="lib\js\inject.js"></script>
<!-- Parsing data -->
<script src="lib\js\papaparse.js"></script>
 <!-- Calling it all -->
 <script src="lib\js\main.js"></script>
 <script src="lib\js\search.js"></script>
 
</body>
<html>