"right upper conner contacts"
Bootstrap 4.0.0 Snippet by Ilkhom

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<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 ---------->
<div class="menuextras">
<div class="extras">
<ul>
<li class="shopping-cart-items"><i class="fas fa-phone-volume"></i> <a href="page-shopping-cart.html"><b>(+992 44) 610-60-04</b></a></li>
<li class="shopping-cart-items"><i class="fas fa-envelope"></i> <a href="page-shopping-cart.html"><b> Тамос</b></a></li>
<li><a class="#" data-toggle="dropdown" href="#"><img src="#">UK</a>
</li>
</ul>
</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
@charset "utf-8";
/* CSS Document */
/*--------------------------------------------------------------------------
+ Extras Menu (Cart, Language, Login) Style
--------------------------------------------------------------------------*/
.menuextras {
font-size: 0.85em;
height: 30px;
}
.menuextras ul {
margin: 0;
padding: 0;
list-style-type: none;
float: right;
padding: 3px 0;
}
.menuextras li {
float: left;
padding: 0 8px;
}
.menuextras .extras li {
padding: 0 8px;
}
.menuextras .extras li a {
color: #333;
}
.menuextras .extras li a:hover {
color: #333;
text-decoration: none;
}
.menuextras .extras .shopping-cart-items i {
color: #333;
}
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More


Questions / Comments: