news.htm

<!doctype html>
<html lang="en" class="no-js">
<!-- TODO: Replace with a version of https://docs.couchcms.com/concepts/rss-feeds.html -->
<head>
	
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.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"/>

	<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
	<title>Visual Machines Group</title>
</head>
<body>
	    <div id="nav-placeholder"></div>
    
	<main class="cd-main-content" style="padding-top: 102px;">
	<!-- TODO: Fix img-wrapper -->
	<!--div class="imgwrapper">
		<img src="test.jpg" class="img-responsive">
	</div-->
	<div class="container">
		<div class="row">
			<div class="heading-home padded" style="display:block;">What's new?</div><br/>
		</div>
      <div class="row my-5">
  			<div class="column-left">
  				<img src="img/yiqin.jpg" class="circular" alt="News Icon">
  			</div>
  			<div class="column-right">
  				<div class="heading-home">Grad Student Yiqin Wang (ECE G) Joins the Group</div>
  				<div class="body">The Visual Machines group welcomes Yiqin Wang (ECE G) to the lab as a rotation candidate.</div>
  			</div>
  		</div>
      <div class="row my-5">
  			<div class="column-left">
  				<img src="img/ethan.png" class="circular" alt="News Icon">
  			</div>
  			<div class="column-right">
  				<div class="heading-home">Ethan Mitchell (ECE '20) Joins the Group</div>
  				<div class="body">The Visual Machines group welcomes Ethan Mitchell (ECE 2020) to the lab as an undergraduate researcher.</div>
  			</div>
  		</div>
			<div class="row my-5">
			<div class="column-left">
				<img src="img/achutawhite.jpg" class="circular" alt="News Icon">
			</div>
			<div class="column-right">
				<div class="heading-home">Visual Machines Opens July 2018</div>
				<div class="body">The Visual Machines group opens! A "visual machine" is a robot with intelligent eyesight. Superhuman eyes let robots do superhuman things. Imagine rescue drones that can see through smoke to rescue survivors. Or cameras that can see inside the body without X-rays.</div>
				<!---div class="body" style="padding-top: 5px;"><a href="https://www.kauffman.org/">Read More</a></div-->
			</div>
		</div>

		<!--div class="row">
			<div class="column-left">
				<img src="img/code.png" class="circular" alt="News Icon">
			</div>
			<div class="column-right">
				<div class="heading-home"></div>
				<div class="body">></div>
			</div>
		</div-->


	</div>
	<div class="padded">&nbsp</div><div class="padded">&nbsp</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 -->
<script>
	$(function(){
	  $("#nav-placeholder").load("nav.htm");
	  $("#footer-placeholder").load("footer.htm");
	});
  </script>
</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" id="atpage">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>