old_index.htm

<!doctype html>
<html lang="en" class="no-js">
<head>
    
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

    <link href="https://fonts.googleapis.com/css?family=David+Libre|Hind:400,700" rel="stylesheet">

    <link rel="stylesheet" href="css/reset.css"> <!-- CSS reset -->
    <link rel="stylesheet" href="css/style.css"> <!-- Resource style -->
    <link rel="shortcut icon" type="image/png" href="favicon.png"/>

    <title>Visual Machines Group</title>
</head>
<body>
<header class="cd-auto-hide-header">
    <div class="logo"><a href="index.htm"><img src="img/headerlogo1.svg" alt="Logo"></a></div>

    <nav class="cd-primary-nav">
        <a href="#cd-navigation" class="nav-trigger">
            <span>
                <em aria-hidden="true"></em>
                Menu
            </span>
        </a> <!-- .nav-trigger -->

        <ul id="cd-navigation">
            <li><a href="scientificmission.htm">Scientific Mission</a></li>
            <li><a href="people.htm">People</a></li>
      <li><a href="publications.htm">Publications</a></li>
            <li><a href="joinus.htm">Join Us</a></li>
            <li><a href="visit.htm">Visit</a></li>
      <li><a href="#">&nbsp</a></li>
        </ul>
    </nav> <!-- .cd-primary-nav -->
</header> <!-- .cd-auto-hide-header -->
<div class="banner-img">
    <img src="img/banner.png" class="full-width" alt="Banner Image">
    <div class="over-text">
        <div class="heading" style="color:black;">Giving Robots the Gift of Sight</div>
        <div class="body" style="color:black">Superhuman cameras enable superhuman robotics,<br>advancing cyberphysical systems and digital health</div>
    </div>
</div>
<main class="cd-main-content">
    <!-- TODO: Fix img-wrapper -->
    <!--div class="imgwrapper">
        <img src="test.jpg" class="img-responsive">
    </div-->
    <div class="row">


        <div class="row">
          <div class="column">
        <div class="heading-home"><a href="news.htm">Latest News</a></div>
        <div class="heading-home padded-top">Yiqin Wang (ECE G) Joins the Group</div>
                <div class="body">Yiqin joins as a rotation graduate student.</div>
        <div class="heading-home padded-top">Ethan Mitchell (ECE '20) Joins the Group</div>
              <div class="body">Ethan joins as an undergraduate researcher.</div>
        <div class="heading-home padded-top">Visual Machines Group Launches July 2018
</div>
            <div class="body">Lab opens! We are within the Electrical and Computer Engineering Department at UCLA.</div>

          </div>
          <div class="column">
                <div class="heading-home" style="padding-left: 100px;"><a href=#>Current Teaching</a></div>
        <div style="padding-left: 100px;">
        <div class="heading-home padded-top">Fall 2018</div>
                <div class="body">ECE 239: Computational Imaging</div>
                        <div class="heading-home padded-top">Winter 2018</div>
                <div class="body">TBD</div>
        <div class="heading-home padded-top">Spring 2019</div>
                <div class="body">ECE 211: Digital Image Processing</div>
      </div>


          </div>


            </div>


    </div>
    <div style="padding-top: 60px"></div>
</main> <!-- .cd-main-content -->
<!-- Listen for scroll event in the main window to cause hiding of the navbar-->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script>
<script>
    if( !window.jQuery ) document.write('<script src="js/jquery-3.0.0.min.js"><\/script>');
</script>
<script src="js/main.js"></script> <!-- Resource jQuery -->
</body>
<footer>
    <div class="container">
        <div>&nbsp</div>
        <div class="logo" style="margin-top: 30px;"><a href="index.htm"><img src="img/headerwhite.svg" alt="Logo"></a></div>
        <nav class="cd-primary-nav">
            <a href="#cd-navigation" class="nav-trigger">
                <span>
                    <em aria-hidden="true"></em>
                </span>
            </a> <!-- .nav-trigger -->
            <ul id="cd-navigation">
                <li><a href="scientificmission.htm" style="color: white;">Scientific Mission</a></li>
                <li><a href="people.htm" style="color: white;">People</a></li>
                <li><a href="publications.htm" style="color: white;">Publications</a></li>
                <li><a href="joinus.htm" style="color: white;">Join Us</a></li>
                <li><a href="visit.htm" style="color: white;">Visit</a></li>
            </ul>
        </nav>
        <div>&nbsp</div>
        <div>&nbsp</div>
        <div>&nbsp</div>
        <div class="sub-heading white">Get In Touch.</div>
        <div class="body white"><a href="mailto:achuta@ucla.edu" class="white">achuta@ucla.edu</a></div>
        <div>&nbsp</div>
        <div>&nbsp</div>
        <div>&nbsp</div>
    </div>
</footer>
</html>