-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
112 lines (108 loc) · 3.67 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
<!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" />
<title>Femprish - Non-Profit Organisation</title>
<link rel="icon" type="image/x-icon" href="/images/logo.jpg" />
<link rel="stylesheet" href="style.css" />
<link rel="stylesheet" href="media.css" />
<script src="script.js" defer></script>
</head>
<body>
<header>
<div class="logo">
<h2>Femprish</h2>
<a href="#hero">
<img src="./images/logo.jpg" alt="Logo" />
</a>
</div>
<nav>
<div class="hamburger">
<span></span>
<span></span>
<span></span>
</div>
<ul id="list">
<li><a href="#about">About Us</a></li>
<li><a href="#programs">Programs</a></li>
<li><a href="#achievement">achievement</a></li>
<li><a href="#contact">Contact Us</a></li>
</ul>
</nav>
</header>
<main>
<!-- Hero Section -->
<section id="hero">
<img src="./images/background-removebg-preview.png" alt="image" />
<h2>Working towards equality for all</h2>
<p>
Join us in getting rid of negative connotation that accompanies
'feminist'
<br />
Our focus - India 📍
</p>
<a href="#about" class="btn">Learn More</a>
</section>
<!-- About Section -->
<section id="about">
<h2>About Us</h2>
<div class="box">
<p>
Femprish is a non-profit organisation that is working towards
getting rid of the negative connotations that accompany the word
'feminist'. We believe in equality for all, regardless of gender,
race, sexuality, or any other factor. Our mission is to empower
individuals and communities to fight for their rights and create a
more just and equal society.
</p>
</div>
</section>
<!-- Programs Section -->
<section id="programs">
<h2>Our Programs</h2>
<div class="box">
<ul>
<li>Leadership development workshops for girls</li>
<li>Career counseling and mentorship for women</li>
<li>Community outreach and education on gender equality</li>
<li>
Advocacy and lobbying for policies that promote gender equality
and women's rights
</li>
<li>
Financial assistance and scholarships for girls and women pursuing
education or entrepreneurship opportunities
</li>
</ul>
</div>
</section>
<!-- Achievement Section -->
<section id="achievement">
<h2>Achievements</h2>
<div class="first-container">
<img src="./images/ach1.jpg" alt="1" />
<img src="./images/ach2.jpg" alt="2" />
<img src="./images/ach3.jpg" alt="3" />
</div>
</section>
<!-- Contact Section -->
<section id="contact">
<h2>Contact Us</h2>
<form action="/" method="">
<label for="name">Name</label>
<input type="text" id="name" name="name" required />
<label for="email">Email</label>
<input type="email" id="email" name="email" required />
<label for="message">Message</label>
<textarea id="message" name="message" required></textarea>
<button type="submit" class="btn-sub">Send</button>
</form>
</section>
</main>
<footer>
<p>© Femprish 2023</p>
</footer>
</body>
</html>