"Social Icons"
Bootstrap 3.3.0 Snippet by jeevan123456

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<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>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
2
3
4
5
6
7
8
9
10
11
12
13
.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);
}
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More


Questions / Comments: