diff --git a/2151073035.jpg b/2151073035.jpg new file mode 100644 index 0000000..53b474f Binary files /dev/null and b/2151073035.jpg differ diff --git a/about.css b/about.css new file mode 100644 index 0000000..b837aaa --- /dev/null +++ b/about.css @@ -0,0 +1,82 @@ +body { + margin: 0; + padding: 0; + font-family: Arial, sans-serif; + background-image: url('https://images.unsplash.com/photo-1717799513336-b9b42139d79d?q=80&w=1932&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D'); + background-size: cover; + background-repeat: no-repeat; + background-attachment: fixed; + background-position: center; + color: white; + display: flex; + flex-direction: column; + align-items: center; + text-align: center; +} + +nav { + width: 100%; + background: rgba(0, 0, 0, 0.8); + position: fixed; + top: 0; + left: 0; + display: flex; + justify-content: center; + z-index: 1000; +} + +nav ul { + list-style: none; + padding: 0; + margin: 0; + display: flex; +} + +nav ul li { + margin: 0 15px; +} + +nav ul li a { + color: white; + text-decoration: none; + font-size: 18px; + padding: 15px 20px; + display: block; +} + +nav ul li a:hover { + background-color: #4CAF50; + border-radius: 5px; +} + +.container { + background: rgba(0, 0, 0, 0.5); + padding: 30px; + border-radius: 12px; + margin-top: 80px; /* Space for the navbar */ + width: 80%; +} + +h1 { + margin: 0; + font-size: 3em; +} + +p { + font-size: 1.2em; + margin: 20px 0; +} + +h2 { + margin-top: 30px; +} + +ul { + text-align: left; + padding-left: 20px; +} + +li { + font-size: 1.2em; + margin: 10px 0; +} diff --git a/about.html b/about.html new file mode 100644 index 0000000..e2a1dce --- /dev/null +++ b/about.html @@ -0,0 +1,45 @@ + + + + + + About Maa-Vimala + + + + +
+

About Maa-Vimala

+

Welcome to Maa-Vimala, a game-changing tool for developers who live for the thrill of a keyboard shortcut. Our tool is designed to make your digital life easier and more efficient. Here are some of the amazing features you can enjoy:

+ +

Features

+ +
+ + diff --git a/contact.css b/contact.css new file mode 100644 index 0000000..bdd272e --- /dev/null +++ b/contact.css @@ -0,0 +1,106 @@ +body { + margin: 0; + padding: 0; + font-family: Arial, sans-serif; + background-image: url('https://images.unsplash.com/photo-1717799513336-b9b42139d79d?q=80&w=1932&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D'); + background-size: cover; + background-repeat: no-repeat; + background-attachment: fixed; + background-position: center; + color: white; + display: flex; + flex-direction: column; + align-items: center; + text-align: center; +} + +nav { + width: 100%; + background: rgba(0, 0, 0, 0.8); + position: fixed; + top: 0; + left: 0; + display: flex; + justify-content: center; + z-index: 1000; +} + +nav ul { + list-style: none; + padding: 0; + margin: 0; + display: flex; +} + +nav ul li { + margin: 0 15px; +} + +nav ul li a { + color: white; + text-decoration: none; + font-size: 18px; + padding: 15px 20px; + display: block; +} + +nav ul li a:hover { + background-color: #4CAF50; + border-radius: 5px; +} + +.container { + background: rgba(0, 0, 0, 0.5); + padding: 30px; + border-radius: 12px; + margin-top: 80px; /* Space for the navbar */ + width: 80%; +} + +h1 { + margin: 0; + font-size: 3em; +} + +p { + font-size: 1.2em; + margin: 20px 0; +} + +form { + display: flex; + flex-direction: column; + align-items: center; + margin-top: 20px; +} + +label { + font-size: 1.2em; + margin: 10px 0 5px 0; +} + +input, textarea { + width: 80%; + padding: 10px; + margin-bottom: 20px; + border: none; + border-radius: 5px; +} + +button { + background-color: #4CAF50; + border: none; + color: white; + padding: 15px 32px; + text-align: center; + text-decoration: none; + display: inline-block; + font-size: 16px; + cursor: pointer; + border-radius: 12px; + transition: background-color 0.3s; +} + +button:hover { + background-color: #45a049; +} diff --git a/contact.html b/contact.html new file mode 100644 index 0000000..636b37a --- /dev/null +++ b/contact.html @@ -0,0 +1,37 @@ + + + + + + Contact Us - Maa-Vimala + + + + +
+

Contact Us

+

We would love to hear from you! Please fill out the form below to get in touch with us.

+
+ + + + + + + + + + +
+
+ + diff --git a/home.css b/home.css new file mode 100644 index 0000000..d0ea420 --- /dev/null +++ b/home.css @@ -0,0 +1,119 @@ +body { + margin: 0; + padding: 0; + font-family: Arial, sans-serif; + background-image: url('https://images.unsplash.com/photo-1717799513336-b9b42139d79d?q=80&w=1932&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D'); + background-size: cover; + background-repeat: no-repeat; + background-attachment: fixed; + background-position: center; + color: white; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + height: 100vh; + text-align: center; +} + +nav { + width: 100%; + background: rgba(0, 0, 0, 0.8); + position: fixed; + top: 0; + left: 0; + display: flex; + justify-content: center; + z-index: 1000; +} + +nav ul { + list-style: none; + padding: 0; + margin: 0; + display: flex; +} + +nav ul li { + margin: 0 15px; +} + +nav ul li a { + color: white; + text-decoration: none; + font-size: 18px; + padding: 15px 20px; + display: block; +} + +nav ul li a:hover { + background-color: #4CAF50; + border-radius: 5px; +} + +.container { + background: rgba(0, 0, 0, 0.5); + padding: 30px; + border-radius: 12px; + margin-top: 80px; /* Space for the navbar */ +} + +h1 { + margin: 0; + font-size: 3em; +} + +p { + font-size: 1.2em; + margin: 20px 0; +} + +button { + background-color: #4CAF50; + border: none; + color: white; + padding: 15px 32px; + text-align: center; + text-decoration: none; + display: inline-block; + font-size: 16px; + margin: 4px 2px; + cursor: pointer; + border-radius: 12px; + transition: background-color 0.3s; +} + +button a { + color: white; + text-decoration: none; +} + +button:hover { + background-color: #45a049; +} + +.back-to-home { + position: fixed; + bottom: 20px; + left: 50%; + transform: translateX(-50%); + background-color: #4CAF50; + border: none; + color: white; + padding: 15px 32px; + text-align: center; + text-decoration: none; + display: inline-block; + font-size: 16px; + cursor: pointer; + border-radius: 12px; +} + +.back-to-home a { + color: white; + text-decoration: none; +} + +.back-to-home:hover { + background-color: #45a049; +} diff --git a/home.html b/home.html new file mode 100644 index 0000000..27b95d0 --- /dev/null +++ b/home.html @@ -0,0 +1,30 @@ + + + + + + Maa-Vimala - Home + + + + +
+

Maa-Vimala

+

Calling all keyboard enthusiasts! ๐Ÿš€ Ever wish you could conquer the digital realm without lifting a finger off your beloved keys? Well, say hello to our latest creationโ€”a game-changing tool for developers who live for the thrill of a keyboard shortcut.

+ +
+ + + + diff --git a/index.html b/index.html index 22152de..83ac7a4 100644 --- a/index.html +++ b/index.html @@ -12,20 +12,21 @@ Maa-Vimala - +
- +
@@ -44,12 +45,28 @@

Start Typing To Search...

- +
+