-
Notifications
You must be signed in to change notification settings - Fork 1
/
howtouse.html
64 lines (64 loc) · 7.76 KB
/
howtouse.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
<!DOCTYPE html>
<html lang="en">
<head>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<link rel="stylesheet" href="howtouse.css" />
<title>How to use</title>
</head>
<body>
<nav>
<a href="#" id="title"
>Ambulance Navigation
<img height="40px" width="40px" src="images/healthcare.png"/></a>
<ul>
<li>
<a href="index.html">Home</a>
</li>
<li>
<a href="aboutus.html">About Us</a>
</li>
<li>
<a href="howtouse.html">How to Use</a>
</li>
</ul>
</nav>
<div class="accordion" id="accordionExample">
<div class="accordion-item">
<h2 class="accordion-header" id="headingOne">
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
<strong>Instructions For Ambulance Service :</strong>
</button>
</h2>
<div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne" data-bs-parent="#accordionExample">
<div class="accordion-body">
Select the "Call and Ambulance Option" and you will be redirected onto the
next page. There, you can call an ambulance on one tap and track its progress
on the map make sure you are not connected to a vpn so that your accurate
location can be provided to the ambulance driver.
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="headingTwo">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
<strong>Instructions For Ambulance Operators:</strong>
</button>
</h2>
<div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo" data-bs-parent="#accordionExample">
<div class="accordion-body">
The route with the least traffic zones and the location of the patients will be displayed on the screen.
</div>
</div>
</div>
</div>
<aside class="position-absolute top-50 start-50 translate-middle">
<svg viewBox="0 0 512 512" id="Layer_1" version="1.1" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="#000000"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <style type="text/css"> .st0{fill:#FF033E;} .st1{fill:#000000;} </style> <g> <g> <path class="st0" d="M193.7,64.1h-13.1c-13.7,0-24.9,11.1-24.9,24.9v25.7h38V64.1z M185.1,90.8c-0.1,0.4-0.2,0.9-0.4,1.3 c-0.2,0.4-0.4,0.8-0.6,1.2c-0.3,0.4-0.5,0.7-0.9,1.1c-1.3,1.3-3.1,2.1-5,2.1c-0.5,0-0.9,0-1.4-0.1c-0.4-0.1-0.9-0.2-1.3-0.4 c-0.4-0.2-0.8-0.4-1.2-0.7s-0.7-0.5-1.1-0.9c-0.3-0.3-0.6-0.7-0.9-1.1c-0.3-0.4-0.5-0.8-0.6-1.2c-0.2-0.4-0.3-0.9-0.4-1.3 c-0.1-0.4-0.1-0.9-0.1-1.4c0-0.5,0-0.9,0.1-1.4c0.1-0.4,0.2-0.9,0.4-1.3c0.2-0.4,0.4-0.8,0.6-1.2c0.3-0.4,0.5-0.8,0.9-1.1 c1.6-1.6,4-2.4,6.3-1.9c0.4,0.1,0.9,0.2,1.3,0.4c0.4,0.2,0.8,0.4,1.2,0.6c0.4,0.3,0.7,0.5,1.1,0.9c0.3,0.3,0.6,0.7,0.9,1.1 c0.3,0.4,0.5,0.8,0.6,1.2c0.2,0.4,0.3,0.9,0.4,1.3c0.1,0.5,0.1,0.9,0.1,1.4C185.3,89.8,185.2,90.3,185.1,90.8z"></path> <g> <g> <path class="st1" d="M356.3,89c0-13.7-11.1-24.9-24.9-24.9H207.7v50.5h148.7V89z M270.1,96.4h-28.2c-3.9,0-7-3.1-7-7 c0-3.9,3.1-7,7-7h28.2c3.9,0,7,3.1,7,7C277.1,93.3,274,96.4,270.1,96.4z"></path> </g> </g> <path class="st0" d="M418.1,189c-3.6,1.3-5.6,5.3-4.3,8.9c6.5,18.6,9.8,38.1,9.8,58s-3.3,39.5-9.8,58c-1.3,3.6,0.6,7.6,4.3,8.9 c0.8,0.3,1.6,0.4,2.3,0.4c2.9,0,5.6-1.8,6.6-4.7c7.1-20.1,10.6-41.2,10.6-62.7s-3.6-42.6-10.6-62.7 C425.7,189.7,421.7,187.7,418.1,189z"></path> <path class="st0" d="M447.7,178.6c-3.6,1.3-5.6,5.3-4.3,8.9c7.7,21.9,11.6,45,11.6,68.5s-3.9,46.5-11.6,68.5 c-1.3,3.6,0.6,7.6,4.3,8.9c0.8,0.3,1.5,0.4,2.3,0.4c2.9,0,5.6-1.8,6.6-4.7c8.2-23.4,12.4-48,12.4-73.1s-4.2-49.7-12.4-73.1 C455.4,179.3,451.4,177.3,447.7,178.6z"></path> <path class="st0" d="M388.4,199.4c-3.6,1.3-5.6,5.3-4.3,8.9c5.4,15.3,8.1,31.3,8.1,47.7s-2.7,32.4-8.1,47.7 c-1.3,3.6,0.6,7.6,4.3,8.9c0.8,0.3,1.5,0.4,2.3,0.4c2.9,0,5.6-1.8,6.6-4.7c5.9-16.8,8.9-34.3,8.9-52.3s-3-35.5-8.9-52.3 C396,200.1,392.1,198.1,388.4,199.4z"></path> <path class="st0" d="M486.3,172.5c-1.3-3.6-5.3-5.6-8.9-4.3c-3.6,1.3-5.6,5.3-4.3,8.9c8.9,25.3,13.4,51.8,13.4,78.9 s-4.5,53.6-13.4,78.9c-1.3,3.6,0.6,7.6,4.3,8.9c0.8,0.3,1.5,0.4,2.3,0.4c2.9,0,5.6-1.8,6.6-4.7c9.4-26.8,14.1-54.9,14.1-83.5 S495.7,199.3,486.3,172.5z"></path> <path class="st0" d="M93.9,189c-3.6-1.3-7.6,0.6-8.9,4.3C78,213.4,74.4,234.5,74.4,256S78,298.6,85,318.7c1,2.9,3.7,4.7,6.6,4.7 c0.8,0,1.6-0.1,2.3-0.4c3.6-1.3,5.6-5.3,4.3-8.9c-6.5-18.6-9.8-38.1-9.8-58s3.3-39.5,9.8-58C99.5,194.3,97.6,190.3,93.9,189z"></path> <path class="st0" d="M64.3,178.6c-3.6-1.3-7.6,0.6-8.9,4.3c-8.2,23.4-12.4,48-12.4,73.1s4.2,49.7,12.4,73.1c1,2.9,3.7,4.7,6.6,4.7 c0.8,0,1.6-0.1,2.3-0.4c3.6-1.3,5.6-5.3,4.3-8.9c-7.7-21.9-11.6-45-11.6-68.5s3.9-46.5,11.6-68.5 C69.8,183.9,67.9,179.9,64.3,178.6z"></path> <path class="st0" d="M123.6,199.4c-3.6-1.3-7.6,0.6-8.9,4.3c-5.9,16.8-8.9,34.3-8.9,52.3s3,35.5,8.9,52.3c1,2.9,3.7,4.7,6.6,4.7 c0.8,0,1.6-0.1,2.3-0.4c3.6-1.3,5.6-5.3,4.3-8.9c-5.4-15.3-8.1-31.3-8.1-47.7s2.7-32.4,8.1-47.7 C129.2,204.7,127.2,200.7,123.6,199.4z"></path> <path class="st0" d="M34.6,168.2c-3.6-1.3-7.6,0.6-8.9,4.3c-9.4,26.8-14.1,54.9-14.1,83.5s4.8,56.7,14.1,83.5 c1,2.9,3.7,4.7,6.6,4.7c0.8,0,1.5-0.1,2.3-0.4c3.6-1.3,5.6-5.3,4.3-8.9C30,309.6,25.5,283.1,25.5,256s4.5-53.6,13.4-78.9 C40.2,173.5,38.2,169.5,34.6,168.2z"></path> <path class="st0" d="M356.3,128.7H155.7V353h49.2c3.9,0,7,3.1,7,7s-3.1,7-7,7h-49.2v16.3h200.7V128.7z M233.7,361.4 c-0.1,0.4-0.2,0.9-0.4,1.3c-0.2,0.4-0.4,0.8-0.6,1.2c-0.3,0.4-0.5,0.7-0.9,1.1c-1.3,1.3-3.1,2.1-5,2.1c-0.5,0-0.9-0.1-1.4-0.1 c-0.4-0.1-0.9-0.2-1.3-0.4c-0.4-0.2-0.8-0.4-1.2-0.6c-0.4-0.3-0.7-0.6-1.1-0.9c-0.3-0.3-0.6-0.7-0.9-1.1c-0.3-0.4-0.5-0.8-0.6-1.2 c-0.2-0.4-0.3-0.9-0.4-1.3c-0.1-0.5-0.1-0.9-0.1-1.4c0-0.4,0-0.9,0.1-1.4c0.1-0.4,0.2-0.9,0.4-1.3c0.2-0.4,0.4-0.8,0.6-1.2 c0.3-0.4,0.5-0.7,0.9-1.1c0.3-0.3,0.7-0.6,1.1-0.9c0.4-0.3,0.8-0.5,1.2-0.6c0.4-0.2,0.9-0.3,1.3-0.4c0.9-0.2,1.8-0.2,2.7,0 c0.5,0.1,0.9,0.2,1.3,0.4c0.4,0.2,0.8,0.4,1.2,0.6c0.4,0.3,0.7,0.6,1.1,0.9c0.3,0.3,0.6,0.7,0.9,1.1c0.3,0.4,0.5,0.8,0.6,1.2 c0.2,0.4,0.3,0.9,0.4,1.3c0.1,0.4,0.1,0.9,0.1,1.4S233.8,360.9,233.7,361.4z M321.7,284.2h-37.4v37.4h-56.5v-37.4h-37.4v-56.5 h37.4v-37.4h56.5v37.4h37.4V284.2z"></path> <g> <g> <path class="st1" d="M155.7,423c0,13.7,11.1,24.9,24.9,24.9h150.9c13.7,0,24.9-11.1,24.9-24.9v-25.7H155.7V423z M251,417.7 c1.6-1.6,4-2.4,6.3-1.9c0.4,0.1,0.9,0.2,1.3,0.4c0.4,0.2,0.8,0.4,1.2,0.7c0.4,0.3,0.7,0.5,1.1,0.9c1.3,1.3,2.1,3.1,2.1,4.9 c0,1.8-0.8,3.6-2.1,5c-1.3,1.3-3.1,2-4.9,2c-0.5,0-0.9,0-1.4-0.1c-0.4-0.1-0.9-0.2-1.3-0.4c-0.4-0.2-0.8-0.4-1.2-0.6 c-0.4-0.3-0.7-0.5-1.1-0.9c-1.3-1.3-2-3.1-2-5C249,420.8,249.8,419,251,417.7z"></path> </g> </g> </g> </g> </g></svg>
</aside>
<footer class="fixed-bottom"><div class="info">Mappls mapmyindia's api for map rendering and location tracking</div>
<p>Developed by:
<ul><li><a href="https://github.com/fizakhan90" target="_blank" rel="noopener noreferrer">Fiza Khan</a></li><li><a href="https://github.com/South-IN" target="_blank" rel="noopener noreferrer">Saurav Singh</a></li></ul>
</p>
</footer>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
</body>
</html>