"Social Icons"
Bootstrap 3.3.0 Snippet by jeevan123456

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="logo text-center"> <h1> <a href="index.html"> <span class="fa fa-hand-peace-o" aria-hidden="true"></span>Triumph</a> </h1> </div> <div class="social-icons-box area color-d4 padding-tb"> <div class="container"> <div class="row"> <div class="social-icons text-center"> <h3 class="margin-b-30">Get inspired and Follow our Team! To stay up to date</h3> <ul class="list-inline"> <li> <a href="#"> <img src="https://p.w3layouts.com/demos_new/template_demo/17-01-2018/triumph-demo_Free/461474365/web/images/a.png" alt=""> </a> </li> <li> <a href="#"> <img src="https://p.w3layouts.com/demos_new/template_demo/17-01-2018/triumph-demo_Free/461474365/web/images/c.png" alt=""> </a> </li> <li> <a href="#"> <img src="https://p.w3layouts.com/demos_new/template_demo/17-01-2018/triumph-demo_Free/461474365/web/images/d.png" alt=""> </a> </li> <li> <a href="#"> <img src="https://p.w3layouts.com/demos_new/template_demo/17-01-2018/triumph-demo_Free/461474365/web/images/e.png" alt=""> </a> </li> </ul> </div> </div> </div> </div> <div class="container"> <div class="row padding-tb "> <div class="col-lg-5" data-aos="fade-right"> <h3>We help our customer to build Digital World</h3> </div> <div class="col-lg-7 " data-aos="fade-left"> <p>Maecenas quis neque libero. Class aptent taciti.Lorem ipsum dolor sit amet, consectetur adipiscing elit.Pellentesque convallis diam consequat magna vulputate malesuada. Cras a ornare elit. Nulla viverra pharetra sem, eget pulvinar neque pharetra ac.</p> </div> </div> </div>
.padding-tb{ padding:80px 0px;} .color-d4 {color:#fff !important; background-color:#004d3b !important} .margin-b-30 {margin-bottom:30px;} .bt-bottom-info h5 { font-size: 2em; line-height: 1.5em; color: #03cce6; margin-bottom: 4em; } [data-aos^="fade"][data-aos^="fade"].aos-animate { opacity: 1; transform: translate(0); }

Related: See More


Questions / Comments: