Professional Documents
Culture Documents
DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>DOWNLOAD SUB INDO</title>
<link rel="stylesheet" href="../style/movies.css">
</head>
<body>
<div class="container">
<div class="header">
<h1>LAYAR KACA 21</h1>
<ul>
<li><a href="#">home</a></li>
<li><a href="#">download</a></li>
<li><a href="#">genre</a></li>
<li><a href="#">negara</a></li>
<li><a href="#">about</a></li>
</ul>
</div>
<div class="banner cf">
<div class="rekom cf">
<h3>rekomendasi film</h3>
<ul>
<li><a href="#">iron man 3</a></li>
<li><a href="#">spiderman : homecomming</a></li>
<li><a href="#">avenger : endgame</a></li>
<li><a href="#">transformers</a></li>
<li><a href="#">starwars</a></li>
<li><a href="#">harry porter</a></li>
<li><a href="#">dillan 1991</a></li>
<li><a href="#">Warkop DKI Reborn</a></li>
<li><a href="#">AAC</a></li>
<li><a href="#">Pengabdi setan</a></li>
</ul>
</div>
<div class="gambar"></div>
</div>
<div class="content cf">
<div class="genre">
<h3>genre</h3>
<ul>
<li><a href="#">horor</a></li>
<li><a href="#">komedi</a></li>
<li><a href="#">romance</a></li>
<li><a href="#">drama</a></li>
<li><a href="#">scifi</a></li>
</ul>
</div>
<div class="film">
<h3>PILIHAN FILM</h3>
<div class="pilihan">
<div class="kotak">film ke 1</div>
<div class="kotak">film ke 2</div>
<div class="kotak">film ke 3</div>
<div class="kotak">film ke 4</div>
<div class="kotak">film ke 5</div>
<div class="kotak">film ke 6</div>
<div class="kotak">film ke 7</div>
<div class="kotak">film ke 8</div>
<div class="kotak">film ke 9</div>
<div class="kotak">film ke 10</div>
<div class="kotak">film ke 11</div>
<div class="kotak">film ke 12</div>
<div class="kotak">film ke 13</div>
<div class="kotak">film ke 14</div>
<div class="kotak">film ke 15</div>
<div class="kotak">film ke 16</div>
<div class="kotak">film ke 17</div>
<div class="kotak">film ke 18</div>
<div class="kotak">film ke 19</div>
<div class="kotak">film ke 20</div>
</div>
</div>
<div class="about">
<h3>PENULIS</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Temporibus, ullam dolorum sed ma
iores eaque veniam quis qui eum aut eius commodi repellendus sit atque fuga voluptate quae eligendi t
empore odio.</p>
</div>
</div>
</div>
</body>
</html>