121 lines
4.6 KiB
HTML
121 lines
4.6 KiB
HTML
<html>
|
|
<head>
|
|
<title>Home</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/wall.jpg" width="100%">
|
|
<div class="mesga-box">
|
|
<center>
|
|
<h1 clas="mesga-box-title">“PROFESSIONAL FILMMAKING TECHNOLOGIES.”</h1>
|
|
<div class="mesga-box-sub">movie club</div>
|
|
</center>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="joinUs">
|
|
<center>
|
|
<h1>Movie Club</h1>
|
|
<p>For people who are tired of chitchats and shallow conversations. Join us if you are interested in deeper interaction in philosophy, love, arts, literature, science and society.</p>
|
|
<a href="join.html"><button type="button" name="button">Join Us</button></a>
|
|
</center>
|
|
|
|
</div>
|
|
<div class="main">
|
|
<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>Hong Kong Film Awards</h1>
|
|
<div class="article-mainline"></div>
|
|
<p>
|
|
It is an important award in the Chinese film industry. One of the most outstanding awards in Chinese movies.
|
|
</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>
|
|
</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>
|