menambahkan 3 film

Author: MuhammadMallq

index.html

@@ -18,7 +18,6 @@ <h1>Daftar Film Terkini Cik</h1>
             <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>
-            <!-- Tautan ke halaman pesan tiket -->
             <a href="pesan-tiket.html" class="btn-ticket">Pesan Tiket Sekarang</a>
             <div class="trailer">
                 <video controls>
@@ -32,7 +31,6 @@ <h2>Ambalan 1969</h2>
             <img src="Ambaheimer.jpg" alt="Judul Film 2">
             <h2>Ambaheimer 2069</h2>
             <p>Kisah kehidupan S. Rushdi Ambaheimer, fisikawan teoretis Ngawi Serikat yang membantu mengembangkan senjata nuklir pertama selama Perang Dunia II.</p>
-            <!-- Tautan ke halaman pesan tiket -->
             <a href="pesan-tiket.html" class="btn-ticket">Pesan Tiket Sekarang</a>
             <div class="trailer">
                 <video controls>
@@ -41,7 +39,7 @@ <h2>Ambaheimer 2069</h2>
                 </video>
             </div>
         </div>
-        
+
         <div class="movie">
             <img src="Ambatron.jpg" alt="Judul Film 3">
             <h2>Ambatron X Rusdi</h2>
@@ -54,12 +52,50 @@ <h2>Ambatron X Rusdi</h2>
                 </video>
             </div>
         </div>
+
+        <div class="movie">
+            <img src="FilmBaru1.jpg" alt="Judul Film Baru 1">
+            <h2>Film Baru 1</h2>
+            <p>Deskripsi singkat tentang Film Baru 1. Ceritanya berkisar pada petualangan menarik di tahun 2070.</p>
+            <a href="pesan-tiket.html" class="btn-ticket">Pesan Tiket Sekarang</a>
+            <div class="trailer">
+                <video controls>
+                    <source src="Trailer FilmBaru1.mp4" type="video/mp4">
+                    Browser Anda tidak mendukung video.
+                </video>
+            </div>
+        </div>
+
+        <!-- Film baru 2 -->
+        <div class="movie">
+            <img src="FilmBaru2.jpg" alt="Judul Film Baru 2">
+            <h2>Film Baru 2</h2>
+            <p>Kisah mendalam tentang seorang pahlawan yang bangkit dari kehancuran dan menyelamatkan dunia.</p>
+            <a href="pesan-tiket.html" class="btn-ticket">Pesan Tiket Sekarang</a>
+            <div class="trailer">
+                <video controls>
+                    <source src="Trailer FilmBaru2.mp4" type="video/mp4">
+                    Browser Anda tidak mendukung video.
+                </video>
+            </div>
+        </div>
+
+        <!-- Film baru 3 -->
+        <div class="movie">
+            <img src="FilmBaru3.jpg" alt="Judul Film Baru 3">
+            <h2>Film Baru 3</h2>
+            <p>Drama menyentuh hati tentang cinta, kehilangan, dan penemuan jati diri dalam situasi yang tak terduga.</p>
+            <a href="pesan-tiket.html" class="btn-ticket">Pesan Tiket Sekarang</a>
+            <div class="trailer">
+                <video controls>
+                    <source src="Trailer FilmBaru3.mp4" type="video/mp4">
+                    Browser Anda tidak mendukung video.
+                </video>
+            </div>
+        </div>
     </section>
 
     <footer>
-    <p>&copy; 2024 Bioskop Alomani. All rights reserved. copyright tikotk</p>
-=======
-        <!-- Tautan ke halaman 404 -->
         <a href="404.html" class="button">Coba Halaman 404</a>
         <p>&copy; 2024 Bioskop Alomani. All rights reserved.</p>
     </footer>

pesan-tiket.html

@@ -35,10 +35,11 @@ <h2>Formulir Pemesanan Tiket</h2>
             <input type="number" id="jumlah" name="jumlah" min="1" max="10" placeholder="1" required>
 
             <button type="submit" class="btn-submit">Pesan Sekarang</button>
-            <a href="konfirmasi.html"></a>
+            <a href="konfirmasi.html" class="btn-submit"></a>
         </form>
     </div>
 
+    
     <footer>
         <p>&copy; 2024 Bioskop Alomani. All rights reserved.</p>
     </footer>

styles.css

@@ -77,7 +77,7 @@ header h1 {
 }
 
 .movie img {
-    width: 100%;
+    width: 80%;
     border-radius: 10px;
     margin-bottom: 1rem;
 }