Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Change the full Browser functionalities.ADD readme in the nav Bar,create different functional pages #384

Open
wants to merge 1 commit into
base: main
Choose a base branch
from
Open
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Change the full Browser functionalities
  • Loading branch information
tathagata2410 committed Jun 21, 2024
commit 454ac0b942769cf8e3fcfb6423955273175396d3
Binary file added 2151073035.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
82 changes: 82 additions & 0 deletions about.css
Original file line number Diff line number Diff line change
@@ -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;
}
45 changes: 45 additions & 0 deletions about.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,45 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>About Maa-Vimala</title>
<link rel="stylesheet" href="about.css">
</head>
<body>
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="#">Features</a></li>
<li><a href="#">Download</a></li>
<li><a href="#">Contact</a></li>
</ul>
</nav>
<div class="container">
<h1>About Maa-Vimala</h1>
<p>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:</p>

<h2>Features</h2>
<ul>
<li><strong>Perform Search using Keywords:</strong></li>
<ul>
<li>📺 Youtube</li>
<li>🔍 Google</li>
<li>📚 Wikipedia</li>
</ul>
<li><strong>Use Only One Word to Perform Word Search:</strong></li>
<p>Type a single word without spaces to perform quick searches.</p>

<li><strong>Perform Calculations 🧮:</strong></li>
<p>Instantly solve mathematical problems with ease.</p>

<li><strong>Weather Information ☁️:</strong></li>
<p>Get the latest weather updates for your location.</p>

<li><strong>Set To-Do's (Coming Soon ❗):</strong></li>
<p>Stay organized with our upcoming to-do list feature.</p>
</ul>
</div>
</body>
</html>
106 changes: 106 additions & 0 deletions contact.css
Original file line number Diff line number Diff line change
@@ -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;
}
37 changes: 37 additions & 0 deletions contact.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,37 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Contact Us - Maa-Vimala</title>
<link rel="stylesheet" href="contact.css">
</head>
<body>
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="reviews.html">Reviews</a></li>
<li><a href="#">Features</a></li>
<li><a href="#">Download</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
<div class="container">
<h1>Contact Us</h1>
<p>We would love to hear from you! Please fill out the form below to get in touch with us.</p>
<form id="contact-form">
<label for="name">Name:</label>
<input type="text" id="name" name="name" required>

<label for="email">Email:</label>
<input type="email" id="email" name="email" required>

<label for="message">Message:</label>
<textarea id="message" name="message" required></textarea>

<button type="submit">Send Message</button>
</form>
</div>
</body>
</html>
119 changes: 119 additions & 0 deletions home.css
Original file line number Diff line number Diff line change
@@ -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;
}
Loading