Need help getting carousel to work


#1
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title></title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width">

    <link rel="stylesheet" href="css/bootstrap.min.css">
    <style>
        body {
            padding-top: 0px;
            padding-bottom: 0px;
        }
    </style>
    <link rel="stylesheet" href="css/bootstrap-responsive.min.css">
    <link rel="stylesheet" href="css/main.css">
</head>
<body>
    <!--[if lt IE 7]>
        <p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
    <![endif]-->

    <!-- This code is taken from http://twitter.github.com/bootstrap/examples/hero.html -->

    <div class="navbar">
        <div class="navbar-inner">
            <div class="container">
                <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"></a>
                <div class="row">
                 <div class="span5">
                    <img src="images/mymoonlogo5.jpg" width="207" height="93" alt="" />
                    <p align="auto"><font size="5">modern organics for little ones.</font>
                 </div>
                 <form class="navbar-form pull-right">
                        <img src="images/fblogo.jpg" width="30" height="30" alt="" />
                        <img src="images/instagramlogo.jpg" width="30" height="30" alt="" />
                        <img src="images/twitterlogo.jpg" width="30" height="30" alt="" />
                        <button type="submit" class="btn">my cart</button>
                        <input class="span2" type="password" placeholder="Password">
                        <button type="submit" class="btn">Sign in</button>
                 </form>
                </div>
                <div class="nav-collapse collapse pull-right">
                <div class="row">
                  <div class="span9">
                      <ul class="nav">
                        <li><a href="#">home</a></li>
                        <li><a href="#about">classic collection</a></li>
                        <li><a href="#contact">seasonal</a></li>
                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">limited edition<b class="caret"></b></a>
                            <ul class="dropdown-menu">
                                <li><a href="#">Action</a></li>
                                <li><a href="#">Another action</a></li>
                                <li><a href="#">Something else here</a></li>
                                <li class="divider"></li>
                                <li class="nav-header">Nav header</li>
                                <li><a href="#">Separated link</a></li>
                                <li><a href="#">One more separated link</a></li>
                            </ul>
                        </li>
                        <li>
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">clothing<b class="caret"></b></a>
                            <ul class="dropdown-menu">
                                <li><a href="#">Action</a></li>
                                <li><a href="#">Another action</a></li>
                                <li><a href="#">Something else here</a></li>
                            </ul>
                        </li>
                        <li><a href="#about">about</a></li>
                        <li><a href="#contact">blog</a></li>
                    </ul>
                  </div>
                </div>    
                </div><!--/.nav-collapse -->
            </div>
        </div>
    </div>

    <hr>

    <div class="container">

        <!-- Main hero unit for a primary marketing message or call to action -->
        <div class="hero-unit">
          <div id="myCarousel" class="carousel slide">
           <ol class="carousel-indicators">
            <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
            <li data-target="#myCarousel" data-slide-to="1"></li>
            <li data-target="#myCarousel" data-slide-to="2"></li>
           </ol>

            <!-- Carousel items -->
            <div class="carousel-inner">
             <div class="active item">
               <img src="images/CAROUSEL1.jpg" alt="">
                <div class="carousel-caption">
                <h4>spaghetti</h4>
                <p>and meatball legs.</p>
             </div>
             <div class="item">
               <img src="images/CAROUSEL2.jpg" alt="">
               <div class="carousel-caption">
               <h4>spaghetti</h4>
               <p>and meatball legs.</p>
             </div>
             <div class="item">
               <img src="images/CAROUSEL3.jpg" alt="">
               <div class="carousel-caption">
               <h4>spaghetti</h4>
               <p>and meatball legs.</p>
             </div>
            </div>

             <!-- Carousel nav -->
             <a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a>
             <a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a>
          </div>
        </div><!--/hero unit-->

        <hr>

        <footer>
          <div class="row">
           <div class="span6">
             <p>1720 Golden Gate Ave #21, SF, CA 94115  p(347) 543.5165</p>
           </div>
           <div class="span1">
             <p>hours</p>
           </div>
           <div class="span2">
             <p>return policy</p>
           </div>
           <div class="span3">
             <form class="navbar-form pull-right">
               <input type="text" placeholder="email list">
               <button type="submit"class="btn">go</button>
             </form>
           </div>
          </div>  
        </footer>

    </div> <!-- /container -->

    
</body>

#2