diff --git a/Muhammad Ivan Ardianadi Afiat/image/Interstellar-background.jpg b/Muhammad Ivan Ardianadi Afiat/image/Interstellar-background.jpg new file mode 100644 index 0000000..ac21795 Binary files /dev/null and b/Muhammad Ivan Ardianadi Afiat/image/Interstellar-background.jpg differ diff --git a/Muhammad Ivan Ardianadi Afiat/image/Interstellar-poster.jpg b/Muhammad Ivan Ardianadi Afiat/image/Interstellar-poster.jpg new file mode 100644 index 0000000..227e1e2 Binary files /dev/null and b/Muhammad Ivan Ardianadi Afiat/image/Interstellar-poster.jpg differ diff --git a/Muhammad Ivan Ardianadi Afiat/image/Interstellar-poster1.jpg b/Muhammad Ivan Ardianadi Afiat/image/Interstellar-poster1.jpg new file mode 100644 index 0000000..547c1f0 Binary files /dev/null and b/Muhammad Ivan Ardianadi Afiat/image/Interstellar-poster1.jpg differ diff --git a/Muhammad Ivan Ardianadi Afiat/image/Interstellar-poster2.jpg b/Muhammad Ivan Ardianadi Afiat/image/Interstellar-poster2.jpg new file mode 100644 index 0000000..70e2afc Binary files /dev/null and b/Muhammad Ivan Ardianadi Afiat/image/Interstellar-poster2.jpg differ diff --git a/Muhammad Ivan Ardianadi Afiat/image/Interstellar-poster3.jpg b/Muhammad Ivan Ardianadi Afiat/image/Interstellar-poster3.jpg new file mode 100644 index 0000000..32c3d61 Binary files /dev/null and b/Muhammad Ivan Ardianadi Afiat/image/Interstellar-poster3.jpg differ diff --git a/Muhammad Ivan Ardianadi Afiat/index.html b/Muhammad Ivan Ardianadi Afiat/index.html new file mode 100644 index 0000000..fc60d1d --- /dev/null +++ b/Muhammad Ivan Ardianadi Afiat/index.html @@ -0,0 +1,46 @@ + + + + + + + Interstellar Movie Landing + + +
+

I n t e r s t e l l a r

+
+ +
+
+

Synopsis

+

"Interstellar" is a masterpiece science fiction film directed by Christopher Nolan.

+

In Earth's future, a global crop blight and second Dust Bowl are slowly rendering the planet uninhabitable. Professor Brand (Michael Caine), a brilliant NASA physicist, is working on plans to save mankind by transporting Earth's population to a new home via a wormhole. But first, Brand must send former NASA pilot Cooper (Matthew McConaughey) and a team of researchers through the wormhole and across the galaxy to find out which of three planets could be mankind's new home.

+
+ Watch Trailer + Listen Soundtrack 1 + Listen Soundtrack 2 +
+
+
+ Interstellar Movie Scene +
+
+ +
+
+ Additional Image 1 +
+
+ Additional Image 2 +
+
+ Additional Image 3 +
+
+ + + + diff --git a/Muhammad Ivan Ardianadi Afiat/styles.css b/Muhammad Ivan Ardianadi Afiat/styles.css new file mode 100644 index 0000000..4b046b5 --- /dev/null +++ b/Muhammad Ivan Ardianadi Afiat/styles.css @@ -0,0 +1,113 @@ +/* Reset some default styles */ +body, h1, h2, p, a, img { + margin: 0; + padding: 0; +} + +body { + background-image: url('image/Interstellar-background.jpg'); + background-size: cover; + background-position: center; + background-repeat: no-repeat; + font-family: Arial, sans-serif; + line-height: 1.6; +} + +/* Basic styling */ +header { + background-color: rgba(0, 0, 0, 0); + color: white; + text-align: center; + padding: 1rem; +} + +#main-content { + background-color: rgba(255, 255, 255, 0.7); + display: flex; + align-items: center; + justify-content: center; + padding: 2rem; + margin-top: 20px; +} + +.movie-info { + flex: 1; + padding: 1rem; +} + +.movie-info h2 { + font-size: 1.5rem; + margin-bottom: 1rem; +} + +.movie-info p { + margin-bottom: 1rem; + text-align: justify; +} + +.cta-button { + display: inline-block; + padding: 10px 20px; + background-color: #000000; + color: white; + text-decoration: none; + border-radius: 8px; + margin-top: 1rem; +} + +.cta-buttons { + text-align: left; +} + +.cta-buttons .cta-button { + display: inline-block; + margin: 1 5px; +} + +.movie-image { + flex: 1; + text-align: center; + padding: 1rem; +} + +.movie-image img { + max-width: 100%; + height: auto; + border: 2px solid #ddd; + border-radius: 5px; +} + +.movie-scene { + max-width: 100%; + height: auto; + max-height: 350px; + border: 2px solid #ddd; + border-radius: 5px; +} + +#sub-content { + display: flex; + justify-content: center; + align-items: center; + padding: 1rem; +} + +.additional-image { + flex: 1; + padding: 0rem; + text-align: center; +} + +.additional-image img { + width: 100%; + height: 300px; + object-fit: scale-down; + border-radius: 5px; +} + +footer { + text-align: center; + padding: 1rem; + background-color: #000000; + color: white; +}