Slide Top of Menu

Asked

Viewed 367 times

0

Hello, I’d like to let my menu override the slide in boostrap but when I add the slide, it sits on top of the menu, like this in the image

inserir a descrição da imagem aqui

This is my index where the slide

<!DOCTYPE html>
    <html >
    <head>
        <meta charset="UTF-8">
        <title>Auto Jet - Serviços Automotivoss</title>
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet" href="css/home.css">
        <link rel="stylesheet" href="css/geral.css">
        <link rel="stylesheet" href="css/plugins.css">
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    </head>
    <body>
        <header>
         <div class="container">
            <div class="row">
            <div id="myCarousel" class="carousel slide" data-ride="carousel">

         
                 <div class="carousel-inner">
                     <div class="item">
                        <img src="slide1.png" alt="New york" style="width:100%;">
                     </div>                  
                     <div class="item active">
                          <img src="slide2.png" alt="New york" style="width:100%;">
                    </div>
                     <div class="item">
                          <img src="slide3.png" alt="New york" style="width:100%;">                      
                    </div>
                <a class="left carousel-control" href="#myCarousel" data-slide="prev">
                    <span class="glyphicon glyphicon-chevron-left"></span>
                    <span class="sr-only">Anterior</span>
                </a>
                <a class="right carousel-control" href="#myCarousel" data-slide="next">
                    <span class="glyphicon glyphicon-chevron-right" ></span>
                    <span class="sr-only">Próxima</span>
                </a>
            </div>
        </div>
        <div class="container">
                <div class="logo">
                    <a href="index.html">
                        <img src="images/logo-home.svg" alt="logo topo">
                </div>
            <div class="links">
                <nav>
            <ul>
                <li><a href="index.html">Inicio</a></li>
                <li><a href="sobre.html">Sobre</a></li>
                <li><a href="servicos.html">Serviços</a></li>
                <li><a href="contato.html">Contato</a></li>
            </ul>	  
                </nav>
            </div>
        </div>
        
        </header>

         <main>
              <section class="sobre">    
                    <div class="container">
                        <div class="itens">
                            <div class="imagem">
                                 <img src="images/logo-quem-somos.svg" alt="Logo Quem somos">
                            </div>
                        </div>
                        <div class="textos">
                            <p><strong>A AutoJet®</strong> é uma empresa especializada em serviços automotivos,atuando a mais de 10 anos no ramo de mecanica, com professionais capacitados para atender ao que for preciso para seu veiculo, visando atendimento rapido e efeciente...</p>
        
                            <a href="sobre.html" class="botao medio"> <i class="fa fa-eye" aria-hidden="true"></i> Continue Lendo</a>
                        </div>
                    </div>
              </section>
         </main>
        <footer>
            <div class="logo-rodape">
                 <a href="index.html">
                    <img src="images/logo-rodape.svg" alt="logo-rodape">
                 <a/>
            <p> Todos os Direiros Reservados Auto Jet Serviços Automotivos ® - 2017 </p>
            </div>
        </footer>
    </body>
    </html>

  • A few bucks won’t fix that?!

  • br, does not serve to skip the lines ? , in case the slide would continue descending along with the menu, because they are different containers

No answers

Browser other questions tagged

You are not signed in. Login or sign up in order to post.