-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathymsl.html
185 lines (127 loc) · 6.73 KB
/
ymsl.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
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<title>Abram Twede</title>
<meta content="" name="description">
<meta content="" name="keywords">
<!-- Favicons -->
<link href="assets/img/favicon.png" rel="icon">
<link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon">
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Poppins:300,300i,400,400i,500,500i,600,600i,700,700i|Playfair+Display:400,400i,500,500i,600,600i,700,700i,900,900i" rel="stylesheet">
<!-- Vendor CSS Files -->
<link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
<link href="assets/vendor/boxicons/css/boxicons.min.css" rel="stylesheet">
<link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
<link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">
<!-- Template Main CSS File -->
<link href="assets/css/style.css" rel="stylesheet">
</head>
<body>
<body>
<div id="menu"></div>
<script>
fetch('menu.html')
.then(response => response.text())
.then(data => {
document.getElementById('menu').innerHTML = data;
});
</script>
<main id="main">
<!-- ======= Portfolio Details Section ======= -->
<section id="portfolio-details" class="portfolio-details">
<div class="container">
<div class="row gy-4">
<div class="col-lg-8">
<div class="pictures">
<div class="portfolio-details-slider swiper">
<div class="swiper-wrapper align-items-center">
<div class="swiper-slide">
<img src="assets/img/portfolio/ymsl1.png" alt="">
</div>
<div class="swiper-slide">
<img src="assets/img/portfolio/ymsl2.png" alt="">
</div>
</div>
<div class="swiper-pagination"></div>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="something">
<div class="portfolio-info">
<h3>Project information</h3>
<ul>
<li><strong>Project URL</strong>: <a href="https://ymsl.org/">ymsl.org></li>
</ul>
</div>
</div>
<div class="portfolio-description">
<h2>YMSL</h2>
<!-- make the text bellow collapsable -->
<details>
<summary>
<p>
The Young Men's Service League (YMSL) is a philanthropic organization committed to community service and leadership. In the past three years, my involvement with YMSL has involved a wide range of service projects, leadership training, and cultural experiences, all emphasizing civic responsibility and personal growth through active community involvement... (click to read more)
</p>
</summary>
<p>
As the Leadership Chair, I design and teach leadership lessons for my peers, fostering their development and understanding.
As the Philanthropy Chair, I plan and coordinate volunteer events, actively addressing various community needs.
Places of Service and Contribution in my Community:
Marian House: In this local homeless shelter, I engage in a spectrum of activities, from serving meals to maintaining the facility, and addressing the immediate needs of the homeless community.
Ronald McDonald House: My efforts are centered on supporting families with hospitalized children, including preparing meals, organizing recreational activities, and maintaining the facility.
Habitat for Humanity: I actively contribute to home-building projects, acquiring valuable construction and teamwork skills, and directly assisting families in need.
Special Olympics: Focusing on tennis events, I coach athletes, assist in event management, and provide support and encouragement to participants.
Kids on Bikes: This initiative promotes children's physical activity and health. I organize bike rides, teach bike safety, and engage in various cycling activities with the kids.
Care and Share in Colorado Springs: At this food bank, I sort and package food, aid in food drives, and distribute food, tackling food insecurity in our community.
CPCD Headstart: I support this organization by assisting teachers in classrooms, organizing educational materials, and engaging in activities that foster early childhood development.
Silver Key: Serving senior citizens, I participate in meal preparation and delivery, and companionship programs.
</p>
</details>
</div>
</div>
</div>
</div>
</div>
</section><!-- End Portfolio Details Section -->
</body>
<!-- ======= Footer ======= -->
<!-- make the footer be at the bottom but not fixed-->
<style>
#footer {
position: relative;
left: 0;
bottom: -150px;
width: 100%;
color: white;
text-align: center;
}
</style>
<div id="footer" class="text-center">
<div class="container">
<div class="socials-media text-center">
<ul class="list-unstyled">
<li><a href="https://github.com/abram-twede"><i class="bi bi-github"></i></a></li>
<li><a href="https://twitter.com/abram_twede"><i class="bi bi-twitter"></i></a></li>
<li><a href="https://www.instagram.com/abram_twede/"><i class="bi bi-instagram"></i></a></li>
<li><a href="https://www.linkedin.com/in/abram-twede/"><i class="bi bi-linkedin"></i></a></li>
</ul>
</div>
<p>© 2025 Abram Twede</p>
</div>
</div>
<a href="#" class="back-to-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a>
<!-- Vendor JS Files -->
<script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="assets/vendor/glightbox/js/glightbox.min.js"></script>
<script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>
<script src="assets/vendor/swiper/swiper-bundle.min.js"></script>
<script src="assets/vendor/typed.js/typed.umd.js"></script>
<script src="assets/vendor/php-email-form/validate.js"></script>
<!-- Template Main JS File -->
<script src="assets/js/main.js"></script>
</html>