<!DOCTYPE html>
<html lang="en">
<head>
<title>Hexapod v2 - Demo videos</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script>
<style>
.jumbotron {
background-color: rgb(238, 153, 224)
}
h1, h4, p {
font-family: Verdana, Geneva, Tahoma, sans-serif
}
</style>
</head>
<body>
<div class="jumbotron text-center">
<h1>Hexapod v2 - Demo videos</h1>
<p>Github: <a href='https://github.com/SmallpTsai/hexapod-v2-7697'>https://github.com/SmallpTsai/hexapod-v2-7697</a></p>
</div>
<div class="container">
<div class="row">
<div class="col-xl-6">
<h4>Playing in the Park</h4>
<iframe width="560" height="315" src="https://www.youtube.com/embed/NJ7DdDEcq3U" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
</div>
<div class="col-xl-6">
<h4>Running and Climbing</h4>
<iframe width="560" height="315" src="https://www.youtube.com/embed/mwXX7JwDgVw" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
</div>
</div>
<div class="row">
<div class="col-xl-6">
<h4>Waltz practicing</h4>
<iframe width="560" height="315" src="https://www.youtube.com/embed/rrRT6g5XCQ4" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
</div>
</div>
</div>
</body>
</html>