-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
147 lines (143 loc) · 5.27 KB
/
index.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
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>EmpowerSafe</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
background-image: url('bg.jpg');
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
}
header {
background-color: #CC313D;
color: #fff;
padding: 15px 0;
text-align: center;
position: relative;
overflow: hidden;
}
nav {
background-color: #F7C5CC;
color: #fff;
display: flex;
justify-content: center;
padding: 10px 0;
}
nav a {
color:#101820;
margin: 0 15px;
text-decoration: none;
font-weight: bold;
}
.container {
max-width: 800px;
margin: 20px auto;
padding: 20px;
background-color: rgba(255, 255, 255, 0.9);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.section-title {
margin-top: 0;
color: #ff4081;
}
.resources {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
}
.resources div {
flex: 1 1 45%;
margin: 10px;
padding: 15px;
background-color:#ffccff;
text-align: center;
}
footer {
background-color: #CC313D;
color: #fff;
text-align: center;
padding: 1px 0;
position: fixed;
width: 100%;
bottom: 0;
}
.marquee {
position: absolute;
width: 100%;
white-space: nowrap;
overflow: hidden;
}
.marquee div {
display: inline-block;
padding-left: 100%;
animation: marquee 35s linear infinite;
}
@keyframes marquee {
0% { transform: translate(0, 0); }
100% { transform: translate(-100%, 0); }
}
</style>
</head>
<body>
<header>
<h1>Empower Safe</h1>
<div class="marquee">
<div>"We need women at all levels, including the top, to change the dynamic, reshape the conversation, to make sure women's voices are heard and heeded, not overlooked and ignored."-Sheryl Sandberg "Life is not easy for any of us. But what of that? We must have perseverance and above all confidence in ourselves. We must believe that we are gifted for something and that this thing must be attained."-Marie Curie
</div>
</div>
</header>
<nav>
<a href="#tips">Safety Tips</a>
<a href="#resources">Resources</a>
<a href="#contact">Contact</a>
</nav>
<div class="container" id="tips">
<h2 class="section-title">Quick Safety Tips!</h2>
<ul>
<li>Be Alert, Scan the area as you walk.Be aware of your surroundings and walk with confidence.</li>
<li>Trust your instincts and avoid situations that feel unsafe.</li>
<li>Keep your phone charged and have emergency contacts easily accessible.</li>
<li>Learn self-defense techniques.</li>
<li>Use safety apps to stay connected with friends and family.</li>
<li>Carry your purse close to your body and do not leave it unattended. </li>
</ul>
</div>
<div class="container" id="resources">
<h2 class="section-title">Resources</h2>
<div class="resources">
<div>
<h3>Helplines</h3>
<p>National Commission for Women Helpline <a href="tel:7827170170">7827170170</a></p>
<p>Shakti Shalini <a href="tel:10920">10920</a></p>
<p>Central Social Welfare Board -Police Helpline <a href="tel:1091/ 1291, (011) 23317004">1091/ 1291,(011) 23317004</a></p>
</div>
<div>
<h3>Support Groups</h3>
<p><a href="https://inbreakthrough.org/" target="_blank">Inbreakthrough.org</a></p>
<p><a href=" https://www.jagori.org/" target="_blank">Jagori.org</a></p>
</div>
<div>
<h3>Useful Apps and Websites</h3>
<p><a href="https://sayfty.com/" target="_blank">Sayfty</a></p>
<p><a href="https://www.shethepeople.tv/" target="_blank">She The People TV</a></p>
<p><a href="https://vidhilegalpolicy.in/" target="_blank">Vidhi Centre for Legal Policy </a></p>
<p><a href="https://www.safetipin.com/" target="_blank">Safetipin </a></p>
</div>
</div>
</div>
<div class="container" id="contact">
<h2 class="section-title">Contact Us</h2>
<p>If you have any questions or need support, please reach out to us at:</p>
<p>Email: <a href="mailto:support@womensafety.com">support@womensafety.com</a></p>
</div>
<footer>
<p>© 2024 Women Safety Initiative</p>
</footer>
</body>
</html>