Updates (READ DESC)

GdevMan · web-flow · commit f94b50c148e1 · 2025-10-18T11:41:11.000+03:00
Updated index.html, Added CSS, Added contact page (WIP), Added about page
diff --git a/about.html b/about.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>About Us</title>
+</head>
+<body>
+    <div style="text-align: center;">
+    <h1>About Acme Corp</h1>
+    <p>We began our journey on [YEAR] and [...]</p>
+    <p>Our goal is to [...]</p>
+    <a href="index.html">Back</a>
+    </div>
+</body>
+</html>
diff --git a/contact.html b/contact.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Contact Us</title>
+</head>
+<body>
+    <form action="/submit-url" method="post">
+    <label for="name">Name:</label><br>
+    <input type="text" id="name" name="name"><br><br><br>
+    <label for="tell">What Do You Want To Tell Us:</label><br>
+    <input type="text" id="tell" name="tell">
+    <input type="submit" value="Submit">
+    </form>
+    <a href="index.html">Back</a>
+</body>
+</html>
diff --git a/index.html b/index.html
@@ -4,32 +4,35 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Main</title>
+    <link rel="stylesheet" href="style.css">
 </head>
 <body>
     <!--!!!USE THIS ONLY FOR TESTING!!!-->
     <div style="text-align: center;" >
-        <img src="https://shmector.com/_ph/13/188552034.png" loading="lazy" width="500">
+    <img src="https://shmector.com/_ph/13/188552034.png" loading="lazy" width="500" id="top">
     <h1>Welcome to Acme Corp</h1>
     <p>We at Acme Corp value our customers and offer [...]</p>
     <p>Our mission is to [...]</p>
     <a href="#customer_service">Customer Service</a><br>
     <a href="#products">Products</a><br>
-    <a href="#other">Other</a>
+    <a href="about.html" target="_blank">About Us</a>
     <br><br><br><br>
-    <h2 id="products">Our Products</h2>
+    <h2 id="products"><b>Our Products</b></h2>
     <p>Product 1:</p>
-    <img src="https://vectorified.com/image/product-icon-vector-27.png" loading="lazy" width="500"><bR>
-    <button>Buy</button>
+    <img src="https://vectorified.com/image/product-icon-vector-27.png" loading="lazy" width="300"><bR>
+    <button onclick="alert('This does not work!')">Buy</button>
     <p>Product 2:</p>
-    <img src="https://vectorified.com/image/product-icon-vector-27.png" loading="lazy" width="500"><br>
-    <button>Buy</button>
+    <img src="https://vectorified.com/image/product-icon-vector-27.png" loading="lazy" width="300"><br>
+    <button onclick="alert('This does not work!')">Buy</button>
     <p>Product 3:</p>
-    <img src="https://vectorified.com/image/product-icon-vector-27.png" loading="lazy" width="500"><br>
-    <button>Buy</button>
+    <img src="https://vectorified.com/image/product-icon-vector-27.png" loading="lazy" width="300"><br>
+    <button onclick="alert('This does not work!')">Buy</button>
+    <br><br><br><br><br><br><br><br>
     <img src="https://static.vecteezy.com/system/resources/previews/014/873/884/original/customer-service-icon-call-center-icon-design-illustration-customer-service-icon-simple-and-modern-flat-symbol-vector.jpg" loading="lazy" width="300">
     <p id="customer_service">Customer Service Phone number: (555) 444-1234</p>
-    <br><br><br><br>
-    <a href="#products">Back to top</a>
+    <h5>OR</h5>
+    <a href="contact.html">Contact Us</a><br><br>
+    <a href="#top">Back to top</a>
     </div>
 </body>
 </html>
diff --git a/style.css b/style.css
@@ -0,0 +1,10 @@
+h1 {
+    color: orange;
+    text-shadow: 2px 2px;
+}
+body {
+  font-family: 'Courier New', monospace;
+}
+button:hover {
+    cursor: pointer;
+}
