红色大气风格响应式火灾救援企业网站模板



如需定制开发(网站开发、二次开发)在线咨询,请点击>> QQ:753511799

6 20 7



模板描述:红色 大气风格 响应式 火灾救援。整站宽屏满屏展示效果。鼠标移动在图片区域或者文字区域上有放大效果和展开效果。最底部部分带有自动反动和滚动效果,鼠标移动上之后,停止移动和滚动效果。适用火灾救援等行业。同时兼容手机端和电脑网页端。

代码结构

1. 引入CSS

<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/webfonts.css">
<link rel="stylesheet" href="assets/css/style.css">
<link rel="stylesheet" href="assets/css/responsive.css">
<link rel="stylesheet" href="assets/css/color.css">
<link rel="stylesheet" href="assets/css/revolution/settings.css">
<link rel="stylesheet" href="assets/css/revolution/layers.css">
<link rel="stylesheet" href="assets/css/revolution/navigation.css">
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/webfonts.css">
<link rel="stylesheet" href="assets/css/style.css">
<link rel="stylesheet" href="assets/css/responsive.css">
<link rel="stylesheet" href="assets/css/color.css">
<link rel="stylesheet" href="assets/css/revolution/settings.css">
<link rel="stylesheet" href="assets/css/revolution/layers.css">
<link rel="stylesheet" href="assets/css/revolution/navigation.css">

2. 引入JS

<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/fancybox.min.js"></script>
<script src="assets/js/owl.carousel.min.js"></script>
<script src="assets/js/perfect-scrollbar.min.js"></script>
<script src="assets/js/isotope.min.js"></script>
<script src="assets/js/custom-scripts.js"></script>
<script src="assets/js/revolution/jquery.themepunch.tools.min.js"></script>
<script src="assets/js/revolution/jquery.themepunch.revolution.min.js"></script>
<script src="assets/js/revolution/extensions/revolution.extension.actions.min.js"></script>
<script src="assets/js/revolution/extensions/revolution.extension.carousel.min.js"></script>
<script src="assets/js/revolution/extensions/revolution.extension.kenburn.min.js"></script>
<script src="assets/js/revolution/extensions/revolution.extension.layeranimation.min.js"></script>
<script src="assets/js/revolution/extensions/revolution.extension.migration.min.js"></script>
<script src="assets/js/revolution/extensions/revolution.extension.navigation.min.js"></script>
<script src="assets/js/revolution/extensions/revolution.extension.parallax.min.js"></script>
<script src="assets/js/revolution/extensions/revolution.extension.slideanims.min.js"></script>
<script src="assets/js/revolution/extensions/revolution.extension.video.min.js"></script>
<script src="assets/js/revolution/revolution-init.js"></script>
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/fancybox.min.js"></script>
<script src="assets/js/owl.carousel.min.js"></script>
<script src="assets/js/perfect-scrollbar.min.js"></script>
<script src="assets/js/isotope.min.js"></script>
<script src="assets/js/custom-scripts.js"></script>
<script src="assets/js/revolution/jquery.themepunch.tools.min.js"></script>
<script src="assets/js/revolution/jquery.themepunch.revolution.min.js"></script>
<script src="assets/js/revolution/extensions/revolution.extension.actions.min.js"></script>
<script src="assets/js/revolution/extensions/revolution.extension.carousel.min.js"></script>
<script src="assets/js/revolution/extensions/revolution.extension.kenburn.min.js"></script>
<script src="assets/js/revolution/extensions/revolution.extension.layeranimation.min.js"></script>
<script src="assets/js/revolution/extensions/revolution.extension.migration.min.js"></script>
<script src="assets/js/revolution/extensions/revolution.extension.navigation.min.js"></script>
<script src="assets/js/revolution/extensions/revolution.extension.parallax.min.js"></script>
<script src="assets/js/revolution/extensions/revolution.extension.slideanims.min.js"></script>
<script src="assets/js/revolution/extensions/revolution.extension.video.min.js"></script>
<script src="assets/js/revolution/revolution-init.js"></script>

3. HTML代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="" />
    <meta name="keywords" content="" />
    <title></title>
    <!-- Styles -->
    <link rel="stylesheet" href="assets/css/bootstrap.min.css"><!-- Bootstrap -->
    <link rel="stylesheet" href="assets/css/webfonts.css"><!-- Font Awesome -->
    <link rel="stylesheet" href="assets/css/style.css"><!-- Style -->
    <link rel="stylesheet" href="assets/css/responsive.css"><!-- Responsive -->
    <link rel="stylesheet" href="assets/css/color.css"><!-- Default Color Scheme -->
    <!-- REVOLUTION STYLE SHEETS -->
    <!-- REVOLUTION LAYERS STYLES -->
    <link rel="stylesheet" href="assets/css/revolution/layers.css">    
    <!-- REVOLUTION NAVIGATION STYLES -->
</head>
<body itemscope>
    <main>
        <div class="pageloader-wrap">
            <div class="pageloader">
                <div class="finger finger-1">
                    <div class="finger-item">
                        <span></span><i></i>
                    </div>
                </div>
                <div class="finger finger-2">
                    <div class="finger-item">
                        <span></span><i></i>
                    </div>
                </div>
                <div class="finger finger-3">
                    <div class="finger-item">
                        <span></span><i></i>
                    </div>
                </div>
                <div class="finger finger-4">
                    <div class="finger-item">
                        <span></span><i></i>
                    </div>
                </div>
                <div class="last-finger">
                    <div class="last-finger-item"><i></i></div>
                </div>
            </div>            
        </div><!-- Page Loader -->
        <header class="stick">
            <div class="topbar">
                <div class="container">
                    <div class="breaking-news-wrap">
                        <strong class="theme-clr">BREAKING NEWS:</strong>
                        <ul class="breaking-news-carousel owl-carousel">
                            <li>The Leader of the Fire Brigade has set out 'red lines' over... <a href="#" title="" itemprop="url">(Read Full Story)</a></li>
                            <li>The Leader of the Fire Brigade has set out 'red lines' over... <a href="#" title="" itemprop="url">(Read Full Story)</a></li>
                            <li>The Leader of the Fire Brigade has set out 'red lines' over... <a href="#" title="" itemprop="url">(Read Full Story)</a></li>
                        </ul>
                    </div><!-- Breaking News Wrap -->
                    <div class="social-btns-wrap">
                        <strong class="theme-clr">BE SOCIAL</strong>
                        <div class="social-btns1">
                            <a href="#" title="Twitter" itemprop="url" target="_blank"><i class="fa fa-twitter"></i></a>
                            <a href="#" title="Facebook" itemprop="url" target="_blank"><i class="fa fa-facebook"></i></a>
                            <a href="#" title="Google Plus" itemprop="url" target="_blank"><i class="fa fa-google-plus"></i></a>
                            <a href="#" title="Vimeo" itemprop="url" target="_blank"><i class="fa fa-vimeo"></i></a>
                            <a href="#" title="Youtube Play" itemprop="url" target="_blank"><i class="fa fa-youtube-play"></i></a>
                        </div>
                    </div>
                </div>
            </div><!-- TopBar -->
            <div class="menu-sec-wrap">
                <div class="container">
                    <div class="menu-sec">
                        <div class="logo"><a href="index.html" title="Logo" itemprop="url"><img src="assets/images/logo.png" alt="logo.png" itemprop="image"></a></div>
                        <nav>
                            <div>
                                <ul>
                                    <li><a href="index.html">Home</a></li>
                                    <li><a href="about.html">About</a></li>
                                    <li><a href="contact.html">Contact</a></li>
                                </ul>
                            </div>
                        </nav>
                    </div>
                </div>
            </div><!-- Menu Sec -->
        </header><!-- Header -->
        <div class="res-header">
            <div class="res-logo-sec">
                <div class="logo"><a href="index.html" title="" itemprop="url"><img src="assets/images/logo.png" alt="logo.png" itemprop="image"></a></div>
                <span class="res-menu-btn blue-bg brd-rd5"><i class="fa fa-align-justify"></i></span>
            </div>
            <div class="res-menu">
                <span class="res-menu-close brd-rd5"><i class="fa fa-close"></i></span>
                <ul>
                    <li><a href="index.html">Home</a></li>
                                    <li><a href="about.html">About</a></li>
                                    <li><a href="contact.html">Contact</a></li>
                </ul>
            </div>
        </div><!-- Responsive Header -->
        <section class="overlap120">
            <div id="rev_slider_4_1_wrapper" class="rev_slider_wrapper fullscreen-container" data-alias="notgeneric125" data-source="gallery" style="background-color:transparent;padding:0px;">
                <div id="rev_slider_4_1" class="rev_slider fullscreenbanner" style="display:none;" data-version="5.4.1">
                    <ul>
                        <li data-index="rs-1" data-transition="random" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off" data-title="Slide Title" data-easein="Power4.easeInOut" data-easeout="Power4.easeInOut" data-masterspeed="2000"  data-rotate="0"  data-fstransition="random" data-fsmasterspeed="1500" data-fsslotamount="7" data-saveperformance="off" data-param1="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description="">
                            <!-- MAIN IMAGE -->
                            <img src="assets/images/resources/slide1.jpg" alt="slide1.jpg" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="10" class="rev-slidebg" data-no-retina>
                            <!-- LAYER NR. 1 -->
                            <div class="tp-caption tp-resizeme" 
                                id="slide-layer-1" 
                                data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" 
                                data-y="['middle','middle','middle','middle']" data-voffset="['-130','-50','-30','30']" 
                                data-width="['100','100','70','70']"
                                data-height="['auto','auto','auto','auto']"
                                data-whitespace="nowrap"
                                data-basealign="slide" 
                                data-responsive_offset="on" 
                                data-responsive="on"
                                data-frames='[{"from":"y:-50px;opacity:0;","speed":1500,"to":"o:1;","delay":2000,"ease":"Power3.easeInOut"},{"delay":"wait","speed":1000,"to":"x:50px;opacity:0;","ease":"nothing"}]'
                                data-textAlign=""
                                data-paddingtop="[0,0,0,0]"
                                data-paddingright="[0,0,0,0]"
                                data-paddingbottom="[0,0,0,0]"
                                data-paddingleft="[0,0,0,0]"
                                style="border-radius: 50%;"><img style="border-radius: 50%;" src="assets/images/resources/slide-icon.png" alt="slide-icon.png" itemprop="image"> 
                            </div>
                            <!-- LAYER NR. 2 -->
                            <div class="tp-caption tp-resizeme" 
                                id="slide-layer-2" 
                                data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" 
                                data-y="['middle','middle','middle','middle']" data-voffset="['-30','-50','-30','0']" 
                                data-fontsize="['72','60','45','30']"
                                data-lineheight="['auto','auto','auto','auto']"
                                data-width="none"
                                data-height="none"
                                data-whitespace="nowrap"                     
                                data-type="text" 
                                data-responsive_offset="on"
                                data-frames='[{"from":"y:-[105%];z:0;rX:45deg;rY:0deg;rZ:0deg;sX:1;sY:1;skX:0;skY:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","speed":2000,"to":"o:1;","delay":1000,"split":"chars","splitdelay":0.05,"ease":"Power4.easeInOut"},{"delay":"wait","speed":1000,"to":"y:[100%];","mask":"x:inherit;y:inherit;s:inherit;e:inherit;","ease":"Power2.easeInOut"}]'
                                data-textAlign="['center','center','center','center']"
                                data-paddingtop="[0,0,0,0]"
                                data-paddingright="[0,0,0,0]"
                                data-paddingbottom="[0,0,0,0]"
                                data-paddingleft="[0,0,0,0]"
                                style="letter-spacing: 0;color: #fff;font-weight:700;font-family: poppins;">Helping People to
                            </div>
                            <!-- LAYER NR. 3 -->
                            <div class="tp-caption tp-resizeme" 
                                id="slide-layer-3" 
                                data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" 
                                data-y="['middle','middle','middle','middle']" data-voffset="['50','0','20','35']" 
                                data-fontsize="['48','30','25','20']"
                                data-lineheight="['auto','auto','auto','auto']"
                                data-width="none"
                                data-height="none"
                                data-whitespace="nowrap"                     
                                data-type="text" 
                                data-responsive_offset="on" 
                                data-frames='[{"from":"y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;","mask":"x:0px;y:0;s:inherit;e:inherit;","speed":2000,"to":"o:1;","delay":1500,"ease":"Power4.easeInOut"},{"delay":"wait","speed":1000,"to":"y:[100%];","mask":"x:inherit;y:inherit;s:inherit;e:inherit;","ease":"Power2.easeInOut"}]'
                                data-textAlign="['center','center','center','center']"
                                data-paddingtop="[0,0,0,0]"
                                data-paddingright="[0,0,0,0]"
                                data-paddingbottom="[0,0,0,0]"
                                data-paddingleft="[0,0,0,0]"
                                style="letter-spacing: 0;color: #fff;font-weight:400;font-family: poppins;">save their life!
                            </div>
                            <!-- LAYER NR. 4 -->
                            <div class="tp-caption tp-resizeme" 
                                id="slide-layer-4" 
                                data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" 
                                data-y="['middle','middle','middle','middle']" data-voffset="['100','30','60','70']" 
                                data-fontsize="['22','22','18','15']"
                                data-lineheight="['auto','auto','auto','auto']"
                                data-width="none"
                                data-height="none"
                                data-whitespace="nowrap"                     
                                data-type="text" 
                                data-responsive_offset="on"
                                data-frames='[{"from":"y:-[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;","mask":"x:0px;y:0;s:inherit;e:inherit;","speed":1500,"to":"o:1;","delay":2000,"ease":"Power4.easeInOut"},{"delay":"wait","speed":1000,"to":"y:[100%];","mask":"x:inherit;y:inherit;s:inherit;e:inherit;","ease":"Power2.easeInOut"}]'
                                data-textAlign="['center','center','center','center']"
                                data-paddingtop="[0,0,0,0]"
                                data-paddingright="[0,0,0,0]"
                                data-paddingbottom="[0,0,0,0]"
                                data-paddingleft="[0,0,0,0]"
                                style="letter-spacing:0;color: #fff;font-weight: 400;font-family: arimo;font-style: italic;">Lorem ipsum dolor sit amet, consectetur adipiscing.
                            </div>
                            <!-- LAYER NR. 5 -->
                            <div class="tp-caption rev-btn theme-btn brd-rd40" 
                                id="slide-layer-5" 
                                data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" 
                                data-y="['middle','middle','middle','middle']" data-voffset="['185','124','130','140']" 
                                data-width="none"
                                data-height="none"
                                data-whitespace="nowrap"                     
                                data-type="button" 
                                data-actions='[{"event":"click","action":"simplelink","slide":"next","delay":"","target": "_self", "url": "contact.html"}]'
                                data-responsive_offset="on" 
                                data-responsive="on"
                                data-frames='[{"from":"y:-[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;","mask":"x:0px;y:0;s:inherit;e:inherit;","speed":1500,"to":"o:1;","delay":2000,"ease":"Power4.easeInOut"},{"delay":"wait","speed":1000,"to":"y:[100%];","mask":"x:inherit;y:inherit;s:inherit;e:inherit;","ease":"Power2.easeInOut"}]'
                                data-textAlign="['center','center','center','center']"
                                data-paddingtop="[12,12,12,10]"
                                data-paddingright="[55,55,35,35]"
                                data-paddingbottom="[12,12,10,10]"
                                data-paddingleft="[55,55,35,35]"
                                style="cursor:pointer;line-height: 25px;display: inline-block;font-weight: 600;font-family: poppins;letter-spacing: 0;font-size: 15px;">GET CONTACT
                            </div>
                        </li>
                    </ul>
                </div>
            </div><!-- END REVOLUTION SLIDER -->
        </section>
        <section>
            <div class="spacing no-spacing gray-layer opc5">
                <div class="container">
                    <div class="feat-wrp overlap100">
                        <div class="row mrg">
                            <div class="col-md-4 col-sm-6 col-lg-4">
                                <div class="feat-bx bg1">
                                    <i class="flaticon-truck"></i>
                                    <h6 itemprop="headline">Quality Services</h6>
                                    <p itemprop="description">The Fire Department provides the highest standard of emergency response.</p>
                                </div>
                            </div>
                            <div class="col-md-4 col-sm-6 col-lg-4">
                                <div class="feat-bx bg2">
                                    <i class="flaticon-fireman"></i>
                                    <h6 itemprop="headline">Inspection Requests</h6>
                                    <p itemprop="description">The City Fire Department is Dedicated to Saving Lives, Fighting Fires, Safety and Prevention.</p>
                                </div>
                            </div>
                            <div class="col-md-4 col-sm-6 col-lg-4">
                                <div class="feat-bx bg3">
                                    <i class="flaticon-hydrant"></i>
                                    <h6 itemprop="headline">Fire Community</h6>
                                    <p itemprop="description">Get reports that show average response times from the moment a call to 911 is placed.</p>
                                </div>
                            </div>
                        </div>
                    </div><!-- Feature Wrap -->
                </div>
            </div>
        </section>
        <section>
            <div class="spacing gray-layer opc5">
                <div class="fixed-bg2" style="background-image: url(assets/images/smoke-bg3.png);"></div>
                <div class="container">
                    <div class="row">
                        <div class="col-md-6 col-sm-12 col-lg-6">
                            <div class="service-desc">
                                <i class="theme-clr">A Safer Community</i>
                                <h3 itemprop="headline">Get out quick, before the smoke gets thick!</h3>
                                <p itemprop="description">The Department of Fire and Emergency Services was established on 1 November 2012 and performs a critical role coordinating emergency services for a range of natural disasters and emergency incidents threatening life and property. It comprises more than 1600 operational personnel and corporate staff members. Eaque ipsa quae ab illo inventore veritatis</p>
                                <ul>
                                    <li>Regulatory Information</li>
                                    <li>Research & Development</li>
                                    <li>Corporate Citizenship</li>
                                </ul>
                                <a class="theme-btn brd-rd40" href="contact.html" title="" itemprop="url">JOIN DEPARTMENT</a>
                            </div>
                        </div>
                        <div class="col-md-6 col-sm-12 col-lg-6">
                            <div class="remove-ext5">
                                <div class="row">
                                    <div class="col-md-6 col-sm-6 col-lg-6">
                                        <div class="serv-box">
                                            <i class="brd-rd50"><img src="assets/images/resources/serv-icon1.png" alt="serv-icon1.png" itemprop="image"></i>
                                            <div class="serv-innr">
                                                <h6 itemprop="headline"><a href="#" title="" itemprop="url">Volunteering</a></h6>
                                                <p itemprop="description">The Department of Fire and Emergency Services.</p>
                                            </div>
                                        </div><!-- Service Box -->
                                    </div>
                                    <div class="col-md-6 col-sm-6 col-lg-6">
                                        <div class="serv-box">
                                            <i class="brd-rd50"><img src="assets/images/resources/serv-icon2.png" alt="serv-icon2.png" itemprop="image"></i>
                                            <div class="serv-innr">
                                                <h6 itemprop="headline"><a href="#" title="" itemprop="url">Emergency Services</a></h6>
                                                <p itemprop="description">The Emergency Services Levy (ESL) funds Western Australia’s...</p>
                                            </div>
                                        </div><!-- Service Box -->
                                    </div>
                                    <div class="col-md-6 col-sm-6 col-lg-6">
                                        <div class="serv-box">
                                            <i class="brd-rd50"><img src="assets/images/resources/serv-icon3.png" alt="serv-icon3.png" itemprop="image"></i>
                                            <div class="serv-innr">
                                                <h6 itemprop="headline"><a href="#" title="" itemprop="url">Safety Information</a></h6>
                                                <p itemprop="description">Western Australia (WA) is vuln erable to a range of natural.</p>
                                            </div>
                                        </div><!-- Service Box -->
                                    </div>
                                    <div class="col-md-6 col-sm-6 col-lg-6">
                                        <div class="serv-box">
                                            <i class="brd-rd50"><img src="assets/images/resources/serv-icon4.png" alt="serv-icon4.png" itemprop="image"></i>
                                            <div class="serv-innr">
                                                <h6 itemprop="headline"><a href="#" title="" itemprop="url">Fire Fighting</a></h6>
                                                <p itemprop="description">We are currently planning for the next trainee firefighter.</p>
                                            </div>
                                        </div><!-- Service Box -->
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <section>
            <div class="spacing">
                <div class="container">
                    <div class="sec-title text-center">
                        <h2 itemprop="headline"><i class="theme-clr">Dedicated to Saving Lives</i> Support After An Incident</h2>
                        <p itemprop="description">Eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odiaut.</p>
                    </div>
                    <div class="remove-ext3">
                        <div class="row">
                            <div class="col-md-4 col-sm-6 col-lg-4">
                                <div class="camp-box brd-rd5">
                                    <div class="camp-thumb">
                                        <a href="#" title="" itemprop="url"><img src="assets/images/resources/camp-img1.jpg" alt="camp-img1.jpg" itemprop="image"></a>
                                    </div>
                                    <div class="camp-info">
                                        <span class="camp-inchrg"><i class="fa fa-user"></i>Incharge: <a href="#" title="" itemprop="url">Thoms Brain</a></span>
                                        <h6 itemprop="headline"><a href="#" title="" itemprop="url">Vehicle Fires: Control the burning Mass</a></h6>
                                        <span class="camp-goal">Goal:<span class="theme-clr"><i>$</i>685,200</span></span>
                                    </div>
                                </div><!-- Campaign Box -->
                            </div>
                            <div class="col-md-4 col-sm-6 col-lg-4">
                                <div class="camp-box brd-rd5">
                                    <div class="camp-thumb">
                                        <a href="#" title="" itemprop="url"><img src="assets/images/resources/camp-img2.jpg" alt="camp-img2.jpg" itemprop="image"></a>
                                    </div>
                                    <div class="camp-info">
                                        <span class="camp-inchrg"><i class="fa fa-user"></i>Incharge: <a href="#" title="" itemprop="url">Thoms Brain</a></span>
                                        <h6 itemprop="headline"><a href="#" title="" itemprop="url">3 Habits Great Firefighters Share aperiam eaque</a></h6>
                                        <span class="camp-goal">Goal:<span class="theme-clr"><i>$</i>785,000</span></span>
                                    </div>
                                </div><!-- Campaign Box -->
                            </div>
                            <div class="col-md-4 col-sm-6 col-lg-4">
                                <div class="camp-box brd-rd5">
                                    <div class="camp-thumb">
                                        <a href="#" title="" itemprop="url"><img src="assets/images/resources/camp-img3.jpg" alt="camp-img3.jpg" itemprop="image"></a>
                                    </div>
                                    <div class="camp-info">
                                        <span class="camp-inchrg"><i class="fa fa-user"></i>Incharge: <a href="#" title="" itemprop="url">Thoms Brain</a></span>
                                        <h6 itemprop="headline"><a href="#" title="" itemprop="url">IAFC Announces New Grant Program inventore</a></h6>
                                        <span class="camp-goal">Goal:<span class="theme-clr"><i>$</i>485,800</span></span>
                                    </div>
                                </div><!-- Campaign Box -->
                            </div>
                        </div>
                    </div>
                    <div class="view-all text-center">
                        <a class="theme-btn brd-rd40" href="contact.html" title="" itemprop="url">JOIN DEPARTMENT</a>
                    </div>
                </div>
            </div>
        </section>
        <section>
            <div class="spacing no-spacing">
                <div class="container">
                    <div class="sec-title text-center">
                        <h2 itemprop="headline"><i class="theme-clr">Dedicated to Saving Lives</i> Support After An Incident</h2>
                        <p itemprop="description">Eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odiaut.</p>
                    </div>
                </div>
                <div class="gallery-wrap text-center">
                    <ul class="filter-btns">
                        <li class="active"><a class="brd-rd30" data-filter="*" href="#" title="" itemprop="url">Show All</a></li>
                        <li><a class="brd-rd30" data-filter=".filtr-cat1" href="#" title="" itemprop="url">Traffic Crashes</a></li>
                        <li><a class="brd-rd30" data-filter=".filtr-cat2" href="#" title="" itemprop="url">Medical Emergencies</a></li>
                        <li><a class="brd-rd30" data-filter=".filtr-cat3" href="#" title="" itemprop="url">Building Collapses</a></li>
                        <li><a class="brd-rd30" data-filter=".filtr-cat4" href="#" title="" itemprop="url">Special Tasks</a></li>
                    </ul>
                    <ul class="gallery-inner masonry">
                        <li class="filtr-cat filtr-cat1">
                            <a href="assets/images/resources/home-gal1.jpg" data-fancybox="gallery" title="" itemprop="url"><img src="assets/images/resources/home-gal1.jpg" alt="home-gal1.jpg" itemprop="image"></a>
                        </li>
                        <li class="filtr-cat filtr-cat2">
                            <a href="assets/images/resources/home-gal2.jpg" data-fancybox="gallery" title="" itemprop="url"><img src="assets/images/resources/home-gal2.jpg" alt="home-gal2.jpg" itemprop="image"></a>
                        </li>
                        <li class="filtr-cat filtr-cat3">
                            <a href="assets/images/resources/home-gal3.jpg" data-fancybox="gallery" title="" itemprop="url"><img src="assets/images/resources/home-gal3.jpg" alt="home-gal3.jpg" itemprop="image"></a>
                        </li>
                        <li class="filtr-cat filtr-cat4">
                            <a href="assets/images/resources/home-gal4.jpg" data-fancybox="gallery" title="" itemprop="url"><img src="assets/images/resources/home-gal4.jpg" alt="home-gal4.jpg" itemprop="image"></a>
                        </li>
                        <li class="filtr-cat filtr-cat1 filtr-cat2">
                            <a href="assets/images/resources/home-gal5.jpg" data-fancybox="gallery" title="" itemprop="url"><img src="assets/images/resources/home-gal5.jpg" alt="home-gal5.jpg" itemprop="image"></a>
                        </li>
                        <li class="filtr-cat filtr-cat1 filtr-cat3">
                            <a href="assets/images/resources/home-gal6.jpg" data-fancybox="gallery" title="" itemprop="url"><img src="assets/images/resources/home-gal6.jpg" alt="home-gal6.jpg" itemprop="image"></a>
                        </li>
                        <li class="filtr-cat filtr-cat1 filtr-cat4">
                            <a href="assets/images/resources/home-gal7.jpg" data-fancybox="gallery" title="" itemprop="url"><img src="assets/images/resources/home-gal7.jpg" alt="home-gal7.jpg" itemprop="image"></a>
                        </li>
                        <li class="filtr-cat filtr-cat2 filtr-cat3">
                            <a href="assets/images/resources/home-gal8.jpg" data-fancybox="gallery" title="" itemprop="url"><img src="assets/images/resources/home-gal8.jpg" alt="home-gal8.jpg" itemprop="image"></a>
                        </li>
                        <li class="filtr-cat filtr-cat1 filtr-cat4">
                            <a href="assets/images/resources/home-gal9.jpg" data-fancybox="gallery" title="" itemprop="url"><img src="assets/images/resources/home-gal9.jpg" alt="home-gal9.jpg" itemprop="image"></a>
                        </li>
                        <li class="filtr-cat filtr-cat2 filtr-cat3">
                            <a href="assets/images/resources/home-gal10.jpg" data-fancybox="gallery" title="" itemprop="url"><img src="assets/images/resources/home-gal10.jpg" alt="home-gal10.jpg" itemprop="image"></a>
                        </li>
                    </ul>
                </div><!-- Gallery Wrap -->              
            </div>
        </section>
        <section>
            <div class="spacing bottom-spac170">
                <div class="container">
                    <div class="sec-title text-center">
                        <h2 itemprop="headline"><i class="theme-clr">Support After An Incident</i> Department Heroes</h2>
                        <p itemprop="description">Eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odiaut.</p>
                    </div>
                    <div class="remove-ext3 text-center">
                        <div class="row">
                            <div class="col-md-4 col-sm-6 col-lg-4">
                                <div class="member-box brd-rd5">
                                    <div class="member-thumb">
                                        <a href="#" title="" itemprop="url"><img src="assets/images/resources/member-img1.jpg" alt="member-img1.jpg" itemprop="image"></a>
                                    </div>
                                    <div class="member-info">
                                        <h6 itemprop="headline"><a href="#" title="" itemprop="url">Vincent Hawks</a></h6>
                                        <span class="theme-clr">Chief Operating Officer</span>
                                    </div>
                                </div><!-- Member Box -->
                            </div>
                            <div class="col-md-4 col-sm-6 col-lg-4">
                                <div class="member-box brd-rd5">
                                    <div class="member-thumb">
                                        <a href="#" title="" itemprop="url"><img src="assets/images/resources/member-img2.jpg" alt="member-img2.jpg" itemprop="image"></a>
                                    </div>
                                    <div class="member-info">
                                        <h6 itemprop="headline"><a href="#" title="" itemprop="url">Martin Stephen</a></h6>
                                        <span class="theme-clr">Fire Team Captain</span>
                                    </div>
                                </div><!-- Member Box -->
                            </div>
                            <div class="col-md-4 col-sm-6 col-lg-4">
                                <div class="member-box brd-rd5">
                                    <div class="member-thumb">
                                        <a href="#" title="" itemprop="url"><img src="assets/images/resources/member-img3.jpg" alt="member-img3.jpg" itemprop="image"></a>
                                    </div>
                                    <div class="member-info">
                                        <h6 itemprop="headline"><a href="#" title="" itemprop="url">Eddie Spely</a></h6>
                                        <span class="theme-clr">Deputy Fire Captain</span>
                                    </div>
                                </div><!-- Member Box -->
                            </div>
                        </div>
                    </div>
                    <div class="view-all text-center">
                        <a class="theme-btn brd-rd40" href="#" title="" itemprop="url">MORE HEROES</a>
                    </div>
                </div>
            </div>
        </section>
        <section>
            <div class="spacing no-spacing gray-layer2 opc5">
                <div class="container">
                    <div class="apply-sec overlap80" style="background-image: url(assets/images/apply-bg.jpg);">
                        <div class="apply-inner apply-title">
                            <img class="brd-rd50" src="assets/images/resources/apply-icon.png" alt="apply-icon.png" itemprop="image">
                            <div class="apply-title-innr">
                                <h3 itemprop="headline"><span class="theme-clr">Heroes</span> Wanted Urgently!</h3>
                                <span>Join Our Fire Department</span>
                            </div>
                        </div>
                        <div class="apply-inner apply-btn">
                            <a class="theme-btn brd-rd40" href="contact.html" title="" itemprop="url">APPLY HERE</a>
                        </div>
                    </div><!-- Apply Sec -->
                </div>
            </div>
        </section>
        <section>
            <div class="spacing gray-layer2 opc5">
                <div class="fixed-bg2" style="background-image: url(assets/images/smoke-bg.png);"></div>
                <div class="container">
                    <div class="video-wrap">
                        <div class="row">
                            <div class="col-md-6 col-sm-12 col-lg-6">
                                <div class="video-mockp">
                                    <img src="assets/images/resources/video-mockp.png" alt="video-mockp.png" itemprop="image">
                                </div>
                            </div>
                            <div class="col-md-6 col-sm-12 col-lg-6">
                                <div class="service-desc video-desc">
                                    <h3 itemprop="headline">Think Safety Today, Be Alive Tomorrow!</h3>
                                    <p itemprop="description">Eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet.</p>
                                    <p itemprop="description">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam.</p>
                                    <div class="video-posts">
                                        <h5 itemprop="headline">OPERATIONS VIDEOS</h5>
                                        <div class="remove-ext3">
                                            <div class="row">
                                                <div class="col-md-6 col-sm-6 col-lg-6">
                                                    <div class="video-box-wrap">
                                                        <div class="video-box brd-rd5">
                                                            <img src="assets/images/resources/video-img1.jpg" alt="video-img1.jpg" itemprop="image">
                                                            <a href="#" data-fancybox title="Click To Play" itemprop="url"><i class="fa fa-play-circle"></i></a>
                                                            <h6 itemprop="headline">Recycling in our daily uses</h6>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-md-6 col-sm-6 col-lg-6">
                                                    <div class="video-box-wrap">
                                                        <div class="video-box brd-rd5">
                                                            <img src="assets/images/resources/video-img2.jpg" alt="video-img2.jpg" itemprop="image">
                                                            <a href="#" data-fancybox title="Click To Play" itemprop="url"><i class="fa fa-play-circle"></i></a>
                                                            <h6 itemprop="headline">3 Habits Great Firefighters</h6>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div><!-- Video Wrap -->
                </div>
            </div>
        </section>
        <section>
            <div class="spacing top-spac60 bottom-spac60 gray-bg">
                <div class="container">
                    <div class="facts-wrap text-center">
                        <div class="remove-ext3">
                            <div class="row">
                                <div class="col-md-3 col-sm-6 col-lg-3">
                                    <div class="fact-box">
                                        <h4 itemprop="headline"><span class="counter">28179</span></h4>
                                        <span class="theme-clr" itemprop="headline">Inspection Requests</span>
                                    </div>
                                </div>
                                <div class="col-md-3 col-sm-6 col-lg-3">
                                    <div class="fact-box">
                                        <h4 itemprop="headline"><span class="counter">319</span></h4>
                                        <span class="theme-clr" itemprop="headline">Families Saved</span>
                                    </div>
                                </div>
                                <div class="col-md-3 col-sm-6 col-lg-3">
                                    <div class="fact-box">
                                        <h4 itemprop="headline"><span class="counter">1789</span></h4>
                                        <span class="theme-clr" itemprop="headline">Fire Alarm Units</span>
                                    </div>
                                </div>
                                <div class="col-md-3 col-sm-6 col-lg-3">
                                    <div class="fact-box">
                                        <h4 itemprop="headline"><span class="counter">800</span><small>K</small></h4>
                                        <span class="theme-clr" itemprop="headline">Public Meetings</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div><!-- Fun Facts Section -->
                </div>
            </div>
        </section>
        <section>
            <div class="spacing black-layer opc8">
                <div class="fixed-bg" style="background-image: url(assets/images/parallax1.jpg);"></div>
                <div class="container">
                    <div class="testimonials-wrap">
                        <div class="row">
                            <div class="col-md-4 col-sm-12 col-lg-4">
                                <div class="call-info">
                                    <h4 itemprop="headline">Call Us Immediately, You Are The One:</h4>
                                    <h2 class="theme-clr" itemprop="headline">1-234-5689-10</h2>
                                    <a class="theme-btn brd-rd40" href="contact.html" title="" itemprop="url">JOIN US NOW!</a>
                                </div>
                            </div>
                            <div class="col-md-8 col-sm-12 col-lg-8">
                                <div class="testimonials-carousel owl-carousel">
                                    <div class="testimonial-box">
                                        <p itemprop="description">“Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, cons ectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem”</p>
                                        <div class="testimonial-info">
                                            <img class="brd-rd50" src="assets/images/resources/testimonial-img1.jpg" alt="testimonial-img1.jpg" itemprop="image">
                                            <div class="testimonial-info-inner">
                                                <h5 itemprop="headline">TERESA WARD</h5>
                                                <span class="theme-clr">Los Angeles Citizen</span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="testimonial-box">
                                        <p itemprop="description">“Athletes and musicians make astronomical amounts of money. People get paid $100 million to throw a baseball! Shouldn't we all take less and pass some of that money onto others? Think about firefighters, teachers and policemen.”</p>
                                        <div class="testimonial-info">
                                            <img class="brd-rd50" src="assets/images/resources/testimonial-img2.jpg" alt="testimonial-img2.jpg" itemprop="image">
                                            <div class="testimonial-info-inner">
                                                <h5 itemprop="headline">ALENA SMITH</h5>
                                                <span class="theme-clr">New York Citizen</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div><!-- Testimonials Wrap -->
                </div>
            </div>
        </section>
        <section>
            <div class="spacing">
                <div class="container">
                    <div class="row">
                        <div class="col-md-6 col-sm-12 col-lg-6">
                            <div class="news-updates">
                                <h3 itemprop="headline">NEWS & UPDATES</h3>
                                <div class="remove-ext3">
                                    <div class="news-box list">
                                        <div class="news-thumb brd-rd5">
                                            <a href="#" title="" itemprop="url"><img src="assets/images/resources/news-mid-img1.jpg" alt="news-mid-img1.jpg" itemprop="image"></a>
                                        </div>
                                        <div class="news-info">
                                            <h6 itemprop="headline"><a href="#" title="" itemprop="url">Emergency Medical Service</a></h6>
                                            <ul class="post-meta">
                                                <li><i class="fa fa-user"></i> <a href="#" title="" itemprop="url">Nelson Doe</a></li>
                                                <li><i class="fa fa-calendar"></i> <a href="#" title="" itemprop="url">10 Aug, 2017</a></li>
                                            </ul>
                                            <p itemprop="description">Temporibus autem quibusdam et aut of debitis aut rerum necessitatibus saepe.</p>
                                        </div>
                                    </div>
                                    <div class="news-box list">
                                        <div class="news-thumb brd-rd5">
                                            <a href="#" title="" itemprop="url"><img src="assets/images/resources/news-mid-img2.jpg" alt="news-mid-img2.jpg" itemprop="image"></a>
                                        </div>
                                        <div class="news-info">
                                            <h6 itemprop="headline"><a href="#" title="" itemprop="url">These Cases are perfectly</a></h6>
                                            <ul class="post-meta">
                                                <li><i class="fa fa-user"></i> <a href="#" title="" itemprop="url">Nelson Doe</a></li>
                                                <li><i class="fa fa-calendar"></i> <a href="#" title="" itemprop="url">10 Aug, 2017</a></li>
                                            </ul>
                                            <p itemprop="description">Lorem ipsum dolor sit amet, consectetur adipi scing elit, sed do eiusmod tempor.</p>
                                        </div>
                                    </div>
                                </div>
                            </div><!-- News & Updates -->
                        </div>
                        <div class="col-md-6 col-sm-12 col-lg-6">
                            <div class="recent-events">
                                <h3 itemprop="headline">RECENT EVENTS</h3>
                                <div class="remove-ext3">
                                    <div class="event-box">
                                        <span class="event-date brd-rd5 theme-bg">30 <i>AUG 2017</i></span>
                                        <div class="event-info">
                                            <ul class="post-meta">
                                                <li><i class="fa fa-clock-o"></i> 09.00am - 05:00pm</li>
                                                <li><i class="fa fa-users"></i> 240 Going</li>
                                            </ul>
                                            <h6 itemprop="headline"><a href="#" title="" itemprop="url">Safe Life when our power</a></h6>
                                            <p itemprop="description">Temporibus autem quibusdam et aut of debitis aut rerum necessitatibus saepe.</p>
                                            <span class="event-loc"><i class="fa fa-paper-plane"></i> FireBrigade Building, 5th Avenue, UK</span>
                                        </div>
                                    </div>
                                    <div class="event-box">
                                        <span class="event-date brd-rd5 theme-bg">25 <i>MAR 2017</i></span>
                                        <div class="event-info">
                                            <ul class="post-meta">
                                                <li><i class="fa fa-clock-o"></i> 09.00am - 05:00pm</li>
                                                <li><i class="fa fa-users"></i> 185 Going</li>
                                            </ul>
                                            <h6 itemprop="headline"><a href="#" title="" itemprop="url">When our power of choice</a></h6>
                                            <p itemprop="description">Lorem ipsum dolor sit amet, consectetur adipi scing elit, sed do eiusmod tempor.</p>
                                            <span class="event-loc"><i class="fa fa-paper-plane"></i> FireBrigade Building, 5th Avenue, UK</span>
                                        </div>
                                    </div>
                                </div>
                            </div><!-- Recent Events -->
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <section>
            <div class="spacing top-spac80 bottom-spac80 gray-bg">
                <div class="container">
                    <div class="sponsors-carousel owl-carousel text-center">
                        <div class="sponsor-box">
                            <a href="#" title="" itemprop="url"><img src="assets/images/resources/sponsor-img1.png" alt="sponsor-img1.png" itemprop="image"></a>
                        </div>
                        <div class="sponsor-box">
                            <a href="#" title="" itemprop="url"><img src="assets/images/resources/sponsor-img2.png" alt="sponsor-img2.png" itemprop="image"></a>
                        </div>
                        <div class="sponsor-box">
                            <a href="#" title="" itemprop="url"><img src="assets/images/resources/sponsor-img3.png" alt="sponsor-img3.png" itemprop="image"></a>
                        </div>
                        <div class="sponsor-box">
                            <a href="#" title="" itemprop="url"><img src="assets/images/resources/sponsor-img4.png" alt="sponsor-img4.png" itemprop="image"></a>
                        </div>
                        <div class="sponsor-box">
                            <a href="#" title="" itemprop="url"><img src="assets/images/resources/sponsor-img5.png" alt="sponsor-img5.png" itemprop="image"></a>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <footer>
            <div class="spacing bottom-spac80 top-spac80 black-layer opc7">
                <div class="fixed-bg" style="background-image: url(assets/images/parallax2.jpg);"></div>
                <div class="container">
                    <div class="footer-wrap remove-ext6">
                        <div class="row">
                            <div class="col-md-3 col-sm-6 col-lg-3">
                                <div class="widget-box">
                                    <div class="logo"><a href="index.html" title="Logo" itemprop="url"><img src="assets/images/logo.png" alt="logo.png" itemprop="image"></a></div>
                                    <p itemprop="description">Eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur.</p>
                                </div>
                            </div>
                            <div class="col-md-3 col-sm-6 col-lg-3">
                                <div class="widget-box">
                                    <h6 itemprop="headline">QUICK SERVICES</h6>
                                    <ul>
                                        <li><a href="#" title="" itemprop="url">Ambulance Services</a></li>
                                        <li><a href="#" title="" itemprop="url">Fire Fighting</a></li>
                                        <li><a href="#" title="" itemprop="url">Rescue Services</a></li>
                                        <li><a href="#" title="" itemprop="url">Community Safety</a></li>
                                        <li><a href="#" title="" itemprop="url">Fire Suppression</a></li>
                                        <li><a href="#" title="" itemprop="url">Emergency Medical</a></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="col-md-3 col-sm-6 col-lg-3">
                                <div class="widget-box">
                                    <h6 itemprop="headline">LATEST NEWS</h6>
                                    <div class="mini-post">
                                        <a class="brd-rd5" href="#" title="" itemprop="url"><img src="assets/images/resources/mini-post-img1.jpg" alt="mini-post-img1.jpg" itemprop="image"></a>
                                        <div class="mini-post-info">
                                            <h6 itemprop="headline"><a href="#" title="" itemprop="url">Emergency Medical Serv..</a></h6>
                                            <ul class="post-meta">
                                                <li><i class="fa fa-user"></i> <a href="#" title="" itemprop="url">Nelson Doe</a></li>
                                                <li><i class="fa fa-calendar"></i> <a href="#" title="" itemprop="url">10 Aug, 2017</a></li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="mini-post">
                                        <a class="brd-rd5" href="#" title="" itemprop="url"><img src="assets/images/resources/mini-post-img2.jpg" alt="mini-post-img2.jpg" itemprop="image"></a>
                                        <div class="mini-post-info">
                                            <h6 itemprop="headline"><a href="#" title="" itemprop="url">These Cases are Perfectly</a></h6>
                                            <ul class="post-meta">
                                                <li><i class="fa fa-user"></i> <a href="#" title="" itemprop="url">Nelson Doe</a></li>
                                                <li><i class="fa fa-calendar"></i> <a href="#" title="" itemprop="url">06 Aug, 2016</a></li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="mini-post">
                                        <a class="brd-rd5" href="#" title="" itemprop="url"><img src="assets/images/resources/mini-post-img3.jpg" alt="mini-post-img3.jpg" itemprop="image"></a>
                                        <div class="mini-post-info">
                                            <h6 itemprop="headline"><a href="#" title="" itemprop="url">Charms of pleasure mom</a></h6>
                                            <ul class="post-meta">
                                                <li><i class="fa fa-user"></i> <a href="#" title="" itemprop="url">Nelson Doe</a></li>
                                                <li><i class="fa fa-calendar"></i> <a href="#" title="" itemprop="url">30 Jul, 2017</a></li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-3 col-sm-6 col-lg-3">
                                <div class="widget-box">
                                    <h6 itemprop="headline">INSTAGRAM</h6>
                                    <div class="insta-gal">
                                        <div class="row mrg6">
                                            <div class="col-md-4 col-sm-4 col-lg-4">
                                                <a href="assets/images/resources/home-gal1.jpg" data-fancybox="gallery" title="" itemprop="url"><img src="assets/images/resources/insta1.jpg" alt="insta1.jpg" itemprop="image"></a>
                                            </div>
                                            <div class="col-md-4 col-sm-4 col-lg-4">
                                                <a href="assets/images/resources/insta2.jpg" data-fancybox="gallery" title="" itemprop="url"><img src="assets/images/resources/insta2.jpg" alt="insta2.jpg" itemprop="image"></a>
                                            </div>
                                            <div class="col-md-4 col-sm-4 col-lg-4">
                                                <a href="assets/images/resources/insta3.jpg" data-fancybox="gallery" title="" itemprop="url"><img src="assets/images/resources/insta3.jpg" alt="insta3.jpg" itemprop="image"></a>
                                            </div>
                                            <div class="col-md-4 col-sm-4 col-lg-4">
                                                <a href="assets/images/resources/insta4.jpg" data-fancybox="gallery" title="" itemprop="url"><img src="assets/images/resources/insta4.jpg" alt="insta4.jpg" itemprop="image"></a>
                                            </div>
                                            <div class="col-md-4 col-sm-4 col-lg-4">
                                                <a href="assets/images/resources/insta5.jpg" data-fancybox="gallery" title="" itemprop="url"><img src="assets/images/resources/insta5.jpg" alt="insta5.jpg" itemprop="image"></a>
                                            </div>
                                            <div class="col-md-4 col-sm-4 col-lg-4">
                                                <a href="assets/images/resources/insta6.jpg" data-fancybox="gallery" title="" itemprop="url"><img src="assets/images/resources/insta6.jpg" alt="insta6.jpg" itemprop="image"></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div><!-- Footer Data -->
                </div>
            </div>
        </footer><!-- Footer -->
        <div class="bottom-bar text-center">
            <div class="container">
                <p itemprop="description">Copyright &copy; 2019.Company name All rights reserved.</p>
            </div>
        </div><!-- Bottom Bar -->
    </main><!-- Project Main Wrapper -->
    <!-- SLIDER REVOLUTION 5.0 EXTENSIONS  (Load Extensions only on Local File Systems !  The following part can be removed on Server for On Demand Loading) -->    
<style>
.copyrights{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}
</style>
<div class="copyrights">
	Collect from <a href="http://www.51qianduan.com/"  title="网站模板">模板之家</a>
	<a href="http://51qianduan.com.cn/" title="组卷网">组卷网</a>
</div>
</body>
</html>



用户评论
大牛,别默默的看了,快登录帮我点评一下吧!:)      登录 | 注册


热门标签: 扁平化 养生会馆 植物花草 宽屏全屏 游戏 黑色 bootstrap自适应 IT网络科技 蓝色 普通自适应 欧美风 旅游 红色 中国风 金融理财保险 绿色 韩系 高校 灰色 日系 简洁简约 工业产品 黄色 炫酷 家居装饰 紫色 卡通动画 橙色 招聘猎头 精美 实用通用 艺术创意 粉色 政府 婚庆 大气 白色 新闻资讯 婚纱摄影 棕色 清新 教育培训 彩色 绘画 设计 餐饮美食 其他风格 外贸 服装服饰 建筑 化工企业 医药器械 美容美发 动漫 电影视频 包装印刷 机械 汽车4S店 农业产品 咨询管理 酒店 健身房 化妆品 食品 花卉 房地产 协会组织 快递货运 数码电器 搬家 珠宝首饰 酒业 文化传媒 装修装饰 医院医疗 律师 酒吧音乐 图书 动物宠物 航空航天 股票 能源 公益 饮品 生活用品 家政保洁 体育 房屋租赁 商务 电力公司 打车租车 环保 宗教寺庙 工具文具 企业行业 自适应响应式 风格类型 颜色色彩

×
×
51前端

注册

×
绑定手机

请绑定手机号,在继续操作

×
单次下载支付

应付金额:279

支付完成后,回到下载页面,在进行下载

官方QQ群
意见反馈
qq群

扫描上面二维码加微信群

官方QQ群

jQuery/js讨论群
群号:642649996
Css3+Html5讨论群
群号:322131262

加群请备注:从官网了解到