Untitled

<!DOCTYPE html>
<!--
Template Name: Academic Education V2
Author: <a href="http://www.os-templates.com/">OS Templates</a>
Author URI: http://www.os-templates.com/
Licence: Free to use under our free template licence terms
Licence URI: http://www.os-templates.com/template-terms
-->
<html>
<head>
  <title> Algorithms </title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<link href="layout/styles/layout.css" rel="stylesheet" type="text/css" media="all">
</head>
<body id="top">
<!-- ################################################################################################ -->
<!-- ################################################################################################ -->
<!-- ################################################################################################ -->

<!-- ################################################################################################ -->
<!-- ################################################################################################ -->
<!-- ################################################################################################ -->
<div class="wrapper row1">
  <header id="header" class="clear">
    <!-- ################################################################################################ -->
    <div id="logo" class="fl_left">
      <h1><a href="index.html"><img src='images/demo/logo.jpg' height="100" width="200"></a></h1>


    <!-- ################################################################################################ -->
  </header>
</div>
<!-- ################################################################################################ -->
<!-- ################################################################################################ -->
<!-- ################################################################################################ -->
      <!-- ################################################################################################ -->
    </nav>
  </div>
</div>
<!-- ################################################################################################ -->
<!-- ################################################################################################ -->
<!-- ################################################################################################ -->
<div class="wrapper">
  <div id="slider">
    <div id="slide-wrapper" class="rounded clear">
      <!-- ################################################################################################ -->
      <figure id="slide-1"><a class="view" href="#"><img src="images/demo/slider/1.png" alt=""></a>
        <figcaption>
          <h2>Water Jug Problem</h2>
          <p>Fill up the jugs with the right amount in as little moves possible</p>
          <p class="right"><a href="jug.html">Try here &raquo;</a></p>
        </figcaption>
      </figure>
      <figure id="slide-2"><a class="view" href="#"><img src="images/demo/slider/2.png" alt=""></a>
        <figcaption>
          <h2>Tower of Hanoi </h2>
          <p>Bring all the discs from one rod to another with limitations</p>
          <p class="right"><a href="hanoi.html">Try here &raquo;</a></p>
        </figcaption>
      </figure>
      <figure id="slide-3"><a class="view" href="#"><img src="images/demo/slider/3.jpg" alt=""></a>
        <figcaption>
          <h2>Bubble Sort</h2>
          <p>Learn about a type of sorting algorithm</p>
          <p class="right"><a href="bubble.html">Learn here &raquo;</a></p>
        </figcaption>
      </figure>
      <figure id="slide-4"><a class="view" href="#"><img src="images/demo/slider/3.jpg" alt=""></a>
        <figcaption>
          <h2>Quick Sort</h2>
          <p>A more complex type of sort</p>
          <p class="right"><a href="index.html">Learn here &raquo;</a></p>
        </figcaption>
      </figure>
      <figure id="slide-5"><a class="view" href="#"><img src="images/demo/slider/search.jpg" alt=""></a>
        <figcaption>
          <h2>Search</h2>
          <p>Looking for a Specific Algorithm?</p>
          <p class="right"><a href="home.html">Click here to search &raquo;</a></p>
        </figcaption>
      </figure>
      <!-- ################################################################################################ -->
      <ul id="slide-tabs">
        <li><a href="#slide-1">Attempt the Water Jug Problem</a></li>
        <li><a href="#slide-2">Attempt the Tower of Hanoi</a></li>
        <li><a href="#slide-3">Learn more about Bubble Sort</a></li>
        <li><a href="#slide-4">Learn more about Quick Sort</a></li>
        <li><a href="#slide-5">Search for an Algorithm</a></li>
      </ul>
      <!-- ################################################################################################ -->
    </div>
  </div>
</div>
<!-- ################################################################################################ -->
<!-- ################################################################################################ -->
<!-- ################################################################################################ -->

<h1> Welcome to our Algorithms site</h1>

<p> Thank you for visiting our website. The goal of this website is to help users understand various types of algorithms.
  These algorithms vary from sorting algorithms or ones that are more complex such as the Tower of Hanoi. Each page comes with a detailed explanation
  on how the problem works as well as an example of it coded. Each algorithm also features an interactive demonstration or game that users can use
  in order to better grasp the algorithm.
</p>

<h1> Looking for a certain algorithm?</h1>

<p> If you're looking to better understand a certain algorithm, you can use our search feature in order to easily locate
  what algorithm you are searching for. Aside from that, you can also sort the algorithms by various conditions such as by
  name or difficulty in order to find other algorithms.
</p>
<!-- JAVASCRIPTS -->
<script src="layout/scripts/jquery.min.js"></script>
<script src="layout/scripts/jquery.fitvids.min.js"></script>
<script src="layout/scripts/jquery.mobilemenu.js"></script>
<script src="layout/scripts/tabslet/jquery.tabslet.min.js"></script>
</body>
</html>