144 lines
5.3 KiB
HTML
144 lines
5.3 KiB
HTML
<html>
|
|
<head>
|
|
<title>News</title>
|
|
<link rel="stylesheet" href="css/style.css">
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
|
|
</head>
|
|
<body>
|
|
<div class="head-container">
|
|
<div class="site-banding"><a href="index.html">MOVIE CLUB</a></div>
|
|
<div class="menu">
|
|
<ul>
|
|
<li><a href="index.html">home</a></li>
|
|
<li><a href="aboutus.html">About US</a></li>
|
|
<li><a href="equipment.html">Lease</a></li>
|
|
<li><a href="blog.html">New</a></li>
|
|
<li><a href="join.html" target="_blank">JoinUs</a></li>
|
|
</ul>
|
|
</div>
|
|
<span onclick="openNav()">☰</span>
|
|
<div id="myNav" class="overlay">
|
|
<a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a>
|
|
<div class="overlay-content">
|
|
<a href="index.html">Home</a>
|
|
<a href="aboutus.html">About US</a>
|
|
<a href="equipment.html">Lease</a>
|
|
<a href="blog.html">New</a>
|
|
<a href="join.html" target="_blank">JoinUs</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="mesga">
|
|
<img src="image/blogWall.jpg" width="100%">
|
|
<div class="about_title">Post</div>
|
|
</div>
|
|
|
|
<div class="container">
|
|
<div class="Post_L">
|
|
|
|
<article id="article1" class="article-container">
|
|
<div class="article-date"><b>28<br>FEB<br>2019</b></div>
|
|
<a href="article4.html"><div class="article-img"><img src="image/art5.jpg" alt=""></div>
|
|
<div class="article-main">
|
|
<h1>Shock Wave 2017</h1>
|
|
<div class="article-mainline"></div>
|
|
<p>
|
|
It is Herman Yau directed by Andy investments producer and starred in a Hong Kong and mainland China...
|
|
</p>
|
|
<button type="button" name="button">Read More</button></a>
|
|
</div>
|
|
|
|
</article>
|
|
<article id="article2" class="article-container">
|
|
<div class="article-date"><b>26<br>FEB<br>2019</b></div>
|
|
<a href="article3.html"><div class="article-img"><img src="image/winner-wall.jpg" alt=""></div>
|
|
<div class="article-main">
|
|
<h1>OSCAR WINNERS 2019: SEE THE FULL LIST</h1>
|
|
<div class="article-mainline"></div>
|
|
<p>
|
|
The 2019 Oscar winners are here! It was a night of memorable moments and fabulous firsts...
|
|
</p>
|
|
<button type="button" name="button">Read More</button></a>
|
|
</div>
|
|
|
|
</article>
|
|
<article id="article3" class="article-container">
|
|
<div class="article-date"><b>25<br>FEB<br>2019</b></div>
|
|
<a href="article1.html"><div class="article-img"><img src="image/oscar.png" alt=""></div>
|
|
<div class="article-main">
|
|
<h1>'Oscars All Access' to Stream Exclusively on Twitter</h1>
|
|
<div class="article-mainline"></div>
|
|
<p>
|
|
Red carpet highlights and insider access to the biggest night in Hollywood will be streamed live exclusively on Twitter.
|
|
</p>
|
|
<button type="button" name="button">Read More</button></a>
|
|
</div>
|
|
</article>
|
|
|
|
<article id="article4" class="article-container">
|
|
<div class="article-date"><b>25<br>FEB<br>2019</b></div>
|
|
<a href="article2.html"><div class="article-img"><img src="image/oscar1-full.jpg" alt=""></div>
|
|
<div class="article-main">
|
|
<h1>OSCAR IN MEMORIAM 2019</h1>
|
|
<div class="article-mainline"></div>
|
|
<p>
|
|
Once again, The Oscars took time to honor the many talents we lost during the previous year, the lives they touched and the art they made or made possible.
|
|
</p>
|
|
<button type="button" name="button">Read More</button></a>
|
|
</div>
|
|
</article>
|
|
</div>
|
|
|
|
|
|
<div class="Post_R">
|
|
<div class="Post_R_BOX">
|
|
<div class="widget-area">
|
|
<h4 class="widget-title">02/2019</h4>
|
|
<ul>
|
|
<li>
|
|
<a href="article4.html">Shock Wave </a>
|
|
</li>
|
|
<li>
|
|
<a href="article3.html">OSCARS 2019: GREEN BOOK WINS BEST PICTURE</a>
|
|
</li>
|
|
<li>
|
|
<a href="article2.html">OSCAR IN MEMORIAM 2019</a>
|
|
</li>
|
|
<li>
|
|
<a href="article1.html">91ST OSCARS SHORTLISTS IN NINE AWARD CATEGORIES ANNOUNCED</a>
|
|
</li>
|
|
</ul></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<footer>
|
|
<div class="footer-container">
|
|
<ul class="grid-item-one-half">
|
|
<li><a href="copyright.html">Conitions& Privacy policy</a></li>
|
|
<li><p><br><br><i style="font-size:36px" class="fa"></i>
|
|
<i style="font-size:36px" class="fa"></i>
|
|
<i style="font-size:36px" class="fa"></i></p></li>
|
|
<p style="font-size:12px;">© 2019, FAMC| FILM AND microFILM Co. Ltd.</p>
|
|
</ul>
|
|
|
|
<div class="grid-item-one-half">
|
|
<a href="#email">Join our Catalog<br></a>
|
|
<form action="mailto:test@gmailcom" method="post">
|
|
<input type="email" id="email" name="mail" placeholder="Email Address">
|
|
<button type="submit" name="button">SUBSCRIBE</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
<script>
|
|
function openNav() {
|
|
document.getElementById("myNav").style.width = "100%";
|
|
}
|
|
|
|
function closeNav() {
|
|
document.getElementById("myNav").style.width = "0%";
|
|
}
|
|
</script>
|
|
</body>
|
|
</html>
|