<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
	<style type="text/css">
	#notice{
		background: #175DC2;
	}
	.notice-bg{
		background: #EA2C12;
		color: #fff;
	}
	.notice-bg h6{
		font-weight: 700;
		font-size: 24px;
	}
	.owl-carousel.notice{
		background: #175DC2;
	}
	.notice p{
			margin-left: 10px;
			color: #fff;
			margin-top: 10px;
		}
		.notice p a{
			color: #fff;
			
		}
	</style>
</head>
<body>
	<section id="notice">
		<div class="container">
			<div class="row">
				<div class="col-md-3 notice-bg">
					<h6 class=" pt-2 text-center">NOTICE</h6>
				</div>
				<div class="col-md-9">
					<div class="owl-carousel notice owl-theme">
						<div class="item">
			        <p><a href="#">Notice CPD-18-08: 2019 HIC and PIT Data Collection for CoC and ESG Programs</a></p>
			      </div>
			      <div class="item">
			        <p><a href="#">Notice CPD-18-08: 2019 HIC and PIT Data Collection for CoC and ESG Programs</a></p>
			      </div>
			      <div class="item">
			        <p><a href="#">Notice CPD-18-08: 2019 HIC and PIT Data Collection for CoC and ESG Programs</a></p>
			      </div>
			      <div class="item">
			        <p><a href="#">Notice CPD-18-08: 2019 HIC and PIT Data Collection for CoC and ESG Programs</a></p>
			      </div>
			      <div class="item">
			        <p><a href="#">Notice CPD-18-08: 2019 HIC and PIT Data Collection for CoC and ESG Programs</a></p>
			      </div>
			      <div class="item">
			        <p><a href="#">Notice CPD-18-08: 2019 HIC and PIT Data Collection for CoC and ESG Programs</a></p>
			      </div>

			  	</div>
				</div>
			</div>
		</div>
	</section>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js" ></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
  	<script type="text/javascript">
  		 $('.owl-carousel.notice').owlCarousel({
	          loop:true,
	          margin:10,
	          nav:false,
	          dots:false,
	          autoplay:true,
	          autoplayTimeout: 3000,
	          autoplayHoverPause:true,
	          responsive:{
	              0:{
	                  items:1
	              },
	              600:{
	                  items:1
	              },
	              1000:{
	                  items:1
	              }
	          }
	      })
  	</script>
</body>
</html>