-
Notifications
You must be signed in to change notification settings - Fork 0
/
region2.html
78 lines (71 loc) · 4.01 KB
/
region2.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
<!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">
<title>Africa</title>
<!-- Bootstrap -->
<link href="css/bootstrap-4.4.1.css" rel="stylesheet">
<link href="mystyles.css" rel="stylesheet" type="text/css">
<link href="favicon.ico" rel="icon" type="image/ico" />
</head>
<body>
<a href="#skipcontent"> Skip Content</a>
<!-- body code goes here -->
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery-3.4.1.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<header class="row">
<div class="col-xl-12">
<h2> </h2>
<h2>HELP FOR REFUGEES </h2>
<p> Small acts of kindness lead to big results </p>
</div>
</header>
<script src="js/popper.min.js"></script>
<nav class="navbar navbar-expand-lg navbar-light bg-light"> <a class="navbar-brand" href="#">Help for Refugees </a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent1" aria-controls="navbarSupportedContent1" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button>
<div class="collapse navbar-collapse" id="navbarSupportedContent1">
<ul class="navbar-nav mr-auto">
<li class="nav-item"> <a class="nav-link" href="index.html">Home <span class="sr-only">(current)</span></a> </li>
<li class="nav-item"> <a class="nav-link" href="about-us.html">About Us </a> </li>
<li class="nav-item"> <a class="nav-link" href="ourimpact.html">Our Impact </a></li>
<li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown1" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Our Work </a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown1"> <a class="dropdown-item" href="region1.html"> Europe </a>
<a class="dropdown-item" href="region2.html"> Africa </a>
</div>
</li>
<li class="nav-item"> <a href="contact-us.html" class="nav-link">Contact Us </a> </li>
<li class="nav-item"> <a href="resources.html" class="nav-link">Resources </a></li>
<li class="nav-item"><a href="sitemap.html" class="nav-link">Site Map </a> </li>
<li class="nav-item"> <a href="donate.html" class="nav-link">Donate</a></li>
</ul>
</div>
</nav>
<script src="js/bootstrap-4.4.1.js"></script><br>
<h1 class="text-center"id="skipcontent" name="skipcontent">Africa </h1>
<div class="row">
<div class="col-xl-6">
<div class="card col-md-4 col-xl-12"> <img src="images/nigeria_updated.png" alt="Map Items Photo" width="400" height="300" class="card-img-top">
<div class="card-body">
<h2 class="card-title">Nigeria </h2>
<p class="card-text">Despite being the most populous country in Africa, Nigeria's progress is being undermined by various challenges including increasing instability, lack of cash, a weakening economy, and a growing distrust of the government.</p>
</div>
</div>
</div>
<div class="col-xl-6">
<div class="card col-md-4 col-xl-12">
<div class="card-header"> OTHER COUNTRIES WE SERVE </div>
<ul class="list-group list-group-flush">
<li class="list-group-item">Rwanda </li>
<li class="list-group-item">Democratic Republic of Congo </li>
<li class="list-group-item">South Sudan </li>
<li class="list-group-item">Iraq </li>
</ul>
</div>
</div>
</div>
<footer>Disclaimer! This is a fictitious company and is developed as an education project. Certain materials are included under the fair use exemption of the U.S. Copyright Law and have been prepared according to the multimedia fair use guidelines and are restricted from further use.</footer>
</body>
</html>