ÿþ<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xml:lang="en" xmlns="http://www.w3.org/1999/xhtml"> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> <script type="text/javascript" src="gallery/jquery.galleriffic.js"></script> <head> <title>Personal Trainer &amp; Personal Training Bootcamps in South Tampa Fl</title><!-- InstanceBegin template="/Templates/bootcamp.dwt" codeOutsideHTMLIsLocked="false" --><!-- InstanceBeginEditable name="doctitle" --><meta name="description" content="Personal Trainer & Personal Training Bootcamps in South Tampa Fl - Personal trainer, John Hannon, has been transforming bodies in the Tampa area with his dynamic Body Bash Bootcamp. His outdoor fitness group exercise classes are guarenteed to give you a full body workout."/><meta name="keywords" content="Personal Trainer & Personal Training Bootcamps in South Tampa Fl, personal training, personal trainer, john hannon, fl, florida, tampa florida, south tampa, hillsborough county, tampa, st. pete, st petersberg, Bootcamps South Tampa Fl, full body workouts clearwater, full body workout, full body workouts"/><!-- InstanceEndEditable --><meta content="text/html; charset=unicode" http-equiv="Content-Type"/><meta content="IE=EmulateIE7" http-equiv="X-UA-Compatible"/><meta name="description" content="Body Bash Bootcamp is the Premier Outdoor Group Fitness workout in Tampa! Our total body conditioning workouts combine various training methods to achieve a higher overall level of fitness."/><meta name="keywords" content="florida, boot camp, bodybash, body, fitness, outdoor group, workout, tampa, miami, total body conditioning"/><style type="text/css"> #Table_01 { margin-left: auto; margin-top: 0px; margin-right: auto; margin-bottom: 0px; } .topside { background-image: url(images/bootcampPgs_03.jpg); background-repeat: repeat-x; background-position: bottom; } body { background-repeat: repeat-y; background-image: url(images/black_bg_bottom3.jpg); background-position: center top; background-color: #000000; } </style><!-- InstanceBeginEditable name="head" --><style type="text/css"> <!-- body,td,th { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; } .style1 { font-size: 14px; font-weight: bold; } .style3 { font-size: 19px; font-weight: bold; } .style6 {font-size: 14px} .style11 {font-family: Verdana, Arial, Helvetica, sans-serif} --> </style><style type="text/css"> <!-- .style21 {font-style: italic; font-size: 16px; font-weight: bold; text-align: center; } --> </style><style type="text/css"> <!-- .style22 { font-size: 11px; font-weight: bold; font-style: italic; } --> </style><style type="text/css"> <!-- .style24 { font-size: 11px; } --> </style><style type="text/css"> <!-- .style26 {text-align: center; font-size: 14px;} --> </style><style type="text/css"> <!-- .style27 {font-size: 12px} --> div.controls { margin-top: 5px; height: 23px; } div.controls a { padding: 5px; } div.ss-controls { float: left; } div.nav-controls { float: right; } div.loader { background-image: url('../loader.gif'); background-repeat: no-repeat; background-position: center; width: 550px; height: 350px } div.slideshow { clear: both; } div.slideshow span.image-wrapper { float: left; padding-bottom: 12px; } div.slideshow a.advance-link { padding: 2px; display: block; border: 1px solid #ccc; } div.slideshow img { border: none; display: block; } div.download { float: right; } div.embox { clear: both; border: 1px solid #ccc; background-color: #eee; padding: 12px; } div.image-desc { line-height: 1.3em; padding-top: 12px; } div.navigation { /* The navigation style is set by a javascript generated style on the page. This is so that the javascript specific styles won't be applied unless javascript is enabled. */ } ul.thumbs { clear: both; margin: 0; padding: 0; } ul.thumbs li { float: left; padding: 0; margin: 5px 10px 5px 0; list-style: none; display: none; } a.thumb { padding: 2px; display: block; border: 1px solid #ccc; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; } ul.thumbs li.selected a.thumb { background: #000; } a.thumb:focus { outline: none; } ul.thumbs img { border: none; display: block; } div.pagination { clear: both; } div.navigation div.top { margin-bottom: 12px; height: 11px; } div.navigation div.bottom { margin-top: 12px; } div.pagination a, div.pagination span.current { display: block; float: left; margin-right: 2px; padding: 4px 7px 2px 7px; border: 1px solid #ccc; } div.pagination a:hover { background-color: #eee; text-decoration: none; } div.pagination span.current { font-weight: bold; background-color: #000; border-color: #000; color: #fff; } /* Minimal Gallery Styles */ #thumbs-min ul.thumbs li { float: none; padding: 0; margin: 0; list-style: none; } #thumbs-min a.thumb { padding: 0px; display: inline; border: none; } #thumbs-min ul.thumbs li.selected a.thumb { background: inherit; color: #000; font-weight: bold; } </style><!-- InstanceEndEditable --><link rel="stylesheet" type="text/css" href="css/dropdown.css"/><link rel="stylesheet" type="text/css" href="dropdown.css"/><style type="text/css"> <!-- --> </style><meta name="generator" content="CoffeeCup HTML Editor (www.coffeecup.com)"/><script type="text/javascript"> <!-- function MM_swapImgRestore() { //v3.0 var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc; } function MM_preloadImages() { //v3.0 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array(); var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}} } function MM_findObj(n, d) { //v4.01 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); if(!x && d.getElementById) x=d.getElementById(n); return x; } function MM_swapImage() { //v3.0 var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3) if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];} } //--> </script></head> <body background="images/black_bg_bottom.jpg" leftmargin="0" topmargin="0" bgcolor="#000000" marginheight="0" marginwidth="0"> <table id="Table_01" style="width: 1008px;" border="0" cellspacing="0" cellpadding="0" bgcolor="#ffffff"> <tbody> <tr> <td rowspan="2" width="244" background="images/pages_03.jpg"> <a href="index.html"><img src="images/pages_01.jpg" border="0" alt="" width="137" height="90" /></a></td> <td colspan="11" background="images/pages_02.jpg"><img src="images/pages_02.jpg" alt="Boot Camp" width="656" height="53" /></td> <td rowspan="2" width="7" background="images/pages_03.jpg"><img src="images/pages_03.jpg" alt="" width="7" height="90" /></td> <td width="1"><img src="images/spacer.gif" alt="" width="1" height="53" /></td> </tr> <tr> <td colspan="11" valign="top" background="images/nav.jpg"> <table style="width: 656px;" border="0" cellspacing="0" cellpadding="0"> <tbody> <tr> <td width="71" height="37" valign="top"><a href="founder.html"> <img src="images/bootcamp_04.jpg" border="0" alt="Founder" width="71" height="37" /></a></td> <td width="73" height="37" valign="top"><a href="bootcamp.html"> <img src="images/bootcamp_05.jpg" border="0" alt="Full Body Workouts" width="73" height="37" /></a></td> <td width="72" height="37" valign="top"><a href="news.html"> <img src="images/bootcamp_06.jpg" border="0" alt="News" width="72" height="37" /></a></td> <td width="73" height="37" valign="top"><a href="photogallery.html"> <img src="images/bootcamp_07.jpg" border="0" alt="Photo Gallery" width="73" height="37" /></a></td> <td width="73" height="37" valign="top"><a href="testimonials.html"> <img src="images/bootcamp_08.jpg" border="0" alt="Testimonials" width="73" height="37" /></a></td> <td width="74" height="37" valign="top"><a href="faqs.html"> <img src="images/bootcamp_09.jpg" border="0" alt="FAQS" width="74" height="37" /></a></td> <td width="73" height="37" valign="top"><a href="sponsors.html"> <img src="images/bootcamp_10.jpg" border="0" alt="Sponsors" width="73" height="37" /></a></td> <td width="73" height="37" valign="top"><a href="fees.html"> <img src="images/bootcamp_11.jpg" border="0" alt="Body Bash Fees" width="73" height="37" /></a></td> <td width="74" height="37" valign="top"><a href="contact/index.php"> <img src="images/bootcamp_12.jpg" border="0" alt="Contat Body Bash Boot Camp" width="74" height="37" /></a></td> </tr> </tbody> </table> </td> <td><img src="images/spacer.gif" alt="" width="1" height="37" /></td> </tr> <tr> <td valign="top" bgcolor="#ffffff" background="images/pages_14.jpg"> <a href="index.html"><img src="images/pages_13.jpg" border="0" alt="" width="244" height="41" /></a></td> <td colspan="12" valign="top" bgcolor="#ffffff" background="images/pages_14.jpg"> &nbsp;</td> </tr> <tr> <td valign="top" bgcolor="#000000"> <p><img alt="" width="244" height="1" /></p> <!-- InstanceBeginEditable name="sidebar" --> <table style="width: 100%;" border="0" cellspacing="0" cellpadding="0"> <tbody> <tr> <td> <div> <p align="center"> <p><a href="photogallery_1.html"> Bootcamp goes Paddle Boarding</a></p> <p><a href="photogallery_2.html"> Iron Crusader - October 2011</a></p> <p><a href="photogallery_3.html"> Savage Race - August 2011</a></p> <p><a href="photogallery_4.html"> Tough Mudder - December 2011</a></p> <p>&nbsp;</p> </div> </td> </tr> </tbody> </table> <!-- InstanceEndEditable --> <p align="center"><a onmouseover="MM_swapImage('Enroll NOW!!','','images/enrollnow_over.jpg',1)" onmouseout="MM_swapImgRestore()" href="../contact/index.php"> <img id="Enroll NOW!!" src="images/enrollnow.jpg" border="0" alt="Enroll" width="180" height="91" /></a></p> <p>&nbsp;</p> <p align="center"> <a target="_blank" href="http://www.facebook.com/search/?q=i+love+body+bash&amp;init=quick#/group.php?gid=36701546311&amp;ref=search&amp;sid=18416279.3696011085..1"> <img src="pics/facebook_logo.jpg" border="0" alt="Facebook Us" width="210" /></a></p> <p>&nbsp;</p> <p>&nbsp;</p> </td> <td colspan="11" valign="top" bgcolor="#ffffff"><img alt="" width="14" height="1" /><!-- InstanceBeginEditable name="content" --> <table style="width: 100%;" border="0" cellspacing="5" cellpadding="5"> <tbody> <tr> <td> <p class="style1" align="right"><br /> <img src="images/titles/photo_gallery.jpg" alt="" width="530" height="43" /></p> <h1 class="style26">2012 winner for the SOUTH TAMPA MAGAZINE CONTEST Oct 2010- Jan 2012</h1> <table width="700" border="0" cellspacing="2" cellpadding="2"> <tr> <td width="700"> <div id="gallery" class="content"> <div id="controls" class="controls"></div> <div id="slideshow" class="slideshow"></div> </div> <div id="thumbs-min" class="navigation"> <ul class="thumbs noscript"> <li><a class="thumb" href="gallery/gallery05/gallery-01.jpg" title="#"></a></li> </ul> </div> <p>&nbsp;</p> <div align="left"> <script type="text/javascript"> // We only want these styles applied when javascript is enabled $('div.navigation').css({'width' : '300px', 'float' : 'left'}); $('div.content').css('display', 'block'); $(document).ready(function() { // Initialize Minimal Galleriffic Gallery $('#gallery').galleriffic('#thumbs-min', { imageContainerSel: '#slideshow', enableBottomPager: false, preloadAhead: -1, autoStart: true, // Specifies whether the slideshow should be playing or paused when the page first loads controlsContainerSel: '#controls' }); }); </script> </div></td> </tr> </table> <p class="style24" align="center"> <a href="index.html">Home</a> ¦ <a href="founder.html">Founder</a> ¦ <a href="bootcamp.html">Boot Camp</a> ¦ <a href="news.html">News</a> ¦ <a href="photogallery.html">Photo Gallery</a> ¦ <a href="testimonials.html">Testimonials</a> ¦ <a href="faqs.html">FAQ&#39;s</a> ¦ <a href="sponsors.html">Sponsors</a> ¦ <a href="fees.html">Fees</a> ¦ <a href="contact/index.php">Contact Us</a></p> <p class="style21">&nbsp;</p> </td> </tr> </tbody> </table> <!-- InstanceEndEditable --></td> <td valign="top" bgcolor="#ffffff">&nbsp;</td> </tr> <tr> <td colspan="13" background="images/pages_18_bg.jpg"> <table style="width: 100%;" border="0" cellspacing="0" cellpadding="0"> <tbody> <tr> <th scope="row"> <div></div> </th> <td>&nbsp;</td> <td> <div></div> </td> </tr> </tbody> </table> </td> <td><img src="images/spacer.gif" alt="" width="1" height="31" /></td> </tr> <tr> <td><img src="images/spacer.gif" alt="" width="137" height="1" /></td> <td><img src="images/spacer.gif" alt="" width="71" height="1" /></td> <td width="36"><img src="images/spacer.gif" alt="" width="36" height="1" /></td> <td width="6"><img src="images/spacer.gif" alt="" width="6" height="1" /></td> <td width="40"><img src="images/spacer.gif" alt="" width="31" height="1" /></td> <td width="94"><img src="images/spacer.gif" alt="" width="72" height="1" /></td> <td width="95"><img src="images/spacer.gif" alt="" width="73" height="1" /></td> <td width="95"><img src="images/spacer.gif" alt="" width="73" height="1" /></td> <td width="96"><img src="images/spacer.gif" alt="" width="74" height="1" /></td> <td width="95"><img src="images/spacer.gif" alt="" width="73" height="1" /></td> <td width="95"><img src="images/spacer.gif" alt="" width="73" height="1" /></td> <td width="92"><img src="images/spacer.gif" alt="" width="74" height="1" /></td> <td><img src="images/spacer.gif" alt="" width="7" height="1" /></td> <td>&nbsp;</td> </tr> </tbody> </table> </body> </html>