Skip to content

Commit ddcf862

Browse files
ZeroDeath2ZeroDeath2
authored
Add files via upload
0 parents  commit ddcf862

9 files changed

+248
-0
lines changed

‎README.md

+1
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
"# TinkHack"

‎back.jpg

603 KB
Loading

‎datacollection.html

+59
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,59 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" >
8+
<link rel="stylesheet" href="./stl_data.css">
9+
<title>I am ready to help</title>
10+
</head>
11+
<body>
12+
<div class="container py-5">
13+
<div class="row">
14+
<div class="box">
15+
<div class="col-lg-5 col-md-8 mx-auto shadow-lg p-3 mb-5 bg-white rounded border bg-white p-5 rounded">
16+
<h2 class="text-center fw-bold mb-3">Contact Us</h2>
17+
<form id="google-sheet">
18+
<div class="div" id="form_alerts"></div>
19+
<div class="form-group mb-3">
20+
<label for="name" class="form-label">Name</label>
21+
<input type="text" id="name" name="name" class="form-control" placeholder="Enter your name" required>
22+
</div>
23+
24+
<div class="form-group mb-3">
25+
<label for="email" class="form-label">Email</label>
26+
<input type="email" id="email" name="email" class="form-control" placeholder="Enter your Email" required>
27+
</div>
28+
29+
<div class="form-group mb-3">
30+
<label for="message" class="form-label">Message</label>
31+
<textarea type="message" id="message" name="message" class="form-control" placeholder="Enter the message" rows="5" required></textarea>
32+
</div>
33+
<div>
34+
<button class="btn btn-success me-2" type="submit">Help Me</button>
35+
<button class="btn btn-danger" type="reset">Reset form</button>
36+
</div>
37+
</form>
38+
</div>
39+
</div>
40+
41+
</div>
42+
</div>
43+
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
44+
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" ></script>
45+
<script>
46+
const scriptURL = 'https://script.google.com/macros/s/AKfycbzXfn6MEhBVDrJMbrLIfUco5zftEnSJ3XhhGD6Yh-n6w-15Kw7cYwPx9KXC_IWAOpN-/exec'
47+
const form = document.forms['google-sheet']
48+
49+
form.addEventListener('submit', e => {
50+
e.preventDefault()
51+
fetch(scriptURL, { method: 'POST', body: new FormData(form)})
52+
.then(response => $("#form_alerts").html("<div class='alert alert-success'>Message sent Successfully. We'll be reaching you soon... </div>"))
53+
.catch(error => $("#form_alerts").html("<div class='alert alert-danger'>Message not sent. We are currently facing some issues...</div>"))
54+
})
55+
</script>
56+
57+
<img src="" alt="">
58+
</body>
59+
</html>

‎hero1.jpeg

50.5 KB
Loading

‎heroblack.png

354 KB
Loading

‎index.html

+73
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,73 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<link rel="stylesheet" href="styles.css">
8+
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" >
9+
<title>Rescue</title>
10+
</head>
11+
12+
<div class="sticky-top">
13+
<nav class="navbar navbar-expand-lg bg-light">
14+
<div class="container-fluid">
15+
<img src="./logo1.jpg" alt="" width="30" height="24" class="d-inline-block align-text-top">
16+
<a class="navbar-brand" href="#"></a>
17+
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
18+
<span class="navbar-toggler-icon"></span>
19+
</button>
20+
<div class="collapse navbar-collapse" id="navbarNavDropdown">
21+
<ul class="navbar-nav">
22+
<li class="nav-item">
23+
<a class="nav-link active" aria-current="page" href="./home.html">Home</a>
24+
</li>
25+
<li class="nav-item">
26+
<a class="nav-link" href="#">Reports</a>
27+
</li>
28+
<li class="nav-item dropdown">
29+
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button" data-bs-toggle="dropdown" aria-expanded="True">
30+
Issues
31+
</a>
32+
<ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
33+
<li><a class="dropdown-item" href="#">Action</a></li>
34+
<li><a class="dropdown-item" href="#">Another action</a></li>
35+
<li><a class="dropdown-item" href="#">Something else here</a></li>
36+
</ul>
37+
</li>
38+
</ul>
39+
<div class="spinner-grow text-primary " role="status">
40+
<span class="visually-hidden">Loading...</span>
41+
</div>
42+
43+
</div>
44+
</div>
45+
</nav>
46+
</div>
47+
48+
<div class="box">
49+
<div class="card-header">
50+
Featured
51+
</div>
52+
<img src="./hero1.jpeg" class="card-img-top" alt="...">
53+
54+
<div class="card-body">
55+
<h1 class="card-title">Meet Xavier...</h1>
56+
<p class="card-text ">A hero of the land Pathanamthitta. The citizens live with no fear in the name of Xavier,the Saviour.</p>
57+
<p>His abilities are :</p>
58+
<ul class="list-group list-group-flush">
59+
<li class="list-group-item">Common Sense</li>
60+
<li class="list-group-item">Agility</li>
61+
<li class="list-group-item">Endurance</li>
62+
</ul>
63+
<p>Want to meet him ?</p>
64+
<li class="list-group-item"><a href="#" class="btn btn-primary">Click Here !</a></li>
65+
66+
</div>
67+
</div>
68+
69+
70+
<body>
71+
72+
</body>
73+
</html>

‎logo1.jpg

67 KB
Loading

‎problem.html

+89
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,89 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<meta name="viewport" content="width=device-width, initial-scale=1">
5+
<style>
6+
* {
7+
box-sizing: border-box;
8+
}
9+
10+
body {
11+
font-family: Arial, Helvetica, sans-serif;
12+
}
13+
14+
/* Float four columns side by side */
15+
.column {
16+
float: left;
17+
width: 25%;
18+
padding: 0 10px;
19+
}
20+
21+
/* Remove extra left and right margins, due to padding */
22+
.row {margin: 0 -5px;}
23+
24+
/* Clear floats after the columns */
25+
.row:after {
26+
content: "";
27+
display: table;
28+
clear: both;
29+
}
30+
31+
/* Responsive columns */
32+
@media screen and (max-width: 600px) {
33+
.column {
34+
width: 100%;
35+
display: block;
36+
margin-bottom: 20px;
37+
}
38+
}
39+
40+
/* Style the counter cards */
41+
.card {
42+
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
43+
padding: 16px;
44+
text-align: center;
45+
background-color: #f1f1f1;
46+
}
47+
</style>
48+
</head>
49+
<body>
50+
51+
<h2>Responsive Column Cards</h2>
52+
<p>Resize the browser window to see the effect.</p>
53+
54+
<div class="row">
55+
<div class="column">
56+
<div class="card">
57+
<h3>Card 1</h3>
58+
<p>Some text</p>
59+
<p>Some text</p>
60+
</div>
61+
</div>
62+
63+
<div class="column">
64+
<div class="card">
65+
<h3>Card 2</h3>
66+
<p>Some text</p>
67+
<p>Some text</p>
68+
</div>
69+
</div>
70+
71+
<div class="column">
72+
<div class="card">
73+
<h3>Card 3</h3>
74+
<p>Some text</p>
75+
<p>Some text</p>
76+
</div>
77+
</div>
78+
79+
<div class="column">
80+
<div class="card">
81+
<h3>Card 4</h3>
82+
<p>Some text</p>
83+
<p>Some text</p>
84+
</div>
85+
</div>
86+
</div>
87+
88+
</body>
89+
</html>

‎styles.css

+26
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,26 @@
1+
body{
2+
margin-top: 10px;
3+
color: rgb(255, 255, 255);
4+
background-repeat: no-repeat;
5+
background-size:cover;
6+
background-image: url(./back.jpg);
7+
}
8+
.box{
9+
width: 30%;
10+
position: relative;
11+
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
12+
padding: 5px;
13+
margin-top: 5px;
14+
margin-left: 5px;
15+
text-align: left;
16+
background-color: rgba(240, 248, 255, 0.322);
17+
color: aliceblue;
18+
}
19+
.card-header{
20+
color: rgb(255, 255, 255);
21+
background-color: rgb(255, 191, 0);
22+
}
23+
.card-body{
24+
color: rgb(0, 0, 0);
25+
background-color: #f1f1f1;
26+
}

0 commit comments

Comments
 (0)