Release v1.0.0

Hutoorg · Nov 27, 2022 · 97e01ad · 97e01ad
1 parent f281130
commit 97e01ad
Show file tree

Hide file tree

Showing 5 changed files with 55 additions and 27 deletions.
diff --git a/asset/favicon.ico b/asset/favicon.ico
diff --git a/asset/favicon.png b/asset/favicon.png
diff --git a/asset/style.css b/asset/style.css
diff --git a/index.html b/index.html
@@ -3,21 +3,27 @@
 
 <head>
     <title>Contact us</title>
-    <link rel="icon" type="image/x-icon" href="/Contactus/asset/favicon.ico">
-    <link rel="stylesheet" href="/Contactus/asset/style.css">
+    <link rel="icon" type="image/x-icon" href="asset/favicon.ico">
+    <link rel="stylesheet" href="style.css">
 </head>
 
 <body>
     <div class="container">
-        <form>
+        <form action="https://discord.com/api/webhooks/1046311366908203099/Uxyk_1pBUamgs5IibGCM5VwbGOyRH8lqFQUbJAGsIewAHdv9a2iHQYCoIiJrQDHpGY2E" method="post">
             <h3>Contact us</h3>
             <input type="text" id="name" placeholder="Your Name" required>
             <input type="email" id="email" placeholder="Email" required>
             <input type="text" id="phone" placeholder="Phone no." required>
-            <textarea id="message" rows="4"></textarea>
-            <button type="submit">Submit</button>
+            <textarea id="message" rows="4" placeholder="Message us"></textarea>
+            <button type="submit" onclick="sub()">Submit</button>
         </form>
     </div>
+
+    <script>
+        function sub() {
+            alert("Sent!")
+        }
+    </script>
 </body>
 
 </html>
diff --git a/style.css b/style.css
@@ -0,0 +1,44 @@
+* {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+    font-family: 'SF Pro Rounded', sans-serif;
+    transition-duration: 900ms;
+}
+
+.container {
+    width: 100%;
+    height: 100vh;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background-image: linear-gradient(to right top, #d16ba5, #c777b9, #ba83ca, #aa8fd8, #9a9ae1, #8aa7ec, #79b3f4, #69bff8, #52cffe, #41dfff, #46eefa, #5ffbf1);
+}
+
+form {
+    background: rgb(245, 245, 245);
+    display: flex;
+    flex-direction: column;
+    padding: 2vw 4vw;
+    width: 90%;
+    max-width: 600px;
+    border-radius: 10mm;
+}
+
+input, textarea, button {
+    margin: 10px 0;
+    padding: 5px;
+    outline: none;
+    border-radius: 15px;
+    border: none;
+}
+
+button {
+    background-color: lightseagreen;
+    color: white;
+}
+
+button:hover {
+    background-color: lightskyblue;
+    color: black;
+}