manga / index.html
imspidey's picture
Upload 37 files
860201f
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>MangaTown - Read Free English Manga Online!</title>
<link rel="stylesheet" type="text/css" href="css/main.css">
<link rel="stylesheet" type="text/css" href="css/media.css">
<link rel="icon" type="image/x-icon" href="img/favicon.ico">
<link type="text/css" href="css/jquery.jscrollpane.css" rel="stylesheet" media="all">
</head>
<body>
<header>
<div class="container">
<a class="logo" href="#"></a>
<nav>
<ul class="navbar">
<li><a href="#">Latest Releases</a></li>
<li><a href="#">Hot Manga</a></li>
<li><a href="#">Manga Directory</a></li>
<li><a href="#">Completed Manga</a></li>
<li><a href="#">Manga Lists</a></li>
<li><a href="#">Partner Manhua<i class="new"></i></a></li>
<li><a href="#">ACG Topics<i class="orz"></i></a></li>
</ul>
</nav>
</div>
<div class="slideShow">
<ul>
<li class="image1 current">
<div class="context">
<p>New Chapter - The Hanged Man</p>
<h2>Servamp</h2>
<div class="button">
<a href="#">Read New Chapter</a>
</div>
</div>
<div class="img-container">
<a href="#"><img src="./img/anime1.jpg"></a>
</div>
</li>
<li class="image2">
<div class="context">
<p>Is there a chance to experience youth once again?</p>
<h2>ReLIFE</h2>
<div class="button">
<a href="#">Read New Chapter</a>
</div>
</div>
<div class="img-container">
<a href="#"><img src="./img/anime2.jpg"></a>
</div>
</li>
<li class="image3">
<div class="context2">
<p>The second year has started!</p>
<h2>Infinite Stratos</h2>
<div class="button">
<a href="#">Read New Chapter</a>
</div>
</div>
<div class="img-container2">
<a href="#"><img src="./img/anime3.jpg"></a>
</div>
</li>
<li class="image4">
<div class="context">
<p>The story of the bittersweet youth of two childhood friends.</p>
<h2>Kakao 79%</h2>
<div class="button">
<a href="#">Read New Chapter</a>
</div>
</div>
<div class="img-container">
<a href="#"><img src="./img/anime4.jpg"></a>
</div>
</li>
</ul>
</div>
</header>
<section class="main">
<nav>
<ul class="main-nav">
<li><a href="#">ROMANCE</a></li>
<li><a href="#">COMEDY</a></li>
<li><a href="#">SHOUJO</a></li>
<li><a href="#">VAMPIRE</a></li>
<li><a href="#">HORROR</a></li>
<li><a href="#">SEINEN</a></li>
<li><a href="#">YOUKAI</a></li>
<li><a href="#">ADVENTURE</a></li>
<li><a href="#">HAREM</a></li>
</ul>
</nav>
<div class="mangas">
<div class="manga-category">
<h1>HOT MANGA</h1>
<div class="button2">
<a href="#">READ MORE</a>
</div>
</div>
<div class="manga-content">
<div class="list-wrap">
<div class="jspContainer">
<ul class="manga-list">
<li>
<a href="#"><img src="./img/yunna.jpg"></a>
<a href="#">Yuragi-sou no Yuuna-san 63</a>
</li>
<li>
<a href="#"><img src="./img/shen.jpg"></a>
<a href="#">Shen Yin Wang Zuo 106</a>
</li>
<li>
<a href="#"><img src="./img/spirit.jpg"></a>
<a href="#">Spirit Blade Mountain 183</a>
</li>
<li>
<a href="#"><img src="./img/tower.jpg"></a>
<a href="#">Tower of God 331</a>
</li>
<li>
<a href="#"><img src="./img/skip.jpg"></a>
<a href="#">Skip Beat 248</a>
</li>
<li>
<a href="#"><img src="./img/wu.jpg"></a>
<a href="#">Wu Dong Qian Kun 53</a>
</li>
<li>
<a href="#"><img src="./img/nana.jpg"></a>
<a href="#">Nanatsu no Taizai 218</a>
</li>
<li>
<a href="#"><img src="./img/relife.jpg"></a>
<a href="#">ReLIFE 180</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="mangas">
<div class="manga-category">
<h1>FEATURED MANGA</h1>
<div class="button2">
<a href="#">READ MORE</a>
</div>
</div>
<div class="manga-content">
<div class="list-wrap">
<div class="jspContainer">
<ul class="manga-list">
<li>
<a href="#"><img src="./img/wata.jpg"></a>
<a href="#">Watashi ga Motete Dousunda</a>
</li>
<li>
<a href="#"><img src="./img/haik.jpg"></a>
<a href="#">Haikyu!</a>
</li>
<li>
<a href="#"><img src="./img/boy.jpg"></a>
<a href="#">Mizutama Honey Boy</a>
</li>
<li>
<a href="#"><img src="./img/nora.jpg"></a>
<a href="#">Noragami</a>
</li>
<li>
<a href="#"><img src="./img/barak.jpg"></a>
<a href="#">Barakamon</a>
</li>
<li>
<a href="#"><img src="./img/majo.jpg"></a>
<a href="#">Yamada-kun to 7-nin no Majo</a>
</li>
<li>
<a href="#"><img src="./img/hero.jpg"></a>
<a href="#">Boku no Hero Academia</a>
</li>
<li>
<a href="#"><img src="./img/tate.jpg"></a>
<a href="#">Tate no Yuusha no Nariagari</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="mangas">
<div class="manga-category">
<h1>NEW MANGA</h1>
<div class="button2">
<a href="#">READ MORE</a>
</div>
</div>
<div class="manga-content">
<div class="list-wrap">
<div class="jspContainer">
<ul class="manga-list">
<li>
<a href="#"><img src="./img/chi.jpg"></a>
<a href="#">Maiko-san Chi no Makanai-san 3</a>
</li>
<li>
<a href="#"><img src="./img/boku.jpg"></a>
<a href="#">Boku Dake Shitteru...-san 4</a>
</li>
<li>
<a href="#"><img src="./img/tou.jpg"></a>
<a href="#">Touhou Project dj...okou 1</a>
</li>
<li>
<a href="#"><img src="./img/diji.jpg"></a>
<a href="#">Tianxia Diji 2</a>
</li>
<li>
<a href="#"><img src="./img/hana.jpg"></a>
<a href="#">Hana Haru 4</a>
</li>
<li>
<a href="#"><img src="./img/slash.jpg"></a>
<a href="#">Slash 4</a>
</li>
<li>
<a href="#"><img src="./img/go.jpg"></a>
<a href="#">Let's Go! Nanastar Coms 20</a>
</li>
<li>
<a href="#"><img src="./img/miao.jpg"></a>
<a href="#">Miao Shou Xian Dan 1.3</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<footer>
<div class="contain">
<ul class="resources">
<li><a href="#">Affiliates</a></li>
<li><a href="#">Z6 Shop</a></li>
<li><a href="#">Manga App</a></li>
<li><a href="#">Fan Page</a></li>
<li><a href="#">Hot Topics</a></li>
<li><a href="#">Anime Products</a></li>
<li><a href="#">Trending News</a></li>
</ul>
<ul class="moreInfo">
<li><a href="#">Privacy Policy</a></li>
<li><a href="#">Terms of Service</a></li>
<li><a href="#">Contact Us</a></li>
<li><a href="#">Affiliates</a></li>
<li><a href="#">Sitemap</a></li>
</ul>
<p> &copy; 2017 MangaTown.com</p>
</div>
</footer>
</body>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.jscrollpane.min.js"></script>
<script src="js/main.js"></script>
</html>