File: //data/inveservice/public_html/news/news-headlines-3.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/top-news-strip.css" rel="stylesheet">
<!-- Font Awesome icon -->
<link href="css/font-awesome.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="strip">
<!-- Container Fluid Begin-->
<div class="container-fluid">
<!-- Row Begin-->
<div class="row" > <span class="chance">BREAKING NEWS</span>
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
<!-- News API Feed -->
<div id="scroll">
<div id="layer">
<!-- Don't Edit below DIV section -->
<div class="marquee" data-duplicated='true' data-direction='left'> <a href="https://google.com" target="_blank"><span class="left-arrow-one"><i class="fa fa-angle-right" aria-hidden="true"></i> It is a very useful and creative design</span></a> <a href="https://facebook.com" target="_blank"><span class="left-arrow-one"><i class="fa fa-angle-right" aria-hidden="true"></i> This design made in bootstrap 4 that is very easy </span></a> <a href="https://twitter.com" target="_blank"><span class="left-arrow-one"><i class="fa fa-angle-right" aria-hidden="true"></i> its more creative design </a> <a href="https://twitter.com" target="_blank"><span class="left-arrow-one"><i class="fa fa-angle-right" aria-hidden="true"></i> Easy to learn & easy to use</span></a> </div>
</div>
</div>
<br>
</div>
</div>
<a href="#" class="cancel-btn cancel-btn-one"> <i class="fa fa-times" id="cross" aria-hidden="true"></i> </a> </div>
</div>
<!-- Container Fluid End-->
<!-- Unique ID End-->
<!-- Background Image -->
<header><img src="https://via.placeholder.com/1920x600.jpg" alt="" class="img-fluid bg-image"></header>
<hr>
<!-- Demo Section Link -->
<div class="text-center">
<button type="button" class="btn btn-lg ">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="img-thumbnail img-fluid w-100"> </div>
</div>
</div>
<br>
<br>
<br>
<br>
<!-- Block Two -->
<div class="container-fluid">
<div class="row">
<div class="col-md-12"> <img src="https://via.placeholder.com/1900x600" alt="" class="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>
</body>
</html>