"Company about Feature"
Bootstrap 3.3.0 Snippet by Divscodebd

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="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<html>
<head>
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
</head>
<body>
<div class="container">
<h1 style="color:red; text-align:center;margin-top:40px; font-size:50px; font-weight:bold;">Hossain Shahid</h1>
<div class="order-process-step2">
<div class="container frontend">
<div class="clearfix"></div>
<div class="block process-block2">
<div class="row text-center">
<ol class="process2">
<li class="col-md-3 col-sm-6 col-xs-6"><i class="fa fa-cloud-upload" aria-hidden="true"></i>
<h4>About Our Company</h4>
</li>
<li class="col-md-3 col-sm-6 col-xs-6"> <i class="fa fa-money"></i>
<h4>Our Company Product</h4>
</li>
<li class="col-md-3 col-sm-6 col-xs-6"> <i class="fa fa-sellsy"></i>
<h4>Visit My Company Website</h4>
</li>
<li class="col-md-3 col-sm-6 col-xs-6"> <i class="fa fa-thumbs-o-up"></i>
<h4>Be Happy</h4>
</li>
</ol>
</div>
<div class="clearfix"></div>
</div>
<div class="clearfix"></div>
</div>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
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
.order-process-step2 {
padding: 50px 0px;
}
.process-block2 {
display: block;
color: #7e8890;
overflow: hidden;
}
.process-block2 h5 {
text-align: center;
margin-top: -10px;
font-style: italic;
margin-bottom: 20px;
}
ol.process2 {
margin-top: 20px;
margin-left: 32px;
padding: 0;
list-style-type: none;
counter-reset: li-counter;
}
ol.process2 > li {
position: relative;
text-align: center;
padding: 15px;
border-radius: 5px;
}
ol.process2 > li > p {
font-style: italic;
}
ol.process2 > li:before {
position: absolute;
left: -18px;
top: -18px;
font-size: 22px;
display: inline-block;
line-height: 36px;
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More


Questions / Comments: