-
Notifications
You must be signed in to change notification settings - Fork 0
/
ajarn.html
111 lines (99 loc) · 4.48 KB
/
ajarn.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
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="ajarn.css">
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta charset="utf-8">
<style>
@media only screen and (max-width: 600px) {
/* Adjust the font size and line height for smaller screens */
body {
font-size: 14px;
line-height: 1.5;
}
/* Adjust the width of the image for smaller screens */
.ajarn-ken {
width: 100%;
}
/* Adjust the font size and line height for smaller screens in the footer */
.footer {
font-size: 12px;
line-height: 1.5;
}
}
@media only screen and (min-width: 601px) {
/* Adjust the font size and line height for larger screens */
body {
font-size: 16px;
line-height: 1.8;
}
/* Adjust the width of the image for larger screens */
.ajarn-ken {
width: 50%;
}
/* Adjust the font size and line height for larger screens in the footer */
.footer {
font-size: 14px;
line-height: 1.8;
}
}
</style>
<script>
window.addEventListener("resize", function() {
var width = window.innerWidth;
var height = window.innerHeight;
if (width < 600) {
// Adjust the font size and line height for smaller screens
document.body.style.fontSize = "14px";
document.body.style.lineHeight = "1.5";
// Adjust the width of the image for smaller screens
document.querySelector(".ajarn-ken").style.width = "100%";
// Adjust the font size and line height for smaller screens in the footer
document.querySelector(".footer").style.fontSize = "12px";
document.querySelector(".footer").style.lineHeight = "1.5";
} else {
// Adjust the font size and line height for larger screens
document.body.style.fontSize = "16px";
document.body.style.lineHeight = "1.8";
// Adjust the width of the image for larger screens
document.querySelector(".ajarn-ken").style.width = "50%";
// Adjust the font size and line height for larger screens in the footer
document.querySelector(".footer").style.fontSize = "14px";
document.querySelector(".footer").style.lineHeight = "1.8";
}
});
</script>
<title>Ajarn</title>
</head>
<header>
<nav>
<ul class="about-navbar">
<li><a class="nav-link" href="./index.html">Home</a></li>
<li><a class="nav-link" href="./about.html">About</a></li>
<li><a class="nav-link" href="./ajarn.html">Ajarn</a></li>
<li><a class="nav-link" href="./schedule.html">Schedule</a></li>
<li><a class="nav-link" href="./contact.html">Contact</a></li>
</ul>
</nav>
</header>
<body>
<h1>About Out Instructor</h1>
<img class="ajarn-ken" src="https://rebrand.ly/w8uq8pt" alt="ajarn Ken">
<p>Kenyatta D. Gentry is a 2nd generation Lotus practitioner.<br>
He currently holds a 3rd degree black belt with over 20 years' experience.<br>
In 1988 He began LOTUS training with his father Jack J. Gentry, Charlotte North Carolina Professor of Lotus Self-defense and <br>
1st degree black belt in Hapkido.
Ajarn Ken participated in many martial arts tournaments throughout his career. He was awarded United States Junior Karate Circuit "competitor of the year" Southeastern division
1996-1998.<br>
He has taught private self-defense classes to security staff at local night clubs, self-defense seminars at the Battered Woman's Shelter in Charlotte, and facilitated martial arts summer camps at local Presbyterian Churches in Charlotte.
Ajarn Ken co-founded the LOTUS Martial Arts Academy located in Charlotte North Carolina and recently Founded Dragonfly Martial Arts & Fitness located in Gastonia, NC.
</p>
</body>
<footer>
<div class="logo">
<img src="https://rebrand.ly/b72ojnm" alt="Dragonfly Martial Arts and Fitness" width="55%" height="55%">
</div>
<div>
<p class="sabucco"> © 2023 The Sabucco Syndicate</p>
</div>
</footer>