1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 3 4<html xmlns="http://www.w3.org/1999/xhtml"> 5 <head> 6 <link href='//fonts.googleapis.com/css?family=Arvo:400,700,700italic,400italic|PT+Sans' rel='stylesheet' type='text/css'> 7 <meta http-equiv="content-type" content="text/html; charset=utf-8" /> 8 9 10 11 12<title>Biography</title> 13 14 15 16<meta name="description" content="" /> 17<meta name="keywords" content="" /> 18 19 20 21 <style type="text/css" id="styleCSS"> 22 body{ 23 background-color:#efefef; 24 background-image: url(templates/Anri_Look/resources/background1.jpg); 25 background-repeat:repeat; 26 background-position:top left; 27 background-attachment:; 28 margin:0; 29 font-family:Arial,Helvetica,sans-serif; 30 border-top:10px solid #000; 31} 32 33div#border-top{ 34 border-top: 5px solid #dddddd; 35 padding:5px 0 0; 36 margin:0; 37} 38 39div.container{ 40 width:960px; 41 margin:0 auto; 42 padding:0; 43} 44 45div.sys_heading{ 46 width:960px; 47 height:100%; 48 margin:0 auto; 49 padding:5px 0; 50} 51 52div.ys_heading{ 53 height:100%; 54 padding:1px 0; 55 margin:0; 56} 57 58div.ys_heading h1{ 59 text-decoration:none; 60 padding:5px 0; 61} 62 63div.ys_heading h1 a{ 64 color:#000; 65 text-decoration: none; 66 font-weight: normal; 67 padding:0 0 5px 0; 68 font-family: 'Arvo', serif; 69} 70 71div.container2{ 72 width:960px; 73 position: relative; 74 height:100%; 75} 76 77div.sys_navigation{ 78 float:left; 79 width:150px; 80 height:100%; 81 font-weight:normal; 82} 83 84 85div.ys_nav ul{ 86 list-style:none; 87 margin:0; 88 padding:0 5px; 89 voice-family: "\"}\""; 90 voice-family:inherit; 91 font-family: 'Arvo', serif; 92} 93 94div.ys_nav ul li{ 95 font-size: 14px; 96 padding:5px 20px 5px 0; 97} 98 99div.ys_nav ul li a{ 100 color:#555; 101 padding:0; 102 text-decoration:none; 103} 104 105div.ys_nav ul li a:hover{ 106 color:#111; 107} 108 109div.ys_nav ul li.selected a{ 110 color:#111; 111} 112 113div.content_container{ 114 width:810px; 115 background-color: #fff; 116 min-height: 200px; 117 -webkit-box-shadow: 0 0 10px 1px #BBBBBB; 118 -khtml-box-shadow: 0 0 10px 1px #BBBBBB; 119 -moz-box-shadow: 0 0 10px 1px #BBBBBB; 120 -ms-box-shadow: 0 0 10px 1px #BBBBBB; 121 -o-box-shadow: 0 0 10px 1px #BBBBBB; 122 box-shadow: 0 0 10px 1px #BBBBBB; 123 border-top:5px solid #000; 124 float:right; 125} 126 127/* SUbmenu --- 128 129div.ys_nav2_wrap{ 130 font-family: 'Arvo', serif; 131 132} 133 134div.ys_nav2{ 135 width:810px; 136 height:100%; 137 border-top: 5px solid #dddddd; 138 position:relative; 139 font-weight: normal; 140 141} 142 143div.ys_secondary_nav ul{ 144 margin:0; 145 padding:10px 10px 0; 146 voice-family: "\"}\""; 147 voice-family:inherit; 148 list-style:none; 149 font-size: 12px; 150 background-color:#; 151} 152 153div.ys_secondary_nav ul li{ 154 display:inline; 155} 156 157div.ys_secondary_nav ul li a{ 158 color:#555; 159 display:inline-block; 160 padding:8px 11px 8px 11px; 161 text-decoration:none; 162} 163 164div.ys_secondary_nav ul li.selected a{ 165 color:#111; 166} 167 168div.ys_secondary_nav ul li a:hover{ 169 color:#111; 170} 171 172---*/ 173 174div#content{ 175 clear:both; 176 padding:10px 15px; 177} 178 179div.clear{ 180 clear: both; 181 height: 10px; 182} 183 184div.sys_footer{ 185 margin-top:20px; 186 width:100%; 187 background-color: #000; 188 border-top:5px solid #dddddd; 189 text-align:center; 190} 191 192div.footer{ 193 width:960px; 194 margin: 0 auto; 195} 196 197 198div#menu3 ul{ 199 margin-bottom:0; 200 margin-left:150px; 201 width:790px; 202 padding:10px; 203 voice-family: "\"}\""; 204 voice-family:inherit; 205 list-style:none; 206 font-size: 12px; 207} 208 209div#menu3 ul li{ 210 display:inline; 211} 212 213div#menu3 ul li a{ 214 color:#fff; 215 display:inline-block; 216 padding:8px 11px 8px 11px; 217 text-decoration:none; 218 font-family: 'PT Sans', sans-serif; 219} 220 221div#menu3 ul li.selected a{ 222 color:#fff; 223 text-decoration: underline; 224} 225 226div#menu3 ul li a:hover{ 227 color:#fff; 228 text-decoration: underline; 229} 230 231 232/* Variables - only edit these */ 233 234 235 236 237 238body{ 239 font-family:'PT Sans', sans-serif; 240 font-size:12px; 241 color:#222; 242} 243 244a{ 245 color:#555; 246 text-decoration:underline; 247} 248 249a:hover{ 250 text-decoration:none; 251 color:#555 252} 253 254a img{border:none;} 255 256p{ 257 margin: 0; 258 padding: 5px 0; 259} 260 261h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{color: #555;} 262h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover{color: #555;} 263h1, h2, h3, h4, h5, h6{ 264 color: #555; 265 margin: 5px 0; 266 padding: 10px 0; 267 font-family: Arvo, serif; 268 font-weight: normal; 269} 270 271h1{font-size: 200%;} 272h2{font-size: 180%;} 273h3{font-size: 160%;} 274h4{font-size: 140%;} 275h5{font-size: 130%;} 276h6{font-size: 100%;} 277 </style> 278 279
280<script src="//ajax.googleapis.com/ajax/libs/webfont/1.4.2/webfont.js" type="text/javascript"></script>
280 281 282 283 <style id="yola-css-fonts-overrides" type="text/css"> 284 @import url('//fonts.googleapis.com/css?family=Open+Sans|Gentium+Book+Basic');.sys_navigation, #sys_heading, div#heading_wrapper a, div#menu ul, H1, H2, H3, H4, H5, H6, #content h1, #content h2, #content h3, #content h4, #content h5, #content h6, #content_wrapper #content_inner_wrapper h1, #content_wrapper #content_inner_wrapper h2, #content_wrapper #content_inner_wrapper h3, #content_wrapper #content_inner_wrapper h4, #headline_wrapper a,div#menu ul li a, a#sys_heading, .decay, .decay-small, .ys_menu_2 {font-family: Open Sans;}.content, #content, .HTML_Default, .Text_Default, .sys_txt {font-family: Gentium Book Basic;} 285 </style> 286 287 288
289<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
vendor: 1 bytes, line 289
289
290<script type="text/javascript">window.jQuery || document.write('
290<script src="/components/bower_components/jquery/dist/jquery.js"><\/script>')</script>
290 291<link rel="stylesheet" type="text/css" href="classes/commons/resources/flyoutmenu/flyoutmenu.css?1000862" />
292<script type="text/javascript" src="classes/commons/resources/flyoutmenu/flyoutmenu.js?1000862"></script>
292 293<link rel="stylesheet" type="text/css" href="classes/commons/resources/global/global.css?1000862" /> 294
295<script type="text/javascript"> 296 var swRegisterManager = { 297 goals: [], 298 add: function(swGoalRegister) { 299 this.goals.push(swGoalRegister); 300 }, 301 registerGoals: function() { 302 while(this.goals.length) { 303 this.goals.shift().call(); 304 } 305 } 306 }; 307 308 window.swPostRegister = swRegisterManager.registerGoals.bind(swRegisterManager); 309</script>
309 310 311 312 313 314 315 316 317 318 319 320 321 322 </head> 323 <body id="sys_background"> 324 <div id="border-top"> 325 326 <div class="sys_heading"> 327 <div class="ys_heading"> 328 <h1 style="text-align:left;"><a id="sys_heading" href="./" style="color:#000000;font-size:50px;font-style:normal;font-weight:normal;font-family:Gill Sans MT,sans-serif;text-decoration:none;">ABOUT</a></h1> 329 </div> 330 </div> 331 <div class="container"> 332 333 <div class="container2"> 334 <div class="sys_navigation"> 335 <div id="menu" class="ys_nav"> 336 <div class="ys_nav_wrap"> 337 <ul class='sys_navigation'> 338 <li id="ys_menu_0" class="first"><a href="./" title="Home">Home</a></li> 339 <li id="ys_menu_1" class="selected"><a href="about.php" title="About">About</a></li> 340 <li id="ys_menu_2"><a href="gallery.php" title="Photos">Photos</a></li> 341 <li id="ys_menu_3"><a href="teaching.php" title="Teaching">Teaching</a></li> 342 <li id="ys_menu_4"><a href="videos.php" title="Videos">Videos</a></li> 343 <li id="ys_menu_5"><a href="audio.php" title="Audio">Audio</a></li> 344 <li id="ys_menu_6"><a href="gigs.php" title="Gigs">Gigs</a></li> 345 <li id="ys_menu_7"><a href="contact-us.php" title="Contact">Contact</a></li> 346 <li id="ys_menu_8" class="last"><a href="links.php" title="Links">Links</a></li> 347 </ul> 348 349 </div> 350 </div> 351 </div> 352 353 <div class="content_container"> 354 <div class="ys_nav2_wrap"> 355 <div class="sys_navigation ys_nav2"> 356 </div> 357 </div> 358 <div id="content"> 359 <style media="screen"> 360 .layout_1-column { 361 width: 100%; 362 padding: 0; 363 margin: 0; 364 } 365 366 .layout_1-column:after { 367 content: ""; 368 display: table; 369 clear: both; 370 } 371 372 .zone_top { 373 margin: 0; 374 padding: 5px; 375 vertical-align: top; 376 line-height: normal; 377 min-width: 100px; 378 } 379</style> 380 381<div class="layout_1-column sys_layout"> 382 <div id="layout_row1"> 383 <div id="sys_region_1" class="zone_top" ><div id="I68" style="display:block;clear: both;margin:10px 10px 10px 10px;" class="Panel_Default"> 384 <style id='yola-panel-style-I68' type='text/css'> 385 386 div#yola-panel-inner-I68, 387 div#yola-panel-inner-I68 .sys_txt, 388 .content div#yola-panel-inner-I68 p, 389 #content div#yola-panel-inner-I68 p, 390 div#yola-panel-inner-I68 .HTML_Default p, 391 div#yola-panel-inner-I68 .Text_Default p, 392 div#yola-panel-inner-I68 .sys_txt p, 393 div#yola-panel-inner-I68 .sys_txt p a, 394 div#content div#yola-panel-inner-I68 p{ 395 color:#fff; 396 } 397 398 div#yola-panel-inner-I68 h1, 399 div#yola-panel-inner-I68 h2, 400 div#yola-panel-inner-I68 h3, 401 div#yola-panel-inner-I68 h4, 402 div#yola-panel-inner-I68 h5, 403 div#yola-panel-inner-I68 h6, 404 div#yola-panel-inner-I68 .sys_txt h1, 405 div#yola-panel-inner-I68 .sys_txt h2, 406 div#yola-panel-inner-I68 .sys_txt h3, 407 div#yola-panel-inner-I68 .sys_txt h4, 408 div#yola-panel-inner-I68 .sys_txt h5, 409 div#yola-panel-inner-I68 .sys_txt h6{ 410 color:#eee; 411 } 412 413 div#yola-panel-inner-I68 a, 414 div#yola-panel-inner-I68 .sys_txt a{ 415 color:#7fb9ed; 416 } 417 418 div#yola-panel-inner-I68 a:hover, 419 div#yola-panel-inner-I68 .sys_txt a:hover{ 420 color:#7fb9ed; 421 } 422 423 424 #yola-panel-I68 { 425 -webkit-border-radius:7px;-khtml-border-radius:7px;-moz-border-radius:7px;-ms-border-radius:7px;-o-border-radius:7px;border-radius:7px;-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, .5);-moz-box-shadow:0 1px 2px rgba(0, 0, 0, .5);box-shadow:0 1px 2px rgba(0, 0, 0, .5);min-height: 0;position:relative; 426 } 427 428 #yola-panel-inner-I68 { 429 -webkit-border-radius:7px;-khtml-border-radius:7px;-moz-border-radius:7px;-ms-border-radius:7px;-o-border-radius:7px;border-radius:7px;padding:20px 20px 20px 20px;position:relative; 430 } 431 432 #yola-panel-background-I68 { 433 background:#000000;background:#000000 -webkit-linear-gradient(top, #000000 0%, #000000 100%);background:#000000 -khtml-linear-gradient(top, #000000 0%, #000000 100%);background:#000000 -moz-linear-gradient(top, #000000 0%, #000000 100%);background:#000000 -ms-linear-gradient(top, #000000 0%, #000000 100%);background:#000000 -o-linear-gradient(top, #000000 0%, #000000 100%);background:#000000 linear-gradient(top, #000000 0%, #000000 100%);-webkit-border-radius:7px;-khtml-border-radius:7px;-moz-border-radius:7px;-ms-border-radius:7px;-o-border-radius:7px;border-radius:7px;background-position:top left;background-repeat:repeat;position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;pointer-events:none;touch-action:none; 434 } 435 436 437 </style> 438 <div id='yola-panel-I68'> 439 <div 440 id='yola-panel-background-I68' 441 > 442 </div> 443 <div id='yola-panel-inner-I68'> 444 <div id="Panel_I68" style="text-align:left; vertical-align:top; margin:0 auto;" ><div id="I327" style="display:block;clear: both;" class="Text_Default"> 445 <style>.old_text_widget img {max-width: 100%;height: auto;}.old_text_wdiget {margin: 0;padding: 0;overflow: hidden;color: ;font: ;background-color: ;}</style><div id="I327_sys_txt" class="sys_txt old_text_widget clear_fix"><h2 style="font-size: 22px;"><strong><font face="Gill Sans MT, sans-serif">About</font></strong></h2><p><font face="Gill Sans MT, sans-serif"><br></font></p><p><font size="3" face="Gill Sans MT, sans-serif">A professional drummer / percussionist, Katie has performed with various acts including Jamie Cullum, Robyn, RTP and Bang on! at renowned venues and events both in the UK and abroad including The Astoria, The Roundhouse, Glastonbury Festival, The Barbican, La Bataclan Paris, AB Brussels, Tamsui Festival Taiwan, Radio 1's Big Weekend, The Mean Fiddler and on the Disney Channel to name a few. </font></p><p><font size="3" face="Gill Sans MT, sans-serif">Katie is a classically trained drummer/percussionist. She is a versatile and experienced performer, who is also a keen composer having written music for percussion groups, bands and orchestras alike. She is also a vocalist having sung lead and backing vocals in both original and covers bands.</font></p><p><font size="3" face="Gill Sans MT, sans-serif">Katie studied music at Brunel University where she subsequently graduated with honours and received the prestigious Griffin prize for music. </font></p><p><font size="3"><br></font></p><p><font size="3"><br></font></p></div> 446 447 448</div><div id="I320" style="display:block;clear: both;" class="Layout1_Default"><style>.column_I320 {width: 100%;-moz-box-sizing:border-box;-webkit-box-sizing: border-box;box-sizing:border-box;}.column_I320:after {content: "";display: table;clear: both;}.column_I320 .left {text-align: left;vertical-align: top;width: 50%;padding: 0;float: left;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing:border-box;}.column_I320 .right {vertical-align: top;width: 50%;padding: 0;float: left;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}</style>
448<div class="column_I320 column_divider" ><div id="Left_I320" class="left" ><div id="I322" style="display:block;clear: both;" class="Text_Default"> 449 <style>.old_text_widget img {max-width: 100%;height: auto;}.old_text_wdiget {margin: 0;padding: 0;overflow: hidden;color: ;font: ;background-color: ;}</style><div id="I322_sys_txt" class="sys_txt old_text_widget clear_fix"><p style="font-size: 18px;"><span style="letter-spacing: 0px;"><b><font face="Gill Sans MT, sans-serif">Television work includes -</font></b></span></p><p style="font-size: 16px;"><span style="letter-spacing: 0px;"><font color="#e0e0e0" face="Gill Sans MT, sans-serif">Performing live at the O2 on the National Television Awards 2013</font></span></p><p style="font-size: 16px;"><span style="letter-spacing: 0px;"><font color="#e0e0e0" face="Gill Sans MT, sans-serif">Performing in the 2012 Olympic Opening Ceremony</font></span></p><p style="font-size: 16px;"><span style="letter-spacing: 0px;"><font color="#e0e0e0" face="Gill Sans MT, sans-serif">Playing live on Britain's Got Talent </font></span></p><p><font face="Gill Sans MT, sans-serif"><span style="letter-spacing: 0px; font-size: 16px;"><font color="#e0e0e0">Performing live on This Morning with Philip Schofield </font></span> </font></p></div> 450 451 452</div></div><div id="Right_I320" class="right" ><div id="I323" style="display:block;clear: both;" class="Text_Default"> 453 <style>.old_text_widget img {max-width: 100%;height: auto;}.old_text_wdiget {margin: 0;padding: 0;overflow: hidden;color: ;font: ;background-color: ;}</style><div id="I323_sys_txt" class="sys_txt old_text_widget clear_fix"><p style="font-size: 18px;"><span style="letter-spacing: 0px;"><b><font face="Gill Sans MT, sans-serif">Notable gigs include -</font></b></span></p> 454<p style="font-size: 16px;"><span style="letter-spacing: 0px;"><font color="#e0e0e0" face="Gill Sans MT, sans-serif">Supporting the Dresden Dolls on their European Tour</font></span></p> 455<p style="font-size: 16px;"><span style="letter-spacing: 0.0px"><font color="#e0e0e0" face="Gill Sans MT, sans-serif">Touring Taiwan and performing at the Tamsui Festival</font></span></p> 456<p style="font-size: 16px;"><span style="letter-spacing: 0.0px"><font color="#e0e0e0" face="Gill Sans MT, sans-serif">Performing at Radio 1's Big Weekend with Swedish Popstar Robyn </font></span></p> 457<p style="font-size: 16px;"><span style="letter-spacing: 0px;"><font color="#e0e0e0" face="Gill Sans MT, sans-serif">Playing live at The Mean Fiddler with RTP</font></span></p> 458<p style="font-size: 16px; color: rgb(64, 64, 64); min-height: 19px;"><font face="Gill Sans MT, sans-serif"><span style="letter-spacing: 0.0px"></span><br></font></p><p> </p></div> 459 460 461</div></div></div></div><div id="I325" style="display:block;clear: both;margin:10px 10px 10px 10px;" class="Horizontal_Line_Default"> <div style='border-bottom-width:3px;border-bottom-style:solid;border-bottom-color:#cccccc;font-size:0;padding:0;margin:0;height:0;line-height:0;'></div> 462</div><div id="I106" style="display:block;clear: both;" class="Text_Default"> 463 <style>.old_text_widget img {max-width: 100%;height: auto;}.old_text_wdiget {margin: 0;padding: 0;overflow: hidden;color: ;font: ;background-color: ;}</style><div id="I106_sys_txt" class="sys_txt old_text_widget clear_fix"><h2 style="text-align: center;"><u style="color: rgb(224, 224, 224); font-family: 'Lucida Grande', 'Lucida Sans Unicode', sans-serif; font-size: x-large; letter-spacing: 0px;"><b><br></b></u></h2><h2 style="text-align: left;"><span style="color: rgb(224, 224, 224); font-size: x-large; letter-spacing: 0px;"><b><font face="Gill Sans MT, sans-serif">Biography</font></b></span></h2><p style="margin: 0px 0px 16px; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal;"><span style="letter-spacing: 0px;"><font class="Apple-style-span" color="#e0e0e0" face="Gill Sans MT, sans-serif" size="3">Katie graduated from Brunel University and was awarded the prestigious Griffin Prize for Music. In her final year at University, Katie formed a percussion group for which she wrote music using unconventional instrumentation. The percussion works were so well received, that she decided to continue the project with fellow percussionist Dave Smith from which the duo 'Bang On!' was formed.</font></span></p> 464<p style="margin: 0px 0px 16px; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; min-height: 19px;"><font class="Apple-style-span" color="#e0e0e0" face="Gill Sans MT, sans-serif" size="3"><span style="letter-spacing: 0.0px"></span><br></font></p> 465<p style="margin: 0px 0px 16px; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal;"><span style="letter-spacing: 0.0px"><font class="Apple-style-span" color="#e0e0e0" face="Gill Sans MT, sans-serif" size="3">Bang On! has become a popular and well-established group which performs shows and runs workshop worldwide. As part of a hectic schedule, some notable performances since 2006 include supporting the Dresden Dolls on the European leg of their tour, enjoying a sell-out theatre show at the 2007 Edinburgh Fringe Festival, reaching the 2008 semi-finals of Britain's Got Talent, completing a tour of Taiwan TamSui Arts Festival in late 2011 and most recently, running workshops
465in Mumbai, India.</font></span></p> 466<p style="margin: 0px 0px 16px; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; min-height: 19px;"><font class="Apple-style-span" color="#e0e0e0" face="Gill Sans MT, sans-serif" size="3"><span style="letter-spacing: 0px; letter-spacing: 0px;"></span><br></font></p> 467<p style="margin: 0px 0px 16px; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal;"><span style="letter-spacing: 0.0px"><font class="Apple-style-span" color="#e0e0e0" face="Gill Sans MT, sans-serif" size="3">Aside from Bang On!, Katie has played with a host of different performers including Jamie Cullum (in his video 'Mind Trick') and Swedish popstar Robyn at Radio 1's Big weekend (formerly known as Radio 1âs Big One). Her musical versatility extends to having performed at Glastonbury with renowned Children's entertainer Herbie TreeHead and on the Disney channel with Girl Band Serese. Other performance work includes accompanying various London-based singer-songwriters and performing with Punk Pop duo Minus One with whom she drums and sings. In 2012, Katie also performed in 'Survivor' at the Barbican which was the sell-out project of the highly acclaimed Hofesh Schechter and Antony Gormley.</font></span></p> 468<p style="margin: 0px 0px 16px; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; min-height: 19px;"><font class="Apple-style-span" color="#e0e0e0" face="Gill Sans MT, sans-serif" size="3"><span style="letter-spacing: 0.0px"></span><br></font></p> 469<p style="margin: 0px 0px 16px; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal;"><span style="letter-spacing: 0.0px"><font class="Apple-style-span" color="#e0e0e0" face="Gill Sans MT, sans-serif" size="3">Katie has undertaken a variety of recording and session work including Girl Band Serese EP 2006, sessions with Soham Comrades Brass Band 2008, Cambridgeshire County Brass Band Christmas Album 2009 and performing across London with American Afrobeat sensation Toli Nameless 2010.</font></span></p> 470<p style="margin: 0px 0px 16px; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; min-height: 19px;"><font class="Apple-style-span" color="#e0e0e0" face="Gill Sans MT, sans-serif" size="3"><span style="letter-spacing: 0.0px"></span><br></font></p> 471<p><font class="Apple-style-span" color="#e0e0e0" face="Gill Sans MT, sans-serif" size="3">Besides her performing and session work, Katie teaches Drum Kit, catering to all ages and abilities across SW London, both on a one-to-one basis, in small groups and in workshops. Katie seeks to develop her pupilsâ learning experiences by hosting annual drumming workshops featuring key drumming professionals where possible. </font></p></div> 472 473 474</div></div> 475 </div> 476 </div> 477 478 479</div><div id="I70" style="display:block;clear: both;" class="Layout1_Default"><style>.column_I70 {width: 100%;-moz-box-sizing:border-box;-webkit-box-sizing: border-box;box-sizing:border-box;}.column_I70:after {content: "";display: table;clear: both;}.column_I70 .left {text-align: left;vertical-align: top;width: 50%;padding: 0;float: left;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing:border-box;}.column_I70 .right {vertical-align: top;width: 50%;padding: 0;float: left;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}</style><div class="column_I70 column_divider" ><div id="Left_I70" class="left" > </div><div id="Right_I70" class="right" > </div></div></div><div id="I110" style="display:block;clear: both;margin:10px 10px 10px 10px;" class="Panel_Default"> 480 <style id='yola-panel-style-I110' type='text/css'> 481 482 div#yola-panel-inner-I110, 483 div#yola-panel-inner-I110 .sys_txt, 484 .content div#yola-panel-inner-I110 p, 485 #content div#yola-panel-inner-I110 p, 486 div#yola-panel-inner-I110 .HTML_Default p, 487 div#yola-panel-inner-I110 .Text_Default p, 488 div#yola-panel-inner-I110 .sys_txt p, 489 div#yola-panel-inner-I110 .sys_txt p a, 490 div#content div#yola-panel-inner-I110 p{ 491 color:#fff; 492 } 493 494 div#yola-panel-inner-I110 h1, 495 div#yola-panel-inner-I110 h2, 496 div#yola-panel-inner-I110 h3, 497 div#yola-panel-inner-I110 h4, 498 div#yola-panel-inner-I110 h5, 499 div#yola-panel-inner-I110 h6, 500 div#yola-panel-inner-I110 .sys_txt h1, 501 div#yola-panel-inner-I110 .sys_txt h2, 502 div#yola-panel-inner-I110 .sys_txt h3, 503 div#yola-panel-inner-I110 .sys_txt h4, 504 div#yola-panel-inner-I110 .sys_txt h5, 505 div#yola-panel-inner-I110 .sys_txt h6{ 506 color:#eee; 507 } 508 509 div#yola-panel-inner-I110 a, 510 div#yola-panel-inner-I110 .sys_txt a{ 511 color:#7fb9ed; 512 } 513 514 div#yola-panel-inner-I110 a:hover, 515 div#yola-panel-inner-I110 .sys_txt a:hover{ 516 color:#7fb9ed; 517 } 518 519 520 #yola-panel-I110 { 521 -webkit-border-radius:7px;-khtml-border-radius:7px;-moz-border-radius:7px;-ms-border-radius:7px;-o-border-radius:7px;border-radius:7px;-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, .5);-moz-box-shadow:0 1px 2px rgba(0, 0, 0, .5);box-shadow:0 1px 2px rgba(0, 0, 0, .5);min-height: 0;position:relative; 522 } 523 524 #yola-panel-inner-I110 { 525 -webkit-border-radius:7px;-khtml-border-radius:7px;-moz-border-radius:7px;-ms-border-radius:7px;-o-border-radius:7px;border-radius:7px;padding:20px 20px 20px 20px;position:relative; 526 } 527 528 #yola-panel-background-I110 { 529 background:#000000;background:#000000 -webkit-linear-gradient(top, #000000 0%, #333333 100%);background:#000000 -khtml-linear-gradient(top, #000000 0%, #333333 100%);background:#000000 -moz-linear-gradient(top, #000000 0%, #333333 100%);background:#000000 -ms-linear-gradient(top, #000000 0%, #333333 100%);background:#000000 -o-linear-gradient(top, #000000 0%, #333333 100%);background:#000000 linear-gradient(top, #000000 0%, #333333 100%);-webkit-border-radius:7px;-khtml-border-radius:7px;-moz-border-radius:7px;-ms-border-radius:7px;-o-border-radius:7px;border-radius:7px;background-position:top left;background-repeat:repeat;position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;pointer-events:none;touch-action:none; 530 } 531 532 533 </style> 534 <div id='yola-panel-I110'> 535 <div 536 id='yola-panel-background-I110' 537 > 538 </div> 539 <div id='yola-panel-inner-I110'> 540 <div id="Panel_I110" style="text-align:left; vertical-align:top; margin:0 auto;" > </div> 541 </div> 542 </div> 543 544 545</div><div id="I330" style="display:block;clear: both;text-align:center;" class="HTML_Default"> 546 547 <div id="I330_html" class="responsive_embed"><!-- Start of StatCounter Code for Yola -->
548<script type="text/javascript"> 549var sc_project=9841975; 550var sc_invisible=0; 551var sc_security="03159eed"; 552var scJsHost = (("https:" == document.location.protocol) ? 553"https://secure." : "http://www."); 554document.write("<sc"+"ript type='text/javascript' src='" + 555scJsHost+ 556"statcounter.com/counter/counter.js'></"+"script>"); 557</script>
557 558<noscript><div class="statcounter"><a title="free hit 559counters" href="http://statcounter.com/free-hit-counter/" 560target="_blank"><img class="statcounter" 561src="http://c.statcounter.com/9841975/0/03159eed/0/" 562alt="free hit counters"></a></div></noscript> 563<!-- End of StatCounter Code for Yola --></div> 564 565 </div></div> 566 </div> 567</div> 568 </div> 569 </div> 570 571 </div> 572 </div> 573 <div class="clear"></div> 574 <div class="sys_footer"> 575 <div id="menu3" class="footer"> 576 <ul class='sys_navigation'> 577 <li id="ys_menu_0" class="first"><a href="./" title="Home">Home</a></li> 578 <li id="ys_menu_1" class="selected"><a href="about.php" title="About">About</a></li> 579 <li id="ys_menu_2"><a href="gallery.php" title="Photos">Photos</a></li> 580 <li id="ys_menu_3"><a href="teaching.php" title="Teaching">Teaching</a></li> 581 <li id="ys_menu_4"><a href="videos.php" title="Videos">Videos</a></li> 582 <li id="ys_menu_5"><a href="audio.php" title="Audio">Audio</a></li> 583 <li id="ys_menu_6"><a href="gigs.php" title="Gigs">Gigs</a></li> 584 <li id="ys_menu_7"><a href="contact-us.php" title="Contact">Contact</a></li> 585 <li id="ys_menu_8" class="last"><a href="links.php" title="Links">Links</a></li> 586 </ul> 587 588 </div> 589 </div> 590 </div> 591
591<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/fastclick/1.0.3/fastclick.min.js"></script>
vendor: 1 bytes, line 591
591
592<script type="text/javascript"> 593 window.addEventListener("load", function() { 594 FastClick.attach(document.body); 595 }, false); 596</script>
596 597 598
599<script type="text/javascript" id="site_analytics_tracking" data-id="8a4986c9351a07de01351be12053454b" data-user="abf699fed9634df5842b84f36f63d5ac" data-partner="YOLA" data-url="//analytics.yolacdn.net/tracking.js"> 600 var _yts = _yts || []; 601 var tracking_tag = document.getElementById('site_analytics_tracking'); 602 _yts.push(["_siteId", tracking_tag.getAttribute('data-id')]); 603 _yts.push(["_userId", tracking_tag.getAttribute('data-user')]); 604 _yts.push(["_partnerId", tracking_tag.getAttribute('data-partner')]); 605 _yts.push(["_trackPageview"]); 606 (function() { 607 var yts = document.createElement("script"); 608 yts.type = "text/javascript"; 609 yts.async = true; 610 yts.src = document.getElementById('site_analytics_tracking').getAttribute('data-url'); 611 (document.getElementsByTagName("head")[0] || document.getElementsByTagName("body")[0]).appendChild(yts); 612 })(); 613</script>
613 614 615<!-- Quantcast Tag -->
616<script type="text/javascript"> 617var _qevents = _qevents || []; 618 619(function() { 620var elem = document.createElement('script'); 621elem.src = (document.location.protocol == "https:" ? "https://secure" : "http://edge") + ".quantserve.com/quant.js"; 622elem.async = true; 623elem.type = "text/javascript"; 624var scpt = document.getElementsByTagName('script')[0]; 625scpt.parentNode.insertBefore(elem, scpt); 626})(); 627 628 629_qevents.push({ 630qacct:"p-b8x17GqsQ_656" 631}); 632</script>
632 633 634<noscript> 635<div style="display:none;"> 636<img src="//pixel.quantserve.com/pixel/p-b8x17GqsQ_656.gif" border="0" height="1" width="1" alt="" /> 637</div> 638</noscript> 639<!-- End Quantcast tag --> 640 641 642
642<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":"255a95d197744d579a89fb8843a41d62","r":1,"spa":2}' crossorigin="anonymous"></script>
642 643</body> 644</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.