-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
99 lines (82 loc) · 4.96 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
<!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>Home Page</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 class="center"> </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="index.html">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="ourwork.html" 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">Welcome to Our Website </h1>
<iframe src="https://www.youtube.com/embed/25bwiSikRsI?start=6" width="1000" height="500" title="What does it mean to be a refugee by Berti and Borgman" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
<br>
<br>
<h3 class="text-center">Get To Know Us </h3>
<br>
<div id="accordion1" role="tablist">
<div class="card">
<div class="card-header" role="tab" id="headingOne1">
<h5 class="mb-0"> <a data-toggle="collapse" href="#collapseOne1" role="button" aria-expanded="true" aria-controls="collapseOne1"> Meet Our Team </a> </h5>
</div>
<div id="collapseOne1" class="collapse show" role="tabpanel" aria-labelledby="headingOne1" data-parent="#accordion1">
<div class="card-body">Get to know our wonderful <a href="contact-us.html">team</a> and their contributions. </div>
</div>
</div>
<div class="card">
<div class="card-header" role="tab" id="headingTwo1">
<h5 class="mb-0"> <a class="collapsed" data-toggle="collapse" href="#collapseTwo1" role="button" aria-expanded="false" aria-controls="collapseTwo1"> View Our Projects </a> </h5>
</div>
<div id="collapseTwo1" class="collapse" role="tabpanel" aria-labelledby="headingTwo1" data-parent="#accordion1">
<div class="card-body">Learn more about our ongoing projects in Europe and Africa</div>
</div>
</div>
<div class="card">
<div class="card-header" role="tab" id="headingThree1">
<h5 class="mb-0"> <a class="collapsed" data-toggle="collapse" href="#collapseThree1" role="button" aria-expanded="false" aria-controls="collapseThree1"> Learn More </a> </h5>
</div>
<div id="collapseThree1" class="collapse" role="tabpanel" aria-labelledby="headingThree1" data-parent="#accordion1">
<div class="card-body">See how you can contribute. Donate today!</div>
</div>
</div>
</div>
<br>
<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>