-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
121 lines (119 loc) · 5.64 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.0/css/all.min.css" integrity="sha512-9xKTRVabjVeZmc+GUW8GgSmcREDunMM+Dt/GrzchfN8tkwHizc5RP4Ok/MXFFy5rIjJjzhndFScTceq5e6GvVQ==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" href="style.css">
<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=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap" rel="stylesheet">
<title>Umoja Web</title>
</head>
<body>
<section class="home" id="home">
<header>
<div class="logo"><a href="">Umoja<span>Wanawake</span></a></div>
<nav>
<ul>
<li><a href="#home">Nyumbani</a></li>
<li><a href="#about">Kuhusu Umoja</a></li>
<li><a href="#policy">Sera Zetu</a></li>
<li><a href="#contact">Mawasiliano</a></li>
</ul>
</nav>
</header>
<div class="head">
<h1>Vipaumbele vya wanawake,<br> ni chachu ya maendeleo kwa Taifa</h1>
</div>
<div class="classbutton">
<button><a href="">Zaidi</a></button>
</div>
<div class="flow-button">
<button><a href=""><i class="fas fa-arrow"></i></a></button>
</div>
</section>
<section class="about" id="about">
<div class="about-up">
<h1>Kuhusu Umoja</h1>
<p>Umoja wa Wanawake ni jukwaa linalowaleta pamoja wanawake kutoka sehemu mbalimbali kwa lengo la kuimarisha mshikamano na
kuweka mikakati ya kufanikisha maendeleo endelevu. Umoja huu unaamini katika uwezo wa wanawake kama nguvu muhimu ya
kubadilisha jamii na kuchochea ukuaji wa taifa kwa ujumla.
</p>
</div>
<div class="about-down">
<div class="left-about">
<h1>Hii ni jumuiya ianayounganisha wanawake mbalimbali kuelekea kwenye mikakati ya mafanikio</h1>
<p> Umoja huu unalenga kuwasaidia wanawake kufanikisha malengo yao kupitia mipango <br> maalum kama utoaji wa elimu, kuboresha
miundombinu, na kuwezesha fursa za ajira. Tunaamini kuwa kwa kutoa mazingira bora,<br> wanawake wanaweza kushiriki kikamilifu
katika maendeleo ya kiuchumi, kijamii, na kisiasa. <br> Jitihada hizi zina lengo la kupunguza changamoto wanazokabiliana nazo
wanawake na kufanikisha maisha bora kwa familia na jamii kwa ujumla.
</p>
</div>
<div class="right-about">
<img src="assets/images/women.jpg" alt="">
</div>
</div>
</section>
<section class="policy" id="policy">
<div class="policy-up">
<h1>Sera Zetu</h1>
<p>
Umoja wa Wanawake unafuata sera zinazozingatia usawa wa kijinsia, ustawi wa wanawake,<br> na maendeleo ya jamii. Tunazingatia
mambo muhimu kama miundombinu bora inayosaidia shughuli za wanawake, kuhakikisha upatikanaji wa elimu kwa kila msichana,
na kuimarisha nafasi za ajira kwa wanawake ili kuchochea ushiriki wao katika uchumi wa taifa.
</p>
</div>
<div class="down-policy">
<div class="card1">
<div class="image">
<img src="assets/images/miundombinu.jpg" alt="">
</div>
<div class="title">
<h3>MiundoMbinu</h3>
</div>
<div class="notes">
<p>"Uboreshaji wa miundombinu kurahisisha upambanaji wa wakina mama"</p>
</div>
</div>
<div class="card2">
<div class="image">
<img src="assets/images/elimu.jpg" alt="">
</div>
<div class="title">
<h3>Elimu</h3>
</div>
<div class="notes">
<p>"Fursa ya elimu kwa wasichana na kupanua wigo wa maendeleo kwa jamii zetu"</p>
</div>
</div>
<div class="card3">
<div class="image">
<img src="assets/images/ajira1.jpg" alt="">
</div>
<div class="title">
<h3>Ajira</h3>
</div>
<div class="notes">
<p>"Vipaumbele vya ajira kwa wanawake kuboresha nguvu kazi"</p>
</div>
</div>
</div>
</section>
<section class="contact" id="contact">
<div class="contact-us">
<h1>Wasiliana Nasi</h1>
<p>
Tungependa kusikia kutoka kwako! Wasiliana nasi kwa maswali, mapendekezo,<br> au jinsi unavyoweza kushiriki katika
jitihada zetu za kuleta maendeleo ya wanawake. Tunaamini kwamba kwa pamoja tunaweza kufanya mambo makubwa.
</p>
</div>
<div class="icons">
<a href="mailto:[email protected]" aria-label="Email"><i class="fas fa-envelope"></i></a>
<a href="tel:+255123456789" aria-label="Phone"><i class="fas fa-phone"></i></a>
<a href="#" aria-label="Location"><i class="fas fa-map-marker-alt"></i></a>
<a href="https://facebook.com" target="_blank" aria-label="Facebook"><i class="fab fa-facebook"></i></a>
</div>
</section>
</body>
</html>