isi

MuhammadMallq · web-flow · commit 7c7a453b2ab0 · 2024-10-22T19:22:39.000+07:00
diff --git a/index.html b/index.html
@@ -10,12 +10,55 @@
 </head>
 <body>
     <div class="container">
-        <h1>Selamat Datang di Beranda saya!</h1>
+        <h1>Selamat Datang di Beranda!</h1>
         <p>Ini adalah halaman utama situs web Anda.</p>
         <a href="404.html" class="button">Coba Halaman 404</a>
     </div>
 </head>
 <body>
     <header>
         <h1>Daftar Film Terkini Cik</h1>
-    </header>
+    </header>
+    <section class="movie-list">
+        <div class="movie">
+            <img src="Ambalan.jpg" alt="Judul Film 1">
+            <h2>Ambalan 1969</h2>
+            <p> Dia Adalah Ambalanku Tahun 1969” bercerita tentang kisah cinta dua remaja asal Ngawi City pada tahun 1969an, Ambalan dikenal sebagai Ketua GengMotor.</p>
+            <button class="btn-ticket">Pesan Tiket</button>
+            <div class="trailer">
+                <video controls>
+                    <source src="Trailer Ambalan.mp4" type="video/mp4">
+                    Browser Anda tidak mendukung video.
+                </video>
+            </div>
+        </div>
+        <div class="movie">
+            <img src="Ambaheimer.jpg" alt="Judul Film 2">
+            <h2>Ambaheimer 2023</h2>
+            <p>Kisah kehidupan S. Rushdi Ambaheimer, fisikawan teoretis Ngawi Serikat yang membantu mengembangkan senjata nuklir pertama selama Perang Dunia II.</p>
+            <button class="btn-ticket">Pesan Tiket</button>
+            <div class="trailer">
+                <video controls>
+                    <source src="Trailer Ambaheimer.mp4" type="video/mp4">
+                    Browser Anda tidak mendukung video.
+                </video>
+            </div>
+        </div>
+        <div class="movie">
+            <img src="Ambatron.jpg" alt="Judul Film 3">
+            <h2>Ambatron X Rusdi</h2>
+            <p>kecerdasan buatan yang sangat cerdas dan sadar diri dalam tubuh robot yang mengembangkan kompleks dewa dan dendam terhadap penciptanya Rusdi.</p>
+            <button class="btn-ticket">Pesan Tiket</button>
+            <div class="trailer">
+                <video controls>
+                    <source src="Trailer Ambatron.mp4" type="video/mp4">
+                    Browser Anda tidak mendukung video.
+                </video>
+            </div>
+        </div>
+    </section>
+    <footer>
+    <p>&copy; 2024 Bioskop Alomani. All rights reserved.</p>
+    </footer>
+</body>
+</html>
diff --git a/styles.css b/styles.css
@@ -85,4 +85,4 @@ footer {
     background-color: #2c3e50;
     color: white;
     margin-top: 2rem;
-}
+}
