Sanju-15
/
aquaguardian
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

msg

Browse Source
main
Sanju-15 6 months ago
parent 6c40830283
commit 6eebac4540
4 changed files with 55 additions and 26 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 26
      README.md
  2. 48
      index.html
  3. 7
      style.css
  4. BIN
      water.jpg

26
README.md
Unescape View File

@ -1,11 +1,21 @@
## Running application
1. Clone App
```
git clone https://hackethon.ai/hack/Sanju-15/aquaguardian.git
cd aquaguardian
```
2. Run the live server.
## Github Setup ## Github Setup
### Setup account ### Setup account
git config --global user.name "your_username" git config --global user.name "your_username"
git config --global user.email johndoe@example.com git config --global user.email johndoe@example.com
# first time # first time
```
git init git init
git checkout -b main git checkout -b main
@ -17,15 +27,13 @@ git commit -m "first commit"
git remote add origin https://hackethon.ai/hack/Sanju-15/aquaguardian.git git remote add origin https://hackethon.ai/hack/Sanju-15/aquaguardian.git
git push -u origin main git push -u origin main
```
# already existing repo # already existing repo
## Running application 1. clone it.
1. Clone App
``` ```
git clone https://hackethon.ai/hack/Sanju-15/aquaguardian.git git add .
cd aquaguardian git commit -m "msg"
``` git push
```
2. Run the live server.

48
index.html
Unescape View File

@ -3,7 +3,8 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Water Conservation Survey form</title> <title>AquaGuardians</title>
<link rel="stylesheet" href="style.css">
<style> <style>
body { body {
@ -12,19 +13,22 @@
margin: 0; margin: 0;
padding: 0; padding: 0;
background-color: #f4f4f9; background-color: #f4f4f9;
color: #333; color: #ededed;
} }
.container { .container {
max-width: 800px; max-width: 800px;
margin: 20px auto; margin: 20px auto;
background: #fff; margin-top: 50 px;
padding: 20px; /* background: #fff; */
border-radius: 8px; /* padding: 20px; */
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); border: 1px solid black;
background-color: rgba(0, 0, 0, 0.5);
box-shadow: inset -5px -5px rgba(0, 0, 0, 0.5);
border-radius: 25px;
} }
h1 { h1 {
text-align: center; text-align: center;
color: #0066cc; color: #ADD8E6;
} }
.form-group { .form-group {
margin-bottom: 15px; margin-bottom: 15px;
@ -35,11 +39,16 @@
font-weight: bold; font-weight: bold;
} }
input[type="text"], input[type="email"], textarea { input[type="text"], input[type="email"], textarea {
width: 100%; width: 65%;
padding: 8px; padding: 8px;
margin: 5px 0; /* margin: 20px ; */
border: 1px solid #ccc; border: none;
border-radius: 4px; outline: none;
border-radius: 20px;
background-color: rgba(0, 0, 0, 0.5);
box-shadow: inset -3px -3px rgba(0, 0, 0, 0.5);
color: white;
font-size:1rem;
} }
input[type="radio"] { input[type="radio"] {
margin-right: 10px; margin-right: 10px;
@ -49,13 +58,18 @@
height: 80px; height: 80px;
} }
button { button {
align-items:center;
display: block; display: block;
width: 100%; width: 50%;
padding: 10px; padding: 10px 20px;
background-color: #0066cc; margin: 0 auto;
background-color: rgba(0, 0, 0, 0.5);
box-shadow= inset -3px -3px rgba(0, 0, 0, 0.5);
color: #fff; color: #fff;
border: none; border: none;
border-radius: 4px; outline: none;
border-radius: 20px;
font-size:1rem;
cursor: pointer; cursor: pointer;
font-size: 16px; font-size: 16px;
} }
@ -78,13 +92,13 @@
<!-- Full Name --> <!-- Full Name -->
<div class="form-group"> <div class="form-group">
<label for="fullName">Full Name:</label> <label for="fullName">Full Name:</label>
<input type="text" id="fullName" name="fullName" required> <input type="text" id="fullName" name="fullName" placeholder="Enter username" required>
</div> </div>
<!-- Email --> <!-- Email -->
<div class="form-group"> <div class="form-group">
<label for="email">Email:</label> <label for="email">Email:</label>
<input type="email" id="email" name="email" required> <input type="email" id="email" name="email" placeholder= "Enter Password" required>
</div> </div>
<!-- General Awareness --> <!-- General Awareness -->

7
style.css
Unescape View File

@ -0,0 +1,7 @@
body{
background-image: url(water.jpg);
background-repeat: no-repeat;
background-position: center;
background-attachment: fixed;
background-size:cover;
}

BIN
water.jpg
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 392 KiB

Write Preview
Loading…
Cancel
Save