<!doctype html>
<html>


<head><meta http-equiv="Content-Type" content="text/html" charset="utf-8" /><?php session_start(); INCLUDE'PHP/databaseconnect.php';INCLUDE'Functions/MainFunctions.php';StatisticRecorder(); ?>



<title><?php echo FetchWebsiteName($connecDB); ?></title>
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <meta name="description" content="<?php echo FetchWebsiteName($connecDB); ?>">
 <meta name="author" content="Tarka Web Design">
 <meta name="keywords" content="<?php echo FetchWebsiteName($connecDB); ?>">

<link href="css/custom.css" rel="stylesheet" type="text/css">

<link href="css/color.css" rel="stylesheet" type="text/css">

<link href="css/bootstrap.css" rel="stylesheet" type="text/css">

<link href="css/responsive.css" rel="stylesheet" type="text/css">

<link href="css/owl.carousel.css" rel="stylesheet" type="text/css">

<link href="css/font-awesome.min.css" rel="stylesheet" type="text/css">

<link href="css/prettyPhoto.css" rel="stylesheet" type="text/css">

<link rel="shortcut icon" type="image/x-icon" href="images/favicon.ico">
</head>
<body>
<div id="wrapper">

<header id="header">
<section class="header-section-1">
<div class="container">
<div class="left-box"> <strong class="title">Breaking News:</strong> <em>Desperate Rohingya refugees have 'absolutely nothing,' UN chief says</em> </div>
<div class="header-social"> <strong class="title">Be Social</strong>
<ul>
<li><a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
<li><a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
<li><a href="#"><i class="fa fa-google-plus" aria-hidden="true"></i></a></li>
<li><a href="#"><i class="fa fa-instagram" aria-hidden="true"></i></a></li>
<li><a href="#"><i class="fa fa-youtube-play" aria-hidden="true"></i></a></li>
</ul>
</div>
</div>
</section>
<section class="logo-row">
<div class="container"> <strong class="logo"><a href="index-2.php"><img src="images/logo.png" alt="img"></a></strong>
<div class="dial-box"> <span>Dial For<br>
Emergency: </span> <strong>1177</strong> </div>
<div class="top-search">
<form action="#">
<input type="text" placeholder="Enter your Keywords" required>
<button type="submit"><i class="fa fa-search" aria-hidden="true"></i></button>
</form>
</div>
<div class="email-box"> <span>Email us for Inquiry:</span> <a href="mailto:"><span class="__cf_email__" data-cfemail="b1d8dfd7def1d7d8c3d4d3c3d8d6d0d5d49fd2dedc">[email&#160;protected]</span></a> </div>
</div>
</section>
<section class="navigation-row">
<nav class="navbar navbar-inverse">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
</div>
<div id="navbar" class="collapse navbar-collapse">
<ul class="nav navbar-nav" id="nav">
<li class="active"><a href="index-2.php">Home</a></li>
<li><a href="about.php">About</a></li>
<li><a href="#">Services<i class="fa fa-caret-down" aria-hidden="true"></i></a>
<ul>
<li><a href="services.php">Services</a></li>
<li><a href="ambulance-services-detail.php">Ambulance Services</a></li>
<li><a href="fire-fighting-detail.php">Fire Fighting</a></li>
<li><a href="rescue-services-detail.php">Rescue Services</a></li>
<li><a href="community-safety-detail.php">Community Safety</a></li>
<li><a href="fire-suppression-detail.php">Fire Suppression</a></li>
<li><a href="emergency-medical-services-detail.php">Emergency Medical Services</a></li>
<li><a href="fire-investigation-detail.php">Fire Investigation</a></li>
<li><a href="special-task-operation-force-detail.php">Special Task Operation Force</a></li>
</ul>
</li>
<li><a href="#">News<i class="fa fa-caret-down" aria-hidden="true"></i></a>
<ul>
<li><a href="news-modern.php">News Modern</a></li>
<li><a href="news-list.php">News Listing</a></li>
<li><a href="news-detail.php">News Details</a></li>
</ul>
</li>
<li><a href="#">Events<i class="fa fa-caret-down" aria-hidden="true"></i></a>
<ul>
<li><a href="events.php">Events</a></li>
<li><a href="events-modern.php">Events Modern</a></li>
<li><a href="event-detail.php">Event Details</a></li>
</ul>
</li>
<li><a href="#">Campaigns<i class="fa fa-caret-down" aria-hidden="true"></i></a>
<ul>
<li><a href="campaigns.php">Campaigns</a></li>
<li><a href="campaigns-detail.php">Campaign Details</a></li>
</ul>
</li>
<li><a href="#">Features<i class="fa fa-caret-down" aria-hidden="true"></i></a>
<ul>
<li><a href="#">Team</a>
<ul>
<li><a href="team.php">Fighters Team</a></li>
<li><a href="team-detail.php">Fighter Details</a></li>
</ul>
</li>
<li><a href="#">Gallery</a>
<ul>
<li><a href="gallery-large.php">Gallery Large</a></li>
<li><a href="gallery-medium.php">Gallery Medium</a></li>
<li><a href="gallery-small.php">Gallery Small</a></li>
</ul>
</li>
<li><a href="operations-videos.php">Operations Videos</a></li>
<li><a href="testimonials.php">Testimonials</a></li>
</ul>
</li>
<li><a href="contact.php">Contact</a></li>
</ul>
</div>

</div>
</nav>
</section>
</header>


<div id="banner">
<div class="owl-carousel" id="home-banner">
<div class="item"> <img src="images/banner-img-1.png" alt="img">
<div class="caption">
<div class="container">
<div class="holder">
<h1>Helping People to
Safe their Lifes!</h1>
<em>When a man becomes a fireman his greatest act of bravery has been accomplished. What he does after that is all in the line of work. </em> <a href="contact.php" class="btn-style-1">Get Contact</a> </div>
</div>
</div>
</div>
<div class="item"> <img src="images/banner-img-2.png" alt="img">
<div class="caption">
<div class="container">
<div class="holder">
<h1>Think Safety Today
be Alive Tomorrow!</h1>
<em>Firefighters are essential to the safety and security of our local communities.</em> <a href="contact.php" class="btn-style-1">Get Contact</a> </div>
</div>
</div>
</div>
<div class="item"> <img src="images/banner-img-3.png" alt="img">
<div class="caption">
<div class="container">
<div class="style-2">
<h1>Helping you stay safe at home,
on the road and at work</h1>
<div class="holder"> <em>Once you have a firefighter in your family, your family and the families from his crew become one big extended family.</em> </div>
<div class="btn-row"><a href="contact.php" class="btn-style-1">Get Contact</a></div>
</div>
</div>
</div>
</div>
</div>
</div>


<div id="main">

<section class="welcome-message">
<div class="container">
<div class="holder"> <strong>The Fire Brigades Union is the <span>Democratic, Professional</span> voice of <span>Firefighters </span>and other workers within fire and <span>Rescue Services</span> across the <span>Country</span></strong> </div>
</div>
</section>


<section class="public-campaigns">
<div class="holder">
<div class="container">
<h2>Public Campaigns</h2>
<div class="owl-carousel" id="campaigns-slider">
<div class="item">
<div class="campaigns-box">
<div class="frame"><a href="campaigns.php"><img src="images/campaigns-img-1.jpg" alt="img"></a></div>
<h3><a href="campaigns-detail.php">What to do After the Fire</a></h3>
</div>
</div>
<div class="item">
<div class="campaigns-box">
<div class="frame"><a href="campaigns.php"><img src="images/campaigns-img-2.jpg" alt="img"></a></div>
<h3><a href="campaigns-detail.php">Heater Safety Tips</a></h3>
</div>
</div>
<div class="item">
<div class="campaigns-box">
<div class="frame"><a href="campaigns.php"><img src="images/campaigns-img-3.jpg" alt="img"></a></div>
<h3><a href="campaigns-detail.php">Smoke Alarm Safety</a></h3>
</div>
</div>
<div class="item">
<div class="campaigns-box">
<div class="frame"><a href="campaigns.php"><img src="images/campaigns-img-1.jpg" alt="img"></a></div>
<h3><a href="campaigns-detail.php">What to do After the Fire</a></h3>
</div>
</div>
<div class="item">
<div class="campaigns-box">
<div class="frame"><a href="campaigns.php"><img src="images/campaigns-img-2.jpg" alt="img"></a></div>
<h3><a href="campaigns-detail.php">Heater Safety Tips</a></h3>
</div>
</div>
<div class="item">
<div class="campaigns-box">
<div class="frame"><a href="campaigns.php"><img src="images/campaigns-img-3.jpg" alt="img"></a></div>
<h3><a href="campaigns-detail.php">Smoke Alarm Safety</a></h3>
</div>
</div>
</div>
</div>
</div>
</section>


<section class="services-style-1">
<div class="container">
<h2>Best Services</h2>
<div class="row">
<div class="col-md-3 col-sm-6">
<div class="services-box">
<div class="icon-box"><img src="images/services-icon-1.png" alt="img"></div>
<div class="text-box">
<h3><a href="ambulance-services-detail.php">Ambulance <span>Services</span></a></h3>
<p>Reliable fire equipment is vital to help you serve and protect our communities.</p>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="services-box">
<div class="icon-box"><img src="images/services-icon-2.png" alt="img"></div>
<div class="text-box">
<h3><a href="fire-fighting-detail.php">Fire <span>Fighting</span></a></h3>
<p>Every fire department needs behavioral health services, but not all have them.</p>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="services-box">
<div class="icon-box"><img src="images/services-icon-3.png" alt="img"></div>
<div class="text-box">
<h3><a href="rescue-services-detail.php"><span>Rescue</span> Services</a></h3>
<p>The responsibilities and duties of the fire and rescue services are Fire and Rescue Services.</p>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="services-box">
<div class="icon-box"><img src="images/services-icon-4.png" alt="img"></div>
<div class="text-box">
<h3><a href="community-safety-detail.php">Community <span>Safety</span></a></h3>
<p>We work to help people stay safe from fire , in home, at work and in other buildings</p>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="services-box">
<div class="icon-box"><img src="images/services-icon-5.png" alt="img"></div>
<div class="text-box">
<h3><a href="fire-suppression-detail.php">Fire <span>Suppression</span></a></h3>
<p>Fire Suppression Systems protect valuable resources and critical facilities of your business.</p>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="services-box">
<div class="icon-box"><img src="images/services-icon-6.png" alt="img"></div>
<div class="text-box">
<h3><a href="emergency-medical-services-detail.php">Emergency <span>Medical Services</span></a></h3>
<p>Emergency responder health and wellness is an important, We aim to address safety risks.</p>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="services-box">
<div class="icon-box"><img src="images/services-icon-7.png" alt="img"></div>
<div class="text-box">
<h3><a href="fire-investigation-detail.php">Fire <span>Investigation</span></a></h3>
<p>Fire investigation division collects, analyzes, and reports detailed fire experience data.</p>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="services-box">
<div class="icon-box"><img src="images/services-icon-8.png" alt="img"></div>
<div class="text-box">
<h3><a href="special-task-operation-force-detail.php">Special Operation <span>Task Force</span></a></h3>
<p>The Special Operations Task is a multi-faceted is staffed with Homeland Security.</p>
</div>
</div>
</div>
</div>
</div>
</section>


<section class="news-event-row">
<div class="container">
<div class="row">
<div class="col-md-6 col-sm-6">
<div class="news-section">
<div class="heading-col">
<h2>Latest News</h2>
<a href="news-modern.php" class="more">More News</a> </div>
<div class="news-box">
<div class="thumb"><a href="news-list.php"><img src="images/news/news-img-1.png" alt="img"></a></div>
<div class="text-box">
<h3><a href="news-list.php">Emergency Medical Services</a></h3>
<div class="detail-row">
<ul>
<li><img src="images/news/new-icon-1.png" alt="img"><em>Nelson Doe</em></li>
<li><img src="images/news/new-icon-2.png" alt="img"><em>10 Aug, 2017</em></li>
<li><img src="images/news/new-icon-3.png" alt="img"><em>57 Comments</em></li>
</ul>
</div>
<p>The medical service unit Fire and EMS Department is a dual-purpose unit that functions casualty incident response capabilities into one unit.</p>
<a href="news-detail.php" class="btn-readmore">Read Post</a> </div>
</div>
<div class="news-box">
<div class="thumb"><a href="news-list.php"><img src="images/news/news-img-2.png" alt="img"></a></div>
<div class="text-box">
<h3><a href="news-list.php">These cases are perfectly</a></h3>
 <div class="detail-row">
<ul>
<li><img src="images/news/new-icon-1.png" alt="img"><em>John Doe</em></li>
<li><img src="images/news/new-icon-2.png" alt="img"><em>06 Aug, 2017</em></li>
<li><img src="images/news/new-icon-3.png" alt="img"><em>53 Comments</em></li>
</ul>
</div>
<p>Population growth and changes in what fire departments are now required to do have prompted start planning for new fire stations</p>
<a href="news-detail.php" class="btn-readmore">Read Post</a> </div>
</div>
<div class="news-box">
<div class="thumb"><a href="news-list.php"><img src="images/news/news-img-3.png" alt="img"></a></div>
<div class="text-box">
<h3><a href="news-list.php">Charms of pleasure moments</a></h3>
<div class="detail-row">
<ul>
<li><img src="images/news/new-icon-1.png" alt="img"><em>John</em></li>
<li><img src="images/news/new-icon-2.png" alt="img"><em>30 Jul, 2017</em></li>
<li><img src="images/news/new-icon-3.png" alt="img"><em>47 Comments</em></li>
</ul>
</div>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo</p>
<a href="news-detail.php" class="btn-readmore">Read Post</a> </div>
</div>
</div>
</div>
<div class="col-md-6 col-sm-6">
<div class="events-section">
<div class="heading-col">
<h2>Next Events</h2>
<a href="events-modern.php" class="more">More Events</a> </div>
<div class="event-box bg-color">
<div class="date-box"> <strong>30 <span>Aug</span> <span>2017</span></strong> </div>
<div class="text-box">
<div class="detail-row">
<ul>
<li><img src="images/clock-icon.png" alt="img"><em>09:00 am - 05:00 pm</em></li>
<li><img src="images/users-icon.png" alt="img"><em>240 Going</em></li>
</ul>
</div>
<h3><a href="events.php">When our power of choice</a></h3>
<p>Sed do eiusmod tempor incididunt ut labore et dolore magna.</p>
<a href="events.php" class="address"><img src="images/arrow-icon.png" alt="img">FireBrigade Building, 5th Avenue, UK</a> <a href="event-detail.php" class="more">Participate</a> </div>
</div>
<div class="event-box">
<div class="date-box"> <strong>07 <span>Sep</span> <span>2017</span></strong> </div>
<div class="text-box">
<div class="detail-row">
<ul>
<li><img src="images/clock-icon.png" alt="img"><em>09:00 am - 05:00 pm</em></li>
<li><img src="images/users-icon.png" alt="img"><em>240 Going</em></li>
</ul>
</div>
<h3><a href="events.php">Emergency Medical Services</a></h3>
<p>Sed do eiusmod tempor incididunt ut labore et dolore magna.</p>
<a href="events.php" class="address"><img src="images/arrow-icon.png" alt="img">FireBrigade Building, 5th Avenue, UK</a> <a href="event-detail.php" class="more">Participate</a> </div>
</div>
<div class="event-box bg-color">
<div class="date-box"> <strong>19 <span>Oct</span> <span>2017</span></strong> </div>
<div class="text-box">
<div class="detail-row">
<ul>
<li><img src="images/clock-icon.png" alt="img"><em>09:00 am - 05:00 pm</em></li>
<li><img src="images/users-icon.png" alt="img"><em>240 Going</em></li>
</ul>
</div>
<h3><a href="events.php">Claims of duty or the obligations</a></h3>
<p>Sed do eiusmod tempor incididunt ut labore et dolore magna.</p>
<a href="events.php" class="address"><img src="images/arrow-icon.png" alt="img">FireBrigade Building, 5th Avenue, UK</a> <a href="event-detail.php" class="more">Participate</a> </div>
</div>
</div>
</div>
</div>
</div>
</section>


<section class="call-action">
<div class="container-fluid">
<div class="col-md-6">
<div class="left-col">
<div class="holder"> <strong>Come &amp; Join us <span>Learn to Fire Stop</span> Prevention</strong> <a href="campaigns.php" class="btn-style-1">Join us Now!</a> </div>
</div>
</div>
<div class="col-md-6">
<div class="right-col">
<div class="holder">
<div class="fact-box"> <strong class="title">Road Traffic <span>Crashes</span></strong> <strong class="number counter">23,740</strong> </div>
<div class="fact-box"> <strong class="title">Medical <span>Emergencies</span></strong> <strong class="number counter">8196</strong> </div>
<div class="fact-box"> <strong class="title">Fire <span>Emergencies</span></strong> <strong class="number counter">92,580</strong> </div>
<div class="fact-box"> <strong class="title">Crime <span>Incidents</span></strong> <strong class="number counter">1659</strong> </div>
<div class="fact-box"> <strong class="title">Building <span>Collapses</span></strong> <strong class="number counter">2207</strong> </div>
<div class="fact-box"> <strong class="title">Special Tasks <span>Operations</span></strong> <strong class="number counter">3614</strong> </div>
</div>
</div>
</div>
</div>
</section>


<section class="emergency-number">
<div class="container"> <strong class="number">1177</strong> <span>Dial this Number in Case of Emergency</span> </div>
</section>


<section class="team-section">
<div class="container">
<h2>Our Best Officers</h2>
<div class="row">
<div class="col-md-4 col-sm-4">
<div class="team-outer">
<div class="frame"><a href="team.php"><img src="images/team/team-img-1.jpg" alt="img"></a></div>
<div class="text-box">
<h3><a href="team-detail.php">Vincent Hawks</a></h3>
<span>Chief Operating Officer</span> </div>
</div>
</div>
<div class="col-md-4 col-sm-4">
<div class="team-outer">
<div class="frame"><a href="team.php"><img src="images/team/team-img-2.jpg" alt="img"></a></div>
<div class="text-box">
<h3><a href="team-detail.php">Martin Stephen</a></h3>
<span>Fire Team Captain</span> </div>
</div>
</div>
<div class="col-md-4 col-sm-4">
<div class="team-outer">
<div class="frame"><a href="team.php"><img src="images/team/team-img-3.jpg" alt="img"></a></div>
<div class="text-box">
<h3><a href="team-detail.php">Eddie Spely</a></h3>
<span>Deputy Fire Captain</span> </div>
</div>
</div>
</div>
</div>
</section>


<section class="testimonials-style-1">
<div class="container">
<h2>What Citizen Says</h2>
<div class="holder">
<div class="owl-carousel" id="testimonials-1">
<div class="item">
<div class="left-box">
<div class="round-frame"><img src="images/testi-img-1.jpg" alt="img"></div>
<div class="text-box">
<h3><a href="#">John Doe</a></h3>
<span>Senior Citizen, UK</span> </div>
</div>
<blockquote> <em>Our Fire Brigade Department members have made great contributions to this department and have helped get us where we are today and where we will be tomorrow.
I want to thank each and every single member of this department for your support. They should be honored for risking their lives to save others.</em> </blockquote>
</div>
<div class="item">
<div class="left-box">
<div class="round-frame"><img src="images/testi-img-2.jpg" alt="img"></div>
<div class="text-box">
<h3><a href="#">Ally</a></h3>
<span>Senior Citizen, UK</span> </div>
</div>
<blockquote> <em>Our Fire Brigade Department members have made great contributions to this department and have helped get us where we are today and where we will be tomorrow.
I want to thank each and every single member of this department for your support. They should be honored for risking their lives to save others </em> </blockquote>
</div>
<div class="item">
<div class="left-box">
<div class="round-frame"><img src="images/testi-img-3.jpg" alt="img"></div>
<div class="text-box">
<h3><a href="#">Eddy</a></h3>
<span>Senior Citizen, UK</span> </div>
</div>
<blockquote> <em>Our Fire Brigade Department members have made great contributions to this department and have helped get us where we are today and where we will be tomorrow.
I want to thank each and every single member of this department for your support. They should be honored for risking their lives to save others </em> </blockquote>
</div>
</div>
</div>
</div>
</section>


<section class="filterable-gallery">
<div class="container">
<h2>Incident Coverage</h2>
<div class="row">
<div id="options" class="col-md-12" style="text-align: center;">
<ul id="filter" class="option-set" data-option-key="filter">
<li><a class="selected current" href="#filter" data-option-value="*">Show All</a></li>
<li><a href="#filter" data-option-value=".polygraphy">Traffic Crashes</a></li>
<li><a href="#filter" data-option-value=".branding">Medical Emergencies</a></li>
<li><a href="#filter" data-option-value=".web">Building Collapses</a></li>
<li><a href="#filter" data-option-value=".text_styles">Special Tasks</a></li>
</ul>
</div>
<div class="portfolio_block columns3 pretty gallery" data-animated="fadeIn">
<div class="element gall branding"> <a href="images/gallery/filter-gallery-img-1.jpg" data-rel="prettyPhoto[gallery1]"> <img class="img-responsive picsGall" src="images/gallery/filter-gallery-img-1.jpg" alt="" /> </a> </div>
<div class="element gall branding"> <a href="images/gallery/filter-gallery-img-2.jpg" data-rel="prettyPhoto[gallery1]"> <img class="img-responsive picsGall" src="images/gallery/filter-gallery-img-2.jpg" alt="" /> </a> </div>
<div class="element gall web"> <a href="images/gallery/filter-gallery-img-3.jpg" data-rel="prettyPhoto[gallery1]"> <img class="img-responsive picsGall" src="images/gallery/filter-gallery-img-3.jpg" alt="" /> </a> </div>
<div class="element gall text_styles"> <a href="images/gallery/filter-gallery-img-4.jpg" data-rel="prettyPhoto[gallery1]"> <img class="img-responsive picsGall" src="images/gallery/filter-gallery-img-4.jpg" alt="" /> </a> </div>
<div class="element gall web"> <a href="images/gallery/filter-gallery-img-5.jpg" data-rel="prettyPhoto[gallery1]"> <img class="img-responsive picsGall" src="images/gallery/filter-gallery-img-5.jpg" alt="" /> </a> </div>
<div class="element gall polygraphy"> <a href="images/gallery/filter-gallery-img-6.jpg" data-rel="prettyPhoto[gallery1]"> <img class="img-responsive picsGall" src="images/gallery/filter-gallery-img-6.jpg" alt="" /> </a> </div>
<div class="element gall branding"> <a href="images/gallery/filter-gallery-img-7.jpg" data-rel="prettyPhoto[gallery1]"> <img class="img-responsive picsGall" src="images/gallery/filter-gallery-img-7.jpg" alt="" /> </a> </div>
<div class="element gall text_styles"> <a href="images/gallery/filter-gallery-img-8.jpg" data-rel="prettyPhoto[gallery1]"> <img class="img-responsive picsGall" src="images/gallery/filter-gallery-img-8.jpg" alt="" /> </a> </div>
</div>
</div>
</div>
</section>


<section class="video-section">
<div class="container">
<h2> Operations Videos</h2>
<div class="big-row">
<div class="row">
<div class="col-md-4 col-sm-4">
<div class="box">
<div class="video-box"> <img src="images/video-img-1.jpg" alt="img"> <a href="#" class="btn-play" data-toggle="modal" data-target="#myModal"></a>
<div class="modal fade" id="myModal" tabindex="-1" role="dialog">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
</div>
<div class="modal-body">
<iframe src="https://player.vimeo.com/video/80372068?title=0&amp;byline=0&amp;portrait=0"></iframe>
</div>
</div>
</div>
</div>
</div>
<h3><a href="#">Emergency Medical Services</a></h3>
</div>
</div>
<div class="col-md-4 col-sm-4">
<div class="box">
<div class="video-box"> <img src="images/video-img-2.jpg" alt="img"> <a href="#" class="btn-play" data-toggle="modal" data-target="#myModal"></a>
<div class="modal fade" id="myModal2" tabindex="-1" role="dialog">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
</div>
<div class="modal-body">
<iframe src="https://player.vimeo.com/video/80372068?title=0&amp;byline=0&amp;portrait=0"></iframe>
</div>
</div>
</div>
</div>
</div>
<h3><a href="#">Rescue Service Team</a></h3>
</div>
</div>
<div class="col-md-4 col-sm-4">
<div class="box">
<div class="video-box"> <img src="images/video-img-3.jpg" alt="img"> <a href="#" class="btn-play" data-toggle="modal" data-target="#myModal"></a>
<div class="modal fade" id="myModal3" tabindex="-1" role="dialog">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
</div>
<div class="modal-body">
<iframe src="https://player.vimeo.com/video/80372068?title=0&amp;byline=0&amp;portrait=0"></iframe>
</div>
</div>
</div>
</div>
</div>
<h3><a href="#">FireFighters Special Tasks</a></h3>
</div>
</div>
</div>
</div>
<div class="small-row">
<div class="row">
<div class="col-md-3 col-sm-6">
<div class="box">
<div class="video-box"> <img src="images/video-img-4.jpg" alt="img"> <a href="#" class="btn-play" data-toggle="modal" data-target="#myModal"></a>
<div class="modal fade" id="myModal4" tabindex="-1" role="dialog">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
</div>
<div class="modal-body">
<iframe src="https://player.vimeo.com/video/80372068?title=0&amp;byline=0&amp;portrait=0"></iframe>
</div>
</div>
</div>
</div>
</div>
<h3><a href="#">Urgent Action on Call</a></h3>
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="box">
<div class="video-box"> <img src="images/video-img-5.jpg" alt="img"> <a href="#" class="btn-play" data-toggle="modal" data-target="#myModal"></a>
<div class="modal fade" id="myModal44" tabindex="-1" role="dialog">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
</div>
<div class="modal-body">
<iframe src="https://player.vimeo.com/video/80372068?title=0&amp;byline=0&amp;portrait=0"></iframe>
</div>
</div>
</div>
</div>
</div>
<h3><a href="#">Life Safety Trainings</a></h3>
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="box">
<div class="video-box"> <img src="images/video-img-6.jpg" alt="img"> <a href="#" class="btn-play" data-toggle="modal" data-target="#myModal"></a>
<div class="modal fade" id="myModal5" tabindex="-1" role="dialog">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
</div>
<div class="modal-body">
<iframe src="https://player.vimeo.com/video/80372068?title=0&amp;byline=0&amp;portrait=0"></iframe>
</div>
</div>
</div>
</div>
</div>
<h3><a href="#">Team Work Effort</a></h3>
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="box">
<div class="video-box"> <img src="images/video-img-7.jpg" alt="img"> <a href="#" class="btn-play" data-toggle="modal" data-target="#myModal"></a>
<div class="modal fade" id="myModal6" tabindex="-1" role="dialog">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
 <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
</div>
<div class="modal-body">
<iframe src="https://player.vimeo.com/video/80372068?title=0&amp;byline=0&amp;portrait=0"></iframe>
</div>
</div>
</div>
</div>
</div>
<h3><a href="#">Special Tasks</a></h3>
</div>
</div>
</div>
</div>
</div>
</section>


<section class="loaction-address">
<div class="container">
<div class="holder">
<div class="row">
<div class="col-md-8">
<div class="map-box">
<div id="map_contact_1" class="map_canvas active"></div>
</div>
</div>
<div class="col-md-4">
<div class="address-box">
<h3>Contact with us</h3>
<ul>
<li> <i class="fa fa-home" aria-hidden="true"></i>
<div class="text-col"> <span>Main Head Office:</span> <strong>FIreBrigade Building, South Avenue</strong> </div>
</li>
<li> <i class="fa fa-phone" aria-hidden="true"></i>
<div class="text-col"> <span>Head Branch:</span> <strong>0800 1177 00</strong> </div>
</li>
<li> <i class="fa fa-envelope-o" aria-hidden="true"></i>
<div class="text-col"> <span>Email us for Inquiry:</span> <a href="mailto:"><span class="__cf_email__" data-cfemail="d1b8bfb7be91b7b8a3b4b3a3b8b6b0b5b4ffb2bebc">[email&#160;protected]</span></a> </div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="contact-about">
<div class="container">
<div class="hold"> <strong class="footer-logo"><a href="index-2.php"><img src="images/footer-logo.png" alt="img"></a></strong>
<p>The Fire Brigades Union is the Democratic, Professional voice of Firefighters and other workers within fire and Rescue Services across the Country Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit.</p>
</div>
</div>
</div>
</section>

</div>


<footer id="footer">
<section class="footer-section-1">
<div class="container">
<div class="row">
<div class="col-md-3 col-sm-6">
<div class="footer-box">
<h3>Our Quick Services</h3>
<div class="list-widget">
<ul>
<li><a href="#"><i class="fa fa-long-arrow-right" aria-hidden="true"></i>Ambulance Services</a></li>
<li><a href="#"><i class="fa fa-long-arrow-right" aria-hidden="true"></i>Fire Fighting</a></li>
<li><a href="#"><i class="fa fa-long-arrow-right" aria-hidden="true"></i>Rescue Services</a></li>
<li><a href="#"><i class="fa fa-long-arrow-right" aria-hidden="true"></i>Community Safety</a></li>
<li><a href="#"><i class="fa fa-long-arrow-right" aria-hidden="true"></i>Fire Suppression</a></li>
<li><a href="#"><i class="fa fa-long-arrow-right" aria-hidden="true"></i>Emergency Medical Services</a></li>
<li><a href="#"><i class="fa fa-long-arrow-right" aria-hidden="true"></i>Fire Investigation</a></li>
<li><a href="#"><i class="fa fa-long-arrow-right" aria-hidden="true"></i>Special Operation Task Force</a></li>
</ul>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="footer-box">
<h3>Public Campaigns</h3>
<div class="list-widget">
<ul>
 <li><a href="#"><i class="fa fa-long-arrow-right" aria-hidden="true"></i>What to do after the Fire</a></li>
<li><a href="#"><i class="fa fa-long-arrow-right" aria-hidden="true"></i>Heater Safety Tips</a></li>
<li><a href="#"><i class="fa fa-long-arrow-right" aria-hidden="true"></i>Smoke Alarm Safety</a></li>
<li><a href="#"><i class="fa fa-long-arrow-right" aria-hidden="true"></i>Flood Safety</a></li>
<li><a href="#"><i class="fa fa-long-arrow-right" aria-hidden="true"></i>After Building Collapse</a></li>
<li><a href="#"><i class="fa fa-long-arrow-right" aria-hidden="true"></i>How to Safe Home Places</a></li>
<li><a href="#"><i class="fa fa-long-arrow-right" aria-hidden="true"></i>How to Safe Business Places</a></li>
<li><a href="#"><i class="fa fa-long-arrow-right" aria-hidden="true"></i>Support after an Incident</a></li>
</ul>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="footer-box">
<h3>Latest News</h3>
<div class="news-widget">
<ul>
<li>
<div class="thumb"><a href="#"><img src="images/news-thumb-img-1.jpg" alt="img"></a></div>
<div class="text-col"> <a href="#">Emergency Medical Serv..</a> <span><img src="images/news/new-icon-1.png" alt="img">Nelson Doe</span> <span><img src="images/news/new-icon-2.png" alt="img">10 Aug, 2017</span> </div>
</li>
<li>
<div class="thumb"><a href="#"><img src="images/news-thumb-img-2.jpg" alt="img"></a></div>
<div class="text-col"> <a href="#">These Cases are Perfectly</a> <span><img src="images/news/new-icon-1.png" alt="img">Nelson Doe</span> <span><img src="images/news/new-icon-2.png" alt="img">06 Aug, 2017</span> </div>
</li>
<li>
<div class="thumb"><a href="#"><img src="images/news-thumb-img-3.jpg" alt="img"></a></div>
<div class="text-col"> <a href="#">Charms of pleasure mom...</a> <span><img src="images/news/new-icon-1.png" alt="img">Nelson Doe</span> <span><img src="images/news/new-icon-2.png" alt="img">30 Jul, 2017</span> </div>
</li>
</ul>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="footer-box">
<h3>About</h3>
<div class="footer-menu">
<ul>
<li><a href="#"><i class="fa fa-long-arrow-right" aria-hidden="true"></i>About FireBrigade</a></li>
<li><a href="#"><i class="fa fa-long-arrow-right" aria-hidden="true"></i>Services</a></li>
<li><a href="#"><i class="fa fa-long-arrow-right" aria-hidden="true"></i>Events</a></li>
<li><a href="#"><i class="fa fa-long-arrow-right" aria-hidden="true"></i>Campaigns</a></li>
<li><a href="#"><i class="fa fa-long-arrow-right" aria-hidden="true"></i>Special Tasks Operation</a></li>
<li><a href="#"><i class="fa fa-long-arrow-right" aria-hidden="true"></i>Best Officers Team</a></li>
<li><a href="#"><i class="fa fa-long-arrow-right" aria-hidden="true"></i>Join us</a></li>
<li><a href="#"><i class="fa fa-long-arrow-right" aria-hidden="true"></i>Contact</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="footer-section-2">
<div class="container">
<div class="footer-social"> <strong class="title">Be Social</strong>
<ul>
<li><a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
<li><a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
<li><a href="#"><i class="fa fa-google-plus" aria-hidden="true"></i></a></li>
<li><a href="#"><i class="fa fa-instagram" aria-hidden="true"></i></a></li>
<li><a href="#"><i class="fa fa-youtube-play" aria-hidden="true"></i></a></li>
</ul>
</div>
<strong class="copyrights"><a href="#">FireBrigade</a> &copy; 2017, All Rights Reserved, Design &amp; Developed By: <a href="http://www.crunchpress.com/" target="_blank">CrunchPress</a></strong> </div>
</section>
</footer>

</div>
<script data-cfasync="false" src="../cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script src="js/jquery.js"></script>

<script src="js/bootstrap.js"></script>

<script src="http://maps.google.com/maps/api/js?sensor=false"></script>

<script src="js/owl.carousel.min.js"></script>

<script src="js/waypoints.js"></script>
<script src="js/jquery.counterup.min.js"></script>

<script src="js/jquery.isotope.js"></script>
<script src="js/sorting.js"></script>

<script src="js/jquery.prettyPhoto.js"></script>

<script src="js/custom.js"></script>
</body>


</html>
