CareALot/about.html at main · HackSummit2-0/CareALot · GitHub

86 lines (76 loc) · 5.19 KB

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

65

66

67

68

69

70

71

72

73

74

75

76

77

78

79

80

81

82

83

84

85

86

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta http-equiv="X-UA-Compatible" content="IE=edge">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<link rel="stylesheet" href="style.css">

<link rel="stylesheet" href="services.html">

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css">

<link rel = "icon" href = "img/healthcare.png">

<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css"rel="stylesheet"/>

<link href="https://cdnjs.cloudflare.com/ajax/libs/mdb-ui-kit/3.6.0/mdb.min.css" rel="stylesheet"/>

<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap"rel="stylesheet"/>

<script type="text/javascript"src="https://cdnjs.cloudflare.com/ajax/libs/mdb-ui-kit/3.6.0/mdb.min.js"></script>

<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>

<link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css" integrity="sha384-AYmEC3Yw5cVb3ZcuHtOA93w35dYTsvhLPVnYs9eStHfGJvOvKxVfELGroGkvsg+p" crossorigin="anonymous"/>

<title>Care-A-Lot</title>

</head>

<body>

<nav class="navbar navbar-expand-lg navbar-light fixed-top h-color" style="height:80px;">

<div class="container">

<a class="navbar-brand" href="#" style="color:white; font-size:30px;font-weight:bold;font-family:Roboto;position:absolute;left:20px;">Care-A-Lot</a>

<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">

<span class="navbar-toggler-icon"></span>

</button>

<div class="collapse navbar-collapse" id="navbarResponsive">

<ul class="navbar-nav ms-auto">

<div class="video__icon">

<a href="live_maps.html"><div class="circle--outer"></div></a>

<a href="live_maps.html"><div class="circle--inner"></div></a>

<a href="live_maps.html"> <p style="font-size: 15px;font-weight:bolder;">LIVE</p></a>

</div>

<li class="nav-item active ">

<a class="nav-link" href="index.html" style="color:white;font-size:20px;position:relative;left:70px">Home</a>

</li>

<li class="nav-item">

<a class="nav-link " href="#" style="color:white;font-size:20px;position:relative;left:90px;">About</a>

</li>

<li class="nav-item">

<a class="nav-link" href="services.html" style="color:white;font-size:20px;position:relative;left:110px;">Services</a>

</li>

<li class="nav-item">

<a class="nav-link" href="contact.html" style="color:white;font-size:20px;position:relative;left:130px;">Contact</a>

</li>

<li class="nav-item">

<a href="login.html" style="position:relative;left:150px;"><i class="fas fa-user-plus fa-3x " style="color:rgb(255, 255, 255);"></i></a>

</li>

</ul>

</div>

</div>

</nav>

<div class="container">

<div class="row">

<div class="col-xs-12 col-lg-3 col-md-3">

<div class="cardabout ">

<div class="bg-image hover-overlay ripple" data-mdb-ripple-color="light">

<a href="#!">

<div class="mask" style="background-color: rgba(72, 222, 233, 0.15);"></div>

</a>

</div>

<div class="card-body">

<h5 class="card-title"><img src="" height="50px"> </h5>

<p >

<b style="color:white"><u>Basically the main goal of disaster management is to reduce the damages and to safeguard common people including physically challenged people during the natural calamities. So here we are trying to create a Portal with the following objectives :-</b></u>

<ul class="a-cont">

<li> Reducing vulnerability and potential losses of hazard by alerting the necessary info of the upcoming disaster.

<li>Assessing, reviewing and controlling the risk. Applying efficient, effective, sustainable relief (food, shelter and money), medical and other facilities in disaster affected people thus they can survive. </li>

<li>Reducing the damage, death, sufferings and destruction of any natural and human induced disaster. </li>

<li> Ensuring the availability of local emergency equipment and transportation through NGO's and government helpline numbers.</li>

<li>NGOs organizations can join these website so that the donated money can be given to the people who are in need.</li>

</p></ul>

</div>

</div>

</div>

</body>

</html>