diff --git a/css/try.css b/css/try.css
new file mode 100644
index 0000000..47f9c6f
--- /dev/null
+++ b/css/try.css
@@ -0,0 +1,10 @@
+.spaning img {
+    margin-right: 10px;
+}
+.spaning .img-left {
+    float: left;
+}
+.spaning .img-right {
+    float: right;
+}
+
diff --git a/news.html b/news.html
new file mode 100644
index 0000000..4be9355
--- /dev/null
+++ b/news.html
@@ -0,0 +1,215 @@
+<!DOCTYPE html>
+<html lang="en">
+<!-- <head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta
+      name="viewport"
+      content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"
+    />
+    <title>Document</title>
+</head> -->
+<head>
+    <meta charset="utf-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+
+    <!-- Mobile Metas -->
+    <meta
+      name="viewport"
+      content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"
+    />
+
+    <!-- Site Metas -->
+    <title>Codesis - Responsive HTML5 Template-News</title>
+    <meta name="keywords" content="" />
+    <meta name="description" content="" />
+    <meta name="author" content="" />
+
+    <!-- Site Icons -->
+    <link rel="shortcut icon" href="#" type="image/x-icon" />
+    <link rel="apple-touch-icon" href="#" />
+
+    <!-- Bootstrap CSS -->
+    <link rel="stylesheet" href="css/bootstrap.min.css" />
+    <!-- Pogo Slider CSS -->
+    <link rel="stylesheet" href="css/pogo-slider.min.css" />
+    <!-- Site CSS -->
+    <link rel="stylesheet" href="css/style.css" />
+    <!-- Responsive CSS -->
+    <link rel="stylesheet" href="css/responsive.css" />
+    <!-- Custom CSS -->
+    <link rel="stylesheet" href="css/custom.css" />
+
+    <link rel="stylesheet" href="css/try.css">
+    <!--[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>
+    <header class="top-header">
+        <nav class="navbar header-nav navbar-expand-lg">
+          <div class="container-fluid">
+            <a class="navbar-brand" href="index.html"
+              ><img src="images/logo.png" alt="image"
+            /></a>
+            <button
+              class="navbar-toggler"
+              type="button"
+              data-toggle="collapse"
+              data-target="#navbar-wd"
+              aria-controls="navbar-wd"
+              aria-expanded="false"
+              aria-label="Toggle navigation"
+            >
+              <span></span>
+              <span></span>
+              <span></span>
+            </button>
+            <div
+              class="collapse navbar-collapse justify-content-end"
+              id="navbar-wd"
+            >
+              <ul class="navbar-nav">
+                <li><a class="nav-link active" href="index.html">Home</a></li>
+                <li><a class="nav-link" href="about.html">About</a></li>
+                <li><a class="nav-link" href="courses.html">Courses</a></li>
+                <li><a class="nav-link" href="reaserch.html">Reaserch</a></li>
+                <li><a class="nav-link" href="news.html">News</a></li>
+                <li><a class="nav-link" href="contact.html">Contact us</a></li>
+              </ul>
+            </div>
+            <div class="search-box">
+              <input type="text" class="search-txt" placeholder="Search" />
+              <a class="search-btn">
+                <img src="images/search_icon.png" alt="#" />
+              </a>
+            </div>
+          </div>
+        </nav>
+      </header>
+      
+      <br>
+      <br>
+      <br>
+      
+      <div class="container">
+        <div class="row">
+          <h2>Announcements</h2>
+        </div>
+        
+        <div class="block">
+            <div class="row">
+              <div class="spaning">
+                <img class="img-left" src="https://picsum.photos/seed/picsum/200"/>
+                <div class="content-heading">
+                  <a href="https://www.google.co.in/"><h3><u>News Title&nbsp</u></h3></a>
+                </div>
+                <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Odio praesentium obcaecati deleniti error fuga quasi facilis, veritatis ex voluptatibus veniam labore magnam ipsam autem, ut perspiciatis totam sint dolorum neque?Lorem, ipsum dolor sit amet consectetur adipisicing elit. Odio praesentium obcaecati deleniti error fuga quasi facilis, veritatis ex voluptatibus veniam labore magnam ipsam autem, ut perspiciatis totam sint dolorum neque?Lorem, ipsum dolor sit amet consectetur adipisicing elit. Odio praesentium obcaecati deleniti error fuga quasi facilis, veritatis ex </p>
+              </div>
+           </div>
+
+           <br/>
+           <br>
+           <br>
+
+           <div class="row">
+              <div class="spaning">
+                <img class="img-right" src="https://picsum.photos/seed/picsum/200"/>
+                <div class="content-heading">
+                  <a href="https://www.google.co.in/"><h3><u>News Title&nbsp</u></h3></a>
+                </div>
+                <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Odio praesentium obcaecati deleniti error fuga quasi facilis, veritatis ex voluptatibus veniam labore magnam ipsam autem, ut perspiciatis totam sint dolorum neque?Lorem, ipsum dolor sit amet consectetur adipisicing elit. Odio praesentium obcaecati deleniti error fuga quasi facilis, veritatis ex voluptatibus veniam labore magnam ipsam autem, ut perspiciatis totam sint dolorum neque?Lorem, ipsum dolor sit amet consectetur adipisicing elit. Odio praesentium obcaecati deleniti error fuga quasi facilis, veritatis ex</p>
+              </div>
+           </div>
+          </div>
+          
+      </div>
+
+      <br>
+      <br>
+
+      <footer class="footer-box">
+        <div class="container">
+		
+		   <div class="row">
+		   
+		      <div class="col-xs-12 col-sm-6 col-md-6 col-lg-3">
+			     <div class="footer_blog">
+				    <div class="full margin-bottom_30">
+					   <img src="images/footer_logo.png" alt="#" />
+					 </div>
+					 <div class="full white_fonts">
+					    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 
+						Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip </p>
+					 </div>
+				 </div>
+			  </div>
+			  
+			  <div class="col-xs-12 col-sm-6 col-md-6 col-lg-3">
+			       <div class="footer_blog footer_menu white_fonts">
+						    <h3>Quick links</h3>
+						    <ul> 
+							  <li><a href="#">> Join Us</a></li>
+							  <li><a href="#">> Maintenance</a></li>
+							  <li><a href="#">> Language Packs</a></li>
+							  <li><a href="#">> LearnPress</a></li>
+							  <li><a href="#">> Release Status</a></li>
+							</ul>
+						 </div>
+				 </div>
+				 
+				 <div class="col-xs-12 col-sm-6 col-md-6 col-lg-3">
+				 <div class="footer_blog full white_fonts">
+						     <h3>Newsletter</h3>
+							 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do</p>
+							 <div class="newsletter_form">
+							    <form action="index.html">
+								   <input type="email" placeholder="Your Email" name="#" required />
+								   <button>Submit</button>
+								</form>
+							 </div>
+						 </div>
+					</div>	 
+			  
+			  <div class="col-xs-12 col-sm-6 col-md-6 col-lg-3">
+				 <div class="footer_blog full white_fonts">
+						     <h3>Contact us</h3>
+							 <ul class="full">
+							   <li><img src="images/i5.png"><span>London 145<br>United Kingdom</span></li>
+							   <li><img src="images/i6.png"><span>demo@gmail.com</span></li>
+							   <li><img src="images/i7.png"><span>+12586954775</span></li>
+							 </ul>
+						 </div>
+					</div>	 
+			  
+		   </div>
+		
+        </div>
+    </footer>
+      
+
+      
+      
+      
+      
+      
+      
+      
+      
+      
+      
+      
+      
+      
+      
+      
+      
+      
+
+
+
+
+</body>
+</html>
\ No newline at end of file
