Jump to content
  • 0
gbilibio

Página com margem a direita ao diminuir tamanho de janela de navegador

Question

Olá, estou montando um layout para uma atividade da faculdade, o layout está pronto, mas está com um problema na estrutura, quando diminui o tamanho do

navegador o página fica mais uma margem a direita e as div's não ficam fixas, segue o código html e css:

 

Página HTML

 

<!DOCTYPE html>
<html lang="pt-br">
    <head>
        <meta charset="UTF-8"/>
        <title>Aula 07</title>
        <link rel="stylesheet"
        type="text/css" href="style.css"/>
        <meta name="viewport"
        content="width=device-width, 
        initial-scale=1.0"/>
    </head>
    <body>
        <header>
            <div class="contatos">
                <div class="cont">
                    <p> <img src="Icones/telefone.png" width="20" height="20"> (41) 3019-7838</p>
                </div>
                <div class="cont">
                    <p> <img src="Icones/email.png" width="20" height="20"> contato@email.com</p>
                </div>
                <div class="cont">
                    <p> <img src="Icones/locationmarker.png" width="20" height="20"> R. Rua, 00 - Curitiba </p>
                </div>
            </div>
        </header>
        <div class="topo">
            <div class="contatos2">
                <div class="cont2">
                    <img  align="right" src="logo.png">
                </div>
                <div class="cont2">
                    <p> HOME </p>
                </div>
                <div class="cont2">
                    <p> EMPRESA </p>
                </div>
                <div class="cont2">
                    <p> SERVIÇOS </p>
                </div>
                <div class="cont2">
                    <p> HOSPEDAGEM </p>
                </div>
                <div class="cont2">
                    <p> PORTIFÓLIO </p>
                </div>
                <div class="cont2">
                    <p> CONTATO </p>
                </div>
            </div>
        </div>
        <div class="banner">
        
        </div>
        <div class="banner2">
        
            <div class="banneresq">
            <h1> <font color="#2B47AE">BEM-VINDO AO</font> <br> <font color="#A11606">NOSSO SITE</font> </h1>
            <div class="linhatexto">
            
            </div>
            <p> 
            Especialista em desenvolvimento de sites o Projeto Web oferece oque há de melhor<br>
            no mercado para construção de site, tecnologia avançada e modernismo nos Layouts<br>
            são as principais caracteristicas de nossos Layouts, com a Metodologia de Atender<br>
            Bem para Atender Sempre.<br>
            </p>
            <div class="botaoentrar" >
            <h1>Entrar</h1>
            </div>
            </div>
            
            <div class="bannerdir">
            
            <img src="Imagens/bannerdireita2.jpg" width="320" height="280">
            
            </div>
        </div>
        <div class="banner3">
            
            <div class="caixamaior">
                <div class="caixa1">
                    <img src="Imagens/box1.jpeg" width="250" height="200">
                        <div align="center">
                            <p> CRIAÇÃO DE SITES </p>
                        </div>
                        <div class="caixa1texto">
                            <h1> 
                            Temos desde sites simples de 1 página,<br>
                            modelos padrões e personalizados<br>
                            com páginas internas. Confira nossos<br>
                            modelos ou solicite um.<br>
                            </h1>
                        </div>
                        <div class="botaosaibamais">
                            <h1>Saiba Mais</h1>
                        </div>
                </div>
                <div class="caixa2">
                    <img src="Imagens/box2.jpg" width="250" height="200">
                        <div align="center">
                            <p> HOSPEDAGEM DE SITES </p>
                        </div>
                        <div class="caixa2texto">
                            <h1>
                            Hospede um site em um servidor<br>
                            confiável e de qualidade, que sempre<br>
                            lhe dê suporte necessário. Deixe seu<br>
                            site 100% online.<br>
                            </h1>
                        </div>
                        <div class="botaosaibamais">
                            <h1>Saiba Mais</h1>
                        </div>
                </div>
                <div class="caixa3">
                    <img src="Imagens/box3.jpg" width="250" height="200">
                        <div align="center">
                            <p> MANUTENÇÃO DE SITES </p>
                        </div>
                        <div class="caixa3texto">
                            <h1>
                            Mantenha seu site sempre atualizado,<br>
                            passando credibilidade aos seus<br>
                            clientes e ganhando ponto com o<br>
                            Google e outros buscadores.<br>
                            </h1>
                        </div>
                        <div class="botaosaibamais">
                            <h1>Saiba Mais</h1>
                        </div>
                    
                </div>
                
            </div>
        
        </div>
    </body>
</html>

 

PÁGINA CSS

 

@import url('https://fonts.googleapis.com/css?family=Muli:300,400,700');
@import url('https://fonts.googleapis.com/css?family=Cabin:400,500,600,700');
@import url('https://fonts.googleapis.com/css?family=Oxygen:300,400,700');
@import url('https://fonts.googleapis.com/css?family=Roboto:100,400,500,700');
@import url('https://fonts.googleapis.com/css?family=Scada:400,400i,700');
@import url('https://fonts.googleapis.com/css?family=Karla:400,700');

header{
    width: 100%;
    height: auto;
    overflow: hidden;
    background-color: #023180;
    margin: auto;
}
body{
    margin: 0px;
}

.contatos{
    width: 100%;
    max-width: 900px;
    height: auto;
    overflow: hidden;
    margin: auto;
}

.cont{
    width: 33.3%;
    height: 40px;
    float: left;
}

.cont p{
    color:#ffffff;
    font-family: 'Muli';
    font-weight: 400;
}

.topo{
    width:80%;
    height:120px;
    float:right;
    

}

.cont2{
    font-family:'Cabin';
    color:#023180;
    width:13.3%;
    height:40px;
    float:left;
    
}

.cont2 p{
    font-size:15px;
    margin-left:100px;
    margin-top:30px;
    
}

.logo{
    margin-left:350px;
    margin-top:10px;
}

.banner{
    width:100%;
    height:500px;
    background:url(Imagens/banner.jpg);
    float:left;
    margin-top:30px;
}

.banner3{
    width:100%;
    height:500px;
    background-color:#083875;
    float:left;
    margin-top:50px;
    vertical-align: middle;
}


.caixamaior{
    width:100%;
    height:auto;
    
}

.caixamaior p{
    color:#FFFFFF;
    font-family:'Scada';
    
}

.caixa1texto h1{
    font-size:12px;
    font-family:'Karla';
    text-align:center;
    color:#FFFFFF;
}

.caixa2texto h1{    
    font-size:12px;
    font-family:'Karla';
    text-align:center;
    color:#FFFFFF;
}

.caixa3texto h1{
    font-size:12px;
    font-family:'Karla';
    text-align:center;
    color:#FFFFFF;
}

.botaosaibamais{
    
    width:150px;
    height:50px;
    background-color:#21588E;
    text-align:center;
    vertical-align: middle;
    line-height: 3;
    margin-left:45px;
    margin-top:20px;
}

.botaosaibamais h1{
    font-family:'Scada';
    font-size:15px;
    color:#ffffff;
    vertical-align: middle;    
}

.caixa1{
    margin-left:15%;
    margin-top:5%;
    float:left;    
}

.caixa2{
    
    margin-left:10%;
    margin-top:5%;
    float:left;    
}

.caixa3{    
    margin-left:10%;
    float:left;
    margin-top:5%;
}

.banneresq{
    float:left;
    margin-left:120px;
    margin-top:65px;
}

.banneresq h1{
    font-family: 'Oxygen';
}

.banneresq p{
    color:#3F3B3B;
    font-family: 'Oxygen';
    font-size:16px;
}

.linhatexto{
    width:75px;
    height:4px;
    background-color:#A11606;
    margin-top:-5px;
}

.botaoentrar{
    width:150px;
    height:50px;
    background-color:#800000;
    text-align:center;
    vertical-align: middle;
    line-height: 3;
}

.botaoentrar h1{
    font-family:'Oxygen';
    font-size:15px;
    color:#ffffff;
    vertical-align: middle;
}

.bannerdir{
    float:left;
    margin-top:60px;
    margin-left:70px;    
}

@media only screen and (max-width: 600px){
    .cont{
        width: 100%;
    }
    .cont p{
        text-align: center;
    }
    
    .banner{
        width:100%;
    
    }
}

Share this post


Link to post
Share on other sites

1 answer to this question

Recommended Posts

  • 0

Sua classe .cont2 esta com width: 13.3%, e isso em uma tela acaba resultando em pouco espaço para o texto, e as tags p dentro delas, estao com margin-left: 100px. Voce precisa ajustar os media queries para dar folgar ao textos

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • By rtavix
      Estou realizando uma implementação de um determinado relatório, e implementei a estrutura(html da pagina) do mesmo dinamicamente, entretanto quando vou tentar imprimir ele com os dados preenchidos o mesmo não abre uma aba a parte mostrando toda essa estrutura da pagina. Estou tentando fazer via JavaScript, porém não funciona. meu ação do clique do botão de imprimir é esse:
      <div class="box-footer"> <button class="btn btn-padrao" id="btnImprime" runat="server" visible="false" onserverclick="btnImprimir_ServerClick">Imprimir</button></i>Novo</button> </div> Meu javaScript é esse:
      function Imprimir() { var panel = document.getElementById("ConteinerImprimir"); var printWindow = window.open('', '', ''); printWindow.document.write('<html><head><script src="JsRelatorioFinanciamento.js"></script>'); printWindow.document.write('<link href="../StyleJs.RelFinanciamento.css" rel="stylesheet"/>'); printWindow.document.write('</head><body>'); printWindow.document.write('<div class="conteiner" style="width: 700px">' + panel.innerHTML + '</div>'); printWindow.document.write('</body></html>'); printWindow.document.close(); setTimeout(function () { printWindow.print(); }, 500); return false; e meu código .cs que realiza a implementação da estrutura da pagina em html dinâmico é esse: 
      #region html #region Header private string header = @" <table style = 'margin-bottom: 0px;'> <tr id='topLogo'> <img src = 'http://internet.sefaz.es.gov.br/imagens/topo_brasao.png' alt=''> <td style = 'border: 0px; padding-bottom: 5px;'> <h2 style='margin-top: 15px;' class='center'> TESTE 1 </h2> <h3 style = 'margin-top: 15px;' class='center'> TESTE 2 - 2<br/> </h3> <h3 style = 'margin-top: 15px;' class='center'> TESTE 3<br/> </h3> <h3 style = 'margin-top: 15px;' class='center'> FINANCIAMENTO LIBERADO - TODAS EMPRESAS<br/> </h3> <h3 style = 'margin-top: 15px;' class='center'> Base {1}<br/> </h3> <h1 style = 'margin-top: 15px;' class='left'> EmpresasTESTE4 - {2}<br/> </h1> </td> </tr> </table>"; #endregion #region Conteudo private const string dadosFinanciamento = @" <table style='padding: 0px; margin: 0px;' class='no-bold'> <tr class='tr-center'> <tr> <td colspan = '4' > Razão Social <h4> {0}</h4> </td> </tr> <tr> <td>Inscrição Estadual <h4 class='center'>{1}</h4> </td> <td colspan ='2'> C.N.P.J <h4> {2} </h4> </td> <td colspan='2'>Nome Fantasia <h4>{3}</h4> </td> </tr> </table> <br/>"; #endregion #region ValoresFin private const string dadosValores = @" <table style='padding: 0px; margin: 0px;'class='no-bold'> <tr> <td rowspan = '3' style=border-bottom: 3px solid black> <h5>Faturamento Dezembro 2014</h5> <h4>Saldo</h4> </td> <td class='center'> <h2>ICMS Previsto</h2> </td > <td class='center'> <h2>ICMS Recolhido</h2> </td> <td class='center'> <h2>Contratado</h2> </td> <td class='center'> <h2>Liberado</h2> </td> </tr> <tr> <td class='center'> {0} </td> <td class='center'> {1} </td> <td class='center'> {2} </td> <td class='center'> {3} </td> </tr> </table> <br/>"; #endregion #endregion e estou utilizando o StringBuilder:
      StringBuilder strConstrution = new StringBuilder(); Alguém saberia me instruir como eu posso fazer para conseguir visualizar meu relátorio por completo?
    • By flarique
      iae pessoal, então eu estou querendo fazer o envio de um email do meu formulário por intermédio de um php que estou testando em um servidor ativo!
      este é o formulário e o meu problema é explicitamente com a passagem de informação do bootstrap 4 escrito em html para o php.
      este é o formulário.
      <!-- Formulario --> <div class="container"> <div class="row"> <div class="col-12 text-center my-5"> <h1 class="display-4 text-danger"><i class="fa fa-paper-plane text-danger" aria-hidden="true"></i>Enviar e-mail</h1> </div> </div> <div class="row justify-content-center mb-5"> <div class="col-sm-12 col-md-10 col-lg-8"> <form action="../Teste.php" method="post" role="form"> <div class="form-row"> <div class="form-group col-sm-6"> <label class="text-dark" for="InputName" >Nome completo</label> <input type="text" class="form-control" id="InputName" name="nome" required placeholder="Nome"> </div> </div> <div class="form-row"> <div class="form-group col-sm-12"> <label class="text-dark" for="inputEnd">Email</label> <input type="email" class="form-control" id="inputEnd" nome="email" required placeholder="Endereço completo"> </div> </div> <div class="form-row"> <div class="form-group col-sm-6"> <label class="text-dark" for="inputCidade">Sua cidade</label> <input type="text" class="form-control" id="inputCidade" name="cidade" required placeholder="Cidade"> </div> </div> <div class="form-row"> <div class="col-sm-12"> <button type="submit" class="btn btn-primary">Enviar</button> <a tabindex="0" class="btn btn-secondary ml-2" role="button" data-toggle="popover" data-placement="right"data-trigger="focus" title="Ajuda!" data-content="Preença todas as caixas.">Ajuda</a> </div> </div> </form> </div> </div> </div> e este é o php que deve receber as informações do formulario pelo method="post" e o action="../Teste.php" mas as variaveis do php não mudam.
      este é o php.
      <?php $name = $_POST['name']; $email = $_POST['email']; $cidade = $_POST['cidade']; $email_from = 'Teste'; $email_subject = 'Teste2'; $email_body = "Name: $name.\n". "Email: $email.\n". "Cidade: $cidade.\n"; $to = "enriboliveira@gmail.com"; $headers = "From $email_from \r\n"; $headers .= "Reply-to: $email \r\n"; echo "nome : $name"; ?>  
    • By Allysson Henrique
      preciso de uma ajuda para compor as divs de uma galeria, não estou conseguindo de forma alguma, tentei de tudo. esse é o codigo, preciso compor com essa galeria http://hype61.com.br/control/busca_fotos_site.php
       
       
      $.ajax({ //url que enviaremos url: "control/busca_fotos_site.php", type: "POST", async:false, //campos data: { rand: encodeURI(Math.random()) }, //aqui colocamos o callback na div #retorno success: function(fretorno) { $(fretorno.fotos_produtos).each(function(key, value){ }); } });  
       
       
       
       
       
       
       
       
      <!DOCTYPE html> <html lang="pt-br"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title> Dress rental </title> <link href="https://fonts.googleapis.com/css?family=Abril+Fatface|Forum|Open+Sans:400,600|Roboto:100,300,400,500,700" rel="stylesheet"> <link rel="stylesheet" href="assets/dist/style/elements.css"> <link rel="stylesheet" href="assets/dist/style/header.css"> <link rel="stylesheet" href="assets/dist/style/footer.css"> <link rel="stylesheet" href="assets/dist/style/blog.css"> </head> <body> <!-- ==========================--> <!-- LOADER--> <!-- ==========================--> <div id="gl-circle-loader-wrapper"> <div id="gl-circle-loader-center"> <div class="gl-circle-load"> <img src="assets/dist/img/ploading.gif" alt="Page Loader"> </div> </div> </div> <!-- ==========================--> <!-- SEARCH MODAL--> <!-- ==========================--> <div class="header-search open-search"> <div class="container"> <div class="row"> <div class="col-sm-8 col-sm-offset-2 col-xs-10 col-xs-offset-1"> <div class="navbar-search"> <form class="search-global"> <input class="search-global__input" type="text" placeholder="Type to search" autocomplete="off" name="s" value=""/> <button class="search-global__btn"><i class="icon stroke icon-Search"></i> </button> <div class="search-global__note">Begin typing your search above and ã ã press return to search. </div> </form> </div> </div> </div> </div> <button class="search-close close" type="button"><i class="fa fa-times"></i></button> </div> <div class="container"> <ol class="breadcrumb underline"> <li><a href="#">Home</a></li> <li>Dresses</li> </ol><!-- /.breadcrumb --> </div><!-- /.container --> <?php include "inctopo.php"; ?> <div class="container"> <ol class="breadcrumb"> <li><a href="#">Inicial</a></li> <li>Sobre a Hype</li> </ol><!-- /.breadcrumb --> </div><!-- /.container --> </div><!-- /.filters --> </div><!-- /.col-sm-3 --> <div class="col-sm-12" id="boxprodutos"> <div class="product-display"> <h4 class="font-25-for-reg-0">Dresses <span>(432)</span></h4> <div class="view"> <div class="col-sm-5"> <span class="short">Short by : </span> <select class="rq-rental-select2"> <option value="AL">Best match</option> <option value="AL">Name</option> <option value="WY">Save date</option> <option value="WY">Green</option> </select> </div><!-- /.col-sm-4 --> <div class="col-sm-4"> <div class="text-center"> <nav aria-label="Page navigation"> <ul class="pagination"> <li> <a href="#" aria-label="Previous"> <i class="fa fa-angle-left" aria-hidden="true"></i> </a> </li> <li><a class="active" href="#">1</a></li> <li><a href="#">2</a></li> <li><a href="#">3</a></li> <li><a href="#">...</a></li> <li><a href="#">9</a></li> <li> <a href="#" class="active" aria-label="Next"> <i class="fa fa-angle-right" aria-hidden="true"></i> </a> </li> </ul> </nav> </div><!-- text-center --> </div><!-- /.col-sm-4 --> <div class="col-sm-3"> <div class="text-right filters"> <a href="listing-page-list.html"><i class="rq-257" aria-hidden="true"></i></a> <a href="listing-page2.html"><i class="rq-639 active" aria-hidden="true"></i></a> <a href="listing-page.html"><i class="rq-638" aria-hidden="true"></i></a> </div> </div><!-- /.col-sm-4 --> </div><!-- /.view --> <div class="row" id="prod"> <div class="col-sm-3 col-def2"> <div class="product-list"> <figure> <a href="assets/dist/img/products-list/grid-b1.jpg" data-lightbox="roadtrip"><img class="img-responsive" src="assets/dist/img/products-list/gridb1.jpg" alt="grid1"/></a> <figcaption> <a href="#" class="left"><i class="fa fa-gift" aria-hidden="true"></i></a> <a href="#" class="right"><i class="fa fa-heart-o" aria-hidden="true"></i></a> <div class="quick-view"> <a href="#" data-toggle="modal" data-target="#rqModalOne" data-whatever="@mdo">Dê uma olhada</a> <div class="modal fade rq-modal" id="rqModalOne" tabindex="-1" role="dialog"> <div class="modal-dialog" role="document"> <div class="modal-content"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <img src="assets/dist/img/cross.png" alt=""></button> <div class="modal-body"> <div class="list-view"> <div class="row"> <div class="col-sm-5"> <div class="modal-carousel owl-carousel owl-theme"> <div class="item"> <figure><img class="img-responsive" src="assets/dist/img/products-list/list3.jpg" alt="list"></figure> </div> <div class="item"> <figure><img class="img-responsive" src="assets/dist/img/products-list/list2.jpg" alt="list"></figure> </div> <div class="item"> <figure><img class="img-responsive" src="assets/dist/img/products-list/list1.jpg" alt="list"></figure> </div> </div><!-- /.modal-carousel --> </div> <div class="col-sm-7"> <div class="product-info"> <h4 class="font-20-for-reg-0">Vestido Longo Diva</h4> <h4 class="font-16-for-reg-0">Marca : <span>Blue Flamingo</span> </h4> <h5 class="font-16-for-reg-0"> <p class="font-16-for-reg-0">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Ipsum is simply dummy text of the printing and typesetting industry. </p> <img src="assets/dist/img/products-list/grid-b1.jpg" alt="" id="imgpos"> <div class="delivery-date"> <div id="houston-component-11"></div> </div><!-- /.delivery-date --> <div class="btn-group"> <div class="size"> <select class="rq-rental-select2"> <option value="AL">TAM.</option> <option value="AL">38</option> <option value="WY">39</option> <option value="WY">40</option> <option value="WY">41</option> <option value="WY">42</option> <option value="WY">43</option> </select> </div><!-- /.size --> <div class="color"> <select class="rq-rental-select2"> <option value="AL">Cor</option> <option value="AL">Vermelho</option> <option value="WY">Rosa</option> <option value="WY">Verde</option> </select> </div><!-- /.color --> </div><!-- /.btn-group --> <button type="button" class="btn btn-success" class="shopping-bag">Verificar Disponibilidade<i class="fa fa-shopping-bag" aria-hidden="true"></i> </button> </div><!-- /.product-info --> </div> </div><!-- /.row --> </div><!-- /.list-view --> </div> </div><!-- /.modal-content --> </div><!-- /.modal-dialog --> </div><!-- /.modal --> </div> </figcaption> </figure> <div class="description"> <a href="booking.html" class="font-18-for-reg-0">Vestido Longo Diva</a> <p>Blue Flamingo</p> </div><!-- /.description --> </div><!-- /.product-list --> </div><!-- /.col-sm-4 --> <div class="col-sm-3 col-def2"> <div class="product-list"> <figure> <a href="assets/dist/img/products-list/grid-b2.jpg" data-lightbox="roadtrip"><img class="img-responsive" src="assets/dist/img/products-list/gridb2.jpg" alt="grid1"/></a> <figcaption> <a href="#" class="left"><i class="fa fa-gift" aria-hidden="true"></i></a> <a href="#" class="right"><i class="fa fa-heart-o" aria-hidden="true"></i></a> <div class="quick-view"> <a href="#" data-toggle="modal" data-target="#rqModal2" data-whatever="@mdo">Dê uma olhada</a> <div class="modal fade rq-modal" id="rqModal2" tabindex="-1" role="dialog"> <div class="modal-dialog" role="document"> <div class="modal-content"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <img src="assets/dist/img/cross.png" alt=""></button> <div class="modal-body"> <div class="list-view"> <div class="row"> <div class="col-sm-5"> <div class="modal-carousel owl-carousel owl-theme"> <div class="item"> <figure><img class="img-responsive" src="assets/dist/img/products-list/list3.jpg" alt="list"></figure> </div> <div class="item"> <figure><img class="img-responsive" src="assets/dist/img/products-list/list2.jpg" alt="list"></figure> </div> <div class="item"> <figure><img class="img-responsive" src="assets/dist/img/products-list/list1.jpg" alt="list"></figure> </div> </div><!-- /.modal-carousel --> </div> <div class="col-sm-5"> <div class="product-info"> <h4 class="font-20-for-reg-0">Vestido Longo Diva</h4> <h4 class="font-16-for-reg-0">Marca : <span>Blue Flamingo</span> </h4> <p class="font-16-for-reg-0">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Ipsum is simply dummy text of the printing and typesetting industry. </p> <img src="assets/dist/img/products-list/grid2.jpg" alt="" id="imgpos"> <div class="delivery-date"> <div id="houston-component-12"></div> </div><!-- /.delivery-date --> <div class="btn-group"> <div class="size"> <select class="rq-rental-select2"> <option value="AL">TAM.</option> <option value="AL">38</option> <option value="WY">39</option> <option value="WY">40</option> <option value="WY">41</option> <option value="WY">42</option> <option value="WY">43</option> </select> </div><!-- /.size --> <div class="color"> <select class="rq-rental-select2"> <option value="AL">Cor</option> <option value="AL">Vermelho</option> <option value="WY">Rosa</option> <option value="WY">Verde</option> </select> </div><!-- /.color --> </div><!-- /.btn-group --> </div><!-- /.product-info --> </div> </div><!-- /.row --> </div><!-- /.list-view --> </div> </div><!-- /.modal-content --> </div><!-- /.modal-dialog --> </div><!-- /.modal --> </div> </figcaption> </figure> <div class="description"> <a href="booking.html" class="font-18-for-reg-0">Vestido Longo Diva</a> <p>Blue Flamingo</p> </div><!-- /.description --> </div><!-- /.product-list --> </div><!-- /.col-sm-4 --> <div class="col-sm-3 col-def2"> <div class="product-list"> <figure> <a href="assets/dist/img/products-list/grid-b4.jpg" data-lightbox="roadtrip"><img class="img-responsive" src="assets/dist/img/products-list/gridb3.jpg" alt="grid1"></a> <figcaption> <a href="#" class="left"><i class="fa fa-gift" aria-hidden="true"></i></a> <a href="#" class="right"><i class="fa fa-heart-o" aria-hidden="true"></i></a> <div class="quick-view"> <a href="#" data-toggle="modal" data-target="#rqModal3" data-whatever="@mdo">Dê uma olhada</a> <div class="modal fade rq-modal" id="rqModal3" tabindex="-1" role="dialog"> <div class="modal-dialog" role="document"> <div class="modal-content"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <img src="assets/dist/img/cross.png" alt=""></button> <div class="modal-body"> <div class="list-view"> <div class="row"> <div class="col-sm-5"> <div class="modal-carousel owl-carousel owl-theme"> <div class="item"> <figure><img class="img-responsive" src="assets/dist/img/products-list/list3.jpg" alt="list"></figure> </div> <div class="item"> <figure><img class="img-responsive" src="assets/dist/img/products-list/list2.jpg" alt="list"></figure> </div> <div class="item"> <figure><img class="img-responsive" src="assets/dist/img/products-list/list1.jpg" alt="list"></figure> </div> </div><!-- /.modal-carousel --> </div> <div class="col-sm-7"> <div class="product-info"> <h4 class="font-20-for-reg-0">Vestido Longo Diva</h4> <h4 class="font-16-for-reg-0">Marca : <span>Blue Flamingo</span> </h4> <p class="font-16-for-reg-0">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Ipsum is simply dummy text of the printing and typesetting industry. </p> <img src="assets/dist/img/products-list/gridb3.jpg" alt="" id="imgpos"> <div class="delivery-date"> <div id="houston-component-13"></div> </div><!-- /.delivery-date --> <div class="btn-group"> <div class="size"> <select class="rq-rental-select2"> <option value="AL">TAM.</option> <option value="AL">38</option> <option value="WY">39</option> <option value="WY">40</option> <option value="WY">41</option> <option value="WY">42</option> <option value="WY">43</option> </select> </div><!-- /.size --> <div class="color"> <select class="rq-rental-select2"> <option value="AL">Cor</option> <option value="AL">Vermelho</option> <option value="WY">Rosa</option> <option value="WY">Verde</option> </select> </div><!-- /.color --> </div><!-- /.btn-group --> <button type="button" class="btn btn-success" class="shopping-bag">Verificar Disponibilidade<i class="fa fa-shopping-bag" aria-hidden="true"></i></button> </div><!-- /.product-info --> </div> </div><!-- /.row --> </div><!-- /.list-view --> </div> </div><!-- /.modal-content --> </div><!-- /.modal-dialog --> </div><!-- /.modal --> </div> </figcaption> </figure> <div class="description"> <a href="booking.html" class="font-18-for-reg-0">Long Diva Dress</a> <p>Blue Flamingo</p> </div><!-- /.description --> </div><!-- /.product-list --> </div><!-- /.col-sm-4 --> <div class="col-sm-3 col-def2"> <div class="product-list"> <figure> <a href="assets/dist/img/products-list/grid-b6.jpg" data-lightbox="roadtrip"><img class="img-responsive" src="assets/dist/img/products-list/gridb4.jpg" alt="grid1"/></a> <figcaption> <a href="#" class="left"><i class="fa fa-gift" aria-hidden="true"></i></a> <a href="#" class="right"><i class="fa fa-heart-o" aria-hidden="true"></i></a> <div class="quick-view"> <a href="#" data-toggle="modal" data-target="#rqModal4" data-whatever="@mdo">Dê uma olhada</a> <div class="modal fade rq-modal" id="rqModal4" tabindex="-1" role="dialog"> <div class="modal-dialog" role="document"> <div class="modal-content"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <img src="assets/dist/img/cross.png" alt=""></button> <div class="modal-body"> <div class="list-view"> <div class="row"> <div class="col-sm-5"> <div class="modal-carousel owl-carousel owl-theme"> <div class="item"> <figure><img class="img-responsive" src="assets/dist/img/products-list/list3.jpg" alt="list"></figure> </div> <div class="item"> <figure><img class="img-responsive" src="assets/dist/img/products-list/list2.jpg" alt="list"></figure> </div> <div class="item"> <figure><img class="img-responsive" src="assets/dist/img/products-list/list1.jpg" alt="list"></figure> </div> </div><!-- /.modal-carousel --> </div> <div class="col-sm-7"> <div class="product-info"> <h4 class="font-20-for-reg-0">Long Diva Dress</h4> <h4 class="font-16-for-reg-0">Brand : <span>Blue Flamingo</span> </h4> <p class="font-16-for-reg-0">Descrição do Vestido </p> <img src="assets/dist/img/products-list/gridb4.jpg" alt="" id="imgpos"> <div class="delivery-date"> <div id="houston-component-14"></div> </div><!-- /.delivery-date --> <div class="btn-group"> <div class="size"> <select class="rq-rental-select2"> <option value="AL">TAM.</option> <option value="AL">38</option> <option value="WY">39</option> <option value="WY">40</option> <option value="WY">41</option> <option value="WY">42</option> <option value="WY">43</option> </select> </div><!-- /.size --> <div class="color"> <select class="rq-rental-select2"> <option value="AL">Cor</option> <option value="AL">Vermelho</option> <option value="WY">Rosa</option> <option value="WY">Verde</option> </select> </div><!-- /.color --> </div><!-- /.btn-group --> <button type="button" class="btn btn-success" class="shopping-bag">Verificar Disponibilidade<i class="fa fa-shopping-bag" aria-hidden="true"></i></button> <div class="remove"> <a href="#" class="left rq-custom"><i class="fa fa-gift active"></i> Remover da Lista de Desejos</a> <a href="#"><i class="fa fa-heart-o active"></i> Remover dos Favoritos</a> </div><!-- /.remove --> </div><!-- /.product-info --> </div> </div><!-- /.row --> </div><!-- /.list-view --> </div> </div><!-- /.modal-content --> </div><!-- /.modal-dialog --> </div><!-- /.modal --> </div> </figcaption> </figure> <div class="description"> <a href="booking.html" class="font-18-for-reg-0">Long Diva Dress</a> <p>Blue Flamingo</p> </div><!-- /.description --> </div><!-- /.product-list --> </div><!-- /.col-sm-4 --> <div class="col-sm-3 col-def2"> <div class="product-list"> <figure> <a href="assets/dist/img/products-list/grid-b7.jpg" data-lightbox="roadtrip"><img class="img-responsive" src="assets/dist/img/products-list/gridb5.jpg" alt="grid1"/></a> <figcaption> <a href="#" class="left"><i class="fa fa-gift" aria-hidden="true"></i></a> <a href="#" class="right"><i class="fa fa-heart-o" aria-hidden="true"></i></a> <div class="quick-view"> <a href="#" data-toggle="modal" data-target="#rqModal5" data-whatever="@mdo">Dê uma olhada</a> <div class="modal fade rq-modal" id="rqModal5" tabindex="-1" role="dialog"> <div class="modal-dialog" role="document"> <div class="modal-content"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <img src="assets/dist/img/cross.png" alt=""></button> <div class="modal-body"> <div class="list-view"> <div class="row"> <div class="col-sm-5"> <div class="modal-carousel owl-carousel owl-theme"> <div class="item"> <figure><img class="img-responsive" src="assets/dist/img/products-list/list3.jpg" alt="list"></figure> </div> <div class="item"> <figure><img class="img-responsive" src="assets/dist/img/products-list/list2.jpg" alt="list"></figure> </div> <div class="item"> <figure><img class="img-responsive" src="assets/dist/img/products-list/list1.jpg" alt="list"></figure> </div> </div><!-- /.modal-carousel --> </div> <div class="col-sm-7"> <div class="product-info"> <h4 class="font-20-for-reg-0">Long Diva Dress</h4> <h4 class="font-16-for-reg-0">Brand : <span>Blue Flamingo</span> </h4> <p class="font-16-for-reg-0">Descrição </p> <img src="assets/dist/img/products-list/gridb5.jpg" alt="" id="imgpos"> <div class="delivery-date"> <div id="houston-component-15"></div> </div><!-- /.delivery-date --> <div class="btn-group"> <div class="size"> <select class="rq-rental-select2"> <option value="AL">TAM.</option> <option value="AL">38</option> <option value="WY">39</option> <option value="WY">40</option> <option value="WY">41</option> <option value="WY">42</option> <option value="WY">43</option> </select> </div><!-- /.size --> <div class="color"> <select class="rq-rental-select2"> <option value="AL">Color</option> <option value="AL">Vermelho</option> <option value="WY">Rosa</option> <option value="WY">Verde</option> </select> </div><!-- /.color --> </div><!-- /.btn-group --> <button type="button" class="btn btn-success" class="shopping-bag"> Verificar Disponibildiade<i class="fa fa-shopping-bag" aria-hidden="true"></i></button> <div class="remove"> <a href="#" class="left rq-custom"><i class="fa fa-gift active"></i> Remover da Lista de Desejos</a> <a href="#"><i class="fa fa-heart-o active"></i> Remover dos Favoritos</a> </div><!-- /.remove --> </div><!-- /.product-info --> </div> </div><!-- /.row --> </div><!-- /.list-view --> </div> </div><!-- /.modal-content --> </div><!-- /.modal-dialog --> </div><!-- /.modal --> </div> </figcaption> </figure> <div class="description"> <a href="booking.html" class="font-18-for-reg-0">Long Diva Dress</a> <p>Blue Flamingo</p> </div><!-- /.description --> </div><!-- /.product-list --> </div><!-- /.col-sm-4 --> <div class="col-sm-3 col-def2"> <div class="product-list"> <figure> <a href="assets/dist/img/products-list/grid-b8.jpg" data-lightbox="roadtrip"><img class="img-responsive" src="assets/dist/img/products-list/gridb6.jpg" alt="grid1"/></a> <figcaption> <a href="#" class="left"><i class="fa fa-gift" aria-hidden="true"></i></a> <a href="#" class="right"><i class="fa fa-heart-o" aria-hidden="true"></i></a> <div class="quick-view"> <a href="#" data-toggle="modal" data-target="#rqModal6" data-whatever="@mdo">Dê uma olhada</a> <div class="modal fade rq-modal" id="rqModal6" tabindex="-1" role="dialog"> <div class="modal-dialog" role="document"> <div class="modal-content"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <img src="assets/dist/img/cross.png" alt=""></button> <div class="modal-body"> <div class="list-view"> <div class="row"> <div class="col-sm-5"> <div class="modal-carousel owl-carousel owl-theme"> <div class="item"> <figure><img class="img-responsive" src="assets/dist/img/products-list/list3.jpg" alt="list"></figure> </div> <div class="item"> <figure><img class="img-responsive" src="assets/dist/img/products-list/list2.jpg" alt="list"></figure> </div> <div class="item"> <figure><img class="img-responsive" src="assets/dist/img/products-list/list1.jpg" alt="list"></figure> </div> </div><!-- /.modal-carousel --> </div> <div class="col-sm-7"> <div class="product-info"> <h4 class="font-20-for-reg-0">Long Diva Dress</h4> <h4 class="font-16-for-reg-0">Brand : <span>Blue Flamingo</span> </h4> <p class="font-16-for-reg-0">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Ipsum is simply dummy text of the printing and typesetting industry. </p> <img src="assets/dist/img/products-list/gridb6.jpg" alt="" id="imgpos"> <div class="delivery-date"> <div id="houston-component-16"></div> </div><!-- /.delivery-date --> <div class="btn-group"> <div class="size"> <select class="rq-rental-select2"> <option value="AL">TAM.</option> <option value="AL">38</option> <option value="WY">39</option> <option value="WY">40</option> <option value="WY">41</option> <option value="WY">42</option> <option value="WY">43</option> </select> </div><!-- /.size --> <div class="color"> <select class="rq-rental-select2"> <option value="AL">Cor</option> <option value="AL">Vermelho</option> <option value="WY">Rosa</option> <option value="WY">Verde</option> </select> </div><!-- /.color --> </div><!-- /.btn-group --> <button type="button" class="btn btn-success" class="shopping-bag">Verificar Disponibilidde <i class="fa fa-shopping-bag" aria-hidden="true"></i></button> <div class="remove"> </div><!-- /.remove --> </div><!-- /.product-info --> </div> </div><!-- /.row --> </div><!-- /.list-view --> </div> </div><!-- /.modal-content --> </div><!-- /.modal-dialog --> </div><!-- /.modal --> </div> </figcaption> </figure> <div class="description"> <a href="booking.html" class="font-18-for-reg-0">Long Diva Dress</a> <p>Blue Flamingo</p> </div><!-- /.description --> </div><!-- /.product-list --> </div><!-- /.col-sm-4 --> </div><!-- /.row --> </div><!-- /.product-display --> <div class="row mrg-top"> <div class="col-xs-4"> <a class="pages-on" href="#">1-9 of 432</a> </div> <div class="col-xs-8"> <nav aria-label="Page navigation"> <ul class="pagination"> <li> <a href="#" aria-label="Previous"> <i class="fa fa-angle-left" aria-hidden="true"></i> </a> </li> <li><a class="active" href="#">1</a></li> <li><a href="#">2</a></li> <li><a href="#">3</a></li> <li><a href="#">...</a></li> <li><a href="#">9</a></li> <li> <a href="#" class="active" aria-label="Next"> <i class="fa fa-angle-right" aria-hidden="true"></i> </a> </li> </ul> </nav> </div> </div><!-- /.row --> </div><!-- /.col-sm-9 --> </div><!-- /.row --> </div><!-- /.container --> </div><!-- /.filter-list --> - <div class="work-procedure base-padd"> <div class="container"> <h2>Como Funciona?</h2> <div class="row"> <div class="col-md-4"> <div class="inner"> <a href="#"><img src="assets/dist/img/work-procedure/1.png" alt="" class="img-responsive"></a> <h3 class="font-30-for-reg-0">Cadastro / Assinatura</h3> <p class="font-16-for-reg-0">O primeiro passo para realizar o <a href="#">Cadastro</a> é escolher o melhor plano que se encaixa pra você. </p> </div><!-- /.inner --> </div> <!-- /.col-md-3 --> <div class="col-md-4"> <div class="inner"> <a href="#"><img src="assets/dist/img/work-procedure/2.png" alt="" class="img-responsive"></a> <h3 class="font-30-for-reg-0">Escolha / Use</h3> <p class="font-16-for-reg-0">A Partir o plano ativo, você poderá¡ escolher aqui no site ou na nossa loja as suas peças. </p> </div><!-- /.inner --> </div> <!-- /.col-md-3 --> <div class="col-md-4"> <div class="inner"> <a href="#"><img src="assets/dist/img/work-procedure/3.png" alt="" class="img-responsive"></a> <h3 class="font-30-for-reg-0">Devolva</h3> <p class="font-16-for-reg-0">Após o uso deve devolver lavada e passada, com a opção de entrega e coleta. </p> </div><!-- /.inner --> </div> <!-- /.col-md-3 --> </div><!-- /.row --> </div><!-- /.container --> </div><!-- /.work-procedure --> <div class="join-us"> <div class="container"> <div class="row"> <div class="col-sm-5"> <a href="sobre.php" class="btn transparent">Escolha seu plano</a> </div> <div class="col-sm-7"> <span class="font-30-pla-reg-2"> Somos um jeito novo de você manter o seu visual em dia, sem gastar um monte de dinheiro com roupas novas. <br/> A roupa certa para aquele evento? Só falar do que você precisa. </span> </div> </div> </div><!-- /.container --> </div><!-- /.join-us --> <div class="favorites base-padd"> <h2>Algumas peças do nosso acervo</h2> <div class="container"> <div class="owl-favorites owl-carousel owl-theme"> <div class="item"> <figure> <img src="http://s2.nbsoftware.com.br/hype61/fotoproduto/1130009PP.jpg?rand=0.39276572203667637" alt="" style="transform: rotate(90deg);"> <a href="booking.html">Ver</a> </figure> </div><!-- /.item --> <div class="item"> <figure> <img src="http://s2.nbsoftware.com.br/hype61/fotoproduto/1120001P.jpg?rand=0.6759872304621309" alt="" style="transform: rotate(90deg);"> <a href="booking.html">Ver</a> </figure> </div><!-- /.item --> <div class="item"> <figure> <img src="http://s2.nbsoftware.com.br/hype61/fotoproduto/1110005M.jpg" alt="" style="transform: rotate(90deg);"> <a href="booking.html">Ver</a> </figure> </div><!-- /.item --> </div><!-- /.item --> </div><!-- /.owl-favorites --> </div><!-- /.container --> </div><!-- /.favorites --> <div class="newsletter base-padd"> <h2>Depoimentos de Clientes</h2> </div><!-- /.newsletter --> <div class="opinion base-padd"> <div class="container"> <div class="owl-opinion owl-carousel owl-theme"> <div class="item"> <img src="assets/dist/img/opinion/1.png" alt=""> <p class="font-14-ope-reg-0">Jonathen Nora</p> <h3> <a href="#"><i class="fa fa-star" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-star" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-star" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-star" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-star-o" aria-hidden="true"></i></a> </h3> <p class="edit">Gostei muito da variedade de modelos e tamanhos e sempre encontro a roupa para aquele evento. Parábens a toda equipe</p> </div><!-- /.item --> </div><!-- /.owl-opinion --> </div><!-- /.container --> </div><!-- /.opinion --> <div id="go-to-top"> <a href="#stickynav"><i class="fa fa-angle-up"></i></a> </div> <?php include "rodape.php"; ?> <script src="app.js"></script> <script src="assets/dist/js/vendor/jquery-3.4.1.min.js"></script> <script src="assets/dist/js/vendor/bootstrap.min.js"></script> <script src="assets/dist/js/vendor/countUp.js"></script> <script src="assets/dist/js/vendor/owl.carousel.min.js"></script> <script src="assets/dist/js/vendor/ion.rangeSlider.min.js"></script> <script src="assets/dist/js/vendor/dateRangePicker.js"></script> <script src="assets/dist/js/vendor/jquery.flexslider-min.js"></script> <script src="assets/dist/js/vendor/jquery.nicescroll.min.js"></script> <script src="assets/dist/js/vendor/select2.min.js"></script> <script src="assets/dist/js/vendor/lightbox.min.js"></script> <script src="assets/dist/js/vendor/jquery.smooth-scroll.js"></script> <script src="assets/dist/js/custom.js"></script> </body> </html>
    • By lulabel
      Necessito criar um quiz usando matriz, session e placar mas não consigo de jeito nenhum, já tentei procurar videos ou algum lugar explicando como posso fazer isso, mas até agora nada, fico travado. Sou iniciante no php ainda então qualquer ajuda é uma luz bem vinda.
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.