Run details:
Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/52.0.2743.116 Safari/537.36
Chrome 52
Windows
Other
8 years ago
Test name Executions per second
Global DOM Selection 51027.9 Ops/sec
Sibling DOM Selection 55351.8 Ops/sec
HTML Preparation code:
x
 
1
2
3
4
5
<html lang="en" class="">
6
<head>
7
    <meta charset="utf-8" />
8
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
9
    <meta name="format-detection" content="telephone=no" />
10
    <meta name="description" content="CCA learners are finding success in school and in life." />
11
    <meta name="keywords" content="" />
12
    <link rel="apple-touch-icon" href="/Themes/CCA/Images/fav/apple-touch-icon.png" />
13
    <link rel="shortcut icon" href="/Themes/CCA/Images/fav/favicon.ico" type="image/x-icon" />
14
    <title>Success stories of CCA learners</title>
15
    
16
    <link href="//cloud.typography.com/6999494/6394752/css/fonts.css" rel="stylesheet" />
17
    <link href="/Themes/CCA/vendor/iconfont/style.css" rel="stylesheet" />
18
    <link href="/Themes/CCA/vendor/jquery-ui/jquery-ui.min.css" rel="stylesheet" />
19
    <link href="/Themes/CCA/vendor/fancybox/source/jquery.fancybox.css" rel="stylesheet" />
20
21
        <link href="/Themes/CCA/assets/css/app.min.css" rel="stylesheet" />
22
23
    
24
</head>
25
<body class=" success-stories">
26
    
27
    
28
29
30
31
<a href="#interior-page" class="skip-link">Skip Navigation</a>
32
33
34
35
<div class="scroll-top">
36
    <span class="icon icon-icon_arrow-large-up"></span>
37
    <span>top</span>
38
</div>
39
40
41
42
<div role="banner" class="mobile-menu-container mobile-only headerHeight">
43
    <div class="mobile-header-container">
44
        <div class="countdown clearfix">
45
            <div class="header-container">
46
                <p class="countdown__right">
47
                    <a href="tel:8445902864" class="-unstyled">Call (toll-free) 844-590-2864</a>
48
                </p>
49
            </div>
50
        </div>
51
        <header class="mobile-header mobile-only">
52
            <a href="/" class="home-link">
53
                <img class="mobile-header__image" src="/Themes/CCA/Images/header-logo.png" alt="CCA LOGO" />
54
            </a>
55
            <div class="mobile-header__buttons">
56
                <a href="/find-out-more/contact-the-cca-team" class="header__buttons__button button enroll">Request Info</a>
57
            </div>
58
            <a href="javascript:;" class="mobile-menu mobile-only">
59
                <span class="icon icon-icon_menu-search"></span>
60
                <span class="icon icon-icon_close-large"></span>
61
            </a>
62
            <div role="navigation" class="inner-nav clearfix">
63
                <div  role="navigation" class="mobile-header__links">
64
                    <div class="back-wrapper">
65
                        <div class="-mobile-container">
66
                            <a href="javascript:;" class="mobile-header__links__link -back"><span class="icon icon-icon_arrow-left"></span>Back</a>
67
                        </div>
68
                    </div>
69
                    <div class="-mobile-container">
70
                        <div id="mobile-nav-breadcrumb">
71
                            <a title="First Level Breadcrumb" href="javascript:;" class="first-level"></a>
72
                            <a title="Second Level Breadcrumb" href="javascript:;" class="second-level"></a>
73
                        </div>
74
    <a href="/about" class="mobile-header__links__link -has-sub-nav">About<span class="icon icon-icon_arrow-right"></span></a>
75
        <div class="sub-nav">
76
            <div class="mobile-header-container">
77
                <a href="/about" class="mobile-header__links__link -has-sub-nav never-disable">About</a>
78
                    <a href="/about/students" class="sub-nav__link -has-sub-nav">Students<span class="icon icon-icon_arrow-right"></span></a>
79
                    <div class="sub-nav-two">
80
                        <a href="/about/students" class="sub-nav-two__link never-disable">Students</a>
81
                            <a href="/about/students/student-responsibilities" class="sub-nav-two__link">Student Responsibilities</a>
82
                            <a href="/about/students/personalized-learning" class="sub-nav-two__link">Personalized Learning</a>
83
                    </div>
84
                    <a href="/about/parents" class="sub-nav__link -has-sub-nav">Parents<span class="icon icon-icon_arrow-right"></span></a>
85
                    <div class="sub-nav-two">
86
                        <a href="/about/parents" class="sub-nav-two__link never-disable">Parents</a>
87
                            <a href="/about/parents/parent-responsibilities" class="sub-nav-two__link">Parent Responsibilities</a>
88
                    </div>
89
                    <a href="/about/teachers" class="sub-nav__link -has-sub-nav">Teachers<span class="icon icon-icon_arrow-right"></span></a>
90
                    <div class="sub-nav-two">
91
                        <a href="/about/teachers" class="sub-nav-two__link never-disable">Teachers</a>
92
                            <a href="/about/teachers/personalized-learning" class="sub-nav-two__link">Personalized Learning</a>
93
                            <a href="/about/teachers/counseling-career-prep" class="sub-nav-two__link">Counseling &amp; Career Prep</a>
94
                    </div>
95
                    <a href="/about/administrators" class="sub-nav__link">Administrators<span class="icon icon-icon_arrow-right"></span></a>
96
                    <div class="sub-nav-two">
97
                        <a href="/about/administrators" class="sub-nav-two__link never-disable">Administrators</a>
98
                    </div>
99
                    <a href="/about/school-board" class="sub-nav__link -has-sub-nav">School Board<span class="icon icon-icon_arrow-right"></span></a>
100
                    <div class="sub-nav-two">
101
                        <a href="/about/school-board" class="sub-nav-two__link never-disable">School Board</a>
102
                            <a href="/about/school-board/board-of-directors" class="sub-nav-two__link">Board of Directors</a>
103
                            <a href="/about/school-board/title-i-compliance" class="sub-nav-two__link">Title I Compliance</a>
104
                            <a href="/about/school-board/meeting-schedule" class="sub-nav-two__link">Meeting Schedule</a>
105
                    </div>
106
                    <a href="/about/mission" class="sub-nav__link">Mission<span class="icon icon-icon_arrow-right"></span></a>
107
                    <div class="sub-nav-two">
108
                        <a href="/about/mission" class="sub-nav-two__link never-disable">Mission</a>
109
                    </div>
110
            </div>
111
        </div>
112
    <a href="/programs" class="mobile-header__links__link -has-sub-nav">Programs<span class="icon icon-icon_arrow-right"></span></a>
113
        <div class="sub-nav">
114
            <div class="mobile-header-container">
115
                <a href="/programs" class="mobile-header__links__link -has-sub-nav never-disable">Programs</a>
116
                    <a href="/programs/elementary-school" class="sub-nav__link -has-sub-nav">Elementary School<span class="icon icon-icon_arrow-right"></span></a>
117
                    <div class="sub-nav-two">
118
                        <a href="/programs/elementary-school" class="sub-nav-two__link never-disable">Elementary School</a>
119
                            <a href="/programs/elementary-school/sample-school-day" class="sub-nav-two__link">Sample School Day</a>
120
                    </div>
121
                    <a href="/programs/middle-school" class="sub-nav__link -has-sub-nav">Middle School<span class="icon icon-icon_arrow-right"></span></a>
122
                    <div class="sub-nav-two">
123
                        <a href="/programs/middle-school" class="sub-nav-two__link never-disable">Middle School</a>
124
                            <a href="/programs/middle-school/sample-school-day" class="sub-nav-two__link">Sample School Day</a>
125
                    </div>
126
                    <a href="/programs/high-school" class="sub-nav__link -has-sub-nav">High School<span class="icon icon-icon_arrow-right"></span></a>
127
                    <div class="sub-nav-two">
128
                        <a href="/programs/high-school" class="sub-nav-two__link never-disable">High School</a>
129
                            <a href="/programs/high-school/course-options" class="sub-nav-two__link">Course Options</a>
130
                            <a href="/programs/high-school/graduation-requirements" class="sub-nav-two__link">Graduation Requirements</a>
131
                            <a href="/programs/high-school/sample-school-day" class="sub-nav-two__link">Sample School Day</a>
132
                    </div>
133
                    <a href="/programs/socialization-opportunities" class="sub-nav__link -has-sub-nav">Socialization Opportunities<span class="icon icon-icon_arrow-right"></span></a>
134
                    <div class="sub-nav-two">
135
                        <a href="/programs/socialization-opportunities" class="sub-nav-two__link never-disable">Socialization Opportunities</a>
136
                            <a href="/programs/socialization-community/mobile-classroom" class="sub-nav-two__link">Mobile Classroom</a>
137
                            <a href="/programs/socialization-community/conservatories" class="sub-nav-two__link">Conservatories</a>
138
                            <a href="/programs/socialization-community/field-trips" class="sub-nav-two__link">Field Trips</a>
139
                            <a href="/programs/socialization-opportunities/clubs-and-activities" class="sub-nav-two__link">Clubs and Activities</a>
140
                    </div>
141
                    <a href="/programs/technology" class="sub-nav__link">Technology<span class="icon icon-icon_arrow-right"></span></a>
142
                    <div class="sub-nav-two">
143
                        <a href="/programs/technology" class="sub-nav-two__link never-disable">Technology</a>
144
                    </div>
145
                    <a href="/programs/course-catalog" class="sub-nav__link">Course Catalog<span class="icon icon-icon_arrow-right"></span></a>
146
                    <div class="sub-nav-two">
147
                        <a href="/programs/course-catalog" class="sub-nav-two__link never-disable">Course Catalog</a>
148
                    </div>
149
            </div>
150
        </div>
151
    <a href="/success" class="mobile-header__links__link -has-sub-nav">Success<span class="icon icon-icon_arrow-right"></span></a>
152
        <div class="sub-nav">
153
            <div class="mobile-header-container">
154
                <a href="/success" class="mobile-header__links__link -has-sub-nav never-disable">Success</a>
155
                    <a href="/success/parent-satisfaction" class="sub-nav__link">Parent Satisfaction<span class="icon icon-icon_arrow-right"></span></a>
156
                    <div class="sub-nav-two">
157
                        <a href="/success/parent-satisfaction" class="sub-nav-two__link never-disable">Parent Satisfaction</a>
158
                    </div>
159
                    <a href="/success/program-accreditations" class="sub-nav__link">Program Accreditations<span class="icon icon-icon_arrow-right"></span></a>
160
                    <div class="sub-nav-two">
161
                        <a href="/success/program-accreditations" class="sub-nav-two__link never-disable">Program Accreditations</a>
162
                    </div>
163
                    <a href="/success/success-stories" class="sub-nav__link">Success Stories<span class="icon icon-icon_arrow-right"></span></a>
164
                    <div class="sub-nav-two">
165
                        <a href="/success/success-stories" class="sub-nav-two__link never-disable">Success Stories</a>
166
                    </div>
167
                    <a href="/success/newsroom" class="sub-nav__link">Newsroom<span class="icon icon-icon_arrow-right"></span></a>
168
                    <div class="sub-nav-two">
169
                        <a href="/success/newsroom" class="sub-nav-two__link never-disable">Newsroom</a>
170
                    </div>
171
            </div>
172
        </div>
173
    <a href="/find-out-more" class="mobile-header__links__link -has-sub-nav">Find Out More<span class="icon icon-icon_arrow-right"></span></a>
174
        <div class="sub-nav">
175
            <div class="mobile-header-container">
176
                <a href="/find-out-more" class="mobile-header__links__link -has-sub-nav never-disable">Find Out More</a>
177
                    <a href="/find-out-more/open-house-and-orientation-sessions" class="sub-nav__link">Open House and Orientation Sessions<span class="icon icon-icon_arrow-right"></span></a>
178
                    <div class="sub-nav-two">
179
                        <a href="/find-out-more/open-house-and-orientation-sessions" class="sub-nav-two__link never-disable">Open House and Orientation Sessions</a>
180
                    </div>
181
                    <a href="/find-out-more/frequently-asked-questions" class="sub-nav__link">Frequently Asked Questions<span class="icon icon-icon_arrow-right"></span></a>
182
                    <div class="sub-nav-two">
183
                        <a href="/find-out-more/frequently-asked-questions" class="sub-nav-two__link never-disable">Frequently Asked Questions</a>
184
                    </div>
185
                    <a href="/find-out-more/family-service-centers" class="sub-nav__link">Family Service Centers<span class="icon icon-icon_arrow-right"></span></a>
186
                    <div class="sub-nav-two">
187
                        <a href="/find-out-more/family-service-centers" class="sub-nav-two__link never-disable">Family Service Centers</a>
188
                    </div>
189
                    <a href="/find-out-more/contact-the-cca-team" class="sub-nav__link">Contact the CCA Team<span class="icon icon-icon_arrow-right"></span></a>
190
                    <div class="sub-nav-two">
191
                        <a href="/find-out-more/contact-the-cca-team" class="sub-nav-two__link never-disable">Contact the CCA Team</a>
192
                    </div>
193
                    <a href="/find-out-more/contact-a-cca-parent" class="sub-nav__link">Contact a CCA Parent<span class="icon icon-icon_arrow-right"></span></a>
194
                    <div class="sub-nav-two">
195
                        <a href="/find-out-more/contact-a-cca-parent" class="sub-nav-two__link never-disable">Contact a CCA Parent</a>
196
                    </div>
197
                    <a href="/find-out-more/on-demand-info-session" class="sub-nav__link">On Demand Info Session<span class="icon icon-icon_arrow-right"></span></a>
198
                    <div class="sub-nav-two">
199
                        <a href="/find-out-more/on-demand-info-session" class="sub-nav-two__link never-disable">On Demand Info Session</a>
200
                    </div>
201
            </div>
202
        </div>
203
    <a href="/blog" class="mobile-header__links__link">Blog<span class="icon icon-icon_arrow-right"></span></a>
204
                        <a href="https://www.connexus.com/login.aspx" class="mobile-header__links__link -has-sub-nav mobile-login" target="_blank">Login</a>
205
                    </div>
206
                </div>
207
                <div class="input-wrapper">
208
                    <div class="input-background mobile-search-window -mobile-container" role="search">
209
                        <label for="mobileSearch" class="hidden-label">Search</label>
210
                        <input id="mobileSearch" class="search" type="text" name="search" placeholder="Search">
211
                        <a href="javascript:;" class="button search-button"><span class="icon icon-icon_search"></span></a>
212
                    </div>
213
                </div>
214
            </div>
215
        </header>
216
    </div>
217
</div>
218
219
220
221
222
223
<header role="banner" class="header desktop-only -interior -fix-nav-below" >
224
    
225
226
<div class="countdown clearfix">
227
    <div class="header-container">
228
        <p class="countdown__left " id="clockdiv" style="display: none;">
229
            <span>First Day of School: </span><span class="days">-9</span>days:<span class="hours">-3</span>hrs:<span class="minutes">-17</span>mins<span class="seconds">-12</span>secs
230
        </p>
231
        <p class="countdown__right">
232
            <a href="http://www.connectionsacademy.com/learning-management-system.aspx" class="-unstyled" target="_blank">Login</a>|<a href="tel:8445902864" class="-unstyled">Call (toll-free) 844-590-2864</a>
233
        </p>
234
    </div>
235
</div>
236
237
238
    
239
240
<div class="header-container headerHeight">
241
    <a href="/" class="home-link">
242
        <img class="header__image" src="/Themes/CCA/Images/header-logo.png" alt="CCA LOGO" />
243
    </a>
244
    <div role="navigation" class="inner-nav clearfix">
245
        <div class="header__links">
246
    <div class="link-area-container">
247
        <a href="/about" class="header__links__link has-sub-nav-two">About</a>
248
            <div class="sub-nav">
249
                <div class="header-container">
250
    <div class="sub-link-area-container">
251
        <a href="/about/students" class="sub-nav__link has-sub-nav-two">Students</a>
252
            <div class="sub-nav-two">
253
                    <a href="/about/students/student-responsibilities" class="sub-nav-two__link">Student Responsibilities</a>
254
                    <a href="/about/students/personalized-learning" class="sub-nav-two__link">Personalized Learning</a>
255
            </div>
256
    </div>
257
    <div class="sub-link-area-container">
258
        <a href="/about/parents" class="sub-nav__link has-sub-nav-two">Parents</a>
259
            <div class="sub-nav-two">
260
                    <a href="/about/parents/parent-responsibilities" class="sub-nav-two__link">Parent Responsibilities</a>
261
            </div>
262
    </div>
263
    <div class="sub-link-area-container">
264
        <a href="/about/teachers" class="sub-nav__link has-sub-nav-two">Teachers</a>
265
            <div class="sub-nav-two">
266
                    <a href="/about/teachers/personalized-learning" class="sub-nav-two__link">Personalized Learning</a>
267
                    <a href="/about/teachers/counseling-career-prep" class="sub-nav-two__link">Counseling &amp; Career Prep</a>
268
            </div>
269
    </div>
270
    <div class="sub-link-area-container">
271
        <a href="/about/administrators" class="sub-nav__link">Administrators</a>
272
    </div>
273
    <div class="sub-link-area-container">
274
        <a href="/about/school-board" class="sub-nav__link has-sub-nav-two">School Board</a>
275
            <div class="sub-nav-two">
276
                    <a href="/about/school-board/board-of-directors" class="sub-nav-two__link">Board of Directors</a>
277
                    <a href="/about/school-board/title-i-compliance" class="sub-nav-two__link">Title I Compliance</a>
278
                    <a href="/about/school-board/meeting-schedule" class="sub-nav-two__link">Meeting Schedule</a>
279
            </div>
280
    </div>
281
    <div class="sub-link-area-container">
282
        <a href="/about/mission" class="sub-nav__link">Mission</a>
283
    </div>
284
                </div>
285
            </div>
286
    </div>
287
    <div class="link-area-container">
288
        <a href="/programs" class="header__links__link has-sub-nav-two">Programs</a>
289
            <div class="sub-nav">
290
                <div class="header-container">
291
    <div class="sub-link-area-container">
292
        <a href="/programs/elementary-school" class="sub-nav__link has-sub-nav-two">Elementary School</a>
293
            <div class="sub-nav-two">
294
                    <a href="/programs/elementary-school/sample-school-day" class="sub-nav-two__link">Sample School Day</a>
295
            </div>
296
    </div>
297
    <div class="sub-link-area-container">
298
        <a href="/programs/middle-school" class="sub-nav__link has-sub-nav-two">Middle School</a>
299
            <div class="sub-nav-two">
300
                    <a href="/programs/middle-school/sample-school-day" class="sub-nav-two__link">Sample School Day</a>
301
            </div>
302
    </div>
303
    <div class="sub-link-area-container">
304
        <a href="/programs/high-school" class="sub-nav__link has-sub-nav-two">High School</a>
305
            <div class="sub-nav-two">
306
                    <a href="/programs/high-school/course-options" class="sub-nav-two__link">Course Options</a>
307
                    <a href="/programs/high-school/graduation-requirements" class="sub-nav-two__link">Graduation Requirements</a>
308
                    <a href="/programs/high-school/sample-school-day" class="sub-nav-two__link">Sample School Day</a>
309
            </div>
310
    </div>
311
    <div class="sub-link-area-container">
312
        <a href="/programs/socialization-opportunities" class="sub-nav__link has-sub-nav-two">Socialization Opportunities</a>
313
            <div class="sub-nav-two">
314
                    <a href="/programs/socialization-community/mobile-classroom" class="sub-nav-two__link">Mobile Classroom</a>
315
                    <a href="/programs/socialization-community/conservatories" class="sub-nav-two__link">Conservatories</a>
316
                    <a href="/programs/socialization-community/field-trips" class="sub-nav-two__link">Field Trips</a>
317
                    <a href="/programs/socialization-opportunities/clubs-and-activities" class="sub-nav-two__link">Clubs and Activities</a>
318
            </div>
319
    </div>
320
    <div class="sub-link-area-container">
321
        <a href="/programs/technology" class="sub-nav__link">Technology</a>
322
    </div>
323
    <div class="sub-link-area-container">
324
        <a href="/programs/course-catalog" class="sub-nav__link">Course Catalog</a>
325
    </div>
326
                </div>
327
            </div>
328
    </div>
329
    <div class="link-area-container">
330
        <a href="/success" class="header__links__link has-sub-nav-two -active">Success</a>
331
            <div class="sub-nav">
332
                <div class="header-container">
333
    <div class="sub-link-area-container">
334
        <a href="/success/parent-satisfaction" class="sub-nav__link">Parent Satisfaction</a>
335
    </div>
336
    <div class="sub-link-area-container">
337
        <a href="/success/program-accreditations" class="sub-nav__link">Program Accreditations</a>
338
    </div>
339
    <div class="sub-link-area-container">
340
        <a href="/success/success-stories" class="sub-nav__link">Success Stories</a>
341
    </div>
342
    <div class="sub-link-area-container">
343
        <a href="/success/newsroom" class="sub-nav__link">Newsroom</a>
344
    </div>
345
                </div>
346
            </div>
347
    </div>
348
    <div class="link-area-container">
349
        <a href="/find-out-more" class="header__links__link has-sub-nav-two">Find Out More</a>
350
            <div class="sub-nav">
351
                <div class="header-container">
352
    <div class="sub-link-area-container">
353
        <a href="/find-out-more/open-house-and-orientation-sessions" class="sub-nav__link">Open House and Orientation Sessions</a>
354
    </div>
355
    <div class="sub-link-area-container">
356
        <a href="/find-out-more/frequently-asked-questions" class="sub-nav__link">Frequently Asked Questions</a>
357
    </div>
358
    <div class="sub-link-area-container">
359
        <a href="/find-out-more/family-service-centers" class="sub-nav__link">Family Service Centers</a>
360
    </div>
361
    <div class="sub-link-area-container">
362
        <a href="/find-out-more/contact-the-cca-team" class="sub-nav__link">Contact the CCA Team</a>
363
    </div>
364
    <div class="sub-link-area-container">
365
        <a href="/find-out-more/contact-a-cca-parent" class="sub-nav__link">Contact a CCA Parent</a>
366
    </div>
367
    <div class="sub-link-area-container">
368
        <a href="/find-out-more/on-demand-info-session" class="sub-nav__link">On Demand Info Session</a>
369
    </div>
370
                </div>
371
            </div>
372
    </div>
373
    <div class="link-area-container">
374
        <a href="/blog" class="header__links__link">Blog</a>
375
    </div>
376
        </div>
377
        <div class="header__buttons">
378
            <a href="/enroll" class="header__buttons__button button-link">Enroll</a>
379
            <a href="/find-out-more/contact-the-cca-team" class="header__buttons__button button">Request Info</a>
380
            <a href="javascript:;" class="header__buttons__button search"><span class="icon icon-icon_search"></span></a>
381
            <div class="input-wrapper">
382
                <div class="input-background desktop-search-window" role="search">
383
                    <span class="icon icon-icon_search"></span>
384
                    <label for="search" class="hidden-label">Search</label>
385
                    <input id="search" class="search" type="text" name="search" placeholder="Begin Searching">
386
                    <div class="search-buttons-container">
387
                        <a href="javascript:;" class="btn search-button">Search</a>
388
                        <a href="javascript:;" class="btn cancel-search">Cancel</a>
389
                    </div>
390
                </div>
391
            </div>
392
        </div>
393
    </div>
394
</div>
395
396
397
398
</header>
399
400
401
<div class="page-breadcrumb -without-hero">
402
    <div class="page-breadcrumb__container -mobile-container">
403
        <a href="/">Home</a>
404
                        
405
                            <span>/</span> <a href="/success">Success</a>
406
                        
407
                        
408
                            <span>/</span> <span>Success Stories</span>
409
                        
410
                
411
                    <div class="page-breadcrumb__container__icons mobile-only">
412
                        <span class="icon icon-icon_arrow-down"></span>
413
                        <span class="icon icon-icon_arrow-up"></span>
414
                    </div>
415
                
416
417
    </div>
418
</div>
419
<div id="interior-page" class="page -without-hero" role="main">
420
    <div class="page__main -mobile-container" >
421
        <h1>Success stories of CCA learners</h1>
422
        <h2 class="-subhead -gray-subhead">A CCA education helps prepare learners for a lifetime of achievement.</h2>
423
        
424
425
426
427
<div class="text  "  
428
      >
429
    <div >
430
<p>Learners gain the knowledge, skills and confidence they need to become productive, responsible members of their communities as adults.</p><p>Learners, teachers and learning coaches work together to structure a curriculum that sparks a passion for knowledge and growth. Learners can choose from a wide range of electives, as well as the STEM (Science, Technology, Engineering, Math) and Arts and Humanities <a href="/programs/socialization-community/conservatories"> conservatories </a> and internships to explore different interests.</p>    </div>
431
</div>
432
    </div>
433
    
434
435
436
<div class="page__secondary-nav">
437
    <div class="-mobile-container">
438
        <div class="page__secondary-nav__parent">
439
            <a href="/success">Success</a>
440
        </div>
441
        <div class="page__secondary-nav__children">
442
            <div class="page__secondary-nav__children-container">
443
        <a href="/success/parent-satisfaction" class="">Parent Satisfaction</a>
444
        <a href="/success/program-accreditations" class="">Program Accreditations</a>
445
        <a href="/success/success-stories" class=" -active">Success Stories</a>
446
        <a href="/success/newsroom" class="">Newsroom</a>
447
            </div>
448
        </div>
449
    </div>
450
</div>
451
452
453
</div>
454
<div >
455
    
456
457
<div class="success-story "   style="margin-top: 100px;"
458
     >
459
    
460
    <div class="success-story__list">
461
            <div class="success-story-container">
462
                    <a href="/success/success-stories/success-stories-detail/16/ccas-gifted-program-allows-learners-to-move-ahead-in-strong-subjects" class="success-story__list__item">
463
464
                        <img src="/Storage/media/images/20160408/055525-success-story-sebastian-thumb_SuccessStoryPortrait.jpg" alt="Success-Story-Sebastian-Thumb" data-retna-image="/Storage/media/images/20160408/055525-success-story-sebastian-thumb_SuccessStoryPortraitRetna.jpg" />
465
                        <p class="h5">Elementary School Learner</p>
466
                        <p>Sebastian</p>
467
                            <span class="-hover-text">Read Story</span>
468
                    </a>
469
                    <a href="/success/success-stories/success-stories-detail/14/cca-seventh-grader-climbing-to-new-heights" class="success-story__list__item">
470
471
                        <img src="/Storage/media/images/20160408/055525-success-story-michelle-thumb_SuccessStoryPortrait.jpg" alt="Success-Story-Michelle-Thumb" data-retna-image="/Storage/media/images/20160408/055525-success-story-michelle-thumb_SuccessStoryPortraitRetna.jpg" />
472
                        <p class="h5">Middle School Learner</p>
473
                        <p>Michelle</p>
474
                            <span class="-hover-text">Read Story</span>
475
                    </a>
476
                    <a href="/success/success-stories/success-stories-detail/17/learners-passion-for-music-turns-into-more-than-just-a-hobby" class="success-story__list__item">
477
478
                        <img src="/Storage/media/images/20160412/130100-matthew_nickles_thumb_SuccessStoryPortrait.jpg" alt="Matthew_Nickles_Thumb" data-retna-image="/Storage/media/images/20160412/130100-matthew_nickles_thumb_SuccessStoryPortraitRetna.jpg" />
479
                        <p class="h5">High School Learner</p>
480
                        <p>Matthew</p>
481
                            <span class="-hover-text">Read Story</span>
482
                    </a>
483
                    <a href="/success/success-stories/success-stories-detail/18/cca-graduate-dances-his-way-to-scholarship-on-new-york-city-stage" class="success-story__list__item">
484
485
                        <img src="/Storage/media/images/20160712/190213-190123-croixdilenno_SuccessStoryPortrait.jpg" alt="Croix_StudentSuccess - thumbnail2 - Cropped" data-retna-image="/Storage/media/images/20160712/190213-190123-croixdilenno_SuccessStoryPortraitRetna.jpg" />
486
                        <p class="h5">Graduate</p>
487
                        <p>Croix</p>
488
                            <span class="-hover-text">Read Story</span>
489
                    </a>
490
            </div>
491
    </div>
492
</div>
493
<div class="callout -circle "  
494
      >
495
        <div class="callout__content -mobile-container">
496
            <h2>
497
                We help learners gain the knowledge, skills and confidence they need to achieve success.
498
            </h2>
499
        </div>
500
        <div class="callout__buttons -mobile-container">
501
                <a href="/page/113" class="button -large -white" target="_self">Request Info</a>
502
                            <a href="tel:8445902864" class="button-link" target="_self">Call Toll Free (844) 590 2864</a>
503
        </div>
504
</div>
505
506
</div>
507
508
509
<footer class="footer" >
510
    <div class="footer__content" role="navigation">
511
        <div class="footer__content__buttons clearfix">
512
            <a href="/find-out-more/contact-the-cca-team" class="header__buttons__button button">Request Info</a>
513
            <a href="/enroll" class="header__buttons__button button-link -yellow">Enroll</a>
514
        </div>
515
        <hr class="-full" />
516
        <div class="clearfix">
517
                    <div class="footer__content__links">
518
                        <a href="/about">About</a>
519
                            <a href="/about/students">Students</a>
520
                            <a href="/about/parents">Parents</a>
521
                            <a href="/about/teachers">Teachers</a>
522
                            <a href="/about/administrators">Administrators</a>
523
                            <a href="/about/school-board">School Board</a>
524
                            <a href="/about/mission">Mission</a>
525
                    </div>
526
                    <div class="footer__content__links">
527
                        <a href="/programs">Programs</a>
528
                            <a href="/programs/elementary-school">Elementary School</a>
529
                            <a href="/programs/middle-school">Middle School</a>
530
                            <a href="/programs/high-school">High School</a>
531
                            <a href="/programs/socialization-opportunities">Socialization Opportunities</a>
532
                            <a href="/programs/technology">Technology</a>
533
                            <a href="/programs/course-catalog">Course Catalog</a>
534
                    </div>
535
                    <div class="footer__content__links">
536
                        <a href="/success">Success</a>
537
                            <a href="/success/parent-satisfaction">Parent Satisfaction</a>
538
                            <a href="/success/program-accreditations">Program Accreditations</a>
539
                            <a href="/success/success-stories">Success Stories</a>
540
                            <a href="/success/newsroom">Newsroom</a>
541
                    </div>
542
                    <div class="footer__content__links">
543
                        <a href="/find-out-more">Find Out More</a>
544
                            <a href="/find-out-more/open-house-and-orientation-sessions">Open House and Orientation Sessions</a>
545
                            <a href="/find-out-more/frequently-asked-questions">Frequently Asked Questions</a>
546
                            <a href="/find-out-more/family-service-centers">Family Service Centers</a>
547
                            <a href="/find-out-more/contact-the-cca-team">Contact the CCA Team</a>
548
                            <a href="/find-out-more/contact-a-cca-parent">Contact a CCA Parent</a>
549
                            <a href="/back-to-school">Back to School</a>
550
                            <a href="/find-out-more/on-demand-info-session">On Demand Info Session</a>
551
                    </div>
552
                    </div>
553
        <div class="clearfix">
554
            <div class="footer__content__contact">
555
                <a class="-yellow" href="http://www.connectionsacademy.com/learning-management-system.aspx" target="_blank">Login </a> <p> | Call (toll-free) at <a class="-yellow" href="tel:8445902864" target="_blank">844-590-2864</a>
556
</p>
557
            </div>
558
            <div class="footer__content__social">
559
                <a class="-icon" href="https://www.facebook.com/ccacharter" target="_blank"><span class="icon icon-icon_social-facebook"></span></a>
560
                <a class="-icon" href="https://twitter.com/CommCharterAcad" target="_blank"><span class="icon icon-icon_social-twitter"></span></a>
561
            </div>
562
        </div>
563
    </div>
564
    <div class="footer__footer" role="contentinfo">
565
        <div class="footer__footer__copyright">
566
            <div class="copyright-links -mobile-container">
567
                <a href="/find-out-more/contact-the-cca-team" class="copyright-links__link copyright -unstyled">Contact Us</a>
568
                <a href="/careers" class="copyright-links__link copyright -unstyled">Careers</a>
569
                <a href="/nondiscrimination-policy" class="copyright-links__link copyright -unstyled">Nondiscrimination&nbsp;Policy</a>
570
                <a href="/privacy-policy" class="copyright-links__link copyright -unstyled">Privacy Policy</a>
571
                <a href="/accessibility" class="copyright-links__link copyright -unstyled">Accessibility</a>
572
                <a href="/right-to-know" class="copyright-links__link copyright -unstyled"> Right to Know</a>
573
            </div>
574
            <p class="copyright">
575
                &copy;2016 Commonwealth Charter Academy. All rights reserved.
576
            </p>
577
        </div>
578
    </div>
579
</footer>
580
581
    
582
583
584
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
585
<script>window.jQuery || document.write(unescape('%3Cscript src="/Themes/CCA/Vendor/jquery/dist/jquery.min.js?cache=636089470015492622"%3E%3C/script%3E'))</script>
586
<script src="/Themes/CCA/vendor/jquery-ui/jquery-ui.min.js?cache=636089470015492622"></script>
587
588
</body>
589
</html>
Tests:
  • Global DOM Selection

     
    $('.page-breadcrumb__container__icons').on('click', function(e) {
      $('.page-breadcrumb__container__icons, .page-breadcrumb').toggleClass('-active');
      $('.page-breadcrumb__container').css('display', 'block');
    });
  • Sibling DOM Selection

     
    $('.page-breadcrumb__container__icons').on('click', function(e) {
      var $target = $(e.currentTarget);
      var $breadcrumbParent = $target.parents('.page-breadcrumb')
      $target.toggleClass('-active');
      $breadcrumbParent.toggleClass('-active');
      $breadcrumbParent.find('.page-breadcrumb__container').css('display', 'block');
    });