About/Description section - section
This section layout represents the "about section" of the index.html file. Use it to describe your business, or your main activity.
CODE
Here is the HTML code to obtain it. Embed it within the main
tag with class page-main
. Replace texts and buttons by yours.
You can duplicate this section as much as you want. Just note that you can not use the data-section
value twice for a different section within an HTML page, as it will be the id
of the section later. You have to use different value for the duplicated section.
HTML Section - About
<div class ="section section-description fp-auto-height-responsive " data-section ="about" >
<div class ="section-cover-tier left fit bg-img" data-image-src ="./img/items/img-sample2.jpg" >
</div >
<div class ="section-wrapper fullwidth fullheight with-margin center-lg-v" >
<div class ="section-content anim" >
<div class ="row justify-content-between" >
<div class ="col-12 col-md-6 col-lg-4" >
</div >
<div class ="col-12 col-md-5 col-lg-6 text-left center-v" >
<div class ="wrapper" >
<div class ="title-desc" >
<h2 class ="display-4 display-title display-decor anim-1" > Savoir Faire</h2 >
<p class ="anim-2 desc-decor" > This describes what we do and what is our mission. Lorem ipsum magicum dolor sit amet, consectetur adipiscing
elit. Maecenas a sem ultrices neque vehicula fermentum a sit amet nulla.
</p >
</div >
<div class ="btns-action anim-3" >
<a href ="//instagram.com/" class ="btn btn-social" >
<i class ="icon fa fa-instagram" > </i >
</a >
<a href ="//youtube.com/" class ="btn btn-social" >
<i class ="icon fa fa-play" > </i >
</a >
<a class ="btn btn-outline btn-primary" href ="#services" >
<span class ="text" > Services</span >
<span class ="icon" >
<span class ="arrow-right" > </span >
</span >
</a >
</div >
</div >
</div >
</div >
</div >
<footer class ="section-footer scrolldown" >
<a class ="up" >
<span class ="btn btn-arrow" >
<span class ="icon" >
<span class ="arrow-up" > </span >
</span >
</span >
</a >
<a class ="down" >
<span class ="btn btn-arrow" >
<span class ="icon" >
<span class ="arrow-down" > </span >
</span >
</span >
</a >
</footer >
</div >
</div >