Skip to content

Added announcements page #24

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 1 commit into
base: master
Choose a base branch
from
Open

Added announcements page #24

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
10 changes: 10 additions & 0 deletions css/try.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,10 @@
.spaning img {
margin-right: 10px;
}
.spaning .img-left {
float: left;
}
.spaning .img-right {
float: right;
}

215 changes: 215 additions & 0 deletions news.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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>[email protected]</span></li>
<li><img src="images/i7.png"><span>+12586954775</span></li>
</ul>
</div>
</div>

</div>

</div>
</footer>

Copy link
Contributor

@NidhiKJha NidhiKJha Jun 10, 2020 •
edited
Loading

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Remove Extra spacing below this line























</body>
</html>