"Untitled"
Bootstrap 4.0.0 Snippet by abhimanyusankhyan4

Post to Facebook Tweet this

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/4.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.0.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 ---------->
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800" rel="stylesheet">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" >
<header id="main-head" class="d-inline-block clearHeader w-100">
<div class="top-head">
<div class="container">
<div class="row">
<div class="col-sm-8 menu-contact">
<div class="card-text">
<p class="cars-text">We Accept all major Credit Cards</p>
<ul class="cards-list">
<li class=""><img src="images/cards/payment.png"></li>
</ul>
</div>
</div>
<div class="col-sm-4 menu-social">
<ul class="list-inline">
<li><a href=""><i class="fab fa-facebook-f"></i></a></li>
<li><a href=""><i class="fab fa-twitter"></i></a></li>
<li><a href=""><i class="fab fa-google-plus-g"></i></a></li>
<li><a href=""><i class="fab fa-linkedin-in"></i></a></li>
<li><a href=""><i class="fas fa-rss"></i></a></li>
</ul>
<div class="search-float">
<a href="" class="quote-btn"><i class="fa fa-search" aria-hidden="true"></i></a>
</div>
</div>
</div>
</div>
</div>
<div class="main-head d-none d-sm-block">
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
body { overflow-x: hidden; font-family:open sans }
p{font:300 15px/21px open sans;}
a{text-decoration:none;}
#main-head {
position: relative;
}
#main-head .top-head {
background: #1c1e32;
color: #fff;
padding: 5px 0;
}
#main-head .top-head .card-text p.cars-text {
display: inline-block;
float: left;
font-size: 13px;
margin: 0 .5rem 0 0;
color: #dedede;
line-height: 24px;
}
#main-head .top-head .card-text .cards-list {
display: inline-block;
padding: 0;
list-style-type: none;
margin: 0;
}
#main-head .top-head .menu-social {}
#main-head .top-head .menu-social .search-float {
float: right;
display: inline-block;
border-right: 1px dashed #dedede;
padding: 0 9px 0 0;
font-size: 13px;
}
#main-head .top-head .menu-social ul.list-inline {
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More

Material Dashboard Pro React

Questions / Comments: