about_us.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--
Design by TEMPLATED
http://templated.co
Released for free under the Creative Commons Attribution License

Name       : BarbedFlower
Description: A two-column, fixed-width design with dark color scheme.
Version    : 1.0
Released   : 20140322

-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="http://fonts.googleapis.com/css?family=Varela" rel="stylesheet" />
<link href="bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<link href="default.css" rel="stylesheet" type="text/css" media="all" />
<link href="fonts.css" rel="stylesheet" type="text/css" media="all" />

<!--[if IE 6]><link href="default_ie6.css" rel="stylesheet" type="text/css" /><![endif]-->

</head>
<body>
<div id="wrapper">
  <div id="header-wrapper">
    <div id="header" class="container">
      <div id="logo">
        <img src="images/acm_logo.png">
        &nbsp;&nbsp;&nbsp;
        <a href="#">ODU ACM</a>
      </div>
      <div id="menu">
        <ul>
          <li><a href="index.html" accesskey="1" title="">Home</a></li>
          <li class="active"><a href="about_us.html" accesskey="2" title="">About Us</a></li>
          <li><a href="events.html" accesskey="2" title="">Events</a></li>
          <li><a href="contact_us.php" accesskey="5" title="">Contact Us</a></li>
        </ul>
      </div>
    </div>
  </div>
  <div id="banner">
    <div class="container">
      <div class="title">
        <h2>Association for Computing Machinery</h2>
        <span class="byline">at Old Dominion University</span> </div>
    <!--  <ul class="actions">
        <li><a href="#" class="button">Etiam posuere</a></li>
      </ul> -->
    </div>
  </div>

<div id="team" class="container">
  <div class="title">
    <h2>The Team</h2>
    <!-- <span class="byline">Donec leo, vivamus fermentum nibh in augue praesent a lacus at urna congue</span> -->
  </div>
  <div id="three-column">
    <div class="boxA">
      <div class="box">
        <img src="images/chris.jpg">
        <br/>
        <h3>Chris Bliss</h3>
        <br/>
        <h4>President</h4>
        <br/>
        <p>I am an innovator and collaborator. I love this field because it offers us the chance to be at the forefront of groundbreaking technologies. I don't care if my name is in the history books, I just want to change the world for the better.</p>
      </div>
    </div>
    <div class="boxB">
      <div class="box">
        <img src="images/joanna.jpg">
        <br/>
        <h3>Joanna Borba</h3>
        <br/>
        <h4>Vice President</h4>
        <br/>
        <p>I'm just your typical female computer science major trying to find her way through the male dominated field.  I am a current sophomore at ODU who plans to one day work on continuing the progress of technology when it comes to gene mapping.  When I am not consumed with school and extracurriculars I can be found next to a bottle of Mtn Dew with a video game controller in my hand.</p>
      </div>
    </div>
    <div class="boxC">
      <div class="box">
        <img src="images/joshua.jpg">
        <br/>
        <h3>Joshua Harris</h3>
        <br/>
        <h4>Secretary</h4>
        <br/>
        <p>Joshua Harris is a Junior from Virginia Beach who loves web applications.  His focus is more on the backend, mostly using Nodejs and php.  Over the summer he had an internship at NASA creating web applications, using Docker/Amazon web services for deployment.   He is active in the local developer community, often attending meetups and events. Github profile @joshuajharris</p>
      </div>
    </div>
  </div>
  <br/><br/>
  <div id="three-column">
    <div class="boxA">
      <div class="box">
        <img src="images/asim.jpg">
        <br/>
        <h3>Asim Amjad</h3>
        <br/>
        <h4>Treasurer</h4>
        <br/>
        <!-- <p>Praesent pellentesque facilisis elit. Class aptent taciti sociosqu ad litora torquent per conubia nostra.</p> -->
      </div>
    </div>
    <div class="boxB">
      <div class="box">
        <img src="images/avinash.jpg">
        <br/>
        <h3>Avinash Gosavi</h3>
        <br/>
        <h4>Web Master</h4>
        <br/>
        <!-- <p>Etiam neque. Vivamus consequat lorem at nisl. Nullam non wisi a sem semper eleifend. Donec mattis.</p> -->
      </div>
    </div>
  </div>
  <!-- <ul class="actions">
    <li><a href="#" class="button">Etiam posuere</a></li>
  </ul> -->
</div>

</div>

<div id="copyright" class="container">
  <p>Old Dominion University ACM © 2015 </p>
</div>
</body>
</html>