PageSourceSearch

https://www.katiedrummer.com/

html katiedrummer.com collected 2026-10-06 13:15:27 UTC 19,698 bytes, 558 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>katie stephenson</title>
13
14
15
16<meta name="description" content="Katie Stephenson is a drummer / percussionist / teacher. She is the founding member of well known junk percussion duo Bang On! and a session drummer based in London." />
17<meta name="keywords" content="Katie Stephenson Drums / Katie Stephenson / Drums / Drummer / Drum teacher / Percussionist / Bang On! / Kingston" />
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  <link rel="stylesheet" type="text/css" href="classes/components/Image/layouts/Default/Default.css?1000862" />
312  
313  
314  
315  
316  
317  
318  
319  
320  
321  
322  
323
324    </head>
325    <body id="sys_background">
326        <div id="border-top">
327
328            <div class="sys_heading">
329                <div class="ys_heading">
330                    <h1 style="text-align:left;"><a id="sys_heading" href="./" style="color:#000000;font-size:44px;font-style:normal;font-weight:bold;font-family:Gill Sans MT,sans-serif;text-decoration:none;">Katie Stephenson - Drummer/Percussionist</a></h1>
331                </div>
332            </div>
333            <div class="container">
334
335                <div class="container2">
336                    <div class="sys_navigation">
337                        <div id="menu" class="ys_nav">
338                            <div class="ys_nav_wrap">
339                                <ul class='sys_navigation'>
340			<li id="ys_menu_0" class="selected first"><a href="./" title="Home">Home</a></li>
341			<li id="ys_menu_1"><a href="about.php" title="About">About</a></li>
342			<li id="ys_menu_2"><a href="gallery.php" title="Photos">Photos</a></li>
343			<li id="ys_menu_3"><a href="teaching.php" title="Teaching">Teaching</a></li>
344			<li id="ys_menu_4"><a href="videos.php" title="Videos">Videos</a></li>
345			<li id="ys_menu_5"><a href="audio.php" title="Audio">Audio</a></li>
346			<li id="ys_menu_6"><a href="gigs.php" title="Gigs">Gigs</a></li>
347			<li id="ys_menu_7"><a href="contact-us.php" title="Contact">Contact</a></li>
348			<li id="ys_menu_8" class="last"><a href="links.php" title="Links">Links</a></li>
349			</ul>
350
351                            </div>
352                        </div>
353                    </div>
354
355                    <div class="content_container">
356                        <div class="ys_nav2_wrap">
357                            <div class="sys_navigation ys_nav2">
358                                                            </div>
359                        </div>
360                        <div id="content">
361                            <style media="screen">
362  .layout_1-column {
363    width: 100%;
364    padding: 0;
365    margin: 0;
366  }
367
368  .layout_1-column:after {
369    content: "";
370    display: table;
371    clear: both;
372  }
373
374  .zone_top {
375    margin: 0;
376    padding: 5px;
377    vertical-align: top;
378    line-height: normal;
379    min-width: 100px;
380  }
381</style>
382
383<div class="layout_1-column sys_layout">
384    <div id="layout_row1">
385        <div id="sys_region_1" class="zone_top" ><div id="I206" style="display:block;clear: both;" class="Layout1_Default"><style>.column_I206 {width: 100%;-moz-box-sizing:border-box;-webkit-box-sizing: border-box;box-sizing:border-box;}.column_I206:after {content: "";display: table;clear: both;}.column_I206 .left {text-align: left;vertical-align: top;width: 50.78740157480315%;padding: 0;float: left;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing:border-box;}.column_I206 .right {vertical-align: top;width: 49.21259842519685%;padding: 0;float: left;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}</style><div class="column_I206 column_divider" ><div id="Left_I206" class="left" ><div id="I176" style="display:block;clear: both;text-align:left;margin:0 0 0 0;" class="Image_Default"><style>#I176_img {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;width: 403px;border:none;max-width: 100%;height: auto;}</style><img id="I176_img" src="resources/DSC05198.JPG.opt389x515o0%2C0s389x515.JPG"  /></div></div><div id="Right_I206" class="right" ><div id="I294" style="display:block;clear: both;text-align:left;margin:0 0 0 1rem;" class="Image_Default"><style>#I294_img {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;width: 348px;border:none;max-width: 100%;height: auto;}</style><img id="I294_img" src="resources/Drum%20kit%20big.jpg.opt348x270o0%2C0s348x270.jpg"  /></div><div id="I311" style="display:block;clear: both;text-align:left;margin:10px 0 0 12px;" class="Image_Default"><style>#I311_img {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;width: 349px;border:none;max-width: 100%;height: auto;}</style><img id="I311_img" src="resources/bONGOS%20SMALL.jpg.opt349x233o0%2C0s349x233.jpg"  /></div></div></div></div><div id="I275" style="display:block;clear: both;margin:10px 10px 10px 10px;" class="Panel_Default">
386    <style id='yola-panel-style-I275' type='text/css'>
387
388                div#yola-panel-inner-I275,
389        div#yola-panel-inner-I275 .sys_txt,
390        .content div#yola-panel-inner-I275 p,
391        #content div#yola-panel-inner-I275 p,
392        div#yola-panel-inner-I275 .HTML_Default p,
393        div#yola-panel-inner-I275 .Text_Default p,
394        div#yola-panel-inner-I275 .sys_txt p,
395        div#yola-panel-inner-I275 .sys_txt p a,
396        div#content div#yola-panel-inner-I275 p{
397            color:#333;
398        }
399        
400                div#yola-panel-inner-I275 h1,
401        div#yola-panel-inner-I275 h2,
402        div#yola-panel-inner-I275 h3,
403        div#yola-panel-inner-I275 h4,
404        div#yola-panel-inner-I275 h5,
405        div#yola-panel-inner-I275 h6,
406        div#yola-panel-inner-I275 .sys_txt h1,
407        div#yola-panel-inner-I275 .sys_txt h2,
408        div#yola-panel-inner-I275 .sys_txt h3,
409        div#yola-panel-inner-I275 .sys_txt h4,
410        div#yola-panel-inner-I275 .sys_txt h5,
411        div#yola-panel-inner-I275 .sys_txt h6{
412            color:#333;
413        }
414        
415                div#yola-panel-inner-I275 a,
416        div#yola-panel-inner-I275 .sys_txt a{
417            color:#2D76B9;
418        }
419        
420                div#yola-panel-inner-I275 a:hover,
421        div#yola-panel-inner-I275 .sys_txt a:hover{
422            color:#2D76B9;
423        }
424        
425        
426        #yola-panel-I275 {
427            -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;
428        }
429
430        #yola-panel-inner-I275 {
431            -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;
432        }
433
434                    #yola-panel-background-I275 {
435                                    background:#e1e1e1;background:#e1e1e1 -webkit-linear-gradient(bottom, #e1e1e1 0%, #ffffff 100%);background:#e1e1e1  -khtml-linear-gradient(bottom, #e1e1e1 0%, #ffffff 100%);background:#e1e1e1    -moz-linear-gradient(bottom, #e1e1e1 0%, #ffffff 100%);background:#e1e1e1     -ms-linear-gradient(bottom, #e1e1e1 0%, #ffffff 100%);background:#e1e1e1      -o-linear-gradient(bottom, #e1e1e1 0%, #ffffff 100%);background:#e1e1e1         linear-gradient(bottom, #e1e1e1 0%, #ffffff 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;
436                            }
437        
438        
439            </style>
440    <div id='yola-panel-I275'>
441                    <div
442                id='yola-panel-background-I275'
443                            >
444                                            </div>
445                <div id='yola-panel-inner-I275'>
446            <div id="Panel_I275" style="text-align:left; vertical-align:top; margin:0 auto;" ><div id="I317" 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:#555555;font-size:0;padding:0;margin:0;height:0;line-height:0;'></div>
447</div><div id="I312" style="display:block;clear: both;" class="Text_Default">
448    <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="I312_sys_txt" class="sys_txt old_text_widget clear_fix"><p style="text-align: center;"><font class="Apple-style-span" face="Gill Sans MT, sans-serif" size="4"><b>DRUMMER / PERCUSSIONIST / BACKING VOCALIST / TEACHER&nbsp;</b></font></p></div>
449
450
451</div><div id="I314" 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:#555555;font-size:0;padding:0;margin:0;height:0;line-height:0;'></div>
452</div></div>
453        </div>
454    </div>
455
456        
457</div><div id="I5" style="display:block;clear: both;margin:30px 10px 30px 10px;" class="Horizontal_Line_Default">    <div style='border-bottom-width:10px;border-bottom-style:solid;border-bottom-color:#000000;font-size:0;padding:0;margin:0;height:0;line-height:0;'></div>
458</div><div id="I329" style="display:block;clear: both;text-align:center;" class="HTML_Default">
459    
460        <div id="I329_html" class="responsive_embed"><!-- Start of StatCounter Code for Yola -->
461<script type="text/javascript">
462var sc_project=9841975; 
463var sc_invisible=0; 
464var sc_security="03159eed"; 
465var scJsHost = (("https:" == document.location.protocol) ?
466"https://secure." : "http://www.");
467document.write("<sc"+"ript type='text/javascript' src='" +
468scJsHost+
469"statcounter.com/counter/counter.js'></"+"script>");
470</script>
470
471<noscript><div class="statcounter"><a title="free hit
472counters" href="http://statcounter.com/free-hit-counter/"
473target="_blank"><img class="statcounter"
474src="http://c.statcounter.com/9841975/0/03159eed/0/"
475alt="free hit counters"></a></div></noscript>
476<!-- End of StatCounter Code for Yola -->
477</div>
478
479    </div></div>
480    </div>
481</div>
482                        </div>
483                    </div>
484
485                </div>
486            </div>
487            <div class="clear"></div>
488            <div class="sys_footer">
489                <div id="menu3" class="footer">
490                   <ul class='sys_navigation'>
491			<li id="ys_menu_0" class="selected first"><a href="./" title="Home">Home</a></li>
492			<li id="ys_menu_1"><a href="about.php" title="About">About</a></li>
493			<li id="ys_menu_2"><a href="gallery.php" title="Photos">Photos</a></li>
494			<li id="ys_menu_3"><a href="teaching.php" title="Teaching">Teaching</a></li>
495			<li id="ys_menu_4"><a href="videos.php" title="Videos">Videos</a></li>
496			<li id="ys_menu_5"><a href="audio.php" title="Audio">Audio</a></li>
497			<li id="ys_menu_6"><a href="gigs.php" title="Gigs">Gigs</a></li>
498			<li id="ys_menu_7"><a href="contact-us.php" title="Contact">Contact</a></li>
499			<li id="ys_menu_8" class="last"><a href="links.php" title="Links">Links</a></li>
500			</ul>
501
502                </div>
503            </div>
504        </div>
505        
505<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/fastclick/1.0.3/fastclick.min.js"></script>
vendor: 1 bytes, line 505
505
506<script type="text/javascript">
507  window.addEventListener("load", function() {
508    FastClick.attach(document.body);
509  }, false);
510</script>
510
511
512
513<script type="text/javascript" id="site_analytics_tracking" data-id="8a4986c9351a07de01351be12053454b" data-user="abf699fed9634df5842b84f36f63d5ac" data-partner="YOLA" data-url="//analytics.yolacdn.net/tracking.js">
514  var _yts = _yts || [];
515  var tracking_tag = document.getElementById('site_analytics_tracking');
516  _yts.push(["_siteId", tracking_tag.getAttribute('data-id')]);
517  _yts.push(["_userId", tracking_tag.getAttribute('data-user')]);
518  _yts.push(["_partnerId", tracking_tag.getAttribute('data-partner')]);
519  _yts.push(["_trackPageview"]);
520  (function() {
521    var yts = document.createElement("script");
522    yts.type = "text/javascript";
523    yts.async = true;
524    yts.src = document.getElementById('site_analytics_tracking').getAttribute('data-url');
525    (document.getElementsByTagName("head")[0] || document.getElementsByTagName("body")[0]).appendChild(yts);
526  })();
527</script>
527
528
529<!-- Quantcast Tag -->
530<script type="text/javascript">
531var _qevents = _qevents || [];
532
533(function() {
534var elem = document.createElement('script');
535elem.src = (document.location.protocol == "https:" ? "https://secure" : "http://edge") + ".quantserve.com/quant.js";
536elem.async = true;
537elem.type = "text/javascript";
538var scpt = document.getElementsByTagName('script')[0];
539scpt.parentNode.insertBefore(elem, scpt);
540})();
541
542
543_qevents.push({
544qacct:"p-b8x17GqsQ_656"
545});
546</script>
546
547
548<noscript>
549<div style="display:none;">
550<img src="//pixel.quantserve.com/pixel/p-b8x17GqsQ_656.gif" border="0" height="1" width="1" alt="" />
551</div>
552</noscript>
553<!-- End Quantcast tag -->
554
555
556    
556<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>
556
557</body>
558</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.