<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"> <section class="py-5 mt-5 bg-primary text-white"> <div class="container py-4 "> <div class="row"> <div class="col-md-3"> <h6 class="mb-4">CONTACT US</h6> <ul class="list-unstyled"> <li class="address_content"><i class="fa fa-map-marker"></i> 705-Infinity Centre, Beside trafy building, united state</li> <li><i class="fa fa-phone"></i> Call us: 0123-456-789</li> <li><i class="fa fa-envelope"></i> support@yourstore.com</li> </ul> </div> <div class="col-md-2"> <h6 class="mb-4">INFORMATION</h6> <ul class="list-unstyled"> <li><a href="#">About Us</a></li> <li><a href="#">Information</a></li> <li><a href="#">Privacy Information</a></li> <li><a href="#">Terms & Conditions</a></li> <li><a href="#">Contact Us</a></li> </ul> </div> <div class="col-md-2"> <h6 class="mb-4">CUSTOMER SERVICE</h6> <ul class="list-unstyled"> <li><a href="#">Returns</a></li> <li><a href="#">Site Map</a></li> <li><a href="#">Listing Page</a></li> <li><a href="#">Sell a Form</a></li> <li><a href="#">Contact Us</a></li> </ul> </div> <div class="col-md-2"> <h6 class="mb-4">MY ACCOUNT</h6> <ul class="list-unstyled"> <li><a href="#">My Account</a></li> <li><a href="#">Order History</a></li> <li><a href="#">WishList</a></li> <li><a href="#">Newsletter</a></li> <li><a href="#">Contact Us</a></li> </ul> </div> <div class="col-md-3"> <h6 class="mb-4">SUBSCRIBE NOW</h6> <P>Contrary to popular belief of lorem Ipsm Latin amet ltin from</P> <input type="email" name="txtemail" id="txtemail" value="" placeholder="E-Mail" class="form-control input-lg"> </div> </div> <hr> <div class="row text-center"> <div class="col-md-12"> <p>**$50 off orders $350+ with the code BOO50. $75 off orders $500+ with the code BOO75. $150 off orders $1000+ with the code BOO150. Valid from October 28, 2016 to October 31, 2017. Offer may not be combined with any other offers or promotions,is non-exchangeable and non-refundable. Offer valid within the US only.</p> </div> </div> </div> </section>

a {color:#fff;}