Skip to main content

News Ticker

News Ticker with Flickity Carousel Slider

News ticker slider

                
                  <!--Breaking start-->
                  <div class="row py-2">
                    <!--Breaking box-->
                    <div class="col-2 col-sm-1 col-md-3 col-lg-2 py-1 pe-md-0 mb-md-1">
                      <div class="d-inline-block d-md-block bg-primary text-white text-center breaking-caret py-1 px-2">
                        <svg xmlns="http://www.w3.org/2000/svg" width="1rem" height="1rem" fill="currentColor" class="bi bi-lightning-fill" viewBox="0 0 16 16">
                          <path d="M11.251.068a.5.5 0 0 1 .227.58L9.677 6.5H13a.5.5 0 0 1 .364.843l-8 8.5a.5.5 0 0 1-.842-.49L6.323 9.5H3a.5.5 0 0 1-.364-.843l8-8.5a.5.5 0 0 1 .615-.09z"/>
                        </svg>
                        <span class="d-none d-md-inline-block">Breaking news</span>
                      </div>
                    </div>

                    <!--Breaking content-->
                    <div class="col-10 col-sm-11 col-md-9 col-lg-10 ps-1 ps-md-2">
                      <div class="breaking-box position-relative py-2">
                        <div class="box-carousel" data-flickity='{ "cellAlign": "left", "wrapAround": true, "adaptiveHeight": true, "prevNextButtons": true , "autoPlay": 5000, "pageDots": false, "imagesLoaded": true }'>
                          <!--list post-->
                          <div class="col-12 aribudin">
                             <a class="h6 fw-normal" href="#">Google Employees Protest Secret Work on Censored Search Engine for China</a>
                          </div>
                          <!--list post-->
                          <div class="col-12 aribudin">
                            <a class="h6 fw-normal" href="#">Investors Betting Against Tesla Made $1 Billion on Friday</a>
                          </div>
                          <!--list post-->
                          <div class="col-12 aribudin">
                            <a class="h6 fw-normal" href="#">Carmelo Anthony Officially Signs with the Houston Rockets</a>
                          </div>
                          <!--list post-->
                          <div class="col-12 aribudin">
                            <a class="h6 fw-normal" href="#">Lemon make your skin fresh and glowing</a>
                          </div>
                          <!--list post-->
                          <div class="col-12 aribudin">
                            <a class="h6 fw-normal" href="#">5 Takeaways From Elon Musk’s Interview With The Times About Tesla</a>
                          </div>
                        </div><!--end breaking news-->
                      </div>
                    </div>
                  </div>
                  <!--End breaking-->
                
              

News ticker marque

                
                	<!-- marque breaking -->
                	<div class="row py-2">
                	  <div class="col-2 col-sm-1 col-md-3 col-lg-2 py-1 pe-md-0 mb-md-1">
                	    <div class="d-inline-block d-md-block bg-primary text-white text-center breaking-caret py-1 px-2">
                	      <svg xmlns="http://www.w3.org/2000/svg" width="1rem" height="1rem" fill="currentColor" class="bi bi-lightning-fill" viewBox="0 0 16 16">
                	        <path d="M11.251.068a.5.5 0 0 1 .227.58L9.677 6.5H13a.5.5 0 0 1 .364.843l-8 8.5a.5.5 0 0 1-.842-.49L6.323 9.5H3a.5.5 0 0 1-.364-.843l8-8.5a.5.5 0 0 1 .615-.09z"/>
                	      </svg>
                	      <span class="d-none d-md-inline-block">Breaking news</span>
                	    </div>
                	  </div>

                	  <!--Breaking content-->
                	  <div class="col-10 col-sm-11 col-md-9 col-lg-10 ps-1 ps-md-2">
                	    <div class="breaking-box pt-2 pb-1">
                	      <!--marque-->
                	      <marquee behavior="scroll" direction="left" onmouseover="this.stop();" onmouseleave="this.start();">
                	        <a class="h6 fw-normal" href="#"><span class="position-relative mx-2 badge bg-primary rounded-0">Technology</span> Google Employees Protest Secret Work on Censored Search Engine for China</a>
                	        <a class="h6 fw-normal" href="#"><span class="position-relative mx-2 badge bg-primary rounded-0">Automotive</span> Investors Betting Against Tesla Made $1 Billion on Friday</a>
                	        <a class="h6 fw-normal" href="#.html"><span class="position-relative mx-2 badge bg-primary rounded-0">Football</span> World cup 2050 will release in Dubay</a>
                	        <a class="h6 fw-normal" href="#"><span class="position-relative mx-2 badge bg-primary rounded-0">Beauty</span> Lemon make your skin fresh and glowing</a>
                	        <a class="h6 fw-normal" href="#"><span class="position-relative mx-2 badge bg-primary rounded-0">Sport</span> 5 Takeaways From Elon Musk’s Interview With The Times About Tesla</a>
                	      </marquee>
                	    </div>
                	  </div>
                	</div>
                	<!-- end marque breaking -->