File: //data/inveservice/public_html/news/news-headlines-9.html
<!doctype html>
<html lang="en">
<head>
<!-- Character set configuration -->
<meta charset="UTF-8">
<title>News Ticker - Static News Ticker</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link href="image/favicon.png" rel="icon" type="image/x-icon" />
<!-- Viewport configuration, scaling options -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<!-- CSS Stylesheet -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/bottom-news-strip.css" rel="stylesheet">
<!-- Font Awesome icon -->
<link href="css/font-awesome.min.css" rel="stylesheet">
<!--Owl carausel -->
<link href="css/owl.carousel.min.css" rel="stylesheet">
<link href="css/owl.theme.default.min.css" rel="stylesheet">
<!-- Google web font -->
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700' rel='stylesheet' type='text/css'>
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body class="demo">
<!-- Unique ID Begin -->
<div id="hed">
<div class="container-fluid fixed-bottom">
<!-- Cross Button -->
<div class="cross-btn"> <a href="#" class="strip-in-down-cancel-btn-my" id="my-btn"><i class="fa fa-chevron-down"></i></a> </div>
<div class="row">
<div class="bottom-section">
<div class="owl-carousel owl-theme">
<div class=" item">
<div class="media black-bg"> <img src="https://via.placeholder.com/80x50" class="mr-3 img-fluid" alt="..." title="first">
<div class="media-body"> <a href="https://themeforest.net/" target="_blank">
<p class="text-white">This is a best design for your blog and template. This design made in bootstrap 4 that is very easy to use and you can change any content very easy.</p>
</a> </div>
</div>
</div>
<div class=" item">
<div class="media black-bg"> <img src="https://via.placeholder.com/80x50" class="mr-3 img-fluid" alt="..." title="two">
<div class="media-body"> <a href="https://codecanyon.net/" target="_blank">
<p class="text-white">It is a very useful and creative design for your blog and it is also fully responsive. This design made in bootstrap 4 that is very easy to use and you can change any content very easy.</p>
</a> </div>
</div>
</div>
<div class="item">
<div class="media black-bg"> <img src="https://via.placeholder.com/80x50" class="mr-3 img-fluid" alt="... " title="third">
<div class="media-body"> <a href="https://themeforest.net/" target="_blank">
<p class="text-white">This design made in bootstrap 4 that is very easy to use and you can change any content very easy. This design made in bootstrap 4 that is very easy to use and you can change any content very easy.</p>
</a> </div>
</div>
</div>
<div class=" item">
<div class="media black-bg"> <img src="https://via.placeholder.com/80x50" class="mr-3 img-fluid" alt="..." title="four">
<div class="media-body"> <a href="https://codecanyon.net/" target="_blank">
<p class="text-white">It is a updated version of static news ticker thate is a very easy. This design made in bootstrap 4 that is very easy to use and you can change any content very easy.
<p>
</a> </div>
</div>
</div>
<div class=" item">
<div class="media black-bg"> <img src="https://via.placeholder.com/80x50" class="mr-3 img-fluid" alt="..." title="four">
<div class="media-body"> <a href="https://themeforest.net/" target="_blank">
<p class="text-white">It is a updated version of static news ticker thate is a very easy. This design made in bootstrap 4 that is very easy to use and you can change any content very easy.
<p>
</a> </div>
</div>
</div>
<div class=" item">
<div class="media black-bg"> <img src="https://via.placeholder.com/80x50" class="mr-3 img-fluid" alt="..." title="four">
<div class="media-body"> <a href="https://themeforest.net/" target="_blank">
<p class="text-white">It is a updated version of static news ticker thate is a very easy. This design made in bootstrap 4 that is very easy to use and you can change any content very easy.
<p>
</a> </div>
</div>
</div>
<div class=" item">
<div class="media black-bg"> <img src="https://via.placeholder.com/80x50" class="mr-3 img-fluid" alt="..." title="four">
<div class="media-body"> <a href="https://themeforest.net/" target="_blank">
<p class="text-white">It is a updated version of static news ticker thate is a very easy. This design made in bootstrap 4 that is very easy to use and you can change any content very easy.
<p>
</a> </div>
</div>
</div>
<div class=" item">
<div class="media black-bg"> <img src="https://via.placeholder.com/80x50" class="mr-3 img-fluid" alt="..." title="four">
<div class="media-body"> <a href="https://themeforest.net/" target="_blank">
<p class="text-white">It is a updated version of static news ticker thate is a very easy. This design made in bootstrap 4 that is very easy to use and you can change any content very easy.
<p>
</a> </div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Unique ID End-->
<!-- Background Image -->
<header>
<div><img src="https://via.placeholder.com/1920x600.jpg" alt="" class="img-fluid bg-image"></div>
</header>
<hr>
<!-- Container Fluid End-->
<!-- Demo Section Link -->
<div class="text-center">
<button type="button" class="btn btn-lg btn-default">Demo Here <i class="fa fa-hand-o-down" aria-hidden="true"></i></button>
</div>
<hr>
<div class="container-fluid">
<div class="row">
<div class="col-md-12">
<!-- HyperLink -->
<ul class="nav nav-pills btn-cent">
<li role="presentation"><a href="index.html"><i class="fa fa-home" aria-hidden="true"></i></a></li>
<li role="presentation"><a href="news-headlines-1.html"> Ticker - 1</a></li>
<li role="presentation"><a href="news-headlines-2.html"> Ticker - 2</a></li>
<li role="presentation"><a href="news-headlines-3.html"> Ticker - 3</a></li>
<li role="presentation"><a href="news-headlines-4.html"> Ticker - 4</a></li>
<li role="presentation"><a href="news-headlines-5.html"> Ticker - 5</a></li>
<li role="presentation"><a href="news-headlines-6.html"> Ticker - 6</a></li>
<li role="presentation"><a href="news-headlines-7.html"> Ticker - 7</a></li>
<li role="presentation"><a href="news-headlines-8.html"> Ticker - 8</a></li>
<li role="presentation"><a href="news-headlines-9.html"> Ticker - 9</a></li>
<li role="presentation"><a href="news-headlines-10.html"> Ticker - 10</a></li>
<li role="presentation"><a href="news-headlines-11.html"> Ticker - 11</a></li>
<li role="presentation"><a href="news-headlines-12.html"> Ticker - 12</a></li>
<li role="presentation"><a href="news-headlines-13.html"> Ticker - 13</a></li>
</ul>
</div>
</div>
</div>
<br>
<br>
<br>
<br>
<!-- Block One -->
<div class="pad-top"></div>
<div class="container-fluid">
<div class="row">
<div class="col-md-9">
<div class="jumbotron">
<!-- Heading Title -->
<h2 class="text-uppercase font-weight-bold">Breaking News</h2>
<p>This is a static news ticker made in Bootstrap 4, you can do it in footer and bottom as well. It is very simple to him, many versions are available and it is completely responsive.</p>
<p><a href="https://newsapi.org/s/google-news-api" target="_blank" class="btn btn-primary btn-lg" role="button">Demo</a></p>
</div>
</div>
<div class="col-md-3 hidden-sm hidden-xs"> <img src="https://via.placeholder.com/300x302" alt="" class=""> </div>
</div>
</div>
<br>
<br>
<br>
<br>
<!-- Block Two -->
<div class="container">
<div class="row">
<div class="col-md-12"> <img src="https://via.placeholder.com/1900x600" alt="" class="img-thumbnail img-fluid"> </div>
</div>
</div>
<br>
<br>
<br>
<br>
<!-- Block Three -->
<div class="container-fluid">
<div class="row">
<div class="col-md-12">
<div class="jumbotron">
<!-- Heading Title -->
<h2 class="text-uppercase font-weight-bold">Static News</h2>
<p>This is a static news ticker made in Bootstrap 4, you can do it in footer and bottom as well. It is very simple to him, many versions are available and it is completely responsive.</p>
<p><a href="https://newsapi.org/s/google-news-api" target="_blank" class="btn btn-primary btn-lg" role="button">Demo</a></p>
</div>
</div>
</div>
</div>
<!-- Footer Section -->
<hr>
<div class="text-center">
<p class="small">© Copyright 2019 - Design Collection</p>
</div>
<hr>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery-2.1.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/strip-cancel.js"></script>
<script src="js/marquee.js"></script>
<script src="js/owl.carousel.js"></script>
<script>
$('.owl-carousel').owlCarousel({
loop:true,
margin:10,
nav:true,
responsive:{
0:{
items:1
},
600:{
items:3
},
1000:{
items:4
}
}
})
</script>
</body>
</html>