From edb7f7b9585a039f386548f1f06dea1386a191e0 Mon Sep 17 00:00:00 2001
From: T <154358121+TMHSDigital@users.noreply.github.com>
Date: Mon, 8 Jul 2024 21:05:08 -0400
Subject: [PATCH] Create about.html

---
 about.html | 60 ++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 60 insertions(+)
 create mode 100644 about.html
diff --git a/about.html b/about.html
new file mode 100644
index 0000000..34d66a1
--- /dev/null
+++ b/about.html
@@ -0,0 +1,60 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>About - Futuristic Image Resizer</title>
+    <script src="https://cdn.tailwindcss.com"></script>
+    <link href="https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700&family=Roboto:wght@300;400;700&display=swap" rel="stylesheet">
+    <style>
+        body {
+            font-family: 'Roboto', sans-serif;
+            background-color: #000;
+            color: #fff;
+        }
+        h1, h2 {
+            font-family: 'Orbitron', sans-serif;
+        }
+        .neon-border {
+            box-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #0ff, 0 0 35px #0ff, 0 0 40px #0ff, 0 0 50px #0ff, 0 0 75px #0ff;
+        }
+        .neon-text {
+            text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #0ff, 0 0 35px #0ff, 0 0 40px #0ff;
+        }
+    </style>
+</head>
+<body class="min-h-screen flex items-center justify-center p-4">
+    <div class="bg-gray-900 p-8 rounded-lg neon-border max-w-4xl w-full">
+        <h1 class="text-4xl font-bold mb-8 text-center neon-text">About Our Image Resizer</h1>
+        
+        <nav class="mb-8">
+            <ul class="flex justify-center space-x-4">
+                <li><a href="index.html" class="text-blue-400 hover:text-blue-300">Home</a></li>
+                <li><a href="about.html" class="text-blue-400 hover:text-blue-300">About</a></li>
+            </ul>
+        </nav>
+
+        <div class="space-y-6 text-gray-300">
+            <p>Welcome to our Futuristic Image Resizer! This tool is designed to help you quickly and easily resize your images for various purposes.</p>
+            
+            <h2 class="text-2xl font-semibold text-blue-300">Features:</h2>
+            <ul class="list-disc list-inside space-y-2">
+                <li>Simple and intuitive interface</li>
+                <li>Fast processing</li>
+                <li>Maintain aspect ratio or set custom dimensions</li>
+                <li>Free to use</li>
+            </ul>
+
+            <h2 class="text-2xl font-semibold text-blue-300">How to Use:</h2>
+            <ol class="list-decimal list-inside space-y-2">
+                <li>Upload your image</li>
+                <li>Set your desired width and height</li>
+                <li>Click 'Resize Image'</li>
+                <li>Download your resized image</li>
+            </ol>
+
+            <p>Our Image Resizer is perfect for preparing images for social media, websites, or any other digital platform that requires specific image dimensions.</p>
+        </div>
+    </div>
+</body>
+</html>
