-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
194 lines (172 loc) · 7 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
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="UTF-8" />
<title>ReportIt-Voice raised by Women</title>
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Alice&display=swap"
rel="stylesheet"
/>
<link rel="stylesheet" href="style.css" />
<link rel="icon" href="assests/Main-Logo_noBG.png" />
<!-- Fontawesome CDN Link -->
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"
/>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head>
<body>
<nav>
<div class="navbar">
<div class="logo">
<a href="#"><img src="assests/Title-Logo-NoBG.png" alt="" /></a>
</div>
<ul class="menu">
<li><a href="#Home" style="color: #bd1616">Home</a></li>
<li><a href="#About" style="color: #bd1616">About</a></li>
<li><a href="#Contact Us" style="color: #bd1616">Contact Us</a></li>
</ul>
</div>
</nav>
<section class="homepage" id="Home">
<div class="main-content-intro">
<img src="assests/Title-Logo-NoBG.png" alt="" />
<div class="homepage-p">
<p>
Submit your experience with valid identification and company
details. Our team reviews each submission to ensure accuracy and
authenticity. Your experience contributes to our comprehensive
database, empowering others to make informed decisions about their
workplace. Join Us Today and Make a Difference in Workplace Safety!
</p>
</div>
<div class="activity-buttons">
<a href="veiw-page.html"
><button class="button-s">View Complaints</button></a
>
<a href="reporting-page.html"
><button class="button-report">Report</button></a
>
</div>
</div>
</section>
<section class="next-home-page">
<div class="welcome-section">
<h1>Welcome to ReportIt</h1>
<p>
ReportIt is a community-driven platform dedicated to promoting
workplace safety and accountability. Our platform allows corporate
women to share their workplace experiences securely and anonymously.
</p>
<h3><i class="fa-solid fa-shapes"></i> Features</h3>
<p>
Share Your Experience: Contribute to our database by sharing your
workplace encounters with verified identification.
</p>
<h3><i class="fa-solid fa-circle-info"></i> Access Information</h3>
<p>
Explore our database to learn about the safety record of potential
employers.
</p>
<h3><i class="fa-solid fa-handshake-angle"></i> Support Our Mission</h3>
<p>
Join our community in advocating for safer work environments for all.
</p>
</div>
</section>
<section class="about-section" id="About">
<div class="about-section-info">
<h1>About</h1>
<h3>About Us</h3>
<p>
Welcome to ReportIt, a dedicated platform for corporate women to share
their workplace experiences and contribute to building safer work
environments. At ReportIt, we believe in transparency, accountability,
and empowerment.
</p>
<h3>Our Mission</h3>
<p>
Our mission is to provide a safe and confidential space for corporate
women to share their experiences of workplace harassment,
discrimination, or any form of misconduct. By collecting and
documenting these incidents with verified identities, we aim to create
a comprehensive database that can be accessed by women seeking
information about the safety record of potential employers.
</p>
<h3>How It Works</h3>
<p>
To contribute to our database, users must submit their experiences
with valid identification and details of their company and branch.
Each submission is carefully reviewed, and appropriate action is taken
to address reported issues. We are committed to maintaining the
privacy and confidentiality of all users while promoting transparency
and accountability in corporate environments.
</p>
<h3>Join Us</h3>
<p>
Whether you want to share your experience, access information about a
potential employer, or support our mission, we invite you to join our
community. Together, we can create safer workplaces for all.
</p>
</div>
</section>
<section class="contact-us-section" id="Contact Us">
<div class="contact-section-info">
<h1>Contact Section</h1>
<p>
Contact Us If you have any questions, concerns, or feedback, please
don't hesitate to reach out to us. We're here to assist you.
<br />Email: [email protected] <br />Phone: 9862519828;
<br />Mailing Address: [email protected]
</p>
</div>
</section>
<div class="button">
<a href="#Home"><i class="fas fa-arrow-up"></i></a>
</div>
<!-- FOOTER -->
<footer class="footer-distributed">
<div class="footer-left">
<a href="#"><img src="assests/Title-Logo-NoBG.png" alt="" /></a>
<p class="footer-links">
<a href="#" class="link-1">Home</a>
<a href="#">About</a>
<a href="#">Contact</a>
</p>
<p class="footer-company-name">Women © 2024</p>
</div>
<div class="footer-center">
<div>
<i class="fa-solid fa-location-dot"></i>
<p><span>1/40 Nelinagar</span> North Kolkata, West Bengal</p>
</div>
<div>
<i class="fa fa-phone"></i>
<p>+7000567832</p>
</div>
<div>
<i class="fa fa-envelope"></i>
<p><a href="mailto:[email protected]">[email protected]</a></p>
</div>
</div>
<div class="footer-right">
<p class="footer-company-about">
<span>About the company</span>
ReportIt is a community-driven platform dedicated to promoting
workplace safety and accountability. Our platform allows corporate
women to share their workplace experiences securely and anonymously.
</p>
<div class="footer-icons">
<a href="#icon"><i class="fa-brands fa-facebook"></i></a>
<a href="#icon"><i class="fa-brands fa-twitter"></i></a>
<a href="#icon"><i class="fa-brands fa-linkedin"></i></a>
<a href="#icon"><i class="fa-brands fa-github"></i></a>
</div>
</div>
</footer>
<!-- FOOTER END -->
</body>
</html>