-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
172 lines (150 loc) · 7 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
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
<!DOCTYPE html>
<html lang="en">
<!DOCTYPE html>
<html>
<!-- HEAD -->
<head>
<!-- Required meta tags always come first -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<!-- Bootstrap -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet">
<!-- Favicon-->
<link rel="stylesheet" href="styles.css">
<title> Coach Bolowich </title>
<link rel="icon" href="images/elmar-favicon.png">
<!-- Font -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Herr+Von+Muellerhoff&family=Pinyon+Script&display=swap" rel="stylesheet">
</head>
<!-- BODY -->
<body>
<!-- Navbar -->
<section>
<nav class="navbar navbar-expand-lg navbar-light">
<div class="container-fluid">
<a class="navbar-brand">Elmar Bolowich</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarScroll" aria-controls="navbarScroll" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" style="" id="navbarScroll">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="#bio">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#services">Services</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#contact">Get in Touch</a>
</li>
</ul>
</div>
</div>
</nav>
</section>
<!-- Photo -->
<section>
<img id="background-img" src="images/iStock-man-mountain.jpeg" alt="Reaching for success! iStock/AlexSava">
<!-- <p class="text" id="description"> coach · consultant · mentor</p> -->
</section>
<!-- Section break -->
<hr class="tapered-divider">
<!-- Bio section -->
<section id="bio">
<div class="row">
<h1> Bio </h1>
<div class="col-md-6">
<p id="short-description"> Hello! <br><br> I'm Coach Elmar. I have accumulated a wealth of experience as the Head Coach of top-level NCAA D1 men's soccer teams for over 30 years.
I have a degree in physical education from one of the best universities in Germany, and I served in the German Air Force before moving to the United States. With my cumulated experience,
I can help you to address the multitude of challenges that daily life can present, whether it be related to athletics, school, professional, or personal life. </p>
<p> Coach Elmar is certified as a Life Coach through the International Coach Federaction (ICF). </p>
</div>
<div class="col-md-6 headshot-container">
<img class="img-fluid headshot" src="images/elmar.png" alt="Elmar Bolowich headshot"/>
<p class="copyright"> © Joe Willman</p>
</div>
</div>
</section>
<!-- Section break -->
<hr class="tapered-divider">
<!-- Quote -->
<section id="quote">
<p> Practice does not make perfect. Only perfect practice makes perfect. </p>
<p> - Vince Lombardy </p>
</section>
<!-- Section break -->
<hr class="tapered-divider">
<!-- Services -->
<section id="services-section">
<h1 id="services"> Services </h1>
<button type="button" class="collapsible">Finding balance in your life</button>
<div class="content">
<dd> Enabling positive changes </dd>
<dd> Personal challenges </dd>
<dd> Dealing with social media </dd>
</div>
<button type="button" class="collapsible">Establishing goals</button>
<div class="content">
<dd> Time management </dd>
<dd> Prioritizing your day-to-day </dd>
<dd> Lifestyle changes </dd>
</div>
<button type="button" class="collapsible">Phsyical fitness</button>
<div class="content">
<dd> Daily activities or weekly plans based on age, ability, etc. </dd>
<dd> Weight management </dd>
<dd> Strength training </dd>
<dd> Aerobic and anaerobic fitness plans </dd>
</div>
<button type="button" class="collapsible">Guidance with professional challenges</button>
<div class="content">
<dd> Job satisfaction</dd>
<dd> Work environment </dd>
<dd> Conflict resolution with co-workers or managers </dd>
</div>
<button type="button" class="collapsible">Leadership guidance</button>
<div class="content">
<dd> How to become a better leader </dd>
<dd> Acceptance through performance </dd>
<dd> Leading by example </dd>
<dd> Leading others towards success </dd>
</div>
</section>
<!-- Section break -->
<hr class="tapered-divider">
<!-- Contact -->
<section>
<h1 id="contact"> Get in touch ! </h1>
<p> Start with a FREE 30-minute counselling session to ask questions and learn about the process. Contact Coach Elmar Bolowich via email at <img src="images/elmar-contact.png" id="contact-img"></p>
</section>
<!-- Section break -->
<hr class="tapered-divider">
<!-- Footer -->
<footer>
<p id="site-created"> site created by <a id="github" href="https://github.com/alyabolowich" target=”_blank”>alya.bolowich</a></p>
</footer>
<!-- JS -->
<!-- JavaScript Bundle with Popper -->
<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF" crossorigin="anonymous"></script>
<script>
var coll = document.getElementsByClassName("collapsible");
var i;
for (i = 0; i < coll.length; i++) {
coll[i].addEventListener("click", function() {
this.classList.toggle("active");
var content = this.nextElementSibling;
if (content.style.display === "block") {
content.style.display = "none";
} else {
content.style.display = "block";
}
});
}
</script>
</body>