Allysson Henrique

javascript Compor Div com ajax

Allysson Henrique respondeu ao tópico de Allysson Henrique em Javascript

Fiz assim deu certo porem a galeria ta bagunçada, nao consigo colocar as fotos do mesmo produto juntas quando se clica em uma function fcarregarprodutos() { $.ajax({ //url que enviaremos url: "http://hype61.com.br/control/busca_fotos_site.php", type: "POST", dataType: "json", async: false, //campos data: { rand: encodeURI(Math.random()) }, //aqui colocamos o callback na div #retorno success: function (fretorno) { var conteudo = ''; $(fretorno.fotos_produtos).each(function (key, value) { conteudo += "<div class='col-sm-3 col-def2'> <div class='product-list'> <figure> <a href='http://s2.nbsoftware.com.br//hype61//fotoproduto//5210001PP.jpg' data-lightbox='roadtrip'><img class='img-responsive' src='" + value.foto + "' alt='grid1'/></a> <figcaption>\n" + " <a href=\"#\" class=\"left\"><i class=\"fa fa-gift\" aria-hidden=\"true\"></i></a>\n" + " <a href=\"#\" class=\"right\"><i class=\"fa fa-heart-o\" aria-hidden=\"true\"></i></a>\n" + " <div class=\"quick-view\">\n" + " <a href=\"#\" data-toggle=\"modal\" data-target=\"#rqModalOne\" data-whatever=\"@mdo\">Dê uma\n" + " olhada</a>\n" + " <div class=\"modal fade rq-modal\" id=\"rqModalOne\" tabindex=\"-1\" role=\"dialog\">\n" + " <div class=\"modal-dialog\" role=\"document\">\n" + " <div class=\"modal-content\">\n" + " <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n" + " <img src=\"assets/dist/img/cross.png\" alt=\"\"></button>\n" + " <div class=\"modal-body\">\n" + "\n" + " <div class=\"list-view\">\n" + " <div class=\"row\">\n" + " <div class=\"col-sm-5\">\n" + "\n" + " <div class=\"modal-carousel owl-carousel owl-theme\">\n" + " <div class=\"item\">\n" + " <figure><img class=\"img-responsive\"\n" + " src=\"assets/dist/img/products-list/list3.jpg\"\n" + " alt=\"list\"></figure>\n" + " </div>\n" + " <div class=\"item\">\n" + " <figure><img class=\"img-responsive\"\n" + " src=\"assets/dist/img/products-list/list2.jpg\"\n" + " alt=\"list\"></figure>\n" + " </div>\n" + " <div class=\"item\">\n" + " <figure><img class=\"img-responsive\"\n" + " src=\"assets/dist/img/products-list/list1.jpg\"\n" + " alt=\"list\"></figure>\n" + " </div>\n" + " </div>\n" + " </div>\n" + " <div class=\"col-sm-7\">\n" + " <div class=\"product-info\">\n" + " <h4 class=\"font-20-for-reg-0\">Vestido Longo Diva</h4>\n" + " <h4 class=\"font-16-for-reg-0\">Marca : <span>Blue Flamingo</span>\n" + " </h4>\n" + " <h5 class=\"font-16-for-reg-0\">\n" + " <p class=\"font-16-for-reg-0\">Lorem Ipsum is simply\n" + " dummy text of the printing and typesetting\n" + " industry. Ipsum is simply dummy text of the\n" + " printing and typesetting industry. </p>\n" + " <img src=\"http://s2.nbsoftware.com.br//hype61//fotoproduto//5210001PP.jpg\"\n" + " alt=\"\" id=\"imgpos\">\n" + "\n" + "\n" + " <div class=\"delivery-date\">\n" + " <div id=\"houston-component-11\"></div>\n" + " </div>\n" + "\n" + " <div class=\"btn-group\">\n" + "\n" + " <div class=\"size\">\n" + " <select class=\"rq-rental-select2\">\n" + " <option value=\"AL\">TAM.</option>\n" + " <option value=\"AL\">38</option>\n" + " <option value=\"WY\">39</option>\n" + " <option value=\"WY\">40</option>\n" + " <option value=\"WY\">41</option>\n" + " <option value=\"WY\">42</option>\n" + " <option value=\"WY\">43</option>\n" + " </select>\n" + "\n" + " </div>\n" + " <div class=\"color\">\n" + "\n" + " <select class=\"rq-rental-select2\">\n" + " <option value=\"AL\">Cor</option>\n" + " <option value=\"AL\">Vermelho</option>\n" + " <option value=\"WY\">Rosa</option>\n" + " <option value=\"WY\">Verde</option>\n" + " </select>\n" + " </div>\n" + " </div>\n" + " <button type=\"button\" class=\"btn btn-success\"\n" + " class=\"shopping-bag\">Verificar\n" + " Disponibilidade<i class=\"fa fa-shopping-bag\"\n" + " aria-hidden=\"true\"></i>\n" + " </button>\n" + "\n" + " </div>\n" + " </div>\n" + " </div>\n" + " </div>\n" + "\n" + " </div>\n" + " </div>\n" + " </div>\n" + " </div>\n" + " </div>\n" + " </figcaption>\n" + " </figure>\n" + " <div class=\"description\">\n" + " <a href=\"booking.html\" class=\"font-18-for-reg-0\">Vestido Longo Diva</a>\n" + " <p>Blue Flamingo</p>\n" + " </div>\n" + " </div>\n" + " </div>\n" }); $("#prod").html(conteudo); } }); }

Allysson Henrique começou a seguir Compor Div com ajax Outubro 22, 2019

javascript Compor Div com ajax

Allysson Henrique postou um tópico no fórum Javascript

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>    <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>    <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> </div> <?php include "inctopo.php"; ?> <div class="container"> <ol class="breadcrumb"> <li><a href="#">Inicial</a></li> <li>Sobre a Hype</li> </ol> </div> </div> </div> <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> <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> </div> <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> </div> <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> </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> <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> <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> </div> <button type="button" class="btn btn-success" class="shopping-bag">Verificar Disponibilidade<i class="fa fa-shopping-bag" aria-hidden="true"></i> </button> </div> </div> </div> </div> </div> </div> </div> </div> </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> </div> </div> <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> </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> <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> <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> </div> </div> </div> </div> </div> </div> </div> </div> </div> </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> </div> </div> <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> </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> <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> <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> </div> <button type="button" class="btn btn-success" class="shopping-bag">Verificar Disponibilidade<i class="fa fa-shopping-bag" aria-hidden="true"></i></button> </div> </div> </div> </div> </div> </div> </div> </div> </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> </div> </div> <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> </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> <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> <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> </div> <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> </div> </div> </div> </div> </div> </div> </div> </div> </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> </div> </div> <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> </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> <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> <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> </div> <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> </div> </div> </div> </div> </div> </div> </div> </div> </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> </div> </div> <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> </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> <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> <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> </div> <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> </div> </div> </div> </div> </div> </div> </div> </div> </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> </div> </div> </div> </div> <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> </div> </div> </div> </div> - <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> </div>  <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> </div>  <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> </div>  </div> </div> </div> <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> </div> <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> <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> <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> </div> </div> </div> </div> <div class="newsletter base-padd"> <h2>Depoimentos de Clientes</h2> </div> <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> </div> </div> </div> <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>

Entrar

Total de itens

Registro em

Última visita

Reputação

Sobre Allysson Henrique

javascript Compor Div com ajax

javascript Compor Div com ajax

Este projeto é apoiado pelas empresas

Fóruns

Tempo Real

Informação importante