Formulario2

In this example below you will see how to do a Formulario2 with some HTML / CSS and Javascript

Thumbnail
This awesome code was written by beweb, you can see more from this user in the personal repository.
You can find the original code on Codepen.io
Copyright beweb ©
  • HTML
  • CSS
  • JavaScript
    <div>
    <h3 class="col-sm-12">Aspectos generales WooCommerce</h3>
        <section class="bloque1">
            <h4 class="col-md-12">¿Dónde está tu negocio?</h4>
                <div class="bloque col-xs-6 col-sm-4 ">[textarea* ciudad,país(aunque no tengas local físico)]</div>   

            <h4 class="col-sm-12">¿Dónde quieres vender?</h4>
                <div class="bloque col-xs-6 col-sm-4 ">[textarea* países]</div>
            
            <h4 class="col-md-12">¿Algún país específico?</h4>
                <div class="bloque col-xs-6 col-sm-4">4444<br>asdsd</div>
            
            <h4 class="col-sm-12">¿En qué moneda quieres vender?</h4>
                <div class="bloque col-md-12">555<br>asdsd</div>
            
             <h4 class="col-sm-12">¿Quieres mostrar los precios con los impuestos incluidos?</h4>
                <div class="bloque col-md-12">555<br>asdsd</div>
            
             <h4 class="col-sm-12">¿Dónde quieres vender?</h4>
                <div class="bloque col-md-12">555<br>asdsd</div>
          </section>  
            
        <section class="bloque2">
            <h4 class="col-sm-12">Secciones</h4>
                <div class="bloque col-md-3">sd<br>asdsdfdfdfdf</div>
    
                <div class="bloque col-md-3">sd<br>asdsdfdfdfdf</div>
    
    <div class="bloque col-md-3">sd<br>asdsdfdfdfdf</div>
    
    <div class="bloque col-md-3">sd<br>asdsdfdfdfdf</div>
    
    <div class="bloque col-md-3">sd<br>asdsdfdfdfdf</div>
    
    <div class="bloque col-md-3">sd<br>asdsdfdfdfdf</div>
    
    <div class="bloque col-md-3">sd<br>asdsdfdfdfdf</div>
    
    <div class="bloque col-md-3">sd<br>asdsdfdfdfdf</div>
    </section>
    
    <h2 class="col-md-12">hahahah</h2>
    <div class="bloque col-xs-6 col-sm-4 col-md-2">sd<br>asdsdddd</div>
    <div class="bloque col-xs-6 col-sm-4 col-md-2">sd<br>asdsd</div>
    
    <div class="bloque col-xs-6 col-sm-4 col-md-2">sd<br>asdsd</div>
    
    <div class="bloque col-xs-6 col-sm-4 col-md-2">sd<br>asdsddfdfdf</div>
    
    <div class="bloque col-xs-6 col-sm-4 col-md-2">sd<br>asdsd</div>
    <div class="bloque col-xs-6 col-sm-4 col-md-2">sd<br>asdsd</div>
</div>

/*Downloaded from https://www.codeseek.co/beweb/formulario2-MpGMyK */
    section.bloque1{background:#CCC; margin-bottom:100px;}
section.bloque2{background:#900; margin-bottom:100px;}
.bloque{background-color:#999; float:left;     background-clip: content-box; margin-bottom:20px; }


/*Downloaded from https://www.codeseek.co/beweb/formulario2-MpGMyK */
    

Comments