-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
118 lines (114 loc) · 4.29 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
<!DOCTYPE html>
<html>
<head>
<title>Refugee Website</title>
<link rel="stylesheet" href="style.css">
<link href='https://unpkg.com/[email protected]/css/boxicons.min.css' rel='stylesheet'>
</head>
<body>
<header>
<div class="nav container">
<i class='bx bx-menu' id="menu-icon"></i>
<a href="#" class="logo">Refugee<span>Jua</span></a>
<ul class="navbar">
<li><a href="#home" class="active">Home</a></li>
<li><a href="#">What We Do</a></li>
<li><a href="about.html">About us</a></li>
<li><a href="#">Contact-us</a></li>
</ul>
<div class="search-box">
<input type="search" name="" id="" placeholder="Search here.....">
</div>
<i class='bx bx-search' id="search-icon"></i>
</div>
</header>
<section class="home" id="home">
<div class="home-text-container">
<h1>Welcome to Refugee Jua</h1>
<p>Get the help you need by knowing all the organizations near you that can assist you. Refugee Jua is here to guide you to the help you need on time. Don't miss out, you deserve to be helped.</p>
<a href="#" class="btn">Discover Now</a>
</div>
<div class="home-image">
<!-- <img src="images/guid.webp" alt="Home Image"> -->
</div>
</section>
<section class="help">
<h1>FIND THE HELP YOU NEED!!!</h1>
<p>Find the help you need on time Refugee jua has brought the solution near you <br>Don't be stressed just reach out and help will be on it's way</p>
<div class="rectangle-container">
<div class="rectangle">
<a href="foodorg.html"> <img src="images/FOOD.jpg" alt="Image 1">
<h2>Food Help</h2></a>
</div>
<div class="rectangle">
<a href="shelter.html"> <img src="images/shelter.jpg.webp" alt="Image 2">
<h2>Shelter Help</h2></a>
</div>
<div class="rectangle">
<a href="ressetlement.html"><img src="images/resettwo.jpg" alt="Image 3">
<h2>Ressetlement Help</h2></a>
</div>
<div class="rectangle">
<a href="health.html"><img src="images/healty.webp" alt="Image 4">
<h2>Medical Help</h2></a>
</div>
<div class="rectangle">
<a href="school.html"> <img src="images/school2.webp" alt="Image 5">
<h2>Education help</h2></a>
</div>
</div>
</section>
<section class="motivate">
<h1>Motivation For You</h1>
<p>You might be going through a lot right now, and it may feel like all hope is lost.</p>
<p>However, this is not the time to give up because there is a reason for everything.</p>
<p>Others have been in your situation and were able to overcome it. Remember, you are a fighter, and you have the strength to overcome any challenge.</p>
<p>Being a refugee is not the end of your journey. Dust yourself off and embrace everything that comes your way with resilience!</p>
<div class="card">
<img src="images/nessjpeg" alt="Image 1">
<div class="card-overlay">
<p>Using your Talent to uplift yourself.Be inspired to be successful</p>
</div>
</div>
<div class="card">
<img src="images/ilhan omar.jpg" alt="Image 2">
<div class="card-overlay">
<p>Stories to let you know there is always light at the end of the tunnel</p>
</div>
</div>
<div class="card">
<img src="images/yoh.jpg" alt="Image 3">
<div class="card-overlay">
<p>Exercise and enjoy you need it keep fit and be happy</p>
</div>
</div>
</section>
<footer>
<div class="container">
<div class="footer-content">
<div class="footer-section contact">
<h3>Contact Us</h3>
<p>
<i class="bx bx-envelope"></i> Email: [email protected]<br>
<i class="bx bx-phone"></i> Phone: +1 123 456 789<br>
<i class="bx bx-map"></i> Address: 123 Refugee Street, City, Country
</p>
</div>
<div class="footer-section social">
<h3>Follow Us</h3>
<div class="social-links">
<a href="#"><i class="bx bxl-facebook-circle"></i></a>
<a href="#"><i class='bx bxl-twitter'></i></a>
<a href="#"><i class='bx bxl-instagram-alt'></i></a>
<a href="#"><i class="bx bxl-linkedin"></i></a>
</div>
</div>
</div>
<div class="footer-bottom">
<p>© 2023 Refugee Jua. All rights reserved.</p>
</div>
</div>
</footer>
<script src="index.js"></script>
</body>
</html>