"marquee #marquee"
Bootstrap 3.3.0 Snippet by SANTANU CHOWDHURY

<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 ----------> <div class="notice sticky"> <div class="container-fluid"> <div class="row"> <div class="col-lg-2 col-md-3 col-sm-2 col-xs-12 padding-0"> <div class="flash-box hidden-xs"> <p>Notice</p> </div> </div> <div class="col-lg-10 col-md-9 col-sm-10 col-xs-12"> <marquee scrollamount="5" onmouseover="this.stop();" onmouseout="this.start();"> <ul class="list-inline"> <li>The British Institutes is now at Garia (New Centre) ,West Bengal.</li> <li>The British Institutes is now at Ruby (Kasba) ,Kolkata, West Bengal.</li> <li>Check your English level yourself and join our course which suits you the best. Click on the COUNSELLING TOOLS at the bottom of our home page</li> <li>Edupassion Academy Pvt. Ltd ,Purshottam Kumar Kankani and Ranjeeta Kankani are not the Master Franchisee or Agent of The British Institutes w.e.f. 1st April 2018 to collect money for any dealings in the name of The British Institutes . </li> </ul> </marquee> </div> </div> </div> </div>
.notice { background-color: #fc6b02; } .notice marquee { color: #fff; } .notice marquee ul { padding: 0; margin: 0; } .notice marquee ul li { line-height: 2; margin-right: 15px; } .notice marquee ul li:before { content: '\f111'; font-family: 'FontAwesome'; display: inline-block; color: #fdb10f; margin-right: 6px; font-size: 10px; } .flash-box { width: 200px; height: 42px; position: relative; background: #fdb10f; text-align: center; color: #fff; font-weight: bold; line-height: 2.6; } .flash-box:after { content: ""; position: absolute; left: 0; bottom: 0; width: 0; height: 0; border-left: 20px solid #fc6b02; border-top: 20px solid transparent; border-bottom: 20px solid transparent; } .flash-box:before { content: ""; position: absolute; right: -20px; bottom: 0; width: 0; height: 0; border-left: 20px solid #fdb10f; border-top: 20px solid transparent; border-bottom: 20px solid transparent; } marquee { position: relative; top: 4px; }

Related: See More


Questions / Comments: