-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathhome.html
91 lines (85 loc) · 3.18 KB
/
home.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
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>KAAMA</title>
<link rel="stylesheet" href="./css/style.css">
<!-- <link rel="shortcut icon" href="../assets/favicon.ico"> -->
<script src="https://kit.fontawesome.com/a076d05399.js"></script>
</head>
<body>
<div class="container">
<nav>
<input type="checkbox" id="show-search">
<input type="checkbox" id="show-menu">
<label for="show-menu" class="menu-icon"><i class="fas fa-bars"></i></label>
<div class="content">
<!-- <div class="logo1"><img src="../assets/white whisper.png" alt="logo"></div> -->
<div class="logo"><a href="#">KAAMA</a></div>
<ul class="links">
<li><a href="#">HOME</a></li>
<li><a href="/pages/aboutus.html">ABOUT US</a></li>
<li>
<a href="#" class="desktop-link">GET HELP</a>
<input type="checkbox" id="show-features">
<label for="show-features">GET HELP</label>
<ul>
<li><a href="#">TALK TO SOMEONE NOW</a></li>
<li><a href="#">GET SUPPORT AND RESOURCES</a></li>
<li><a href="#">HELP SOMEONE ELSE</a></li>
</ul>
</li>
<li>
<a href="#" class="desktop-link">SERVICES</a>
<input type="checkbox" id="show-services">
<label for="show-services">SERVICES</label>
<ul>
<li><a href="#">SEXUAL ASSUALT</a></li>
<li><a href="#">CHILD SEX ABUSE</a></li>
<li><a href="#">ELDER SEX ABUSE</a></li>
</ul>
</li>
<li><a href="#">DONATE</a></li>
</ul>
</div>
<label for="show-search" class="search-icon"><i class="fas fa-search"></i></label>
<form action="#" class="search-box">
<input type="text" placeholder="Type Something to Search..." required>
<button type="submit" class="go-icon"><i class="fas fa-long-arrow-alt-right"></i></button>
</form>
</nav>
</div>
<section class="about" id="about">
<div class="max-width">
<div class="text">
<h2 class="title">DO NOT STAY SILENT, WE ALL CAN HELP</h2>
<p class="title1">The world seems to be developing but there also seems to be less concern given to vicitims of sexual violence.
Here at KAAMA we are dedicated to help sexual violence victims receive the help they need to live their lives as normal as possible. We hope you join us.</p>
</div>
</div>
<div class="text2">
<div class="row">
<div class="column">
<h2 class="text3">Talk with someone now.</h2>
</div>
<div class="column">
<a href="#"> <h3 class="text5">CALL 112</h3></a>
</div>
</div>
<div class="row">
<div class="column">
<p class="text4">If this is an emergence, please call 112</p>
</div>
<div class="column">
<a href="#"><h3 class="text5">TEXT CARE TO 80000</h3></a>
</div>
</div>
</div>
<div class="help1">
<h1>We’re here to help. 24/7.</h1>
</div>
</section>
</body>
</html>