diff --git a/assets/images/main-banner-desktop.png b/assets/images/main-banner-desktop.png
new file mode 100644
index 0000000..a2c9f47
Binary files /dev/null and b/assets/images/main-banner-desktop.png differ
diff --git a/assets/images/main-banner-mobile.png b/assets/images/main-banner-mobile.png
new file mode 100644
index 0000000..a0f7541
Binary files /dev/null and b/assets/images/main-banner-mobile.png differ
diff --git a/assets/styles/main.css b/assets/styles/main.css
index 031a596..1466c6c 100644
--- a/assets/styles/main.css
+++ b/assets/styles/main.css
@@ -14,3 +14,19 @@
.header-logo {
display: block;
}
+
+.main-banner{
+ width: 100%;
+}
+
+@media screen and (max-width: 1024px) {
+ .main-banner-desktop {
+ display: none;
+ }
+}
+
+@media screen and (min-width:1025px) {
+ .main-banner-mobile {
+ display: none;
+ }
+}
\ No newline at end of file
diff --git a/index.html b/index.html
index 5e5bf23..e0f3f32 100644
--- a/index.html
+++ b/index.html
@@ -8,14 +8,25 @@
M3 Landing Page
-
+
+
+
+
+
+
+ 
+
+
+ 
+
+
+
+ 
-