1<!DOCTYPE html> 2<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]--> 3<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]--> 4<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]--> 5<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]--> 6 <head> 7 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 8 9 <!-- normalize and html5 boilerplate resets --> 10 <link rel="stylesheet" href="templates/Skyline_v2/resources/css/reset.css"> 11 <link rel="stylesheet" href="templates/Skyline_v2/resources/css/less.build.css"> 12 13 <!--[if lte IE 9]> 14
14<script src="templates/Skyline_v2/resources/js/html5shiv.js"></script>
14 15
15<script src="templates/Skyline_v2/resources/js/html5shiv-printshiv.js"></script>
15 16 17 <![endif]--> 18 19 <meta http-equiv="content-type" content="text/html; charset=utf-8" /> 20 21 22<title>The Official Lloyd Ryan Drummer/Educator</title> 23 24 <link rel="dns-prefetch" href="//images-cdn.ecwid.com"> 25 <link rel="dns-prefetch" href="//images.ecwid.com"> 26 <link rel="dns-prefetch" href="//"> 27 28 29<meta name="description" content="" /> 30<meta name="keywords" content="" /> 31 32 <link href="resources/maxresdefault.jpg" rel="shortcut icon" type="image/x-icon" /> 33 <link href="resources/maxresdefault.jpg" rel="icon" type="image/x-icon" /> 34 35 36 37 38 <style type="text/css" id="styleCSS"> 39 /* 40 Some Style Themes enhanced with background textures provided by http://subtlepatterns.com/ 41*/ 42body { 43 background-color: #b5b1b1; 44 45 46 background-repeat: repeat; 47 background-attachment: fixed; 48 background-position: top left; 49 background-size: auto; 50} 51 52/* IOS devices 'bgd-att: fixed' solution */ 53@media only screen and (max-device-width: 1366px) { 54 .bgd-attachment-fixed { 55 background-image: none; 56 } 57 .bgd-attachment-fixed:after { 58 content: ''; 59 position: fixed; 60 top: 0; 61 left: 0; 62 right: 0; 63 width: 100%; 64 height: 100%; 65 66 background-repeat: repeat; 67 background-position: top left; 68 background-size: auto; 69 z-index: -2; 70 } 71} 72 73.Text_2_Default, 74.yola_heading_container { 75 word-wrap: break-word; 76} 77 78.yola_bg_overlay { 79 display:table; 80 table-layout: fixed; 81 position:absolute; 82 min-height: 100%; 83 min-width: 100%; 84 width:100%; 85 height:100%; 86} 87.yola_outer_content_wrapper { 88 89 padding-right: 0px; 90 91 padding-left: 0px; 92} 93.yola_inner_bg_overlay { 94 width:100%; 95 min-height: 100vh; 96 display: table-cell; 97 98 vertical-align: top; 99} 100.yola_outer_heading_wrap { 101 width:100%; 102 text-align: center; 103} 104.yola_heading_container { 105 margin: 0 auto; 106 107 background-color: #890dab; 108 109} 110.yola_inner_heading_wrap { 111 margin: 0 auto; 112 max-width: 1280px; 113} 114.yola_innermost_heading_wrap { 115 padding-left:0; 116 padding-right:0; 117 margin: 0 auto; 118 padding-top: 1.5rem; 119 padding-bottom: 1.5rem; 120} 121.yola_inner_heading_wrap.top nav, 122.yola_inner_heading_wrap.top div#yola_heading_block, 123.yola_inner_heading_wrap.bottom nav, 124.yola_inner_heading_wrap.bottom div#yola_heading_block { 125 padding-left: 1rem; 126 padding-right: 1rem; 127} 128.yola_inner_heading_wrap.left .yola_innermost_heading_wrap, 129.yola_inner_heading_wrap.right .yola_innermost_heading_wrap { 130 padding-left: 1rem; 131 padding-right: 1rem; 132} 133.yola_inner_heading_wrap h1 { 134 margin: 0; 135} 136#yola_nav_block { 137 height: 100%; 138} 139#yola_nav_block nav { 140 text-align: center; 141 142} 143#yola_nav_block nav ul{ 144 display:inline; 145} 146.yola_inner_heading_wrap.left #yola_heading_block { 147 float:left; 148} 149.yola_inner_heading_wrap.right #yola_heading_block { 150 float:right; 151} 152.yola_inner_heading_wrap.top #yola_nav_block { 153 padding:1rem 0 0 0; 154} 155.yola_inner_heading_wrap.right #yola_nav_block { 156 float:left; 157 padding:1rem 0 0 0; 158} 159.yola_inner_heading_wrap.bottom #yola_nav_block { 160 padding:0 0 1rem 0; 161} 162.yola_inner_heading_wrap.left #yola_nav_block { 163 float:right; 164 padding:1rem 0 0 0; 165} 166.yola_banner_wrap { 167 background-attachment: scroll; 168 text-align: center; 169 margin: 0 auto; 170 171 display: none; 172 background-position: top left; 173 background-size: auto; 174 background-repeat: repeat-x; 175 background-image: url(templates/Skyline_v2/resources/images/banner_frame.png); 176 177} 178.yola_inner_banner_wrap { 179 padding-left:0; 180 padding-right:0; 181 padding-top: 0.5rem; 182 padding-bottom: 0.5rem; 183 184} 185.yola_innermost_banner_wrap { 186 margin: 0 auto; 187 188} 189.yola_inner_nav_wrap { 190 margin: 0 auto; 191 192} 193.yola_banner_wrap nav ul.sys_navigation { 194 text-align: center; 195 padding-top:1rem; 196 padding-bottom:1rem; 197} 198.yola_banner_wrap h1 { 199 margin:0; 200 text-align: left; 201} 202.yola_site_tagline { 203 padding-top:0; 204 padding-bottom:0; 205 font-family: 'Montserrat'; 206 font-size: 2.5rem; 207 color: #171717; 208 text-decoration: none; 209 letter-spacing: 0px; 210 line-height: 1.5em; 211 text-transform: none; 212 text-align: left; 213 padding-right: 3rem; 214 padding-left: 3rem; 215 216} 217.yola_site_tagline span { 218 display: inline-block; 219 220 221 222 223 224} 225ul.sys_navigation { 226 margin: 0; 227 padding: 0; 228 text-align: center; 229} 230ul.sys_navigation li { 231 display: inline; 232 list-style: none; 233 margin:0 2rem 0 0; 234} 235.yola_inner_heading_wrap ul.sys_navigation li:last-child { 236 margin:0; 237} 238ul.sys_navigation li a{ 239 text-decoration: none; 240} 241 242div.ys_submenu { 243 margin-top: 8px; 244} 245 246.yola_content_wrap { 247 margin:0 auto; 248 249 250} 251.yola_content_column { 252 margin:0 auto; 253 254} 255 256.yola_inner_content_column { 257 margin:0 auto; 258 259 260 261 262 263} 264.yola_inner_footer_wrap { 265 padding: 0 20px; 266} 267div[id*='sys_region_'] { 268 padding-left: 0 ! important; 269 padding-right: 0 ! important; 270} 271.yola_site_logo { 272 273 max-width:100%; 274} 275#sys_heading.yola_hide_logo img { 276 display:none; 277} 278#sys_heading.yola_hide_logo span { 279 display:inline; 280} 281a#sys_heading.yola_show_logo { 282 font-size:14px; 283} 284#sys_heading.yola_show_logo img { 285 display:inline; 286} 287#sys_heading.yola_show_logo span { 288 display:none; 289} 290.yola_footer_wrap { 291 margin:0 auto; 292 293 background-color: #000000; 294 295} 296.yola_footer_column { 297 margin:0 auto; 298 299 display: none; 300} 301footer { 302 padding-top: 2.5rem; 303 padding-right: 3rem; 304 padding-bottom: 2.5rem; 305 padding-left: 3rem; 306 font-family: 'Montserrat';
307 font-size: 1.1rem; 308 color: #ffffff; 309 line-height: 1.5em; 310 letter-spacing: 0px; 311 text-transform: none; 312 313} 314span.yola_footer_socialbuttons { 315 display:inline-block; 316 line-height:0; 317 margin:0; 318 padding:0; 319 display:inline-block; 320 position:static; 321 float:left; 322 width:146px; 323 height:20px; 324 display: block; 325} 326.sys_yola_form .submit, 327.sys_yola_form input.text, 328.sys_yola_form input.email, 329.sys_yola_form input.tel, 330.sys_yola_form input.url, 331.sys_yola_form textarea { 332 font-family: 'Montserrat'; 333 font-size: 1.1rem; 334 line-height: 1.5em; 335 letter-spacing: 0px; 336 text-transform: none; 337} 338div.sys_yola_form { 339 padding:0 !important; 340} 341div.sys_yola_form form { 342 margin:0 !important; 343 padding:0 !important; 344} 345.sys_layout h2, .sys_txt h2, .sys_layout h3, .sys_txt h3, .sys_layout h4, .sys_txt h4, .sys_layout h5, .sys_txt h5, .sys_layout h6, .sys_txt h6, .sys_layout p, .sys_txt p { 346 margin-top:0; 347} 348div[id*='sys_region_'] { 349 padding:0 !important; 350} 351.sys_layout blockquote { 352 margin-top: 10px; 353 margin-bottom: 10px; 354 margin-left: 50px; 355 padding-left: 15px; 356 border-left: 3px solid #000000;; 357 font-size: 1rem; 358 font-style: italic; 359 color: #464646; 360 361 line-height: 1.5em; 362 letter-spacing: 0px; 363 text-transform: none; 364} 365.sys_layout blockquote, 366.sys_layout blockquote h1, 367.sys_layout blockquote h2, 368.sys_layout blockquote h3, 369.sys_layout blockquote h4, 370.sys_layout blockquote h5, 371.sys_layout blockquote h6, 372.sys_layout blockquote p { 373 font-family: 'Montserrat'; 374} 375.sys_layout p,.sys_layout pre {margin:0 0 1.5em 0} 376.sys_layout h2,.sys_layout h3,.sys_layout h4,.sys_layout h5,.sys_layout h6 { margin:0 0 0.5em 0 } 377.sys_layout dl, .sys_layout menu,.sys_layout ol,.sys_layout ul{margin:0 0 1.5em 0} 378 379.mob_menu { 380 display: none; 381} 382 383.new-text-widget img, .old_text_widget img { 384 max-width: 100%; 385} 386 387 388@media only screen and (max-width : 736px) { 389 html { 390 font-size: 80%; 391 } 392 393 body .m_inherit_width { 394 width: inherit; 395 } 396 397 .small_device_hide { 398 opacity: 0; 399 } 400 401 /* Remove display table so that fixefox can understand max-width */ 402 .yola_bg_overlay, .yola_inner_bg_overlay { 403 display: block; 404 } 405 406 /* Zero out padding of the heading wrapper */ 407 .yola_inner_heading_wrap.top .yola_innermost_heading_wrap, 408 .yola_inner_heading_wrap.bottom .yola_innermost_heading_wrap, 409 .yola_inner_heading_wrap.left .yola_innermost_heading_wrap, 410 .yola_inner_heading_wrap.right .yola_innermost_heading_wrap { 411 padding-left: 0; 412 padding-right: 0; 413 } 414 415 /* Make all image widgets center aligned */ 416 .Image_Default img { 417 display: block; 418 margin: 0 auto; 419 } 420 421 /* Center button widgets in column dividers */ 422 .column_divider .sys_button { 423 text-align: center; 424 } 425 426 /* Make column dividers snap to one over another */ 427 .yola_inner_heading_wrap.left #yola_heading_block, .yola_inner_heading_wrap.right #yola_heading_block { 428 float: none; 429 } 430 431 #sys_heading { 432 word-wrap: break-word; 433 word-break: break-word; 434 } 435 436 body .column_divider .left, body .column_divider .right { 437 width: 100%; 438 padding-left: 0; 439 padding-right: 0; 440 } 441 442 .mob_menu a:visited { 443 color: #fff; 444 } 445 446 .mob_menu { 447 display: block; 448 z-index: 1; 449 background: #b5b1b1;; 450 background: rgba(137,13,171,1.00);; 451 ; 452 } 453 454 .mob_menu.menu_open { 455 position: absolute; 456 min-height: 100%; 457 padding: 1rem 0 0 0; 458 margin: 0; 459 top: 0; 460 left: 0; 461 right: 0; 462 } 463 464 .yola_outer_content_wrapper { 465 display: block; 466 padding-top: 0; 467 } 468 469 .mob_menu_overlay { 470 display: none; 471 text-transform: capitalize; 472 } 473 474 .menu_open .mob_menu_overlay { 475 display: block; 476 } 477 478 .mob_menu_toggle { 479 display: block; 480 padding-top: 5%; 481 padding-bottom: 6%; 482 text-align: center; 483 color: #666; 484 cursor: pointer; 485 } 486 .mob_submenu_toggle { 487 list-style: none; 488 text-align: center; 489 padding: 0; 490 margin: 0; 491 } 492 493 .new-text-widget img, .old_text_widget img { 494 height: auto; 495 } 496 497 #sys_heading span { 498 font-size: 35px; 499 } 500 .sys_navigation { 501 display: none; 502 } 503 504 .mobile_ham { 505 stroke: #ffffff; 506 } 507 508 .mobile_quit {
509 display: none; 510 } 511 512 .menu_open .mobile_ham { 513 display: none; 514 } 515 516 .menu_open .mobile_quit { 517 display: inline; 518 stroke: #ffffff; 519 } 520 521 .mob_menu_list { 522 font-family: 'Montserrat'; 523 font-weight: lighter; 524 margin: 0; 525 font-size: 2.2em; 526 line-height: 2; 527 letter-spacing: 0.1em; 528 list-style: none; 529 text-align: center; 530 padding: 0; 531 -webkit-animation-duration: .2s; 532 -webkit-animation-fill-mode: both; 533 -webkit-animation-name: fadeInUp; 534 -moz-animation-duration: .2s; 535 -moz-animation-fill-mode: both; 536 -moz-animation-name: fadeInUp; 537 -o-animation-duration: .2s; 538 -o-animation-fill-mode: both; 539 -o-animation-name: fadeInUp; 540 animation-duration: .2s; 541 animation-fill-mode: both; 542 animation-name: fadeInUp; 543 } 544 545 .mob_menu_overlay .mob_menu_list a { 546 color: #ffffff; 547 } 548 549 .mob_more_toggle { 550 display: inline-block; 551 cursor: pointer; 552 background: none; 553 border: none; 554 outline: none; 555 margin-left: 8px; 556 stroke: #ffffff; 557 } 558 559 .up_arrow { 560 display: none; 561 } 562 563 .sub_menu_open svg .down_arrow { 564 display: none; 565 } 566 567 .sub_menu_open .up_arrow { 568 display: inline; 569 } 570 571 .mob_menu_overlay .mob_menu_list .selected a { 572 color: #ffbb00; 573 } 574 575 .sub_menu_open a { 576 color: #ffbb00; 577 } 578 579 .mob_menu_list .sub_menu_open a { 580 color: #ffbb00; 581 } 582 583 .sub_menu_open .mob_more_toggle { 584 stroke: #ffbb00; 585 } 586 587 .mob_submenu_list { 588 font-family: 'Montserrat'; 589 font-weight: lighter; 590 list-style: none; 591 text-align: center; 592 padding: 0 0 5% 0; 593 margin: 0; 594 line-height: 1.6; 595 display: none; 596 -webkit-animation-duration: .2s; 597 -webkit-animation-fill-mode: both; 598 -webkit-animation-name: fadeInUp; 599 -moz-animation-duration: .2s; 600 -moz-animation-fill-mode: both; 601 -moz-animation-name: fadeInUp; 602 -o-animation-duration: .2s; 603 -o-animation-fill-mode: both; 604 -o-animation-name: fadeInUp; 605 animation-duration: .2s; 606 animation-fill-mode: both 607 animation-name: fadeInUp; 608 } 609 610 .sub_menu_open .mob_submenu_list{ 611 display: block; 612 } 613 614 .mob_submenu_items { 615 font-size: 0.75em; 616 } 617 .mob_menu_list .mob_nav_selected { 618 color: #ffbb00; 619 } 620 621 .menu_open ~ .yola_outer_content_wrapper { 622 display: none; 623 } 624 625 @-webkit-keyframes fadeInUp { 626 0% { 627 opacity: 0; 628 -webkit-transform: translate3d(0, 100%, 0); 629 transform: translate3d(0, 100%, 0); 630 } 631 100% { 632 opacity: 1; 633 -webkit-transform: none; 634 transform: none; 635 } 636 } 637 638 @-moz-keyframes fadeInUp { 639 0% { 640 opacity: 0; 641 -moz-transform: translate3d(0, 100%, 0); 642 transform: translate3d(0, 100%, 0); 643 } 644 100% { 645 opacity: 1; 646 -moz-transform: none; 647 transform: none; 648 } 649 } 650 651 @-o-keyframes fadeInUp { 652 0% { 653 opacity: 0; 654 -o-transform: translate3d(0, 100%, 0); 655 transform: translate3d(0, 100%, 0); 656 } 657 100% { 658 opacity: 1; 659 -o-transform: none; 660 transform: none; 661 } 662 } 663 664 @keyframes fadeInUp { 665 0% { 666 opacity: 0; 667 transform: translate3d(0, 100%, 0); 668 } 669 100% { 670 opacity: 1; 671 transform: none; 672 } 673 } 674} 675 676 677 </style> 678 679 <style id="yola-user-css-overrides" type="text/css"> 680 681 682 </style> 683
684<script src="//ajax.googleapis.com/ajax/libs/webfont/1.4.2/webfont.js" type="text/javascript"></script>
684 685 686 <style type="text/css"> 687 @import url("//fonts.sitebuilderhost.net/css?family=Montserrat%3Aregular%2C400%2C600%2C900%2C700%2C800&subset=latin,latin-ext"); 688 </style> 689 690 <style type="text/css" id="styleOverrides"> 691 /* ====================== 692* 693* Site Style Settings 694* 695=========================*/ 696/* Paragraph text (p) */ 697 698.content p, #content p, .HTML_Default p, .Text_Default p, .sys_txt p, .sys_txt a, .sys_layout p, .sys_txt, .sys_layout { 699 font-family: 'Montserrat'; 700 font-weight: 700; 701 font-size: 1.1rem; 702 color: #000000; 703 line-height: 1.5em; 704 letter-spacing: 0px; 705 text-transform: none; 706} 707 708/* Navigation */ 709.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 { 710 font-family: 'Montserrat'; 711 font-weight: 700; 712 font-size: 1rem; 713 color: #ffffff; 714 text-decoration: none; 715 letter-spacing: 0rem; 716 line-height: 1em; 717 text-transform: capitalize; 718} 719 720 721/* Navigation:selected */ 722div.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 { 723 color: #ffbb00; 724} 725 726/* Navigation:hover */ 727div.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 { 728 color: #ffc452; 729} 730 731/* Site Title */ 732#sys_heading, a#sys_heading, #sys_banner h1 a, #header h1 a, div#heading h1 a { 733 font-family: 'Montserrat'; 734 font-weight: 900; 735 font-size: 2rem; 736 color: #ffffff; 737 text-decoration: none; 738 letter-spacing: 0rem; 739 line-height: 1.5em; 740 text-transform: uppercase; 741} 742 743/* Hyperlinks (a, a:hover, a:visited) */ 744a, .sys_txt a:link, .sys_layout a:link {color: #890dab;} 745a, .sys_txt a:link, .sys_layout a:link {text-decoration: underline;} 746a:visited, .sys_txt a:visited, .sys_layout a:visited {color: #0d00fa;} 747a:hover, .sys_txt a:hover, .sys_layout a:hover {color: #ffb700;} 748a:hover, .sys_txt a:hover, .sys_layout a:hover {text-decoration: underline;} 749 750/* Headings (h2, h3, h4, h5, h6) */ 751.sys_layout h2, .sys_txt h2 { 752 font-family: 'Montserrat'; 753 font-weight: 800; 754 font-size: 3.15rem; 755 color: #890dab; 756 text-decoration: none; 757 letter-spacing: 0rem; 758 line-height: 1em; 759 text-transform: uppercase; 760} 761 762.sys_layout h2 a, .sys_layout h2 a:link, .sys_layout h2 a:hover, .sys_layout h2 a:visited { 763 font-family: 'Montserrat'; 764 font-weight: 800; 765 font-size: 3.15rem; 766 color: #890dab; 767 letter-spacing: 0rem; 768 line-height: 1em; 769 text-transform: uppercase; 770} 771 772.sys_layout h3, .sys_txt h3 { 773 font-family: 'Montserrat'; 774 font-weight: 900; 775 font-size: 3rem; 776 color: #405af3; 777 text-decoration: none; 778 letter-spacing: 0px; 779 line-height: 1.1em; 780 text-transform: uppercase; 781} 782 783.sys_layout h3 a, .sys_layout h3 a:link, .sys_layout h3 a:hover, .sys_layout h3 a:visited { 784 font-family: 'Montserrat'; 785 font-weight: 900; 786 font-size: 3rem; 787 color: #405af3; 788 letter-spacing: 0px; 789 line-height: 1.1em; 790 text-transform: uppercase; 791} 792 793.sys_layout h4, .sys_txt h4 { 794 font-family: 'Montserrat'; 795 font-weight: 800; 796 font-size: 1.5rem; 797 color: #363636; 798 text-decoration: none; 799 letter-spacing: 0px; 800 line-height: 1.4em; 801 text-transform: uppercase; 802} 803 804.sys_layout h4 a, .sys_layout h4 a:link, .sys_layout h4 a:hover, .sys_layout h4 a:visited { 805 font-family: 'Montserrat'; 806 font-weight: 800; 807 font-size: 1.5rem; 808 color: #363636; 809 letter-spacing: 0px; 810 line-height: 1.4em; 811 text-transform: uppercase; 812} 813 814.sys_layout h5, .sys_txt h5 { 815 font-family: 'Montserrat'; 816 font-weight: 700; 817 font-size: 1.2rem; 818 color: #ffffff; 819 text-decoration: none; 820 letter-spacing: 0px; 821 line-height: 1.5em; 822 text-transform: uppercase; 823} 824 825.sys_layout h5 a, .sys_layout h5 a:link, .sys_layout h5 a:hover, .sys_layout h5 a:visited { 826 font-family: 'Montserrat';
827 font-weight: 700; 828 font-size: 1.2rem; 829 color: #ffffff; 830 letter-spacing: 0px; 831 line-height: 1.5em; 832 text-transform: uppercase; 833} 834 835.sys_layout h6, .sys_txt h6 { 836 font-family: 'Montserrat'; 837 font-weight: 800; 838 font-size: 1.1rem; 839 color: #363636; 840 text-decoration: none; 841 letter-spacing: 0rem; 842 line-height: 1em; 843 text-transform: uppercase; 844} 845 846.sys_layout h6 a, .sys_layout h6 a:link, .sys_layout h6 a:hover, .sys_layout h6 a:visited { 847 font-family: 'Montserrat'; 848 font-weight: 800; 849 font-size: 1.1rem; 850 color: #363636; 851 letter-spacing: 0rem; 852 line-height: 1em; 853 text-transform: uppercase; 854} 855 856/*button widget*/ 857.sys_layout .sys_button a, .sys_layout .sys_button a:link, .sys_layout .sys_button a:visited { 858 display:inline-block; 859 text-decoration: none; 860} 861.sys_layout .sys_button a:link, .sys_layout .sys_button a:visited { 862 cursor:pointer; 863} 864.sys_layout .sys_button a { 865 cursor:default; 866} 867 868.sys_layout .sys_button.square a, .sys_layout .sys_button.square a:link { 869 border-radius:0px; 870} 871.sys_layout .sys_button.rounded a, .sys_layout .sys_button.rounded a:link { 872 border-radius:3px; 873} 874.sys_layout .sys_button.pill a, .sys_layout .sys_button.pill a:link { 875 border-radius:90px; 876} 877 878/*button sizes*/ 879.sys_layout .sys_button.small a, .sys_layout .sys_button.small a:link, .sys_layout .sys_button.small a:visited {font-family: 'Montserrat';font-weight: 600;font-size: 0.8rem;line-height: 1em;letter-spacing: 0rem;text-transform: none;padding-top:1rem;padding-bottom:1rem;padding-left:3rem;padding-right:3rem;} 880.sys_layout .sys_button.medium a, .sys_layout .sys_button.medium a:link, .sys_layout .sys_button.medium a:visited {font-family: 'Montserrat';font-weight: 600;font-size: 1rem;line-height: 1.5em;letter-spacing: 0rem;text-transform: capitalize;padding-top:1rem;padding-bottom:1rem;padding-left:3.5rem;padding-right:3.5rem;} 881.sys_layout .sys_button.large a, .sys_layout .sys_button.large a:link, .sys_layout .sys_button.large a:visited {font-family: 'Montserrat';font-weight: 600;font-size: 1.2rem;line-height: 1.5em;letter-spacing: 0rem;text-transform: none;padding-top:1rem;padding-bottom:1rem;padding-left:4rem;padding-right:4rem;} 882 883/*button styles:small*/ 884.sys_layout .sys_button.small.outline a, .sys_layout .sys_button.small.outline a:link { 885 border-color:rgba(64,90,243,1.00); 886 color: rgba(64,90,243,1.00); 887 border-style: solid; 888 border-width: 2px; 889} 890.sys_layout .sys_button.small.outline a:visited { 891 color: rgba(64,90,243,1.00); 892} 893.sys_layout .sys_button.small.solid a, .sys_layout .sys_button.small.solid a:link { 894 background-color: #405af3; 895 896 color: #ffffff; 897 border-color:rgba(64,90,243,1.00); 898 border-style: solid; 899 border-width: 2px; 900} 901.sys_layout .sys_button.small.solid a:visited { 902 color: #ffffff; 903} 904.sys_layout .sys_button.small.outline a:hover { 905 background-color: rgba(64,90,243,1.00); 906 color: #ffffff; 907 text-decoration: none; 908} 909 910/*button styles:medium*/ 911.sys_layout .sys_button.medium.outline a, .sys_layout .sys_button.medium.outline a:link { 912 border-color:rgba(64,90,243,1.00); 913 color: rgba(64,90,243,1.00); 914 border-style: solid; 915 border-width: 2px; 916} 917.sys_layout .sys_button.medium.outline a:visited { 918 color: rgba(64,90,243,1.00); 919} 920.sys_layout .sys_button.medium.solid a, .sys_layout .sys_button.medium.solid a:link { 921 background-color: #405af3; 922 923 color: #ffffff; 924 border-color:rgba(64,90,243,1.00); 925 border-style: solid; 926 border-width: 2px; 927} 928.sys_layout .sys_button.medium.solid a:visited { 929 color: #ffffff; 930} 931.sys_layout .sys_button.medium.outline a:hover { 932 background-color: rgba(64,90,243,1.00); 933 color: #ffffff; 934 text-decoration: none; 935} 936/*button styles:large*/ 937.sys_layout .sys_button.large.outline a, .sys_layout .sys_button.large.outline a:link { 938 border-color:rgba(64,90,243,1.00); 939 color: rgba(64,90,243,1.00); 940 border-style: solid; 941 border-width: 2px; 942} 943.sys_layout .sys_button.large.outline a:visited { 944 color: rgba(64,90,243,1.00); 945} 946.sys_layout .sys_button.large.solid a, .sys_layout .sys_button.large.solid a:link { 947 background-color: #405af3; 948 949 color: #ffffff; 950 border-color:rgba(64,90,243,1.00); 951 border-style: solid; 952 border-width: 2px; 953} 954.sys_layout .sys_button.large.solid a:visited { 955 color: #ffffff; 956} 957.sys_layout .sys_button.large.outline a:hover { 958 background-color: rgba(64,90,243,1.00); 959 color: #ffffff; 960 text-decoration: none; 961} 962 963.sys_layout .sys_button.solid a:hover { 964 text-decoration: none; 965 opacity: .8; 966} </style> 967 968 969 970 971
972<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
vendor: 1 bytes, line 972
972
973<script type="text/javascript">window.jQuery || document.write('
973<script src="/components/bower_components/jquery/dist/jquery.js"><\/script>')</script>
973 974<link rel="stylesheet" type="text/css" href="classes/commons/resources/flyoutmenu/flyoutmenu.css?1001144" />
975<script type="text/javascript" src="classes/commons/resources/flyoutmenu/flyoutmenu.js?1001144"></script>
975 976<link rel="stylesheet" type="text/css" href="classes/commons/resources/global/global.css?1001144" /> 977 978 <style type="text/css"> 979 .cookies-notification { 980 position: fixed; 981 left: 0; 982 right: 0; 983 bottom: 0; 984 display: flex; 985 justify-content: center; 986 transform: translateY(100%); 987 transition: transform 300ms ease-in; 988 background: #f7f7f7; 989 padding: 0 5%; 990 z-index: 999999; 991 } 992 993 .cookies-notification--visible { 994 transform: translateY(0); 995 } 996 997 .cookies-notification-content { 998 display: flex; 999 justify-content: space-between; 1000 align-items: center; 1001 flex-direction: column; 1002 padding-bottom: 20px; 1003 } 1004 1005 .cookies-notification-text { 1006 text-align: center; 1007 font-size: 16px; 1008 } 1009 1010 .cookies-notification-text a { 1011 color: #00ace6; 1012 } 1013 1014 .cookies-notification-text p { 1015 margin: 1em 0; 1016 } 1017 1018 .cookies-notification-button { 1019 display: flex; 1020 align-items: center; 1021 justify-content: center; 1022 flex: none; 1023 background: #00ace8; 1024 color: #fff; 1025 border-radius: 4px; 1026 font-size: 16px; 1027 border: none; 1028 padding: 15px 50px; 1029 outline:0; 1030 } 1031 1032 @media only screen and (min-width: 600px) { 1033 .cookies-notification-content { 1034 flex-direction: row; 1035 max-width: 1170px; 1036 padding-bottom: 0; 1037 } 1038 1039 .cookies-notification-text { 1040 font-size: 14px; 1041 text-align: start; 1042 margin-right: 47px; 1043 } 1044 1045 .cookies-notification-button { 1046 font-size: 12px; 1047 padding: 12px 24px; 1048 } 1049 } 1050 </style> 1051 1052
1052<script type="text/javascript"> 1053 $(function () { 1054 var cookiesAgreed = localStorage.getItem('cookiesAgreed'); 1055 1056 if (cookiesAgreed) { 1057 return; 1058 } 1059 1060 var wrapper = $('<div class="cookies-notification"></div>'); 1061 var notification = $('<div class="cookies-notification-content"></div>'); 1062 var text = $('<div class="cookies-notification-text"><p>This website uses cookies to ensure the best browsing experience. You may change your cookie preferences in your browser or device settings. <a href=\"http://www.aboutcookies.org/\" target=\"_blank\">Learn More<\/a> <a href=\"http://www.aboutcookies.org/how-to-delete-cookies/\" target=\"_blank\">How To Delete Cookies<\/a><\/p></div>'); 1063 var button = $('<button class="cookies-notification-button">Accept</button>'); 1064 1065 button.click(handleAcceptClick); 1066 notification 1067 .append(text) 1068 .append(button); 1069 wrapper.append(notification); 1070 1071 $('body').append(wrapper); 1072 setTimeout(function() { 1073 wrapper.addClass('cookies-notification--visible'); 1074 }, 1000); 1075 1076 function handleAcceptClick() { 1077 localStorage.setItem('cookiesAgreed', 'true'); 1078 wrapper.removeClass('cookies-notification--visible'); 1079 wrapper.on('transitionend', handleTransitionEnd); 1080 } 1081 1082 function handleTransitionEnd() { 1083 wrapper.remove(); 1084 } 1085 }); 1086 </script>
1086 1087
1088<script type="text/javascript"> 1089 var swRegisterManager = { 1090 goals: [], 1091 add: function(swGoalRegister) { 1092 this.goals.push(swGoalRegister); 1093 }, 1094 registerGoals: function() { 1095 while(this.goals.length) { 1096 this.goals.shift().call(); 1097 } 1098 } 1099 }; 1100 1101 window.swPostRegister = swRegisterManager.registerGoals.bind(swRegisterManager); 1102</script>
1102 1103 1104 1105 1106 1107 1108 1109 1110 1111 </head> 1112 <body lang="en" class="bgd-attachment-fixed"> 1113
1113<script 1114 type="application/ld+json" 1115 id="locationData" 1116 data-embed-key="AIzaSyARNP6PBrYdKNmsYf09tU8jRnffQb-sFQg"> 1117 { 1118 "@context": "http://schema.org", 1119 "@type": "LocalBusiness", 1120 "telephone": "07845107841", 1121 "address": { 1122 "@type": "PostalAddress", 1123 "streetAddress": "6 Hillier Place ", 1124 "addressLocality": "Chessington", 1125 "addressRegion": "Surrey", 1126 "addressCountry": "England", 1127 "postalCode": "KT92GF" 1128 }, 1129 "openingHours": null 1130 } 1131 </script>
1131 1132 1133 <div id="sys_background" class="yola_bg_overlay"> 1134 <div class="yola_inner_bg_overlay"> 1135 <div class="yola_outer_content_wrapper"> 1136 <header role="header"> 1137 <div class="yola_outer_heading_wrap"> 1138 <div class="yola_heading_container"> 1139 <div class="yola_inner_heading_wrap top"> 1140 <div class="yola_innermost_heading_wrap"> 1141 <nav class="mob_menu"> 1142 <div class="mob_menu_toggle"><!--Mobile Nav Toggle--> 1143 <svg class="mobile_ham" width="40" height="25"> 1144 <line x1="0" y1="3" x2="40" y2="3" stroke-width="2"/> 1145 <line x1="0" y1="13" x2="40" y2="13" stroke-width="2"/> 1146 <line x1="0" y1="23" x2="40" y2="23" stroke-width="2"/> 1147 </svg> 1148 <svg class="mobile_quit" width="26" height="50"> 1149 <line x1="0" y1="1" x2="26" y2="25" stroke-width="2"/> 1150 <line x1="0" y1="25" x2="26" y2="1" stroke-width="2"/> 1151 </svg> 1152 </div> 1153 <div class="mob_menu_overlay"> <!--Mobile Nav Overlay--> 1154 <ul class="mob_menu_list"> 1155 <li class=""> 1156 <a href="./" title="Home">Home</a> 1157 </li> 1158 <li class=""> 1159 <a href="Audio-and-Video-Recordings.php" title="Audio and Video Recordings">Audio and Video Recordings</a> 1160 <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"> 1161 <circle cx="12" cy="12" r="11" stroke-width="1.5" fill="none" /> 1162 <line class="down_arrow" x1="5" y1="10" x2="12" y2="17" stroke-width="2" /> 1163 <line class="down_arrow" x1="12" y1="17" x2="19" y2="10" stroke-width="2" /> 1164 <line class="up_arrow" x1="5" y1="15" x2="12" y2="8" stroke-width="2" /> 1165 <line class="up_arrow" x1="12" y1="8" x2="19" y2="15" stroke-width="2" /> 1166 </svg> 1167 <ul class="mob_submenu_list"> 1168 <li> 1169 <a class="mob_submenu_items" href="Concerto-For-Drums-and-Percussion.php" title="Concerto For Drums and Percussion">Concerto For Drums and Percussion</a> 1170 </li> 1171 <li> 1172 <a class="mob_submenu_items" href="Streaming-Providers.php" title="Streaming Providers">Streaming Providers</a> 1173 </li> 1174 </ul> 1175 </li> 1176 <li class=""> 1177 <a href="precious-times---audio-clips.php" title="Precious Times - Audio Clips">Precious Times - Audio Clips</a> 1178 </li> 1179 <li class=""> 1180 <a href="Other-Albums---Audio-Clips.php" title="Other Albums - Audio Clips">Other Albums - Audio Clips</a> 1181 </li> 1182 <li class=""> 1183 <a href="Testimonials.php" title="Testimonials">Testimonials</a> 1184 </li> 1185 <li class=""> 1186 <a href="Drum-Lessons.php" title="Drum Lessons">Drum Lessons</a> 1187 <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"> 1188 <circle cx="12" cy="12" r="11" stroke-width="1.5" fill="none" /> 1189 <line class="down_arrow" x1="5" y1="10" x2="12" y2="17" stroke-width="2" /> 1190 <line class="down_arrow" x1="12" y1="17" x2="19" y2="10" stroke-width="2" /> 1191 <line class="up_arrow" x1="5" y1="15" x2="12" y2="8" stroke-width="2" /> 1192 <line class="up_arrow" x1="12" y1="8" x2="19" y2="15" stroke-width="2" /> 1193 </svg> 1194 <ul class="mob_submenu_list"> 1195 <li> 1196 <a class="mob_submenu_items" href="student-grades.php" title="Student-Grades">Student-Grades</a> 1197 </li> 1198 </ul> 1199 </li> 1200 <li class=""> 1201 <a href="Latest-News.php" title="Latest News">Latest News</a> 1202 </li> 1203 <li class="selected"> 1204 <a href="On-Line-store.php" title="On-Line store">On-Line store</a> 1205 <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"> 1206 <circle cx="12" cy="12" r="11" stroke-width="1.5" fill="none" /> 1207 <line class="down_arrow" x1="5" y1="10" x2="12" y2="17" stroke-width="2" /> 1208 <line class="down_arrow" x1="12" y1="17" x2="19" y2="10" stroke-width="2" /> 1209 <line class="up_arrow" x1="5" y1="15" x2="12" y2="8" stroke-width="2" /> 1210 <line class="up_arrow" x1="12" y1="8" x2="19" y2="15" stroke-width="2" /> 1211 </svg> 1212 <ul class="mob_submenu_list"> 1213 <li> 1214 <a class="mob_submenu_items" href="Merchandise.php" title="Merchandise">Merchandise</a> 1215 </li> 1216 </ul> 1217 </li> 1218 <li class=""> 1219 <a href="Photo-Album.php" title="Photo Album">Photo Album</a> 1220 </li> 1221 <li class=""> 1222 <a href="additional-links.php" title="Additional Links">Additional Links</a> 1223 </li> 1224 <li class="">
1225 <a href="Contact-Me.php" title="Contact Me">Contact Me</a> 1226 </li> 1227 <li class=""> 1228 <a href="gdpr-privacy-policy---terms-and-conditions.php" title="GDPR-Privacy-Policy - Terms and Conditions">GDPR-Privacy-Policy - Terms and Conditions</a> 1229 </li> 1230 </ul> 1231 </div> 1232 </nav> 1233 <div id="yola_heading_block"> <!--Title / Logo--> 1234 <h1> 1235 <a id="sys_heading" class="yola_hide_logo" href="./"> 1236 <img class="yola_site_logo" src="" alt="Lloyd Ryan Drummer & Educator" > 1237 <span>Lloyd Ryan Drummer & Educator</span> 1238 </a> 1239 </h1> 1240 </div> 1241 <div id="yola_nav_block"> <!--Nav--> 1242 <nav role="navigation"> 1243 <div class="sys_navigation"> 1244 <ul class="sys_navigation"> 1245 <li id="ys_menu_0"> 1246 <a href="./" title="Home">Home</a> 1247 </li> 1248 <li id="ys_menu_1"> 1249 <a href="Audio-and-Video-Recordings.php" title="Audio and Video Recordings">Audio and Video Recordings</a> 1250 </li> 1251 <li id="ys_menu_2"> 1252 <a href="precious-times---audio-clips.php" title="Precious Times - Audio Clips">Precious Times - Audio Clips</a> 1253 </li> 1254 <li id="ys_menu_3"> 1255 <a href="Other-Albums---Audio-Clips.php" title="Other Albums - Audio Clips">Other Albums - Audio Clips</a> 1256 </li> 1257 <li id="ys_menu_4"> 1258 <a href="Testimonials.php" title="Testimonials">Testimonials</a> 1259 </li> 1260 <li id="ys_menu_5"> 1261 <a href="Drum-Lessons.php" title="Drum Lessons">Drum Lessons</a> 1262 </li> 1263 <li id="ys_menu_6"> 1264 <a href="Latest-News.php" title="Latest News">Latest News</a> 1265 </li> 1266 <li id="ys_menu_7"class="selected"> 1267 <a href="On-Line-store.php" title="On-Line store">On-Line store</a> 1268 </li> 1269 <li id="ys_menu_8"> 1270 <a href="Photo-Album.php" title="Photo Album">Photo Album</a> 1271 </li> 1272 <li id="ys_menu_9"> 1273 <a href="additional-links.php" title="Additional Links">Additional Links</a> 1274 </li> 1275 <li id="ys_menu_10"> 1276 <a href="Contact-Me.php" title="Contact Me">Contact Me</a> 1277 </li> 1278 <li id="ys_menu_11"> 1279 <a href="gdpr-privacy-policy---terms-and-conditions.php" title="GDPR-Privacy-Policy - Terms and Conditions">GDPR-Privacy-Policy - Terms and Conditions</a> 1280 </li> 1281 </ul> 1282 <div id="ys_submenu_1" class="ys_submenu"> 1283 <div class='ys_submenu_inner'> 1284 <ul> 1285 <li> 1286 <a href="Concerto-For-Drums-and-Percussion.php">Concerto For Drums and Percussion</a> 1287 </li> 1288 <li> 1289 <a href="Streaming-Providers.php">Streaming Providers</a> 1290 </li> 1291 </ul> 1292 </div> 1293 </div> 1294 <div id="ys_submenu_5" class="ys_submenu"> 1295 <div class='ys_submenu_inner'> 1296 <ul> 1297 <li> 1298 <a href="student-grades.php">Student-Grades</a> 1299 </li> 1300 </ul> 1301 </div> 1302 </div> 1303 <div id="ys_submenu_7" class="ys_submenu"> 1304 <div class='ys_submenu_inner'> 1305 <ul> 1306 <li> 1307 <a href="Merchandise.php">Merchandise</a> 1308 </li> 1309 </ul> 1310 </div> 1311 </div> 1312
1313<script> 1314/* jshint ignore:start */ 1315$(document).ready(function() { 1316 flyoutMenu.initFlyoutMenu( 1317 [{"name":"Home","title":"Home","href":".\/","children":[]},{"name":"Audio and Video Recordings","title":"Audio and Video Recordings","href":"Audio-and-Video-Recordings.php","children":[{"name":"Concerto For Drums and Percussion","title":"Concerto For Drums and Percussion","href":"Concerto-For-Drums-and-Percussion.php"},{"name":"Streaming Providers","title":"Streaming Providers","href":"Streaming-Providers.php"}]},{"name":"Precious Times - Audio Clips","title":"Precious Times - Audio Clips","href":"precious-times---audio-clips.php","children":[]},{"name":"Other Albums - Audio Clips","title":"Other Albums - Audio Clips","href":"Other-Albums---Audio-Clips.php","children":[]},{"name":"Testimonials","title":"Testimonials","href":"Testimonials.php","children":[]},{"name":"Drum Lessons","title":"Drum Lessons","href":"Drum-Lessons.php","children":[{"name":"Student-Grades","title":"Student-Grades","href":"student-grades.php"}]},{"name":"Latest News","title":"Latest News","href":"Latest-News.php","children":[]},{"name":"On-Line store","title":"On-Line store","href":"On-Line-store.php","children":[{"name":"Merchandise","title":"Merchandise","href":"Merchandise.php"}]},{"name":"Photo Album","title":"Photo Album","href":"Photo-Album.php","children":[]},{"name":"Additional Links","title":"Additional Links","href":"additional-links.php","children":[]},{"name":"Contact Me","title":"Contact Me","href":"Contact-Me.php","children":[]},{"name":"GDPR-Privacy-Policy - Terms and Conditions","title":"GDPR-Privacy-Policy - Terms and Conditions","href":"gdpr-privacy-policy---terms-and-conditions.php","children":[]}] 1318 , 'flyover'); 1319}); 1320/* jshint ignore:end */ 1321</script>
1321 1322 1323 </div> 1324 </nav> 1325 </div> 1326 <div style="padding:0; height:0; clear:both;"> </div> 1327 </div> 1328 </div> 1329 </div> 1330 <div id="sys_banner" class="yola_banner_wrap"> 1331 <div class="yola_inner_banner_wrap"> 1332 <div class="yola_innermost_banner_wrap"> 1333 <h2 class="yola_site_tagline" style="display:block"><span>The Drummers Drummer Keeping The Beat</span></h2> 1334 </div> 1335 </div> 1336 </div> 1337 </div> 1338 </header> 1339 1340 <main class="yola_content_wrap" role="main"> 1341 <div class="yola_content_column"> 1342 <div class="yola_inner_content_column clearFix"> 1343 <style media="screen"> 1344 .layout_1-column { 1345 width: 100%; 1346 padding: 0; 1347 margin: 0; 1348 } 1349 1350 .layout_1-column:after { 1351 content: ""; 1352 display: table; 1353 clear: both; 1354 } 1355 1356 .zone_top { 1357 margin: 0; 1358 padding: 5px; 1359 vertical-align: top; 1360 line-height: normal; 1361 min-width: 100px; 1362 } 1363</style> 1364 1365<div class="layout_1-column sys_layout"> 1366 <div id="layout_row1"> 1367 <div id="sys_region_1" class="zone_top" ><div id="I2b0d7b3539a8445b8599739307a0d34d" style="display:block;clear: both;" class="Ecwid_Ecommerce_Default"> 1368<div> 1369
1369<script type="text/javascript" src="https://app.ecwid.com/script.js?18327060" charset="utf-8"></script>
1369 1370
1370<script type="text/javascript"> 1371 ;(function () { 1372 if(window.xProductBrowser){ 1373 xProductBrowser("views=grid(1,20)","categoryView=grid","defaultCategoryId=0"); 1374 } 1375 if(window.xMinicart) { 1376 xMinicart("style=", "layout=floating"); 1377 xMinicart("style=", "layout=MiniAttachToProductBrowser"); 1378 } 1379 } ()); 1380 </script>
1380 1381</div></div><div id="Ic802c51e901c4d0aaae3eca38693eed6" style="display:block;clear: both;" class="Panel_Default"> <style id='yola-panel-style-Ic802c51e901c4d0aaae3eca38693eed6' type='text/css'> 1382 1383 div#yola-panel-inner-Ic802c51e901c4d0aaae3eca38693eed6, 1384 div#yola-panel-inner-Ic802c51e901c4d0aaae3eca38693eed6 p, 1385 div#yola-panel-inner-Ic802c51e901c4d0aaae3eca38693eed6 .sys_txt, 1386 .content div#yola-panel-inner-Ic802c51e901c4d0aaae3eca38693eed6 p, 1387 #content div#yola-panel-inner-Ic802c51e901c4d0aaae3eca38693eed6 p, 1388 div#yola-panel-inner-Ic802c51e901c4d0aaae3eca38693eed6 .HTML_Default p, 1389 div#yola-panel-inner-Ic802c51e901c4d0aaae3eca38693eed6 .Text_Default p, 1390 div#yola-panel-inner-Ic802c51e901c4d0aaae3eca38693eed6 .sys_txt p, 1391 div#yola-panel-inner-Ic802c51e901c4d0aaae3eca38693eed6 .sys_txt p a, 1392 div#content div#yola-panel-inner-Ic802c51e901c4d0aaae3eca38693eed6 p{ 1393 color:#ffffff; 1394 } 1395 1396 div#yola-panel-inner-Ic802c51e901c4d0aaae3eca38693eed6 h1, 1397 div#yola-panel-inner-Ic802c51e901c4d0aaae3eca38693eed6 h2, 1398 div#yola-panel-inner-Ic802c51e901c4d0aaae3eca38693eed6 h3, 1399 div#yola-panel-inner-Ic802c51e901c4d0aaae3eca38693eed6 h4, 1400 div#yola-panel-inner-Ic802c51e901c4d0aaae3eca38693eed6 h5, 1401 div#yola-panel-inner-Ic802c51e901c4d0aaae3eca38693eed6 h6, 1402 div#yola-panel-inner-Ic802c51e901c4d0aaae3eca38693eed6 .sys_txt h1, 1403 div#yola-panel-inner-Ic802c51e901c4d0aaae3eca38693eed6 .sys_txt h2, 1404 div#yola-panel-inner-Ic802c51e901c4d0aaae3eca38693eed6 .sys_txt h3, 1405 div#yola-panel-inner-Ic802c51e901c4d0aaae3eca38693eed6 .sys_txt h4, 1406 div#yola-panel-inner-Ic802c51e901c4d0aaae3eca38693eed6 .sys_txt h5, 1407 div#yola-panel-inner-Ic802c51e901c4d0aaae3eca38693eed6 .sys_txt h6{ 1408 color:#ffffff; 1409 } 1410 1411 1412 1413 div#Panel_Ic802c51e901c4d0aaae3eca38693eed6 { 1414 max-width: 100%; 1415 margin: 0 auto; 1416 } 1417 1418 #yola-panel-Ic802c51e901c4d0aaae3eca38693eed6 { 1419 min-height: 0vh;position:relative; 1420 } 1421 1422 #yola-panel-inner-Ic802c51e901c4d0aaae3eca38693eed6 { 1423 padding:2rem 1rem 1rem 1rem;position:relative; 1424 } 1425 1426 #yola-panel-background-Ic802c51e901c4d0aaae3eca38693eed6 { 1427 background:#000000;background-position:top left;background-repeat:no-repeat;position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;pointer-events:none;touch-action:none; 1428 } 1429 1430 1431 </style> 1432 1433 <div id='yola-panel-Ic802c51e901c4d0aaae3eca38693eed6'> 1434 <div 1435 id='yola-panel-background-Ic802c51e901c4d0aaae3eca38693eed6' 1436 > 1437 </div> 1438 <div id='yola-panel-inner-Ic802c51e901c4d0aaae3eca38693eed6'> 1439 <div id="Panel_Ic802c51e901c4d0aaae3eca38693eed6" style="text-align:left; vertical-align:top;" ><div id="I06d98cc551384b17b5e78a73cbbecad0" style="display:block;clear: both;" class="Text_2_Default"><style type="text/css"> 1440 div.sys_text_widget img.float-left{float:left;margin:10px 15px 10px 0;} 1441 div.sys_text_widget img.float-right{position:relative;margin:10px 0 10px 15px;} 1442 div.sys_text_widget img{margin:4px;} 1443 div.sys_text_widget { 1444 overflow: hidden; 1445 margin: 0; 1446 padding: 0; 1447 color: ; 1448 font: ; 1449 background-color: ; 1450 } 1451</style> 1452 1453<div id="I06d98cc551384b17b5e78a73cbbecad0_sys_txt" systemElement="true" class="sys_txt sys_text_widget new-text-widget"><p style="text-align: center;">Email: <a href="http://[email protected]">[email protected]</a> Phone/Text 07845 107841</p> 1454<p style="text-align: center;">© Copyright The Official Lloyd Ryan Drummer/Educator</p></div></div></div> 1455 </div> 1456 </div> 1457 1458 1459 1460</div></div> 1461 </div> 1462</div> 1463 </div> 1464 </div> 1465 </main> 1466 1467 <div class="yola_footer_wrap"> 1468 <div class="yola_footer_column"> 1469 <footer id="yola_style_footer">
1470 <span class="yola_footer_socialbuttons"><table cellpadding="0" cellspacing="0"> 1471 <tr> 1472 <td style="vertical-align:bottom;"> 1473
1473<script type="text/javascript" src="//platform.twitter.com/widgets.js"></script>
1473 1474 <a href="https://twitter.com/share" class="twitter-share-button" data-lang="en" data-count="none">Tweet</a> 1475 </td> 1476 <td style="vertical-align:bottom;"> 1477 <div style="padding:0 5px;"> 1478 <iframe src="//www.facebook.com/plugins/like.php?send=false&href=https%3A%2F%2Fwww.lloydryan.co.uk%2FOn-Line-store.php&layout=button_count&show_faces=false&action=like&width=49&height=20&locale=en_US" scrolling="no" frameborder="0" style="border:none;overflow:hidden;width:49px;height:20px;" allowTransparency="true"></iframe> 1479 </div> 1480 </td> 1481 <td style="vertical-align:bottom;"> 1482
1482<script type="text/javascript" src="//apis.google.com/js/plusone.js"> 1483 {lang: "en_US"} 1484 </script>
1484 1485 <g:plusone size="medium" count="false"></g:plusone> 1486
1486<script type="text/javascript">gapi.plusone.go();</script>
1486 1487 </td> 1488 </tr> 1489</table></span> 1490<p style="float:right; margin:0;">6 Hillier Place, Chessington, Surrey KT92GF, England | 07845107841</p><div style="clear:both; height:0;"></div> 1491 </footer> 1492 </div> 1493 </div> 1494 1495
1496<script type="text/javascript" id="site_analytics_tracking" data-id="44e005452078406aae2daf4b9901889d" data-user="98e6055f75584d238a03e03282fb741e" data-partner="YOLA" data-url="//analytics.yolacdn.net/tracking-v2.js"> 1497 var _yts = _yts || []; 1498 var tracking_tag = document.getElementById('site_analytics_tracking'); 1499 _yts.push(["_siteId", tracking_tag.getAttribute('data-id')]); 1500 _yts.push(["_userId", tracking_tag.getAttribute('data-user')]); 1501 _yts.push(["_partnerId", tracking_tag.getAttribute('data-partner')]); 1502 _yts.push(["_trackPageview"]); 1503 (function() { 1504 var yts = document.createElement("script"); 1505 yts.type = "text/javascript"; 1506 yts.async = true; 1507 yts.src = document.getElementById('site_analytics_tracking').getAttribute('data-url'); 1508 (document.getElementsByTagName("head")[0] || document.getElementsByTagName("body")[0]).appendChild(yts); 1509 })(); 1510</script>
1510 1511 1512 1513<!-- template: Skyline_v2 b4633f0f-a788-4fae-80cb-79f183c6d6dc --> 1514 </div> 1515 </div> <!-- .inner_bg_overlay --> 1516 </div> <!-- #sys_background / .bg_overlay --> 1517
1517<script src="templates/Skyline_v2/resources/js/browserify.build.js"></script>
1517 1518
1518<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"0209fe21d51443d9ac34e0b84c8d00a9","r":1,"spa":2}' crossorigin="anonymous"></script>
1518 1519</body> 1520</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.