-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathIndex.html
82 lines (77 loc) · 3.28 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
<!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="CSS/bootstrap.css">
<link rel="stylesheet" href="WE2.css">
<link rel="icon" type="image/x-icon" href="https://github.com/04Megarox/GSC/blob/main/Images/16x16%20giggle%20tabbar.png?raw=true">
<title>Giggle</title>
</head>
<body>
<nav class="navbar fixed-top navbar-expand-sm" style="background-color:#191825;">
<div class="container-fluid">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="Index.html" style="padding-bottom:0"><img src="Images/16x8 giggle navbarlogo.png" alt="Logo"></a>
</li>
</ul>
<ul class="navbar-nav ms-auto" style="font-size:18px">
<li class="nav-item">
<a class="nav-link" href="#">HOME</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">GRIEVIANCES</a>
</li>
<li class="nav-item">
<a class="nav-link" href="Health.html">HEALTH & WELL-BEING</a>
</li>
</ul>
</div>
</nav>
<main>
<section id="hero">
<h1>Welcome to Giggle</h1>
<p>We empower women to reach their full potential</p>
<a href="#services"><button>Learn More</button></a>
</section>
<section id="services">
<h2>Elevating women's voices and amplifying their impact</h2>
<div class="container">
<div class="box-1">
<h3>Health and Well-Being</h3>
<p>Our program offers comprehensive health and sexual education for women of all ages.</p>
</div>
<div class="box-2">
<h3>Grievances</h3>
<p>We provide a safe space for women to voice their grievances and receive support.</p>
</div>
<div class="box-3">
<h3>Women in Focus</h3>
<p>We celebrate and highlight the achievements of women in various fields.</p>
</div>
</div>
</section>
<section id="about">
<h2>About Us</h2>
<p>Giggle is a non-profit organization dedicated to empowering women and helping them reach their full potential. Our programs and services are designed to provide women with the tools and resources they need to succeed in all aspects of their lives.</p>
</section>
<section id="contact">
<h2>Contact Us</h2>
<form>
<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">Submit</button>
</form>
</section>
</main>
<footer background-color="#191825">
<p>©2023 Giggle</p>
</footer>
</body>
</html>