-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
157 lines (134 loc) · 4.81 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="shortcut icon" type="image/png" href="./images/favicon.jpg" />
<title>
AGAPE | School and Orphanage
</title>
<meta name="description" content="Add small description of yourslef.">
<!-- Add some coding keywords below, Ex: (React, CSS etc) -->
<meta name="keywords" content="Put your name, skills and some coding keywords" />
<link rel="stylesheet" href="index.css" />
</head>
<body>
<!-- ***** Header ***** -->
<header class="header" role="banner" id="top">
<div class="row">
<nav class="nav" role="navigation">
<ul class="nav__items">
<li class="nav__item"><a href="#work" class="nav__link">Home</a></li>
<li class="nav__item"><a href="#clients" class="nav__link">Orphanage</a></li>
<li class="nav__item">
<a href="#about" class="nav__link">School</a>
</li>
<li class="nav__item">
<a href="#contact" class="nav__link">Contact</a>
</li>
<!-- Updated navigation item for Donate -->
<li class="nav__item">
<a href="donate.html" class="nav__link">Donate</a>
</li>
</ul>
</nav>
</div>
<div class="header__text-box row">
<div class="header__text">
<h1 class="heading-primary">
<!-- Replace the following name with your name -->
<span>AGAPE</span>
</h1>
<!-- Put a small paragraph about yourself -->
<p>School and Orphanage</p>
<a href="#contact" class="btn btn--pink">Contact us</a>
</div>
</div>
</header>
<main role="main">
<!-- ***** Work ***** -->
<section class="work" id="work">
<div class="row">
<h2>Who we are</h2>
<div class="work__boxes">
<!-- Each div with the work__box class is a project. -->
<div class="work__box">
<div class="work__text">
<h3>Vision</h3>
<p>
Our goal is to provide sufficient shelter and care for these homeless children through Agape Orphanage
and School.
</p>
</div>
<div class="work__image-box">
<img src="./images/Peter's photo.png" class="work__image" alt="Peter's photo" />
</div>
<div class="work__text">
<h3>Mission</h3>
<p>
Build a green and sustainable orphanage and school using Bamboo to provide shelter and inspire a love
for nature in future generations.
</p>
</div>
</div>
</div>
</div>
</section>
<!-- ***** Clients ***** -->
<!--
<section class="client" id="clients">
<div class="row">
<h2>Clients</h2>
<div class="client__logos">
<img src="./images/ronjones.png" class="client__logo" alt="Company 2" />
<img src="./images/goldengrid.png" class="client__logo" alt="Company 3" />
<img src="./images/bullseye.png" class="client__logo" alt="Company 1" />
<img src="./images/mighty-furnitures.png" class="client__logo" alt="Company 1" />
<img src="./images/fastlane.png" class="client__logo" alt="Company 3" />
<img src="./images/chippy.png" class="client__logo" alt="Company 1" />
</div>
</div>
</section>
*****-->
<!-- ***** About ***** -->
<section class="about" id="about">
<div class="row">
<div class="about__photo-container">
<img class="about__photo" src="./images/floor plans.png" alt="" />
</div>
</div>
</div>
</section>
</main>
<!-- ***** Contact ***** -->
<section class="contact" id="contact">
<div class="row">
<h2>Contact us</h2>
<div class="contact__info">
<p>
There are approximately 250,000 homeless children in the Philippines.
</p>
<!-- Replace the email with yours -->
<a href="mailto:[email protected]" class="btn">peter's [email protected]</a>
</div>
</div>
</section>
<!-- ***** Footer ***** -->
<footer role="contentinfo" class="footer">
<div class="row">
<!-- Update the links to point to your accounts -->
<ul class="footer__social-links">
<li class="footer__social-link-item">
<a href="https://www.facebook.com/OrphanageAgape/about" title="Link to Facebook Profile">
<img src="./images/facebook.svg" class="footer__social-image" alt="facebook">
</a>
</li>
</ul>
</div>
</footer>
<a href="#top" class="back-to-top" title="Back to Top">
<img src="./images/arrow-up.svg" alt="Back to Top" class="back-to-top__image" />
</a>
<script src="./index.js"></script>
</body>
</html>