history.html

<!DOCTYPE html>
<html lang="en">
<head>
  <title>History | BoxOfDevs Team</title>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
  <link rel="stylesheet" type="text/css" href="css/bootstrap.css">
  <link rel="stylesheet" type="text/css" href="css/font-awesome.css">
  <link rel="stylesheet" id="camera-css"  href="css/camera.css" type="text/css" media="all">
  <link rel="stylesheet" type="text/css" href="css/slicknav.css">
  <link rel="stylesheet" href="css/prettyPhoto.css" type="text/css" media="screen" title="prettyPhoto main stylesheet" charset="utf-8" />
  <link rel="stylesheet" type="text/css" href="css/style.css">
  <link href="https://fonts.googleapis.com/css?family=Roboto:400,300,700|Open+Sans:700" rel="stylesheet" type="text/css">
  <script src="js/jquery-1.8.3.min.js"></script>
  <script src="js/jquery.mobile.customized.min.js"></script>
  <script src="js/jquery.easing.1.3.js"></script>
  <script src="js/jquery.isotope.js"></script>
  <script src="js/camera.min.js"></script>
  <script src="js/myscript.js"></script>
  <script src="js/sorting.js"></script>
</head>
<body>
  <div id="home">
    <div class="headerLine">
      <div id="menuF" class="default">
        <div class="container">
          <div class="row">
            <div class="logo col-md-4">
              <div>
                <a href="#">
                  <img src="images/logo.png"><p>BoxOfDevs Team</p>
                </a>
              </div>
            </div>
            <div class="col-md-8">
              <div class="navmenu"style="text-align: center;">
                <ul id="menu">
                  <li><a href="index.html">Go Back Home</a></li>
                  <li><a href="projects.html">Projects</a></li>
                  <li class="active last"><a href="">History</a></li>
                </ul>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="container">
        <div class="row wrap">
          <div class="col-md-12 gallery">
            <div class="camera_wrap camera_white_skin" id="camera_wrap_1">
              <div data-thumb="" data-src="images/slides/blank.gif">
                <div class="img-responsive camera_caption fadeFromBottom">
                  <h2>What is our origin?</h2>
                </div>
              </div>
              <div data-thumb="" data-src="images/slides/blank.gif">
                <div class="img-responsive camera_caption fadeFromBottom">
                  <h2>What is our purpose?</h2>
                </div>
              </div>
              <div data-thumb="" data-src="images/slides/blank.gif">
                <div class="img-responsive camera_caption fadeFromBottom">
                  <h2>What is our history?</h2>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="container">
      <div class="row">
        <div class="col-md-4 project">
          <h3 id="counter">0</h3>
          <h4>Awesome Projects</h4>
          <p>At the moment, we are currently working on and maintaining 17 amazing projects.</p>
        </div>
        <div class="col-md-4 project">
          <h3 id="counter1">0</h3>
          <h4>Archived Projects</h4>
          <p>We recently did a cleanup of our projects that are no longer updated, are abandoned, or don't work. We have 22 archived projects.</p>
        </div>
        <div class="col-md-4 project">
          <h3 id="counter2" style="margin-left: 20px;">0</h3>
          <h4 style="margin-left: 20px;">Staff Members</h4>
          <p>We have one original founder, along with 6 members who have been with us from the beginning. We have an inherited student who is learning from another former member who was with us from the beginning (he has now left, unfortunately). We also have one new member who recently joined the team. None of our members are payed for what they do.</p>
        </div>
      </div>
    </div>
    <div class="line4">
      <div class="container">
        <div class="row Ama">
          <div class="col-md-12">
            <h3>So... What was this begining?</h3>
            <p>I was wondering when you would ask. Just take a look down below.</p>
          </div>
        </div>
      </div>
    </div>
    <div class="container">
      <div class="row">
        <div class="col-md-12 wwa">
          <span name="about"></span>
          <br>
          <h3>Uhhh... About that -></h3>
          <h4>We haven't quite finished coding this page yet 😐. Head back to <a href="index.html">our homepage</a> while you wait (don't literally wait on the site though, it might take a bit longer than that to finish). Sorry about that!</h4>
          <br> <br> <br>
        </div>
      </div>
    </div>
  </div>
  <div class="lineBlack">
    <div class="container">
      <div class="row downLine">
        <div class="col-md-12 text-right">
          <div id="google_translate_element"></div>
          <script>
          function googleTranslateElementInit() {
            new google.translate.TranslateElement({pageLanguage: 'en', layout: google.translate.TranslateElement.FloatPosition.TOP_LEFT}, 'google_translate_element');
          }
          </script>
          <script src="https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
        </div>
        <div class="col-md-6 text-left copy">
          <p id="copyright"></p>
        </div>
        <div class="col-md-6 text-right dm">
          <ul id="downMenu">
            <audio controls>
              <source src="developers.mp3" type="audio/mpeg">
              </audio>
              <li><a href="index.html">Go Back Home</a></li>
              <li><a href="projects.html">Projects</a></li>
              <li class="active last"><a href="">History</a></li>
            </ul>
          </div>
        </div>
      </div>
    </div>
  </div>
  <script src="js/jquery.prettyPhoto.js" charset="utf-8"></script>
  <script src="js/bootstrap.min.js"></script>
  <script src="js/jquery.slicknav.js"></script>
  <script src="js/morescripts.js"></script>
</body>
</html>