-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcpr.html
160 lines (117 loc) · 5.94 KB
/
cpr.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
<!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>
<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/cpr/cpr1.jpg" alt="">
</div>
<div class="swiper-slide">
<img src="assets/img/portfolio/cpr/cpr2.jpg" 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://www.redcross.org/">redcross.org</a></li>
</ul>
</div>
</div>
<div class="portfolio-description">
<h2>CPR Instructor</h2>
<!-- make the text bellow collapsable -->
<details>
<summary>
<p>
As a Red Cross CPR-certified instructor, I actively contribute to making my school a safer environment by certifying school athletic trainers, certified coaches, assistant coaches, teachers, and team managers. I provide them with essential training in CPR, Automated External Defibrillators (AED), and First Aid. My role involves conducting comprehensive training sessions that are both educational and hands-on, ensuring these crucial personnel are thoroughly equipped and certified to handle emergency situations effectively.... (click to read more)
</p>
</summary>
<p>
Statistics show that sudden cardiac arrest is a leading cause of death in the United States, with nearly 356,000 out-of-hospital cardiac arrests occurring each year. Immediate and effective bystander CPR can double or triple a victim's chance of survival. Despite this, only about 46% of those experiencing out-of-hospital cardiac arrests receive the prompt help they need before professional assistance arrives. This training proves even more critical in athletic environments, where the probability of incidents needing immediate emergency response is heightened due to the physical nature of sports.
I have also created and refined a YouTube tutorial that teaches basic CPR in Spanish.
</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>