Sitecake on localhost

I have a HTML localhost site, use Wamp 2.5 and MySQL5.6.17. How do I implement the SiteCake this site, I found about this integration in the documentation.

I performed these procedures but is giving the following error. Use Wamp 2.5 + MySQL 5.6.

SiteCake encountered a problem!

Help us correct the issue and tell us what happened. Please include the report from below. To continue editing just reload the page.

Uncaught exception: (TypeError): com_sitecake_contentmanager_client_content_ContentManagerImpl_$getCurrentPageId__Lcom_sitecake_contentmanager_client_content_ContentManagerImpl_2Ljava_lang_String_2_metaTags_0[0] is undefined at Unknown.anonymous(Unknown source:0) at Unknown.anonymous(Unknown source:0) at Unknown.anonymous(Unknown source:0) at Unknown.anonymous(Unknown source:0) at Unknown.anonymous(Unknown source:0) at Unknown.anonymous(Unknown source:0) at Unknown.anonymous(Unknown source:0) at Unknown.anonymous(Unknown source:0) at Unknown.anonymous(Unknown source:0) at Unknown.anonymous(Unknown source:0) at Unknown.anonymous(Unknown source:0) at Unknown.anonymous(Unknown source:0) at Unknown.anonymous(Unknown source:0) at Unknown.anonymous(Unknown source:0) at Unknown.anonymous(Unknown source:0) at Unknown.anonymous(Unknown source:0) at Unknown.anonymous(Unknown source:0) at Unknown.anonymous(Unknown source:0) at Unknown.anonymous(Unknown source:0) at Unknown.anonymous(Unknown source:0) at Unknown.anonymous(Unknown source:0) at Unknown.anonymous(Unknown source:0) at Unknown.anonymous(Unknown source:0) at Unknown.anonymous(Unknown source:0)

Follow my index.html, and is my homepage of the site, this error occurs when I try to start sitecake.php that is in the root directory, open the SiteCake authentication window, when I go there with the password error occurs.
Sorry for posting all the code I tried to upload the file more reports that new users can not post pictures.

------------------ HTML ---------------------

<head>
    <link rel="icon" href="img/favicon.gif">
    <meta name="keywords" content="Desenvolvimento, Sistemas, Internet, Web Sites, Computadores, Resdes, Suporte, TI, Tecnológia">
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
    <link href="assets/css/bootstrap-responsive.css" rel="stylesheet">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="description" content="Desenvolvimento de sistemas,  Web sites">
    <meta name="author" content="">
    <title>Network Soluções Tecnológicas</title>
    <!-- Bootstrap Core CSS -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <!-- Custom CSS -->
    <link href="css/business-casual.css" rel="stylesheet">
    <!-- Fonts -->
    <link href="http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800"
    rel="stylesheet" type="text/css">
    <link href="http://fonts.googleapis.com/css?family=Josefin+Slab:100,300,400,600,700,100italic,300italic,400italic,600italic,700italic"
    rel="stylesheet" type="text/css">
    <link href="http://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.3.0/css/font-awesome.min.css"
    rel="stylesheet" type="text/css">
    <script type="text/javascript" src="http://netdna.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
    <script>
        (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
                                          (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
                                          m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
                                          })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
                                        
                                          ga('create', 'UA-64886549-1', 'auto');
                                          ga('send', 'pageview');
    </script>
</head>

<body>
    <div class="brand"></div>
    <div class="container">
        <div class="row">
            <div class="box brand" style="width:83.8%;  margin-left:8%;" aling="center">
                <div class="brand">
                    <img class="center-block img-responsive" src="img/LogoTransparente_NetWork.png"
                    style="width:405px; height:110px" aling="center">
                </div>
            </div>
        </div>
        <nav class="navbar navbar-default" role="navigation" style="width:86%;  margin-left:6.9%;">
            <div class="container" id="navbar-nav" style="width:90%; margin-left:-1px;">
                <!-- Brand and toggle get grouped for better mobile display -->
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <!-- navbar-brand is hidden on larger screens, but visible when the menu
                    is collapsed -->
                    <a class="navbar-brand"></a>
                </div>
                <!-- Collect the nav links, forms, and other content for toggling -->
                <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"
                style="width:105.4%; margin-left:-3.4%; ">
                    <ul class="nav navbar-nav " style="width:112.9%;  margin-left:-96">
                        <li class="active">
                            <a href="index.html"><b>Home</b></a>
                        </li>
                        <li>
                            <a href="sistemas/sistemas.html"><b>Sistemas</b></a>
                        </li>
                        <li></li>
                        <li>
                            <a href="web/website.html"><b>Web Sites</b></a>
                        </li>
                        <li>
                            <a href="suporte/suporte.html"><b>Suporte</b></a>
                        </li>
                        <li>
                            <a href="empresa/empresa.html"><b>Empresa</b></a>
                        </li>
                        <li>
                            <a href="faleconosco/fale_conosco.html"><b>Fale Conosco</b></a>
                        </li>
                        <li id="separado"></li>
                    </ul>
                </div>
                <!-- /.navbar-collapse -->
            </div>
            <!-- /.container -->
        </nav>
        <div class="box" style="width:86%; margin-left:6.9%; margin-top:-20px;">
            <hr style="margin-top:-15px;">
            <p class="text-center" style="margin-top:-20px;">
                <b>AS MELHORES SOLUÇÕES PARA VOCÊ!</b>
            </p>
            <hr style="margin-top:-10px;">
            <div class="col-md-6">
                <div class="carousel slide col-md-12" id="carousel-example" data-interval="3000"
                data-ride="carousel">
                    <div class="carousel-inner">
                        <div class="item">
                            <img src="img/suporte.jpg" aling="center" style="width:507px; height:268px">
                            <div class="carousel-caption">
                                <h2>Suporte e Serviços</h2>
                            </div>
                        </div>
                        <div class="item active">
                            <img src="img/contrato.jpg" aling="center" style="width:507px; height:268px">
                            <div class="carousel-caption">
                                <h2 class="text-center">Garatia de qualidade</h2>
                            </div>
                        </div>
                        <div class="item">
                            <img src="img/web.jpg" style="width:507px; height:268px">
                            <div class="carousel-caption">
                                <h2>Desenvolvimento Web</h2>
                            </div>
                        </div>
                        <div class="item">
                            <img src="img/duvida.jpg" aling="center" style="width:507px; height:268px">
                            <div class="carousel-caption">
                                <h2>Soluções de problemas</h2>
                            </div>
                        </div>
                        <div class="item">
                            <img src="img/grafico.jpg" aling="center" style="width:507px; height:268px">
                            <div class="carousel-caption">
                                <h2>Gestão de serviços</h2>
                            </div>
                        </div>
                        <div class="item">
                            <img src="img/mundo.jpg" aling="center" style="width:507px; height:268px">
                            <div class="carousel-caption">
                                <h2>Expanção dos negócios</h2>
                            </div>
                        </div>
                        <div class="item">
                            <img src="img/solucao.jpg" aling="center" style="width:507px; height:268px">
                            <div class="carousel-caption">
                                <h2>Soluções personalizadas</h2>
                            </div>
                        </div>
                    </div>
                    <a class="left carousel-control" href="#carousel-example" data-slide="prev">
                      <i class="icon-prev  fa fa-angle-left"></i></a>
                    <a class="right carousel-control" href="#carousel-example" data-slide="next">
                      <i class="icon-next fa -amex fa-angle-right"></i></a>
                </div>
            </div>
            <div class="col-sm-6" id="page">
                <h3 class="text-left">Desenvolvimento de sistemas Web e Desktop sob medida, para pequenas e
                    grandes empresas.</h3>
                <br>
                <h3 class="text-left" style="margin-top: -15px">Criação de Web sites, com Layouts diferenciados e criativos.</h3>
                <br>
                <h3 class="text-left" style="margin-top: -15px">Suporte completo em Sistemas, Web Sites e Equipamentos de informática.</h3>
                <br>
                <h3 class="text-left" style="margin-top: -15px">Serviços de hospedagem de Web sites e Criação de domínios.</h3>
                <br>
                <h3 class="text-left" style="margin-top: -15px">Locação e Venda de sistemas web para Gestão de Equipamento, Pedidos, Recursos
                    e Jurídico.</h3>
            </div>
        </div>
        <div class="box" style="width:86.2%; margin-left:6.9%; text-color:#00000">
            <hr style="margin-top:-9px;">
            <p class="text-center" style="margin-top:-20px;">
                <b>SISTEMAS PRONTOS</b>
            </p>
            <hr style="margin-top:-10px;">
            <div class="col-sm-4 text-center">
                <img src="img/sistemaSisger.jpg" class="img-responsive" alt="">
                <h3>SisGeR</h3>
                <small>
                    <h4>
                        <small>Sistema de Gestão de Recursos</small>
                    </h4>
                </small>
            </div>
            <small>
                <div class="col-sm-4 text-center">
                    <img class="img-responsive" src="img/sistemaSisgep.jpg" alt="">
                    <h3>SisGeP</h3>
                    <h4>
                        <small>Sistema de Gestão de Pedido</small>
                    </h4>
                </div>
                <div class="col-sm-4 text-center">
                    <img class="img-responsive" src="img/sistemaSisgec.jpg" alt="">
                    <h3>SisGeC</h3>
                    <h4 class="text-center">
                        <small>Sistema de Gestão Documentos</small>
                    </h4>
                </div>
                <div class="clearfix"></div>
            </small>
        </div>
        <small></small>
        <small>
            <!--/.container -->
            <!-- jQuery -->
            <script src="js/jquery.js"></script>
            <!-- Bootstrap Core JavaScript -->
            <script src="js/bootstrap.min.js"></script>
            <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
            <script src="http://code.jquery.com/jquery.js"></script>
            <script src="http://dist/js/bootstrap.min.js"></script>
            <script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
            <script>
                $('[rel="popover"]').popover({
                                                                                                                                                                                                                                                                                                                                                                                                           trigger:'hover',
                                                                                                                                                                                                                                                                                                                                                                                                           html: 'true',
                                                                                                                                                                                                                                                                                                                                                                                                           delay: '500'});
            </script>
            <!-- Script to Activate the Carousel -->
            <script>
                $('.carousel').carousel({
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            interval: 5000 //changes the speed                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             })
            </script>
        </small>
        <small>
            <footer class="section text-center" style="width:86.2%; height:80px; margin-left:6.9%"
            id="rodape">
                <div class="container" style="width:100%">
                    <div class="row text-center" style="margin-top: 5px;">
                        <h5 class="text-center">Copyright © 2011 | Desenvolvido por Network Soluções Tecnológicas</h5>
                    </div>
                    <div class="container" style="width:103%; margin-left:-1.6%; margin-top: -4px;">
                        <div class="col-md-12 hidden-xs text-right" id="redeSocial">
                            <b>SIGA-NOS</b>
                            <a href="#" id="linkInstangram">
              <i class="fa fa-3x fa-fw fa-instagram text-inverse" title="Instangram" data-placement="top" rel="popover" data-container="body" data-content="<strong>Instangram</strong>">
              </i>
            </a>
                            <a href="https://www.facebook.com/pages/Network-Soluções-Tecnológicas/396440860545311" target="_blank"><i class="fa fa-3x fa-facebook-official fa-fw text-inverse" title="Facebook" data-placement="top" rel="popover" data-container="body" data-content="<strong>Facebook</strong>">
              </i>
             </a>
                            <a href="#"><i class="fa fa-3x fa-fw fa-github text-inverse" title="GitHub" data-placement="top" rel="popover" data-container="body" data-content="<strong>GitHub</strong>">
              </i>
            </a>
                        </div>
                    </div>
                </div>
            </footer>
        </small>
    </div>
</body>