"http://preview.themeforest.net/item/froday-coupons-and-deals-wordpress-theme/full_screen_preview/21598075"
Bootstrap 4.0.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/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://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-T8Gy5hrqNKT+hzMclPo118YTQO6cYprQmhrYwIiQ/3axmI1hQomh7Ud2hPOy8SP1" crossorigin="anonymous">
<div class="top-nav bg1">
<div class="container">
<div class="row ">
<div class="col-md-6 ">
<ul class="list-inline">
<li class="list-inline-item"><a href="#">Discount Guide </a> </li>
<li class="list-inline-item"><a href="#">Customer Assistance </a> </li>
</ul>
</div>
<div class="col-md-6 text-right ">
<ul class="list-inline">
<li class="list-inline-item"><a href="#">Sign In </a> </li>
<li class="list-inline-item"><a href="#">Sign Up</a> </li>
</ul>
</div>
</div>
</div>
</div>
<div class="top-cart py-3">
<div class="container">
<div class="row">
<div class="col-md-3">
<img src="http://klbtheme.com/froday/wp-content/uploads/2018/03/logo-froday.png">
</div>
<div class="col-md-6 pt-2">
<form class="form-inline" action="/action_page.php">
<input class="form-control mr-sm-2" type="text" placeholder="Search">
<button class="btn btn-success" type="submit">Search</button>
</form>
</div>
<div class="col-md-3 pt-3 text-right">
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
.top-nav a {color:#898989;}
.top-nav ul{margin-bottom: 5px;}
.bg1 {background:#d3d3d3;}
img{width:100%;}
.footer {color:#d3d3d3;}
.footer a {color:#d3d3d3;}
.copyright {color:#ccc;}
.fa:hover {color:#249e61;}
a {color:#898989;}
a:hover {color:#249e61;}
.star-icons {color:#dd0000;}
.list-group-item-action:hover {background:#249e61;color:#fff!important;}
.carousel-inner img {width: 100%; max-height:440px;}
.carousel-caption {color:#ccc;top:130px; bottom: auto; text-align:left;}
.carousel-caption h1 {font-size:22px;color:#fff;}
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
2
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More


Questions / Comments: