fix: viewport scaling to mobile view

- update basic styles as well
dscnitrourkela · Dec 10, 2021 · dfc9a82 · dfc9a82
1 parent 28e46bb
commit dfc9a82
Showing 1 changed file with 44 additions and 8 deletions.
diff --git a/public/support/support.html b/public/support/support.html
@@ -1,8 +1,44 @@
-<html>
-    <body>
-        <h2>Chat Support for Freshers</h2>
-        <!-- Start of HubSpot Embed Code -->
-  <script type="text/javascript" id="hs-script-loader" async defer src="//js.hs-scripts.com/8935877.js"></script>
-  <!-- End of HubSpot Embed Code -->
-    </body>
-</html>
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+	<meta charset="UTF-8">
+	<meta http-equiv="X-UA-Compatible" content="IE=edge">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0">
+	<title>ICS Chat Support</title>
+
+	<style>
+		body {
+			margin: 0;
+			padding: 0;
+			background-color: #d6fdfd;
+		}
+
+		div {
+			margin: 0;
+			padding: 1rem;
+			width: 100%;
+			background: linear-gradient(90deg, #2A7EBC, #66BF93)
+		}
+
+		h2 {
+			font-family: sans-serif;
+			margin: 0;
+			color: white;
+			font-weight: 500;
+			letter-spacing: 2px;
+		}
+	</style>
+</head>
+
+
+<body>
+	<div>
+		<h2>Chat Support for Freshers</h2>
+	</div>
+	<!-- Start of HubSpot Embed Code -->
+	<script type="text/javascript" id="hs-script-loader" async defer src="//js.hs-scripts.com/8935877.js"></script>
+	<!-- End of HubSpot Embed Code -->
+</body>
+
+</html>