clap-to-touch-bell.html

<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <title>Toddler Fun Area | Games</title>
  <meta name="Description" content="Preschool Learning Games For Kids. Games designed to stimulate their learning and memory skills.">
  <meta name="Keywords" content="toddler, kids, online games, educational games, learning, learning for kids">
  <meta name="Author" content="Vidya Ramakrishnan">
  <meta property="fb:admins" content="525114057" />
  <meta name="google-site-verification" content="zbogXOPXwvev4tRyqMj75yDAQYRhF3UjzFS-8RNly8M" />
  <meta name="viewport" content="width=device-width, initial-scale=1">
  
  <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
  <link rel="stylesheet" type="text/css" href="css/mystylesheet.css" media="screen">
  
  <!--[if IE]>    <html class="ie"> <![endif]-->
  <script type="text/javascript" src="java_script/jquery.js"></script>
  <script type="text/javascript" src="java_script/myscript.js"></script>
</head>

<body>

<div class="container">

  <nav>
    <ul class="side-nav">
      <li><a href = "home.html" class="nav_home_img"><img src="images/bird.png" alt="Bird"></a></li>
      <li><a href = "games.html"  class="nav_games_img"><img src="images/cat_nav.png" alt="Cat"></a></li>
      <li><a href = "learning.html"  class="nav_learning_img"><img src="images/butterfly.png" alt="Butterfly"></a></li>
      <li><a href = "me.html"  class="nav_me_img"><img src="images/sunflower.png" alt="Sunflower"></a></li>
    </ul>
  </nav>

  <div class="main_content cf">
    <h2>Clap to touch the bell</h2>
    <div class="embed-responsive embed-responsive-4by3">
      <iframe class="embed-responsive-item" allowfullscreen="" src="http://scratch.mit.edu/projects/embed/18376810/?autostart=false"></iframe>
     </div>
   </div><!--eof main content -->
   
</div><!--eof container -->
</body>
</html>