Scribd Logo
Upload

Welcome to Scribd!

  • Codigos HTML

    Uploaded by

    santiago
    15 views8 pages

    Original Title

    CODIGOS HTML

    Copyright

    © © All Rights Reserved

    Available Formats

    TXT, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    15 views8 pages

    Codigos HTML

    Uploaded by

    santiago

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 8

    COLOCAR BOX SHADOW

    box-shadow: 0px 12px 30px rgba(0, 0, 0, 0.12);

    COLOCAR IMAGEN CON OPCION DE IMPRIMIR

    <script language="javascript" type="text/javascript">


    function printDiv(divID) {
    //Get the HTML of div
    var divElements = document.getElementById(divID).innerHTML;
    //Get the HTML of whole page
    var oldPage = document.body.innerHTML;

    //Reset the page's HTML with div's HTML only


    document.body.innerHTML =
    "<html><head><title></title></head><body>" +
    divElements + "</body>";

    //Print Page
    window.print();

    //Restore orignal HTML


    document.body.innerHTML = oldPage;

    }
    </script>

    <center>
    <form id="form1" runat="server">
    <div id="printablediv">
    <img src="assets/img/cupon.png"
    onclick="javascript:printDiv('printablediv')" style="cursor:pointer;"/>
    </div>
    <!--input type="button" value="Print 1st Div" /-->
    </form>
    </center>

    -----------------------------------

    -----------------------------------
    COLOCAR TEXTO EN DEGRADADO

    COLOCAR TEXT SHADOW

    text-shadow: 0 1px 3px #000


    COLOCAR FONDO CON ANIMACION DE ZOOM

    animation: slide-bg linear 10000ms infinite;


    -webkit-animation: slide-bg linear 10000ms infinite

    .goto
    {
    position: absolute;
    left: 7px;
    bottom; 0px;
    right;
    margin: auto;
    width: 143px;
    height: 143px;
    z-index: 200;
    }

    .goto a
    {
    width: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: ;
    font-size: 0;
    line-height: 0;
    display: block;

    <!-------------------------------------------------------------------
    COLOCAR IMAGEN PARTE DE ARRIBA FOOTER
    ----------------------------------------------------------------!>

    HTML

    <a class="bannner" href="#"><img src="images/texture/Tronco.png" alt=""


    height="0"/></a>

    CSS

    .bannner {
    display: block;
    }
    .bannner img {
    width: 100%;
    }

    @media (max-width: 1199.98px) {


    .bannner-top {
    display: none;
    }
    }

    <!---------------------------------------------------------------------------------
    -------------------------------------------->

    content: "";
    position: absolute;
    left: 0
    bottom: 0
    width: 100%
    height: 64px
    Background-image:
    background-repeat: no-repeat;
    background-position: top center;

    <!----------------------------------------------------------------ENLACE PARA
    WHATSAPP --------------------------------------!>

    https://api.whatsapp.com/send?phone=51983505358&text=Hola%20necesito%20mas
    %20informaci�n

    <!----------------------------------------------------------------COLOCAR
    CLASIFICADOS --------------------------------------!>

    <br><br>
    <div style=" width:100%; text-align:center;">
    <h2 style="color: black">Contact us</h2>
    <br><br>

    <a href=" " target="_blank">


    <img src=" ">&nbsp;&nbsp;
    </a>

    <a href=" " target="_blank">


    <img src=" ">&nbsp;&nbsp;
    </a>

    <a href=" " target="_blank">


    <img src=" ">&nbsp;&nbsp;
    </a>

    <a href=" " target="_blank">


    <img src=" ">&nbsp;&nbsp;
    </a><br>
    </div><br><br><br>

    <!-------------------------------------------------------------COLOCAR TEXTURA DE
    FONDO REPEAT ------------------------------!>

    background-color: ;background-image: url(../upload/repeat1.jpg); border-bottom:


    solid 4px #385f00;

    300 Shiloh Hills Dr NW Lawrenceville, GA 30044 - Directions

    https://business.google.com/verify/l/17054298842990729807?hl=es-419&gmbsrc=ni-es-
    419-z-z-z-gmb-s-z-l~mhp-hom_signin-u&lid=18231243356981967377&sid=7e1c9b3b-c1da-
    4d13-86aa-ddfe74235aa6&skipfm=1&skipdr=1

    <!--------------------------------------------------------- COLOCAR TEXTURA DE


    FONDO CON DEGRADADO --------------------!>

    background: linear-gradient( #ff8d0000 , #ffffff), url(../images/text01.jpg), #fff;


    border-bottom: solid 7px red;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.1);

    COLOCAR LINEA BORDE

    border-bottom: solid 5px #21409A;

    PONER BACKGRAUND DE FONDO

    style="background: linear-gradient(rgba(0, 142, 99, 0.1), rgba(0, 0, 0, 0.1)),


    url(img/bg-img/call-to-action-bg.jpg) fixed center center; background-size: cover;
    padding: 60px 0">

    <!---------------------------------------------------------- COLOCAR DIRECTORIOS


    ----------------------------------->

    <div style=" width:100%; text-align:center;">


    <h2 style="color: black">Contact us</h2>
    <br><br>

    <a href="">
    <img src="">&nbsp;&nbsp;
    </a>

    <a href="" target="_blank">


    <img src="">&nbsp;&nbsp;
    </a>

    <a href="" target="_blank">


    <img src="">&nbsp;&nbsp;
    </a>

    <a href="" target="_blank">


    <img src="">&nbsp;&nbsp;
    </a><br><br>

    <a href="">
    <img src="">&nbsp;&nbsp;
    </a>

    <a href="" target="_blank">


    <img src="">&nbsp;&nbsp;
    </a>

    <a href="" target="_blank">


    <img src="">&nbsp;&nbsp;
    </a>

    <a href="" target="_blank">


    <img src="">&nbsp;&nbsp;
    </a><br>

    </div><br><br><br>

    <!----------------------------------------- IMAGEN GOOGLE BUSSINES RESPONSIVE


    -------------------------------->

    <br><br><br>
    <div class="text-center">
    <h2 class="border-title">Leave us your<br> comment!</h2><br>
    <center>
    <a href="http://search.google.com/local/writereview?placeid=" target="_blank"><img
    class="" src="images/Etiqueta.png" alt="" /></a>
    </center>
    </div>
    <br><br>

    https://goo.gl/maps/4PfPZtU1K7PNFiSp6
    <!-------------------- PARA PONER DEGRADADOS ------------------->

    background: #21623d;
    background: -webkit-linear-gradient(to right, #21623d, #83c331);
    background: linear-gradient(to right, #21623d, #83c331);;

    <!--------------------------------------CLASIFICADOS Y
    COMENTARIOS-------------------------------------->

    <style>
    .revv {
    background: #d9f6ff;
    padding: 8px;
    }

    @media (min-width: 1200px) {


    .containerr {
    max-width: 1140px;
    }
    }

    @media (max-width: 996px){


    .box22 {
    width: 100% !important;
    }
    .box11 {
    width: 100% !important;
    }
    }

    .containerr {
    margin-right: auto;
    margin-left: auto;
    padding-right: 15px;
    padding-left: 15px;
    width: 100%;
    }

    .box11 {
    width: 30%;
    }

    .box22 {
    width: 55%;
    }

    .rown {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
    }

    .justify-content-centerr {
    justify-content: center !important;

    }
    </style>

    <div class="revv">
    <br><br><br>
    <div class="containerr">
    <div class="rown justify-content-centerr">

    <div class="box11">
    <div style=" width:100%">
    <h1>Classifieds</h1> <p>&nbsp;</p>
    </div>

    <a href="https://goo.gl/maps/MdVcfG1NfEqQ3u7E8" target="_blank">


    <img src="img/icon-img/gmBusiness.png">&nbsp;&nbsp;
    </a>

    <a href="https://www.manta.com/c/mkhnk44/mrs-cleaning" target="_blank">


    <img src="img/icon-img/Manta.png">&nbsp;&nbsp;
    </a>

    <a href="https://www.merchantcircle.com/mrs-cleaning-redwood-city-ca"
    target="_blank">
    <img src="img/icon-img/Merchantcircleoriginal.png">&nbsp;&nbsp;
    </a>

    <a
    href="https://ezlocal.com/ca/redwood-city/house-cleaning-service/0916085482"
    target="_blank">
    <img src="img/icon-img/ezlocal.png">&nbsp;&nbsp;
    </a>

    <a href="https://www.n49.com/biz/3283831/mrs-cleaning-ca-redwood-city-3005-
    glendale-ave/" target="_blank">
    <img src="img/icon-img/n49.png">&nbsp;&nbsp;
    </a>
    <a href="https://www.facebook.com/Mrs-Cleaning-659931917802215/"
    target="_blank">
    <img src="img/icon-img/facebook.png">&nbsp;&nbsp;
    </a>

    <br><br><br><br>
    </div>

    <div class="box22">
    <div style=" width:100%">
    <h1>Reviews</h1> <p>&nbsp;</p>
    </div>
    <div id="wpac-review"></div>
    <script type="text/javascript">
    wpac_init = window.wpac_init || [];
    wpac_init.push({widget: 'Review', id: 19217});
    (function() {
    if ('WIDGETPACK_LOADED' in window) return;
    WIDGETPACK_LOADED = true;
    var mc = document.createElement('script');
    mc.type = 'text/javascript';
    mc.async = true;
    mc.src = 'https://embed.widgetpack.com/widget.js';
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(mc, s.nextSibling);
    })();
    </script>

    </div>

    </div></div></div>

    <!--------------------------------------CLASIFICADOS Y
    COMENTARIOS-------------------------------------->

    CONTRASE�A CURSOS DESCARGASSNS


    W3Hiperall12

    You might also like