%PDF-
%PDF-
Mini Shell
Mini Shell
<section class="laning-block g-pt-80 g-pb-80">
<div class="container text-center u-bg-overlay__inner g-max-width-770 g-mb-30 g-mb-70--md">
<div class="text-uppercase u-heading-v2-4--bottom g-brd-primary g-mb-30">
<h3 class="landing-block-node-subtitle g-font-weight-600 g-font-size-12 g-color-primary g-mb-20">Skills</h3>
<h2 class="landing-block-node-title u-heading-v2__title g-line-height-1 g-letter-spacing-2 g-font-weight-700 g-font-size-40 g-color-gray-dark-v2 mb-0">
Our advantages</h2>
</div>
<div class="landing-block-node-text mb-0">
<p>Integer accumsan maximus leo, et consectetur metus vestibulum in. Vestibulum viverra justo odio.
Donec eu nulla leo. Vivamus risus lacus, viverra eu maximus non, tincidunt sodales massa.</p>
</div>
</div>
<div class="container">
<div class="row">
<div class="landing-block-node-card col-md-6 g-px-30 g-px-15--md g-mb-30">
<h6 class="landing-block-node-card-title g-font-roboto-slab text-uppercase g-letter-spacing-0_5 g-font-weight-600 g-font-size-11 g-color-gray-dark-v2 g-mb-15">
Web development</h6>
<div class="js-hr-progress-bar progress g-pos-rel g-height-10 rounded-0 g-overflow-visible g-mb-20">
<div class="js-hr-progress-bar-indicator progress-bar g-bg-gray-dark-v2" role="progressbar"
aria-valuenow="85" aria-valuemin="0" aria-valuemax="100" style="width: 85%;"></div>
<div class="text-center u-progress__pointer-v1 g-font-weight-700 g-font-size-11 g-color-white g-bg-primary-dark-v1 g-rounded-50x">
85%
</div>
</div>
</div>
<div class="landing-block-node-card col-md-6 g-px-30 g-px-15--md g-mb-30">
<h6 class="landing-block-node-card-title g-font-roboto-slab text-uppercase g-letter-spacing-0_5 g-font-weight-600 g-font-size-11 g-color-gray-dark-v2 g-mb-15">
App development</h6>
<div class="js-hr-progress-bar progress g-pos-rel g-height-10 rounded-0 g-overflow-visible g-mb-20">
<div class="js-hr-progress-bar-indicator progress-bar g-bg-gray-dark-v2" role="progressbar"
aria-valuenow="75" aria-valuemin="0" aria-valuemax="100" style="width: 75%;"></div>
<div class="text-center u-progress__pointer-v1 g-font-weight-700 g-font-size-11 g-color-white g-bg-primary-dark-v1 g-rounded-50x">
75%
</div>
</div>
</div>
<!-- </div>-->
<!--dbg-->
<!-- <div class="row">-->
<div class="landing-block-node-card col-md-6 g-px-30 g-px-15--md g-mb-30">
<h6 class="landing-block-node-card-title g-font-roboto-slab text-uppercase g-letter-spacing-0_5 g-font-weight-600 g-font-size-11 g-color-gray-dark-v2 g-mb-15">
CSS3 and HTML5</h6>
<div class="js-hr-progress-bar progress g-pos-rel g-height-10 rounded-0 g-overflow-visible g-mb-20">
<div class="js-hr-progress-bar-indicator progress-bar g-bg-gray-dark-v2" role="progressbar"
aria-valuenow="70" aria-valuemin="0" aria-valuemax="100" style="width: 70%;"></div>
<div class="text-center u-progress__pointer-v1 g-font-weight-700 g-font-size-11 g-color-white g-bg-primary-dark-v1 g-rounded-50x">
70%
</div>
</div>
</div>
<div class="landing-block-node-card col-md-6 g-px-30 g-px-15--md g-mb-30">
<h6 class="landing-block-node-card-title g-font-roboto-slab text-uppercase g-letter-spacing-0_5 g-font-weight-600 g-font-size-11 g-color-gray-dark-v2 g-mb-15">
Branding</h6>
<div class="js-hr-progress-bar progress g-pos-rel g-height-10 rounded-0 g-overflow-visible g-mb-20">
<div class="js-hr-progress-bar-indicator progress-bar g-bg-gray-dark-v2" role="progressbar"
aria-valuenow="95" aria-valuemin="0" aria-valuemax="100" style="width: 95%;"></div>
<div class="text-center u-progress__pointer-v1 g-font-weight-700 g-font-size-11 g-color-white g-bg-primary-dark-v1 g-rounded-50x">
95%
</div>
</div>
</div>
<!-- </div>-->
<!--dbg-->
<!-- <div class="row">-->
<div class="landing-block-node-card col-md-6 g-px-30 g-px-15--md g-mb-30 g-mb-0--md">
<h6 class="landing-block-node-card-title g-font-roboto-slab text-uppercase g-letter-spacing-0_5 g-font-weight-600 g-font-size-11 g-color-gray-dark-v2 g-mb-15">
Social media</h6>
<div class="js-hr-progress-bar progress g-pos-rel g-height-10 rounded-0 g-overflow-visible g-mb-20">
<div class="js-hr-progress-bar-indicator progress-bar g-bg-gray-dark-v2" role="progressbar"
aria-valuenow="90" aria-valuemin="0" aria-valuemax="100" style="width: 90%;"></div>
<div class="text-center u-progress__pointer-v1 g-font-weight-700 g-font-size-11 g-color-white g-bg-primary-dark-v1 g-rounded-50x">
90%
</div>
</div>
</div>
<div class="landing-block-node-card col-md-6 g-px-30 g-px-15--md">
<h6 class="landing-block-node-card-title g-font-roboto-slab text-uppercase g-letter-spacing-0_5 g-font-weight-600 g-font-size-11 g-color-gray-dark-v2 g-mb-15">
Wordpress</h6>
<div class="js-hr-progress-bar progress g-pos-rel g-height-10 rounded-0 g-overflow-visible g-mb-20">
<div class="js-hr-progress-bar-indicator progress-bar g-bg-gray-dark-v2" role="progressbar"
aria-valuenow="70" aria-valuemin="0" aria-valuemax="100" style="width: 70%;"></div>
<div class="text-center u-progress__pointer-v1 g-font-weight-700 g-font-size-11 g-color-white g-bg-primary-dark-v1 g-rounded-50x">
70%
</div>
</div>
</div>
</div>
</div>
</section>
Zerion Mini Shell 1.0