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
### Setup account
git config --global user.name "your_username"
git config --global user.email johndoe@example.com
# first time
```
git init
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 push -u origin main
```
# already existing repo
## Running application
1. Clone App
1. clone it.
```
git clone https://hackethon.ai/hack/Sanju-15/aquaguardian.git
cd aquaguardian
```
2. Run the live server.
git add .
git commit -m "msg"
git push
```

48
index.html
Unescape View File

@ -3,7 +3,8 @@
<head>
<meta charset="UTF-8">
<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>
body {
@ -12,19 +13,22 @@
margin: 0;
padding: 0;
background-color: #f4f4f9;
color: #333;
color: #ededed;
}
.container {
max-width: 800px;
margin: 20px auto;
background: #fff;
padding: 20px;
border-radius: 8px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
margin-top: 50 px;
/* background: #fff; */
/* padding: 20px; */
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 {
text-align: center;
color: #0066cc;
color: #ADD8E6;
}
.form-group {
margin-bottom: 15px;
@ -35,11 +39,16 @@
font-weight: bold;
}
input[type="text"], input[type="email"], textarea {
width: 100%;
width: 65%;
padding: 8px;
margin: 5px 0;
border: 1px solid #ccc;
border-radius: 4px;
/* margin: 20px ; */
border: none;
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"] {
margin-right: 10px;
@ -49,13 +58,18 @@
height: 80px;
}
button {
align-items:center;
display: block;
width: 100%;
padding: 10px;
background-color: #0066cc;
width: 50%;
padding: 10px 20px;
margin: 0 auto;
background-color: rgba(0, 0, 0, 0.5);
box-shadow= inset -3px -3px rgba(0, 0, 0, 0.5);
color: #fff;
border: none;
border-radius: 4px;
outline: none;
border-radius: 20px;
font-size:1rem;
cursor: pointer;
font-size: 16px;
}
@ -78,13 +92,13 @@
<!-- Full Name -->
<div class="form-group">
<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>
<!-- Email -->
<div class="form-group">
<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>
<!-- 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