chore: improve home page assets

fonoster · Oct 29, 2023 · 2343c38 · 2343c38
1 parent d08339b
commit 2343c38
Show file tree

Hide file tree

Showing 5 changed files with 18 additions and 1 deletion.
diff --git a/site/assets/css/media.css b/site/assets/css/media.css
@@ -1,3 +1,12 @@
+.mobile-image {
+    display: block;
+}
+
+.desktop-image {
+	margin-left: 60px;
+    display: none;
+}
+
 @media (min-width: 1025px) {
 	.header-wrap .menu-btn {
 		display: none;
@@ -10,6 +19,13 @@
 	.cta-sec-wrap .img-wrap {
 		display: none;
 	}
+
+	.mobile-image {
+        display: none;
+    }
+    .desktop-image {
+        display: block;
+    }
 }
 
 @media (max-width: 1440px) {

diff --git a/site/assets/images/banner-img-desktop.png b/site/assets/images/banner-img-desktop.png
diff --git a/site/assets/images/banner-img.png b/site/assets/images/banner-img.png
diff --git a/site/assets/images/integration-img.png b/site/assets/images/integration-img.png
diff --git a/site/index.html b/site/index.html
@@ -130,7 +130,8 @@ <h1 class="h1 title">Better customer experience<span class="accent-color">...</s
 				<div class="right">
 					<div class="content-box">
 						<div class="img-wrap">
-							<img src="assets/images/banner-img.png" alt="banner-img" width="670" height="370">
+							<img src="assets/images/banner-img.png" alt="banner-img" class="mobile-image">
+							<img src="assets/images/banner-img-desktop.png" alt="banner-img-desktop" class="desktop-image">
 						</div>
 					</div>
 				</div>