File size: 7.45Kb
<!DOCTYPE html>
<html lang="en">
<head>
<title>Nebro Portfolio Template</title>
<meta charset="UTF-8">
<meta name="description" content="Nebro Portfolio Template">
<meta name="keywords" content="onepage, portfolio">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Stylesheets -->
<link rel="stylesheet" href="font/stylesheet.css"/>
<link rel="stylesheet" href="css/style.css"/>
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
<!-- Font icons -->
<link rel="stylesheet" href="icon-fonts/fontawesome-5.0.6/css/fontawesome-all.min.css"/>
<link rel="stylesheet" href="icon-fonts/flat-icon/flaticon.css"/>
<!-- Google Font -->
<link href="https://fonts.googleapis.com/css?family=Poppins:400,500,600,700,800&display=swap" rel="stylesheet">
</head>
<body class="dark">
<!-- PRELOADER -->
<div id="preloader">
<div class="loading-area">
<div class="logo"><img src="img/logo.png" alt=""></div>
<span>loading...</span>
</div>
<div class="left-side"></div>
<div class="right-side"></div>
</div>
<!-- HEADER
==================================================-->
<header class="fixed">
<!-- Logo -->
<a href="index.html" class="logo">
<img src="img/logo.png" alt="">
</a>
<div class="nav-icon">
<span></span>
<span></span>
<span></span>
</div>
<!-- Navigation -->
<nav>
<ul>
<li><a href="index.html#hero"><span data-hover="Home">Home</span></a></li>
<li><a href="index.html#about"><span data-hover="About">About</span></a></li>
<li><a href="index.html#services"><span data-hover="Services">Services</span></a></li>
<li><a href="index.html#testimonials"><span data-hover="Testimonials">Testimonials</span></a></li>
<li><a href="index.html#portfolio"><span data-hover="Portfolio">Portfolio</span></a></li>
<li><a href="index.html#news"><span data-hover="News">News</span></a></li>
<li><a href="index.html#contact"><span data-hover="Contact">Contact</span></a></li>
</ul>
</nav>
</header>
<div class="wrapper">
<!-- ARTICLE
================================================== -->
<section class="subpage">
<div class="container">
<h1 class="section-title bottom_60">Our News</h1>
<div class="row">
<!-- anews -->
<div class="col-lg-4">
<a class="anews" href="single-news.html">
<div class="image" style="background-image:url(img/news-1.jpg)"></div>
<div class="date">
<h3 class="big">23</h3>
<span class="little">MARCH, 19</span>
</div>
<div class="category">LIFESTYLE</div>
<h2 class="title">Curiosity continual belonging offending so explained it exquisite...</h2>
</a>
</div>
<!-- anews -->
<div class="col-lg-4">
<a class="anews" href="single-news.html">
<div class="image" style="background-image:url(img/news-2.jpg)"></div>
<div class="date">
<h3 class="big">26</h3>
<span class="little">MARCH, 19</span>
</div>
<div class="category">DESIGN</div>
<h2 class="title">Friendly as stronger speedily by recurred. Son interest wandered...</h2>
</a>
</div>
<!-- anews -->
<div class="col-lg-4">
<a class="anews" href="single-news.html">
<div class="image" style="background-image:url(img/news-3.jpg)"></div>
<div class="date">
<h3 class="big">18</h3>
<span class="little">MARCH, 19</span>
</div>
<div class="category">PHOTOGRAPHY</div>
<h2 class="title">Manners beloved affixed picture men ask. Explain few led parties...</h2>
</a>
</div>
<!-- anews -->
<div class="col-lg-4">
<a class="anews" href="single-news.html">
<div class="image" style="background-image:url(img/news-2.jpg)"></div>
<div class="date">
<h3 class="big">26</h3>
<span class="little">MARCH, 19</span>
</div>
<div class="category">DESIGN</div>
<h2 class="title">Friendly as stronger speedily by recurred. Son interest wandered...</h2>
</a>
</div>
<!-- anews -->
<div class="col-lg-4">
<a class="anews" href="single-news.html">
<div class="image" style="background-image:url(img/news-1.jpg)"></div>
<div class="date">
<h3 class="big">23</h3>
<span class="little">MARCH, 19</span>
</div>
<div class="category">LIFESTYLE</div>
<h2 class="title">Curiosity continual belonging offending so explained it exquisite...</h2>
</a>
</div>
<!-- anews -->
<div class="col-lg-4">
<a class="anews" href="single-news.html">
<div class="image" style="background-image:url(img/news-3.jpg)"></div>
<div class="date">
<h3 class="big">18</h3>
<span class="little">MARCH, 19</span>
</div>
<div class="category">PHOTOGRAPHY</div>
<h2 class="title">Manners beloved affixed picture men ask. Explain few led parties...</h2>
</a>
</div>
<!-- anews -->
<div class="col-lg-4">
<a class="anews" href="single-news.html">
<div class="image" style="background-image:url(img/news-3.jpg)"></div>
<div class="date">
<h3 class="big">18</h3>
<span class="little">MARCH, 19</span>
</div>
<div class="category">PHOTOGRAPHY</div>
<h2 class="title">Manners beloved affixed picture men ask. Explain few led parties...</h2>
</a>
</div>
<!-- anews -->
<div class="col-lg-4">
<a class="anews" href="single-news.html">
<div class="image" style="background-image:url(img/news-1.jpg)"></div>
<div class="date">
<h3 class="big">19</h3>
<span class="little">MARCH, 19</span>
</div>
<div class="category">LIFESTYLE</div>
<h2 class="title">Curiosity continual belonging offending so explained it exquisite...</h2>
</a>
</div>
</div> <!-- rows end -->
</div>
</section>
</div>
<!-- FOOTER
================================================== -->
<footer>
<div class="container">
<div class="row">
<!-- Copyright -->
<div class="col-lg-4 copyright">
<a href="index.html"><img src="img/logo.png" alt=""></a>
<p>© 2019 Nebro Creative Agency.</p>
</div>
<!-- Social -->
<div class="col-lg-4 ftr-social">
<div class="social">
<a href="#"><i class="fab fa-facebook"></i> </a>
<a href="#"><i class="fab fa-twitter" aria-hidden="true"></i> </a>
<a href="#"><i class="fab fa-instagram" aria-hidden="true"></i> </a>
<a href="#"><i class="fab fa-behance" aria-hidden="true"></i> </a>
<a href="#"><i class="fab fa-dribbble" aria-hidden="true"></i> </a>
</div>
</div>
<!-- Get In Touch -->
<div class="col-lg-4 getintouch">
<h3 class="title">Get In Touch</h3>
<p>hi@yourdomain.com</p>
</div>
</div>
</div>
</footer>
<!-- Javascripts -->
<script src="js/jquery-2.1.4.min.js"></script>
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>
</body>
</html>