aj93222.github.io/about.html at master · aj93222/aj93222.github.io · GitHub

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
186
187
188
189
<!doctype html>
<html lang="en">
    <head>
        <!-- Required meta tags -->
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <!-- Bootstrap CSS -->
        <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>

        <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=Average&display=swap" rel="stylesheet">
        <link rel="stylesheet" type="text/css" href="about.css" />
        <title>Back in the Game</title>
    </head>
<body>
    <!-- Navbar -->
    <nav class="navbar navbar-expand-lg navbar-light mb-4" style="background-color: #ECEEFF">
        <div class="container-fluid">
            <!-- Clicking on the Logo goes to the Homepage (Linked to Homepage) -->
            <a href="index.html"><img src="img/logo.png" alt="" width="120" height="80"></a>
            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>
        <div class="collapse navbar-collapse" id="navbarCollapse">
            <ul class="nav navbar-nav ms-auto">
                <!-- Home Nav -->
                <li class="nav-item">
                    <a class="nav-link active" style="margin-right: 30px;" aria-current="page" href="index.html">Home</a>
                </li>
                <!-- About Nav -->
                <li class="nav-item">
                    <a class="nav-link active" style="margin-right: 30px" href="about.html">About</a>
                </li>
                <!-- Programs Nav with Dropdown for Athletes and Performers -->
                <li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle" style="color: black; margin-right: 30px;" data-bs-toggle="dropdown" href="#" role="button" aria-expanded="false">Programs</a>
                    <ul class="dropdown-menu">
                        <li><a class="dropdown-item" href="programs_athlete.html">Athletes</a></li>
                        <li><a class="dropdown-item" href="programs_performer.html">Performers</a></li>
                    </ul>
                </li>
                <!-- Podcasts Nav -->
                <li class="nav-item">
                    <a class="nav-link active" style="margin-right: 30px" href="podcasts.html">Podcasts</a>
                </li>
                <!-- Contact Nav -->
                <li class="nav-item">
                    <a class="nav-link active" style="margin-right: 30px" href="contact.html">Contact</a>
                </li>
            </ul>
            </div>
        </div>
    </nav>

    <!-- Instructors images and descriptions -->
    <div class = "container">
        <h1>Instructors</h1><br>
        <!-- Section About Rob -->
        <div class="row">
            <div class="col-12 col-md-8 bottom">
                <!-- Description -->
                <h2>Rob Bumbaco, LCSW, CMC</h2><br>
                <p>Back in the Game® was developed by Rob Bumbaco, a Licensed Clinical
                    Social Worker, Certified Mental Coach, and former Division 1 athlete.
                    During his time playing competitive hockey, Rob noticed gaps in the
                    support and services available to his fellow athletes. Combining his
                    mental health training and experience on the ice, Rob has created a
                    suite of tools to achieve optimal athletic performance.</p>
            </div>
        <!-- Picture of Rob -->
        <div class="col-8 col-md-4 top justify-content-center">
            <img id="rob" class="instructor" src="img/rob.png" alt="Picture of Rob">
            <br>
        </div>
  </div>
  <br>
  <hr style="width:100%;margin:auto;">
  <br>
    <!-- Section About Rachel -->
    <div class="row">
        <div class="col-12 col-md-8 bottom">
            <!-- Description -->
            <h2>Rachael Isaac, MSW, LSW</h2><br>
            <p>Rachael is a full-time mental health counselor and performance coach.
                She completed her undergraduate studies in Psychology at Franciscan
                University of Steubenville. Rachael obtained her Master’s Degree in
                Social Work (Clinical Specialization) from the University of Pittsburgh.
                She is a Licensed Social Worker and has received additional advanced
                training in Cognitive Behavioral Therapy.
                <br><br>Rachael is a former competitive figure skater and dancer.
                She has specialized in performance skills training throughout her life,
                education, and career. Rachael has worked with athletes and
                organizations to help them achieve their sports performance goals.
                Her areas of expertise include mindfulness training, goal setting, and confidence-building.</p>
        </div>
            <!-- Picture of Rachel -->
            <div class="col-8 col-md-4 top justify-content-center">
                <img id="rachel" class="instructor" src="img/Rachael-Image-scaled.jpeg" alt="Picture of Rachel">
            <br>
        </div>
    </div>
    <br> <br>

    <!-- Back in the Game locations -->
    <div class="row justify-content-center">
        <h2 class="text-center">Locations</h2>
            <br><br><br>
        <!-- Primary location card -->
        <div class="col-12 col-md-6 col-lg-4 justify-content-center">
            <div class="card">
                <div class="container justify-content-center">
                    <h5 class="card-title text-center">Primary</h5>
                    <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3039.222881937264!2d-80.04756988506746!3d40.38175257936916!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x8834f77176620a31%3A0x9a1abeebcf54748f!2s20%20Cedar%20Blvd%2C%20Pittsburgh%2C%20PA%2015228!5e0!3m2!1sen!2sus!4v1638164007599!5m2!1sen!2sus" style="border:0;" allowfullscreen="" loading="lazy" class="map"></iframe>
                    <!-- Primary location address-->
                    <div class="card-body">
                        <p class="card-text" style="padding: 5%; padding-top: 0;">
                            20 Cedar Blvd <br>
                            Pittsburgh, Pennsylvania 15228, US
                        </p>
                    </div>
                </div>
            </div>
            <br><br>
        </div>
        <!-- Online provider card -->
        <div class="col-12 col-md-6 col-lg-4 justify-content-center">
            <div class="card">
                <div class="container justify-content-center">
                    <h5 class="card-title text-center">Online Providers</h5>
                    <div id="whiteblock" class="align-items-center">
                        <img src="img/Aetna-logo.jpeg" class="online-loc">
                        <img src="img/blue-cross-blue-shield-logo.jpeg" class="online-loc">
                        <img src="img/highmark-logo.jpeg" class="online-loc">
                        <img src="img/upmc-logo.jpeg" class="online-loc">
                        <img src="img/optum.png" class="online-loc">
                    </div>
                    <div class="card-body">
                    <!-- Online location description -->
                    <p class="card-text">Therapy on your time!  If you have UPMC, Highmark,
                        Optum, or Cigna insurance don’t forget to ask your therapist about
                        the option of teletherapy. Teletherapy allows clients to participate
                        in therapy on their time from the comfort of their home or office.
                        It eliminates travel time and allows for more schedule flexibility.</p>
                    </div>
                </div>
            </div>
            <br><br>
        </div>
        <!-- South Hills Location Card -->
        <div class="col-12 col-md-6 col-lg-4 justify-content-center">
            <div class="card">
                <div class="container justify-content-center">
                    <h5 class="card-title text-center">South Hills - Mt Lebanon</h5>
                    <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3026.9027319878205!2d-80.0889834850572!3d40.65407447933829!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x88348832a6eb8589%3A0x50811f8dac3881cc!2s1%20Williamsburg%20Pl%20%23230%2C%20Warrendale%2C%20PA%2015086!5e0!3m2!1sen!2sus!4v1638164414786!5m2!1sen!2sus" style="border:0;" allowfullscreen="" loading="lazy" class="map"></iframe>
                    <!-- South Hills address -->
                    <div class="card-body">
                        <p class="card-text" style="padding: 5%; padding-top: 0;">
                            1 Williamsburg Pl <br>
                            Suite 230
                            Warrendale, Pennsylvania 15086, US </p>
                    </div>
                </div>
            </div>
            <br><br>
        </div>
    </div>
    </div>
    <br><br>
    <!-- Footer -->
    <footer class="footer">
        <div class="container p-4 pb-0">
            <!-- Social media icons and links -->
            <div class="mb-4">
                <a href="https://www.facebook.com/BetterInstitute/">
                    <span class="facebook"> <img src="img/fb.png" alt="" width ="50" height="50"></span>
                </a>
                <a href="https://www.linkedin.com/company/betterinstitute">
                    <span class="linkedin"> <img src="img/linkedin.png" alt="" width ="50" height="50"></span>
                </a>
            </div>
            <!-- Copyright for Better Institute -->
            <p>© Copyright Learn with The Better Institute® 2021</p>
        </div>
    </footer>
</body>
</html>