-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathblogs.html
147 lines (125 loc) · 5.82 KB
/
blogs.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
<html>
<head>
<!-- seo related -->
<title>Naritwa</title>
<!-- meta related -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- vendor css & style files -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Josefin+Sans:300|Open+Sans:300|Oxygen|Material+Icons"
rel="stylesheet">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<!-- FONT -->
<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=Alkatra:[email protected]&family=Archivo:ital,wght@0,100..900;1,100..900&family=Sedan+SC&display=swap" rel="stylesheet">
<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=Archivo:ital,wght@0,100..900;1,100..900&family=Sedan+SC&display=swap" rel="stylesheet">
<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=Alegreya+Sans+SC:ital,wght@0,100;0,300;0,400;0,500;0,700;0,800;0,900;1,100;1,300;1,400;1,500;1,700;1,800;1,900&family=Alkatra:[email protected]&family=Archivo:ital,wght@0,100..900;1,100..900&family=Sedan+SC&display=swap" rel="stylesheet">
<!-- END of Font -->
<!-- custom css -->
<link rel="stylesheet" type="text/css" href="static/main.css">
<link rel="stylesheet" type="text/css" href="static/style.css">
<link rel="stylesheet" type="text/css" href="static/blogsnresources.css">
</head>
<body>
<!-- NAVBAR -->
<div class="header">
<div class="top-header">
<div class="logo-container">
<a class="logo-link" href="#">
<img src="static/img/full.png" alt="Naritwa Logo" class="logo-img">
</a>
</div>
<div class="user-name">NARITWA</div>
<ul class="user-menu">
<li class="user-menu-list">
<a href="index.html">Home</a>
</li>
<li class="user-menu-list">
<a href="aboutus.html">About Us</a>
</li>
<li class="user-menu-list">
<a href="blogs.html">Blogs</a>
</li>
<li class="user-menu-list ">
<a href="resources.html">Resources</a>
</li>
<li class="user-menu-list last-list">
<button class="register-button"> <a href="register.html">Register</a></button>
</li>
</ul>
</div>
</div>
<!-- END OF NAVBAR -->
<!-- Blogs --><br>
<div class="container">
<button id="btn1" role="button" onclick="showCard(1)"> Empowering Women in the Workplace </button>
<button id="btn2" role="button" onclick="showCard(2)"> Legal Rights Every Woman Should Know</button>
<button id="btn3"role="button" onclick="showCard(3)">Breaking the Stigma: Mental Health Awareness for Women</button>
<div class = "content">
<div id="card1" class ="card active">
<img src="static/img/12.png" ><br>
<h2><u>Empowering Women in the Workplace</u></h2>
This blog discusses strategies for promoting gender equality and empowering women in the workplace. It covers topics such as leadership development, mentorship programs, and creating an inclusive work culture.</div>
<div id="card2" class="card">
<img src="static/img/13.png" ><br>
<h2><u> Legal Rights Every Woman Should Know</u></h2>
In this blog, we explore the legal rights that women have in various aspects of their lives, including marriage, divorce, property ownership, and employment. It aims to educate women about their rights and how they can assert them effectively.</div>
<div id="card3" class="card">
<img src="static/img/14.png" ><br><br>
<h2><u>Breaking the Stigma: Mental Health Awareness for Women</u></h2>
This blog sheds light on the importance of mental health awareness for women and the challenges they face in seeking support for mental health issues. It discusses stigma, access to mental health services, and self-care strategies for women to prioritize their mental well-being.</div>
</div>
</div>
<!-- End of Blogs -->
<!-- FOOTER -->
<footer class="site-footer">
<div class="hr-container">
</div>
<div class="container">
<div class="row">
<div class="col-md-4">
<div class="footer-item">
<h3>About Us</h3>
<p>A chatbot that simplifies women's rights.</p>
</div>
</div>
<div class="col-md-4">
<div class="footer-item">
<h3>Contact Us</h3>
<p>Email: [email protected]</p>
<p>Phone: +1 123 456 7890</p>
</div>
</div>
<div class="col-md-4">
<div class="footer-item">
<h3>Follow Us</h3>
<ul class="social-icons">
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-instagram"></i></a></li>
<li><a href="#"><i class="fa fa-youtube"></i></a></li>
</ul>
</div>
</div>
</div>
<hr class="custom-hr">
<p class="text-center">© 2024 Naritwa. All rights reserved.</p>
</div>
</footer>
<!-- END OF FOOTER -->
<!-- vendor script files -->
<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js">
</script>
<!-- custom scripts -->
<script src="static/main.js"></script>
<script src = "static/blogsnresources.js"></script>
</body>
</html>