PageSourceSearch

https://www.katiedrummer.com/about.php

html katiedrummer.com collected 2026-10-06 13:15:27 UTC 30,555 bytes, 644 lines download raw bytes

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,&nbsp;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.&nbsp;</font></p><p><font size="3" face="Gill Sans MT, sans-serif">Katie is a classically trained drummer/percussionist. &nbsp;She is a versatile and experienced performer, who is also a keen composer having written music for percussion groups, bands and orchestras alike.&nbsp;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&nbsp;received the prestigious Griffin prize for music.&nbsp;</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&nbsp;</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 &nbsp;</font></span>&nbsp;</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&nbsp;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&nbsp;</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>&nbsp;</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&nbsp;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.&nbsp;</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" >&nbsp;</div><div id="Right_I70" class="right" >&nbsp;</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;" >&nbsp;</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.