-
Notifications
You must be signed in to change notification settings - Fork 1
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
c22274e
commit edb7f7b
Showing
1 changed file
with
60 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -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> |