PageSourceSearch

https://kkyles.com/bio.php

html kkyles.com collected 2026-10-08 11:18:25 UTC 33,215 bytes, 1,150 lines download raw bytes

1
2<!DOCTYPE html>
3<!--[if lt IE 7]>      <html id="sys_background" class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
4<!--[if IE 7]>         <html id="sys_background" class="no-js lt-ie9 lt-ie8"> <![endif]-->
5<!--[if IE 8]>         <html id="sys_background" class="no-js lt-ie9"> <![endif]-->
6<!--[if gt IE 8]><!--> <html id="sys_background" class="no-js"> <!--<![endif]-->
7  <head>
8    <meta name="viewport" content="width=device-width, initial-scale=1.0">
9    <link rel="stylesheet" href="templates/Vertigo/resources/css/typography.css">
10    <link rel="stylesheet" href="templates/Vertigo/resources/css/less.build.css">
11    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
12
13
14<title></title>
15
16
17
18<meta name="description" content="" />
19<meta name="keywords" content="" />
20
21  <link href="resources/Photoxpress_8225839.jpg" rel="shortcut icon" type="image/x-icon" />
22  <link href="resources/Photoxpress_8225839.jpg" rel="icon" type="image/x-icon" />
23
24  
25
26
27  <style type="text/css" id="styleCSS">
28    html {
29  font-size: 16px;
30  height: 100%;
31  width: 100%;
32  display: table;
33  
34  background-repeat: no-repeat;
35  background-attachment: fixed;
36  background-position: center right;
37  background-size: cover;
38  	background-color: #080606;
39
40}
41body {
42  height: 100%;
43  margin:0;
44  
45}
46
47/* IOS devices 'bgd-att: fixed' solution */
48@media only screen and (max-device-width: 1366px) {
49    .bgd-attachment-fixed {
50        background-image: none;
51    }
52    .bgd-attachment-fixed:after {
53        content: '';
54        position: fixed;
55        top: 0;
56        left: 0;
57        right: 0;
58        width: 100%;
59        height: 100%;
60        
61        background-repeat: no-repeat;
62        background-position: center right;
63        background-size: cover;
64        z-index: -2;
65    }
66}
67
68.Text_2_Default,
69#yola_heading_block {
70  word-wrap: break-word;
71}
72
73.outer-wrap {
74  position: relative;
75  width:100%;
76  overflow:hidden;
77  height: 100%;
78  display: table;
79}
80.inner-wrap {
81  position: relative;
82  display: table-cell;
83  width:100%;
84  vertical-align: middle;
85}
86.side-bar {
87  position:absolute;
88  min-height:100%;
89  top:0;
90  overflow-x: hidden;
91  overflow-y: visible;
92  width:220px;
93  padding-top:2.5rem;
94  padding-right: 0.6rem;
95  padding-bottom: 2.5rem;
96  padding-left: 0.6rem;
97  	background-color: #ffffff;
98	zoom: 1; /* hasLayout */
99	background: transparent\9;
100	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#d9ffffff', endColorstr='#d9ffffff'); /* IE 6 & 7 */
101	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#d9ffffff', endColorstr='#d9ffffff')"; /* IE 8+ */
102	background-color: rgba(255,255,255,0.85);
103}
104.side-bar.fixed {
105  position:fixed;
106}
107div.sidebar-left .side-bar {
108  left:0;
109}
110div.sidebar-right .side-bar {
111  right:0;
112}
113.side-bar h1 {
114  margin:0;
115  text-align: center;
116}
117.side-bar nav {
118  text-align: center;
119  padding:0.6rem 0
120}
121ul.sys_navigation {
122  margin: 0;
123  padding: 0;
124}
125ul.sys_navigation li {
126  display: block;
127  list-style-type: none;
128  margin:0.8rem 0 0 0;
129}
130ul.sys_navigation li a{
131  text-decoration: none;
132}
133.content-wrapper {
134  display: block;
135  
136  padding-right: 0rem;
137  
138  padding-left: 0rem;
139}
140div.sidebar-left .content-wrapper {
141  margin-left: calc(220px + 0.6rem + 0.6rem);
142}
143div.sidebar-right .content-wrapper {
144  margin-right: calc(220px + 0.6rem + 0.6rem);
145}
146.content-inner-wrapper {
147  margin:0 auto;
148  
149  
150}
151.content-innermost-wrapper {
152  margin:0 auto;
153  max-width: 1020px;
154  
155  
156  
157  
158}
159
160.yola_site_logo {
161  max-width:220px;
162  
163}
164#sys_heading.yola_hide_logo img {
165  display:none;
166}
167#sys_heading.yola_hide_logo span {
168  display:inline;
169}
170a#sys_heading.yola_show_logo {
171  font-size:14px;
172}
173#sys_heading.yola_show_logo img {
174  display:inline;
175}
176#sys_heading.yola_show_logo span {
177  display:none;
178}
179.yola_site_tagline {
180  padding-top:0px;
181  padding-bottom:0px;
182  font-family: 'Droid Sans';
183  font-size: 1.3rem;
184  color: #333333;
185  text-decoration: none;
186  
187  
188  text-transform: uppercase;
189  text-align: center;
190}
191.yola_site_tagline span {
192  display: inline-block;
193  padding-top: 1.3rem;
194  
195  
196  
197  
198}
199
200.yola_banner_wrap {
201  background-attachment: scroll;
202  text-align: center;
203  margin: 0 auto;
204  background-position: center center;
205  background-size: auto;
206  background-repeat: no-repeat;
207  
208  
209  height: 150px;
210}
211.yola_inner_banner_wrap {
212  width:100%;
213  height:100%;
214  
215}
216
217.sys_yola_form .submit,
218.sys_yola_form input.text,
219.sys_yola_form input.email,
220.sys_yola_form input.tel,
221.sys_yola_form input.url,
222.sys_yola_form textarea {
223  font-family: 'Droid Serif';
224  font-size: 1.3rem;
225  
226  
227  
228}
229
230div.sys_yola_form {
231  padding:0 !important;
232}
233
234div.sys_yola_form form {
235  margin:0 !important;
236  padding:0 !important;
237}
238
239.sys_layout blockquote {
240  border-color: #f0eee7;;
241  
242  
243  
244  
245  
246  
247  font-style: italic;
248  
249}
250
251
252.new-text-widget img, .old_text_widget img {
253  max-width: 100%;
254}
255/* A rendered screen width <= 768px includes tablets in portrait mode.
256 * Everything smaller than 768px  will have the following styles applied.
257 */
258@media only screen and (max-width: 768px) {
259  html {
260    font-size: 80%;
261  }
262
263  #sys_heading {
264    word-wrap: break-word;
265    word-break: break-word;
266  }
267}
268
269/* Mobile Menu */
270
271.mob_menu {
272  display: none;
273}
274
275
276@media only screen and (max-width : 768px) {
277  .small_device_hide {
278    opacity: 0;
279  }
280
281  #sys_navigation {
282    display: none;
283  }
284
285  .new-text-widget img, .old_text_widget img {
286    height: auto;
287  }
288
289  /* Make side-bar the top-bar */
290  .side-bar {
291    position: static;
292    width: 100%;
293    max-width: 100vw;
294    height: auto;
295    min-height: 0;
296    padding: 1.5rem 0 1.5rem 0;
297  }
298
299  .side-bar:after {
300    clear: both;
301  }
302
303  .side-bar.fixed {
304    position: static;
305  }
306
307  .side-bar nav {
308    padding: 0;
309  }
310
311  .side_bar_menu_open {
312    background: transparent;
313  }
314
315  /* Reposition heading_block */
316  #yola_heading_block {
317    float: left;
318    margin-left: 1.5rem;
319    max-width: 60%
320  }
321
322  #yola_heading_block h1 {
323    text-align: left;
324  }
325
326  #yola_heading_block h2 {
327    text-align: left;
328    margin-bottom: 10px;
329  }
330
331  /* Limit logo width */
332  #yola_heading_block img {
333    max-width: 100px;
334  }
335
336  /* Remove margins on content wrapper */
337  div.sidebar-left .content-wrapper,
338  div.sidebar-right .content-wrapper{
339    margin: 0;
340  }
341
342  /* Converts wraps to display:block; */
343  .outer-wrap {
344    display: block;
345    overflow-y: auto;
346    max-width: 100vw;
347    height: auto;
348  }
349
350  .inner-wrap {
351    display: block;
352    min-height: 100%;
353  }
354
355  /* Make column dividers stack together */
356  body .column_divider .left, body .column_divider .right {
357    width: 100%;
358    padding-left: 0;
359    padding-right: 0;
360    margin-right: 0;
361    margin-left: 0;
362  }
363
364  /* Make all image widgets center aligned */
365  .Image_Default img {
366    display: block;
367    margin: 0 auto;
368  }
369
370  /* Center button widgets in column dividers */
371  .column_divider .sys_button {
372    text-align: center;
373  }
374
375
376  /* Limit iframes' width to 100% */
377  .inner-wrap iframe {
378    max-width: 100%;
379  }
380
381  /* Reduce logo max-width */
382  .yola_site_logo {
383    max-width: 150px;
384  }
385
386  /* Mobile Menu */
387  .mob_menu {
388    display: block;
389    float: right;
390    width: 30%;
391    z-index: 1;
392  }
393
394  .mob_menu a:visited {
395    color: #fff;
396  }
397
398  .mob_menu.menu_open {
399    position: fixed;
400    width: 100%;
401    height: 100%;
402    overflow-y: scroll;
403    min-height: 100%;
404    margin: 0;
405    top: 0;
406    left: 0;
407    right: 0;
408    	background-color: #ffffff;
409	zoom: 1; /* hasLayout */
410	background: transparent\9;
411	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#d9ffffff', endColorstr='#d9ffffff'); /* IE 6 & 7 */
412	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#d9ffffff', endColorstr='#d9ffffff')"; /* IE 8+ */
413	background-color: rgba(255,255,255,0.85);;
414  }
415
416  .mob_menu_overlay {
417    display: none;
418    text-transform: uppercase;
419  }
420
421  .menu_open .mob_menu_overlay  {
422    display: block;
423  }
424
425  .mob_menu_toggle {
426    display: block;
427    text-align: right;
428    padding-right: 1.5rem;
429    color: #666;
430    cursor: pointer;
431  }
432
433  .mob_toggle_open {
434    padding-top: 1.5rem;
435  }
436
437  .mob_menu_list a {
438    text-decoration: none;
439  }
440
441  .mob_menu_quit {
442    display: block;
443    text-align: center;
444    color: #666;
445  }
446  .mob_submenu_toggle {
447    list-style: none;
448    text-align: right;
449    padding: 0;
450    margin: 0;
451  }
452
453  .mobile_ham {
454    stroke: #333333;
455  }
456
457  .mobile_quit {
458    display: none;
459  }
460
461  .menu_open .mobile_ham {
462    display: none;
463  }
464
465  .menu_open .mobile_quit {
466    display: inline;
467    stroke: #333333;
468  }
469
470  .mob_menu_list {
471    font-family: 'Droid Sans';
472    font-weight: lighter;
473    margin: 0;
474    font-size: 2.2em;
475    line-height: 1.05;
476    letter-spacing: 0.1em;
477    list-style: none;
478    text-align: right;
479    padding: 5% 7.5% 0 7.5%;
480    -webkit-animation-duration: .2s;
481    -webkit-animation-fill-mode: both;
482    -webkit-animation-name: fadeInUp;
483    -moz-animation-duration: .2s;
484    -moz-animation-fill-mode: both;
485    -moz-animation-name: fadeInUp;
486    -o-animation-duration: .2s;
487    -o-animation-fill-mode: both;
488    -o-animation-name: fadeInUp;
489    animation-duration: .2s;
490    animation-fill-mode: both;
491    animation-name: fadeInUp;
492  }
493
494  .mob_menu_list li {
495    margin-bottom: 1.1em;
496  }
497
498  .mob_menu_overlay .mob_menu_list a {
499    color: #333333;
500  }
501
502  .mob_more_toggle {
503    cursor: pointer;
504    background: none;
505    border: none;
506    outline: none;
507    margin-bottom: -0.5%;
508    margin-left: 1.5%;
509    stroke: #333333;
510  }
511
512  .up_arrow {
513    display: none;
514  }
515
516  .sub_menu_open svg .down_arrow {
517    display: none;
518  }
519
520  .sub_menu_open .up_arrow {
521    display: inline;
522  }
523
524  .mob_menu_overlay .mob_menu_list .selected a {
525    color: #e31d2c;
526  }
527  .sub_menu_open a {
528    color: #e31d2c;
529  }
530  .mob_menu_list .sub_menu_open a {
531    color: #e31d2c;
532  }
533  .sub_menu_open .mob_more_toggle {
534    stroke: #e31d2c;
535  }
536  .mob_submenu_list {
537    font-family: 'Droid Sans';
538    font-weight: lighter;
539    list-style: none;
540    text-align: right;
541    margin: 0;
542    line-height: 1.05;
543    display: none;
544    -webkit-animation-duration: .2s;
545    -webkit-animation-fill-mode: both;
546    -webkit-animation-name: fadeInUp;
547    -moz-animation-duration: .2s;
548    -moz-animation-fill-mode: both;
549    -moz-animation-name: fadeInUp;
550    -o-animation-duration: .2s;
551    -o-animation-fill-mode: both;
552    -o-animation-name: fadeInUp;
553    animation-duration: .2s;
554    animation-fill-mode: both
555    animation-name: fadeInUp;
556  }
557
558  .mob_submenu_list li {
559    margin-top: 0.55em;
560    margin-bottom: 0;
561  }
562
563  .sub_menu_open .mob_submenu_list{
564    display: block;
565  }
566
567  .mob_submenu_items {
568    font-size: 0.75em;
569  }
570  .mob_menu_list .mob_nav_selected {
571    color: #e31d2c;
572  }
573  .menu_open ~ .content-wrapper {
574    display: none;
575  }
576  @-webkit-keyframes fadeInUp {
577    0% {
578      opacity: 0;
579      -webkit-transform: translate3d(0, 100%, 0);
580      transform: translate3d(0, 100%, 0);
581    }
582    100% {
583      opacity: 1;
584      -webkit-transform: none;
585      transform: none;
586    }
587  }
588  @-moz-keyframes fadeInUp {
589    0% {
590      opacity: 0;
591      -moz-transform: translate3d(0, 100%, 0);
592      transform: translate3d(0, 100%, 0);
593    }
594    100% {
595      opacity: 1;
596      -moz-transform: none;
597      transform: none;
598    }
599  }
600  @-o-keyframes fadeInUp {
601    0% {
602      opacity: 0;
603      -o-transform: translate3d(0, 100%, 0);
604      transform: translate3d(0, 100%, 0);
605    }
606    100% {
607      opacity: 1;
608      -o-transform: none;
609      transform: none;
610    }
611  }
612  @keyframes fadeInUp {
613    0% {
614      opacity: 0;
615      transform: translate3d(0, 100%, 0);
616    }
617    100% {
618      opacity: 1;
619      transform: none;
620    }
621  }
622
623
624}
625
626
627  </style>
628
629
630<script src="//ajax.googleapis.com/ajax/libs/webfont/1.4.2/webfont.js" type="text/javascript"></script>
630
631
632      <style type="text/css">
633      @import url("//fonts.sitebuilderhost.net/css?family=&subset=latin,latin-ext");
634    </style>
635  
636  <style type="text/css" id="styleOverrides">
637    /* ======================
638*
639*  Site Style Settings
640*
641=========================*/
642/* Paragraph text (p) */
643
644.content p, #content p, .HTML_Default p, .Text_Default p, .sys_txt p, .sys_txt a, .sys_layout p, .sys_txt, .sys_layout  {
645    font-family: 'Droid Serif';
646    
647    font-size: 1.3rem;
648    color: #f0eee7;
649    
650    
651    
652}
653
654/* Navigation */
655.sys_navigation a, .ys_menu_2, div#menu ul, div#menu ul li a, ul.sys_navigation li a, div.sys_navigation ul li.selected a, div.sys_navigation ul li a, #navigation li a, div.ys_menu ul a:link, div.ys_menu ul a:visited, div.ys_nav ul li a, #sys_banner ul li a {
656    font-family: 'Droid Sans';
657    
658    
659    color: #333333;
660    text-decoration: none;
661    letter-spacing: 1px;
662    
663    text-transform: uppercase;
664}
665
666
667/* Navigation:selected */
668div.sys_navigation ul li.selected a, div#menu ul li.selected a, #navigation li.selected a, div.ys_menu ul li.selected a:link, div.ys_menu ul li.selected a:visited, div.ys_nav ul li.selected a, #sys_banner ul li.selected a {
669    color: #e31d2c;
670}
671
672/* Navigation:hover */
673div.sys_navigation ul li a:hover, div#menu ul li a:hover, #navigation li a:hover, div.ys_menu ul a:hover, div.ys_nav ul li a:hover, div.ys_menu ul li a:hover, #sys_banner ul li a:hover {
674    color: #e31d2c;
675}
676
677/* Site Title */
678#sys_heading, a#sys_heading, #sys_banner h1 a, #header h1 a, div#heading h1 a {
679    font-family: 'Droid Sans';
680    
681    font-size: 1.5rem;
682    color: #333333;
683    text-decoration: none;
684    
685    line-height: 1.4em;
686    text-transform: none;
687}
688
689/* Hyperlinks (a, a:hover, a:visited) */
690a, .sys_txt a:link, .sys_layout a:link {color: #ffffff;}
691a, .sys_txt a:link, .sys_layout a:link {text-decoration: underline;}
692a:visited, .sys_txt a:visited, .sys_layout a:visited {color: #ffffff;}
693a:hover, .sys_txt a:hover, .sys_layout a:hover {color: #e31d2c;}
694a:hover, .sys_txt a:hover, .sys_layout a:hover {text-decoration: underline;}
695
696/* Headings (h2, h3, h4, h5, h6) */
697.sys_layout h2, .sys_txt h2 {
698    font-family: 'Droid Sans';
699    
700    font-size: 3.8rem;
701    color: #ffffff;
702    text-decoration: none;
703    letter-spacing: 1.9rem;
704    
705    
706}
707
708.sys_layout h2 a, .sys_layout h2 a:link, .sys_layout h2 a:hover, .sys_layout h2 a:visited {
709    font-family: 'Droid Sans';
710    
711    font-size: 3.8rem;
712    color: #ffffff;
713    letter-spacing: 1.9rem;
714    
715    
716}
717
718.sys_layout h3, .sys_txt h3 {
719    font-family: 'Droid Sans';
720    
721    
722    color: #ffffff;
723    text-decoration: none;
724    letter-spacing: 0.6rem;
725    
726    
727}
728
729.sys_layout h3 a, .sys_layout h3 a:link, .sys_layout h3 a:hover, .sys_layout h3 a:visited {
730    font-family: 'Droid Sans';
731    
732    
733    color: #ffffff;
734    letter-spacing: 0.6rem;
735    
736    
737}
738
739.sys_layout h4, .sys_txt h4 {
740    font-family: 'Droid Sans';
741    
742    font-size: 3rem;
743    color: #5f200f;
744    text-decoration: none;
745    
746    
747    
748}
749
750.sys_layout h4 a, .sys_layout h4 a:link, .sys_layout h4 a:hover, .sys_layout h4 a:visited {
751    font-family: 'Droid Sans';
752    
753    font-size: 3rem;
754    color: #5f200f;
755    
756    
757    
758}
759
760.sys_layout h5, .sys_txt h5 {
761    font-family: 'Droid Sans';
762    
763    font-size: 1.3rem;
764    color: #ffffff;
765    text-decoration: none;
766    letter-spacing: 5px;
767    
768    
769}
770
771.sys_layout h5 a, .sys_layout h5 a:link, .sys_layout h5 a:hover, .sys_layout h5 a:visited {
772    font-family: 'Droid Sans';
773    
774    font-size: 1.3rem;
775    color: #ffffff;
776    letter-spacing: 5px;
777    
778    
779}
780
781.sys_layout h6, .sys_txt h6 {
782    font-family: 'Droid Sans';
783    
784    font-size: 0.9rem;
785    color: #ffffff;
786    
787    letter-spacing: 3px;
788    
789    
790}
791
792.sys_layout h6 a, .sys_layout h6 a:link, .sys_layout h6 a:hover, .sys_layout h6 a:visited {
793    font-family: 'Droid Sans';
794    
795    font-size: 0.9rem;
796    color: #ffffff;
797    letter-spacing: 3px;
798    
799    
800}
801
802/*button widget*/
803.sys_layout .sys_button a, .sys_layout .sys_button a:link, .sys_layout .sys_button a:visited {
804    display:inline-block;
805    text-decoration: none;
806}
807.sys_layout .sys_button a:link, .sys_layout .sys_button a:visited {
808    cursor:pointer;
809}
810.sys_layout .sys_button a {
811    cursor:default;
812}
813
814.sys_layout .sys_button.square a, .sys_layout .sys_button.square a:link {
815    border-radius:0px;
816}
817.sys_layout .sys_button.rounded a, .sys_layout .sys_button.rounded a:link {
818    border-radius:3px;
819}
820.sys_layout .sys_button.pill a, .sys_layout .sys_button.pill a:link {
821    border-radius:90px;
822}
823
824/*button sizes*/
825.sys_layout .sys_button.small a, .sys_layout .sys_button.small a:link, .sys_layout .sys_button.small a:visited {font-family: 'Droid Serif';font-size: 0.8rem;padding-top:0.6rem;padding-bottom:0.6rem;padding-left:1.5rem;padding-right:1.5rem;}
826.sys_layout .sys_button.medium a, .sys_layout .sys_button.medium a:link, .sys_layout .sys_button.medium a:visited {font-family: 'Droid Serif';font-size: 0.9rem;padding-top:0.6rem;padding-bottom:0.6rem;padding-left:2.3rem;padding-right:2.3rem;}
827.sys_layout .sys_button.large a, .sys_layout .sys_button.large a:link, .sys_layout .sys_button.large a:visited {font-family: 'Droid Serif';font-size: 1.3rem;padding-top:1.3rem;padding-bottom:1.3rem;padding-left:3.1rem;padding-right:3.1rem;}
828
829/*button styles:small*/
830.sys_layout .sys_button.small.outline a, .sys_layout .sys_button.small.outline a:link {
831    border-color:#88d5c2;
832    color: #88d5c2;
833    border-style: solid;
834    border-width: 2px;
835}
836.sys_layout .sys_button.small.outline a:visited {
837    color: #88d5c2;
838}
839.sys_layout .sys_button.small.solid a, .sys_layout .sys_button.small.solid a:link {
840    	background-color: #88d5c2;
841
842    color: #ffffff;
843    border-color:#88d5c2;
844    border-style: solid;
845    border-width: 2px;
846}
847.sys_layout .sys_button.small.solid a:visited {
848    color: #ffffff;
849}
850.sys_layout .sys_button.small.outline a:hover {
851    background-color: #88d5c2;
852    color: #ffffff;
853    text-decoration: none;
854}
855
856/*button styles:medium*/
857.sys_layout .sys_button.medium.outline a, .sys_layout .sys_button.medium.outline a:link {
858    border-color:rgba(252,252,252,1.00);
859    color: rgba(252,252,252,1.00);
860    border-style: solid;
861    border-width: 2px;
862}
863.sys_layout .sys_button.medium.outline a:visited {
864    color: rgba(252,252,252,1.00);
865}
866.sys_layout .sys_button.medium.solid a, .sys_layout .sys_button.medium.solid a:link {
867    	background-color: #fcfcfc;
868
869    color: #5f200f;
870    border-color:rgba(252,252,252,1.00);
871    border-style: solid;
872    border-width: 2px;
873}
874.sys_layout .sys_button.medium.solid a:visited {
875    color: #5f200f;
876}
877.sys_layout .sys_button.medium.outline a:hover {
878    background-color: rgba(252,252,252,1.00);
879    color: #5f200f;
880    text-decoration: none;
881}
882/*button styles:large*/
883.sys_layout .sys_button.large.outline a, .sys_layout .sys_button.large.outline a:link {
884    border-color:#88d5c2;
885    color: #88d5c2;
886    border-style: solid;
887    border-width: 2px;
888}
889.sys_layout .sys_button.large.outline a:visited {
890    color: #88d5c2;
891}
892.sys_layout .sys_button.large.solid a, .sys_layout .sys_button.large.solid a:link {
893    	background-color: #88d5c2;
894
895    color: #ffffff;
896    border-color:#88d5c2;
897    border-style: solid;
898    border-width: 2px;
899}
900.sys_layout .sys_button.large.solid a:visited {
901    color: #ffffff;
902}
903.sys_layout .sys_button.large.outline a:hover {
904    background-color: #88d5c2;
905    color: #ffffff;
906    text-decoration: none;
907}
908
909.sys_layout .sys_button.solid a:hover {
910    text-decoration: none;
911    opacity: .8;
912}  </style>
913
914  
915
916
917
918<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
vendor: 1 bytes, line 918
918
919<script type="text/javascript">window.jQuery || document.write('
919<script src="/components/bower_components/jquery/dist/jquery.js"><\/script>')</script>
919
920<link rel="stylesheet" type="text/css" href="classes/commons/resources/flyoutmenu/flyoutmenu.css?1001144" />
921<script type="text/javascript" src="classes/commons/resources/flyoutmenu/flyoutmenu.js?1001144"></script>
921
922<link rel="stylesheet" type="text/css" href="classes/commons/resources/global/global.css?1001144" />
923
924
925<script type="text/javascript">
926  var swRegisterManager = {
927    goals: [],
928    add: function(swGoalRegister) {
929      this.goals.push(swGoalRegister);
930    },
931    registerGoals: function() {
932      while(this.goals.length) {
933        this.goals.shift().call();
934      }
935    }
936  };
937
938  window.swPostRegister = swRegisterManager.registerGoals.bind(swRegisterManager);
939</script>
939
940
941  <link rel="stylesheet" type="text/css" href="classes/components/Image/layouts/Default/Default.css?1001144" />
942  
943  
944  
945
946  </head>
947  <body lang="en" class="bgd-attachment-fixed">
948    
949    <div class="outer-wrap sidebar-left">
950      <div class="inner-wrap" id="vertigo-template">
951        <div class="side-bar fixed" id="yola_nav_block">
952          <div id="yola_heading_block">
953            <h1>
954              <a id="sys_heading" class="yola_hide_logo" href="./">
955                <img class="yola_site_logo" src="" alt="BIO" >
956                  <span>BIO</span>
957              </a>
958            </h1>
959            <h2 class="yola_site_tagline" style="display:none"><span></span></h2>
960          </div>
961          <nav role="navigation" id="sys_navigation">
962            <div class="sys_navigation">
963              <ul class="sys_navigation">
964                    <li id="ys_menu_0">
965                    <a href="./" title="Welcome">Welcome</a>
966        </li>
967                    <li id="ys_menu_1"class="selected">
968                    <a href="bio.php" title="BIO">BIO</a>
969        </li>
970                    <li id="ys_menu_2">
971                    <a href="performances.php" title="Upcoming Performances">Upcoming Performances</a>
972        </li>
973                    <li id="ys_menu_3">
974                    <a href="music.php" title="Video">Video</a>
975        </li>
976                    <li id="ys_menu_4">
977                    <a href="photos.php" title="Photos">Gallery</a>
978        </li>
979                    <li id="ys_menu_5">
980                    <a href="location.php" title="Lessons">Voice Lessons</a>
981        </li>
982                    <li id="ys_menu_6">
983                    <a href="press.php" title="Press">Press</a>
984        </li>
985                    <li id="ys_menu_7">
986                    <a href="donations.php" title="">Support the Arts</a>
987        </li>
988                    <li id="ys_menu_8">
989                    <a href="contact-us.php" title="Connect">Connect</a>
990        </li>
991    </ul>
992                                     <div id="ys_submenu_5" class="ys_submenu">
993            <div class='ys_submenu_inner'>
994                <ul>
995                                            <li>
996                            <a href="schedule.php">Pricing</a>
997                        </li>
998                                    </ul>
999            </div>
1000        </div>
1001                    
1002<script>
1003/* jshint ignore:start */
1004$(document).ready(function() {
1005    flyoutMenu.initFlyoutMenu(
1006        [{"name":"Welcome","title":"Welcome","href":".\/","children":[]},{"name":"BIO","title":"BIO","href":"bio.php","children":[]},{"name":"Upcoming Performances","title":"Upcoming Performances","href":"performances.php","children":[]},{"name":"Video","title":"Video","href":"music.php","children":[]},{"name":"Gallery","title":"Photos","href":"photos.php","children":[]},{"name":"Voice Lessons","title":"Lessons","href":"location.php","children":[{"name":"Pricing","title":"Pricing","href":"schedule.php"}]},{"name":"Press","title":"Press","href":"press.php","children":[]},{"name":"Support the Arts","title":"","href":"donations.php","children":[]},{"name":"Connect","title":"Connect","href":"contact-us.php","children":[]}]
1007    , 'flyover');
1008});
1009/* jshint ignore:end */
1010</script>
1010
1011
1012            </div>
1013          </nav>
1014                    <nav class="mob_menu">
1015            <div class="mob_menu_toggle"><!--Mobile Nav Toggle-->
1016              <svg class="mobile_ham" width="40" height="25">
1017                <line x1="0" y1="3" x2="40" y2="3" stroke-width="2"/>
1018                <line x1="0" y1="13" x2="40" y2="13" stroke-width="2"/>
1019                <line x1="0" y1="23" x2="40" y2="23" stroke-width="2"/>
1020              </svg>
1021              <svg class="mobile_quit" width="26" height="50">
1022                <line x1="0" y1="1" x2="26" y2="25" stroke-width="2"/>
1023                <line x1="0" y1="25" x2="26" y2="1" stroke-width="2"/>
1024              </svg>
1025            </div>
1026            <div class="mob_menu_overlay"> <!--Mobile Nav Overlay-->
1027              <ul class="mob_menu_list">
1028      <li class="">
1029      <a href="./" title="Welcome">Welcome</a>
1030          </li>
1031      <li class="selected">
1032      <a href="bio.php" title="BIO">BIO</a>
1033          </li>
1034      <li class="">
1035      <a href="performances.php" title="Upcoming Performances">Upcoming Performances</a>
1036          </li>
1037      <li class="">
1038      <a href="music.php" title="Video">Video</a>
1039          </li>
1040      <li class="">
1041      <a href="photos.php" title="Photos">Gallery</a>
1042          </li>
1043      <li class="">
1044      <a href="location.php" title="Lessons">Voice Lessons</a>
1045              <svg class="mob_more_toggle" x="0px" y="0px" height="24" width="24" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
1046          <circle cx="12" cy="12" r="11" stroke-width="1.5" fill="none" />
1047          <line class="down_arrow" x1="5" y1="10" x2="12" y2="17" stroke-width="2" />
1048          <line class="down_arrow" x1="12" y1="17" x2="19" y2="10" stroke-width="2" />
1049          <line class="up_arrow" x1="5" y1="15" x2="12" y2="8" stroke-width="2" />
1050          <line class="up_arrow" x1="12" y1="8" x2="19" y2="15" stroke-width="2" />
1051        </svg>
1052        <ul class="mob_submenu_list">
1053                      <li>
1054              <a class="mob_submenu_items" href="schedule.php" title="Pricing">Pricing</a>
1055            </li>
1056                  </ul>
1057            </li>
1058      <li class="">
1059      <a href="press.php" title="Press">Press</a>
1060          </li>
1061      <li class="">
1062      <a href="donations.php" title="">Support the Arts</a>
1063          </li>
1064      <li class="">
1065      <a href="contact-us.php" title="Connect">Connect</a>
1066          </li>
1067  </ul>
1068            </div>
1069          </nav>
1070                  </div>
1071        <div class="content-wrapper">
1072          <div class="content-inner-wrapper">
1073            <div id="sys_banner" class="yola_banner_wrap" style="display:none">
1074              <div class="yola_inner_banner_wrap"></div>
1075            </div>
1076            <div class="content-innermost-wrapper">
1077              <style media="screen">
1078  .layout_1-column {
1079    width: 100%;
1080    padding: 0;
1081    margin: 0;
1082  }
1083
1084  .layout_1-column:after {
1085    content: "";
1086    display: table;
1087    clear: both;
1088  }
1089
1090  .zone_top {
1091    margin: 0;
1092    padding: 5px;
1093    vertical-align: top;
1094    line-height: normal;
1095    min-width: 100px;
1096  }
1097</style>
1098
1099<div class="layout_1-column sys_layout">
1100    <div id="layout_row1">
1101        <div id="sys_region_1" class="zone_top" ><div id="Ie0339fd256264ffcb1d7cfb6a78908c0" style="display:block;clear: both;text-align:center;" class="Image_Default"><style>#Ie0339fd256264ffcb1d7cfb6a78908c0_img {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;width: 960px;border:none;max-width: 100%;height: auto;}</style><img id="Ie0339fd256264ffcb1d7cfb6a78908c0_img" src="resources/Noe...solo.JPG"  /></div><div id="Iba9cb68b2ea64714857d40cac1e4f55e" style="display:block;clear: both;" class="Text_2_Default"><style type="text/css">
1102    div.sys_text_widget img.float-left{float:left;margin:10px 15px 10px 0;}
1103    div.sys_text_widget img.float-right{position:relative;margin:10px 0 10px 15px;}
1104    div.sys_text_widget img{margin:4px;}
1105    div.sys_text_widget {
1106        overflow: hidden;
1107        margin: 0;
1108        padding: 0;
1109        color: ;
1110        font: ;
1111        background-color: ;
1112    }
1113</style>
1114
1115<div id="Iba9cb68b2ea64714857d40cac1e4f55e_sys_txt" systemElement="true" class="sys_txt sys_text_widget new-text-widget"><p style="color: #000000; text-align: start;" class="p1"><br></p>
1116<p style="text-align: left;"><span style="color: #fffbeb;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;Keanon Kyles, praised by CNN for his “beautiful technique” was raised in Chicago where he received his degree in music from Chicago’s Columbia College. He made his opera debut as Colline in Puccini's “La Boheme” in North Chicago. Conducted by Metropolitan Opera’s Maestro David Jackson, he made his Italy debut in Trento as Betto in Gianni Schicchi and Peter in Hansel and Gretel. He toured a production of “The Matchbox Magic Flute” where he performed the role of Sarastro under the direction of Mary Zimmerman at Goodman Theater 
1116(<em>Chicago, Il</em>) and Shakespeare Theater (<em>Washington, D.C.</em>). After making his U.K. debut as Colline in La Boheme he returned to Scotland to perform the title-role in Rigoletto in a Scottish Opera's production. He recently returned from Scotland for the 3rd time where he performed the role of Leporello, amongst a plethora of recitals in Stonehouse and Bothwell, U.K. </span></p>
1117<p style="text-align: left;"><span style="color: #fffbeb;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; He made his Chicago Opera Theater debut as Daggoo in their production of Jake Heggie’s “Moby Dick”. Shortly after, he made his South America debut as Noye in Noye’s Fludde. Kyles then returned to Chicago to make his Lyric Opera debut by way of their Lyric Unlimited program in their production of “Earth to Kenzie”. He had the great pleasure of following that successful production with being invited to perform a selection of arias at Carnegie Hall in 2019. Kyles recently has been a part of several world premieres throughout Chicago, some being, “Freedom Ride” by Dan Shore, “Taking Up Serpents” by Kamala Sankaram and “Quamino’s Map” by Errolyn Wallen. Chicago Opera Theater commissioned new art song pieces specifically for Kyles by living composers Stacy Garrop, Wang Lu, Matthew Recio. He most recently performed, “Two Black Churches” by friend and colleague, Shawn Okpebholo. He’s been invited back by the Lyric Opera to be part of productions, “The Scorpion Sting” and completely sold out run of “The Factotum”. Kyles is a former Young Artist with Chicago Opera Theater and graduated from the post-grad Opera Performance program through Chicago College of Performing Arts. </span></p>
1118<p style="text-align: left;"><span style="color: #fffbeb;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;Aside from operatic performances, Kyles has performed a plethora of concert work with Chicago Symphony Orchestra through their Negaunee Music Institute. He has been featured on the front page of the Chicago Sun-Times and his music career has been highlighted on Good Morning America, CNN, BBC News, NPR amongst other major media outlets. Kyles was recently one of Portland Opera's four Resident Artists and performed in their season opener, "Carmen", as Morales. Outside of performing he is a voice teacher—leading private and group classes through LYRIQ Music School and is on the classical voice and musical theater voice faculty at Roosevelt University’s Chicago College of Performing Arts. He also sits on the board of LATTE Theater based out of La Grange, Il and non-profit all women ensemble, C21 as their Artistic Advisor. He is a two-time Reva and David Logan Foundation award recipient, 2023 B2B Illinois Arts Grant recipient, “Outstanding Achievement in Arts and Humanities” award recipient from the State of Illinois, 2022 grant recipient of the “Illinois Arts Council Agency” award and former resident artist and affiliate of the private artist club, The Cliff Dwellers”.</span></p>
1119<p style="color: #000000; text-align: start;" class="p1"><br></p></div></div></div>
1120    </div>
1121</div>
1122            </div>
1123          </div>
1124          
1125        </div>
1126      </div>
1127    </div>
1128    
1129<script type="text/javascript" id="site_analytics_tracking" data-id="8a4986ca365f7c660136646b127435ab" data-user="f4776b7c6de34269ac78430b45086330" data-partner="YOLA" data-url="//analytics.yolacdn.net/tracking-v2.js">
1130  var _yts = _yts || [];
1131  var tracking_tag = document.getElementById('site_analytics_tracking');
1132  _yts.push(["_siteId", tracking_tag.getAttribute('data-id')]);
1133  _yts.push(["_userId", tracking_tag.getAttribute('data-user')]);
1134  _yts.push(["_partnerId", tracking_tag.getAttribute('data-partner')]);
1135  _yts.push(["_trackPageview"]);
1136  (function() {
1137    var yts = document.createElement("script");
1138    yts.type = "text/javascript";
1139    yts.async = true;
1140    yts.src = document.getElementById('site_analytics_tracking').getAttribute('data-url');
1141    (document.getElementsByTagName("head")[0] || document.getElementsByTagName("body")[0]).appendChild(yts);
1142  })();
1143</script>
1143
1144
1145
1146<!-- template: Vertigo 0245691a-3355-4b92-aec2-223082244891 -->
1147    
1147<script src="templates/Vertigo/resources/js/browserify.build.js"></script>
1147
1148  
1148<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v4bc70e2c01a94c73b74392e4234840661791215815920" integrity="sha512-L0ha0OXavK/8okipN9F8BtP84dg9DUhPERbBXzwI6dgTA55d2+yweo3pn5CSFYs45/r8md2+xvUPtTdvTNRfjA==" data-cf-beacon='{"version":"2024.11.0","token":"3ce3fa92a5404ea197ab2c0a652b875f","r":1,"spa":2}' crossorigin="anonymous"></script>
1148
1149</body>
1150</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.