-
Notifications
You must be signed in to change notification settings - Fork 3
/
home.html
158 lines (135 loc) · 8.1 KB
/
home.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
148
149
150
151
152
153
154
155
156
157
158
<!DOCTYPE html>
<html>
<head>
<title> Home Page - Haven Project </title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="home.css" />
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Open+Sans&display=swap" rel="stylesheet">
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-light">
<a class="navbar-brand" href="#">
<img src="assets/logo.png" alt="icon" width="200">
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse justify-content-end" id="navbarNavDropdown">
<ul class="navbar-nav">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
About Us
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
<a class="dropdown-item" href="/aboutus.html">Founders and Leaders</a>
</div>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Leadership
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
<a class="dropdown-item" href="/davisleadership.html">Davis</a>
<a class="dropdown-item" href="/ndhsleadership.html">NDHS</a>
</div>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Events
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
<a class="dropdown-item" href="/pastevents.html">Past</a>
<a class="dropdown-item" href="/currentevents.html">Current</a>
</div>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Media
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
<a class="dropdown-item" href="/pictures.html">Pictures</a>
<a class="dropdown-item" href="/videos.html">Videos</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="/merch.html">Merch </a>
</li>
<li class="nav-item">
<a class="nav-link" href="/donate.html">Donate </a>
</li>
<li class="nav-item">
<a class="nav-link" href="/contact.html">Contact Us</a>
</li>
<li class="nav-item" href="/cart.html">
<img src="assets/shoppingcart.png" alt="icon" width="50" height="50">
</li>
</ul>
</div>
</nav>
<div class="picturecontainer">
<img src="assets/boxes_of_love.jpg" alt="">
</div>
<div class="titletext">
<p>"Creating a safe place for you and me"</p>
</div>
<div class = "HavenIntro">
<p> The Haven Project is a club originally designed at Notre Dame High School by Erin Miller and Izzie Ramirez in 2019 with a goal to create a safe space for children in foster care. It began with 10 members and has since then grown to become not only a club with over 100 members, but also has grown to have a branch at UC Davis as well. As a club we strive to not only provide resources for children going through this process but also educate ourselves and peers on a topic that is so often overlooked. As a club we have been able to do many projects from Boxes of Love (quarantine care packages), to creating a Buddy the Bear mascot as a friend to children who may feel lonely, to launching our merchandise, spreading awareness to donors nationwide. Even with the difficulties of COVID and pivoting to online meetings and projects, we have been able to support over 40 children in the Los Angeles area. We are thrilled to continue our outreach as the Haven Project expands and we are able to provide love and support for children all over the world.
</p>
</div>
<div class="getInvolvedButton">
<button type="button" id="button1">GET INVOLVED!</button>
</div>
<div class="spacer"></div>
<div class="DavisBranch">
<p>Davis Branch</p>
</div>
<div class = "DavisBranchParagraph">
<p> The Haven Project at UCD was started in the fall quarter of 2020. Though we have struggled through 2020 and Ms. Corona being who she is, we believed that the youths in foster care would need their community’s support even more. For as much as we struggled, they would even more so. We are so blessed to be a place that attracts so many UCD students who are so passionate and willing to donate their time and efforts to our cause. We initially started with six members and it quickly grew to the members we have today. We will continue to work to support the youths of all ages in and out of foster care through our projects: The Giving Tree, The Boxes of Love, The Pen Pal Program, and many more to come.
</p>
</div>
<div class="viewMoreButton1">
<button type="button" id="button2">View More</button>
</div>
<div class="spacer"></div>
<div class="NDHSBranch">
<p>NDHS Branch</p>
</div>
<div class = "NDHSBranchParagraph">
<p> The Haven Project was originally founded at Notre Dame High School in Sherman Oaks, California in 2019. This branch originally started with approximately 10 members and we have now grown to over 100 members. We have done projects throughout the past 2 years, to provide love, support, and goodies to these children and have been able to support over 40 children so far, with hopes of expanding our outreach. We have done many projects and have many planned projects such as the boxes of love (quarantine care packages), the pen pal project, and much more. We are hoping that we use these goodies to support each child we work with. We have been fortunate enough to work with other clubs at Notre Dame to join together and further spread our love and support.</p>
</div>
<div class="viewMoreButton2">
<button type="button" id="button3">View More</button>
</div>
<div class="spacer"></div>
<div class="boxes">
<div class="rowBox">
<div class="box" id="box1">
<div class="left">25</div>
<div class="right">children helped in Davis, CA</div>
</div>
<div class="box" id="box2">
<div class="left">25</div>
<div class="right">children helped in Davis, CA</div>
</div>
</div>
<div class="rowBox">
<div class="box" id="box3">
<div class="left">25</div>
<div class="right">children helped in Davis, CA</div>
</div>
<div class="box" id="box4">
<div class="left">25</div>
<div class="right">children helped in Davis, CA</div>
</div>
</div>
</div>
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
</body>
</html>