UCI

Advantages: Default 

<section class="splitter  splitter_bg-color_white            ">
    <div class="container">
        <div class="splitter__wrapper">
            <div class="row">
                <div class="col-xs-12 col-ms-12 col-sm-12 col-lg-12">
                    <div class="advantages">
                        <div class="row">
                            <div class="col-xs-12 col-ms-9 col-ms-mr-ml col-sm-12 col-md-10 col-lg-10">
                                <ul class="row">
                                    <li class="col-xs-12 col-ms-12 col-sm-4 col-md-4 col-lg-4">
                                        <div class="advantage">
                                            <div class="advantage__icon">
                                                <svg class="icon icon-satisfaccion-uci     ">
                                                    <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#satisfaccion-uci"></use>
                                                </svg>
                                            </div>
                                            <div class="advantage__bodycopy">
                                                <div id="" class="
                                            bodycopy-l
                                            
                                            
                                            
                                        ">
                                                    <p>Condiciones transparentes y sin sorpresas</p>
                                                </div>
                                            </div>
                                            <div class="advantage__extra">
                                                <div class="
                                            bodycopy-m
                                            
                                            
                                            
                                        ">

                                                </div>
                                            </div>
                                        </div>
                                    </li>
                                    <li class="col-xs-12 col-ms-12 col-sm-4 col-md-4 col-lg-4">
                                        <div class="advantage">
                                            <div class="advantage__icon">
                                                <svg class="icon icon-gestorpersonalizado-uci     ">
                                                    <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#gestorpersonalizado-uci"></use>
                                                </svg>
                                            </div>
                                            <div class="advantage__bodycopy">
                                                <div id="" class="
                                            bodycopy-l
                                            
                                            
                                            
                                        ">
                                                    <p>Siempre con un gestor personalizado para asesorarte</p>
                                                </div>
                                            </div>
                                            <div class="advantage__extra">
                                                <div class="
                                            bodycopy-m
                                            
                                            
                                            
                                        ">

                                                </div>
                                            </div>
                                        </div>
                                    </li>
                                    <li class="col-xs-12 col-ms-12 col-sm-4 col-md-4 col-lg-4">
                                        <div class="advantage">
                                            <div class="advantage__icon">
                                                <svg class="icon icon-productopersonalizado01-uci     ">
                                                    <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/dist/icons/icons.svg#productopersonalizado01-uci"></use>
                                                </svg>
                                            </div>
                                            <div class="advantage__bodycopy">
                                                <div id="" class="
                                            bodycopy-l
                                            
                                            
                                            
                                        ">
                                                    <p>Productos adaptados a tus necesidades y estilo de vida</p>
                                                </div>
                                            </div>
                                            <div class="advantage__extra">
                                                <div class="
                                            bodycopy-m
                                            
                                            
                                            
                                        ">

                                                </div>
                                            </div>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
 
{{#extend '@splitter' splitter }}
    {{#content 'content-first-column'}}
        <div {{#if hasID}}id="{{idComponent}}"{{/if}} class="advantages">
            <div class="row">
                <div class="col-xs-12 col-ms-9 col-ms-mr-ml col-sm-12 col-md-10 col-lg-10">
                    <ul class="row">
                        {{#each advantage}}
                            <li class="col-xs-12 col-ms-12 col-sm-4 col-md-4 col-lg-4">
                                {{> @advantage this }}
                            </li>
                        {{/each}}
                    </ul>
                </div>
            </div>
        </div>
    {{/content}}
{{/extend}}
 
{
  "hasID": false,
  "splitter": {
    "oneColumn": true,
    "bgColorWhite": true
  },
  "advantage": [
    {
      "icon": {
        "name": "satisfaccion-uci"
      },
      "bodycopy": {
        "text": "<p>Condiciones transparentes y sin sorpresas</p>"
      }
    },
    {
      "icon": {
        "name": "gestorpersonalizado-uci"
      },
      "bodycopy": {
        "text": "<p>Siempre con un gestor personalizado para asesorarte</p>"
      }
    },
    {
      "icon": {
        "name": "productopersonalizado01-uci"
      },
      "bodycopy": {
        "text": "<p>Productos adaptados a tus necesidades y estilo de vida</p>"
      }
    }
  ]
}
  • Content: 
    .advantages {
    padding: 40px 0 10px;

    @media (--viewport-ms-min) {
        padding: 80px 0 20px;
    }

    @media (--viewport-sm-min) {
        padding: 60px 0 30px;
    }
}
  • URL: /components/raw/advantages/advantages.css
  • Filesystem Path: src/03-organisms/advantages/advantages.css
  • Size: 182 Bytes

No notes defined.