@include('header')
            <!-- Slider Section -->
            <section class="sliderArea home2" data-currentslide="activRev_1">
                <div class="tp-banner1">
                    <ul>
                        <li  data-transition="curtain-3" data-slotamount="7" data-masterspeed="1000" >
                            <img src="images/home1/slider2.jpg"  alt="slidebg1"  data-bgfit="cover" data-bgposition="left top" data-bgrepeat="no-repeat">
                            <div class="tp-caption lightgrey_divider lft fadeout"
                                 data-x="left"
                                 data-y="235"
                                 data-speed="1400"
                                 data-start="1300"
                                 data-easing="Power4.easeOut">
                                <p class="redCaption">Ultimate, Multipurpose Business</p>
                            </div>
                            <div class="tp-caption lightgrey_divider lfr fadeout"
                                 data-x="left"
                                 data-y="266"
                                 data-speed="1400"
                                 data-start="1300"
                                 data-easing="Power4.easeOut">
                                <h1 class="headCaption">.HTML5<span>Template</span></h1>
                            </div>
                            <div class="tp-caption lightgrey_divider lfl fadeout"
                                 data-x="left"
                                 data-y="395"
                                 data-speed="1400"
                                 data-start="1300"
                                 data-easing="easeInOutElastic">
                                <p class="capItalic">
                                    Consetetur sadipscing elitr, sed diam nonumy 
                                    eirmod tempor invidunt ut labore et <br> dolore magna aliquyam erat, 
                                    sed diam voluptua.
                                </p>
                            </div>
                            <div class="tp-caption lightgrey_divider lfb fadeout"
                                 data-x="left"
                                 data-y="460"
                                 data-speed="1400"
                                 data-start="1300"
                                 data-easing="Power4.easeOut">
                                <a href="#" class="sliderBtn"><i class="icon-bulb"></i><span>Learn More</span></a>
                            </div>
                            <div class="tp-caption lightgrey_divider lft fadeout resFix"
                                 data-x="right"
                                 data-y="75"
                                 data-speed="1400"
                                 data-start="1300"
                                 data-easing="easeOutBack">
                                <div class="sliderImg two">
                                    <img src="images/home2/sldCap2.png" alt="ThemeWar">
                                </div>
                            </div>
                        </li>
                        <li data-transition="boxslide" data-slotamount="7" data-masterspeed="1000" >
                            <img src="images/home1/slider1.jpg"  alt="slidebg1"  data-bgfit="cover" data-bgposition="left top" data-bgrepeat="no-repeat">
                            <div class="tp-caption lightgrey_divider lft fadeout"
                                 data-x="left"
                                 data-y="235"
                                 data-speed="1400"
                                 data-start="1300"
                                 data-easing="Power4.easeOut">
                                <p class="redCaption">Ultimate, Multipurpose Business</p>
                            </div>
                            <div class="tp-caption lightgrey_divider lfr fadeout"
                                 data-x="left"
                                 data-y="266"
                                 data-speed="1400"
                                 data-start="1300"
                                 data-easing="Power4.easeOut">
                                <h1 class="headCaption">.HTML5<span>Template</span></h1>
                            </div>
                            <div class="tp-caption lightgrey_divider lfl fadeout"
                                 data-x="left"
                                 data-y="395"
                                 data-speed="1400"
                                 data-start="1300"
                                 data-easing="easeInOutElastic">
                                <p class="capItalic">
                                    Consetetur sadipscing elitr, sed diam nonumy 
                                    eirmod tempor invidunt ut labore et <br> dolore magna aliquyam erat, 
                                    sed diam voluptua.
                                </p>
                            </div>
                            <div class="tp-caption lightgrey_divider lfb fadeout"
                                 data-x="left"
                                 data-y="460"
                                 data-speed="1400"
                                 data-start="1300"
                                 data-easing="Power4.easeOut">
                                <a href="#" class="sliderBtn"><i class="icon-bulb"></i><span>Learn More</span></a>
                            </div>
                            <div class="tp-caption lightgrey_divider lft fadeout resFix"
                                 data-x="right"
                                 data-y="75"
                                 data-speed="1400"
                                 data-start="1300"
                                 data-easing="easeOutBack">
                                <div class="sliderImg">
                                    <img src="images/home1/sldCap1.png" alt="ThemeWar">
                                </div>
                            </div>
                        </li>
                        <li  data-transition="slotslide-horizontal" data-slotamount="7" data-masterspeed="1000" >
                            <img src="images/home1/slider3.jpg"  alt="slidebg1"  data-bgfit="cover" data-bgposition="left top" data-bgrepeat="no-repeat">
                            <div class="tp-caption lightgrey_divider lft fadeout"
                                 data-x="left"
                                 data-y="235"
                                 data-speed="1400"
                                 data-start="1300"
                                 data-easing="Power4.easeOut">
                                <p class="redCaption">Ultimate, Multipurpose Business</p>
                            </div>
                            <div class="tp-caption lightgrey_divider lfr fadeout"
                                 data-x="left"
                                 data-y="266"
                                 data-speed="1400"
                                 data-start="1300"
                                 data-easing="Power4.easeOut">
                                <h1 class="headCaption">.HTML5<span>Template</span></h1>
                            </div>
                            <div class="tp-caption lightgrey_divider lfl fadeout"
                                 data-x="left"
                                 data-y="395"
                                 data-speed="1400"
                                 data-start="1300"
                                 data-easing="easeInOutElastic">
                                <p class="capItalic">
                                    Consetetur sadipscing elitr, sed diam nonumy 
                                    eirmod tempor invidunt ut labore et <br> dolore magna aliquyam erat, 
                                    sed diam voluptua.
                                </p>
                            </div>
                            <div class="tp-caption lightgrey_divider lfb fadeout"
                                 data-x="left"
                                 data-y="460"
                                 data-speed="1400"
                                 data-start="1300"
                                 data-easing="Power4.easeOut">
                                <a href="#" class="sliderBtn"><i class="icon-bulb"></i><span>Learn More</span></a>
                            </div>
                            <div class="tp-caption lightgrey_divider lft fadeout resFix"
                                 data-x="right"
                                 data-y="75"
                                 data-speed="1400"
                                 data-start="1300"
                                 data-easing="easeOutBack">
                                <div class="sliderImg three">
                                    <img src="images/home3/sldCap3.png" alt="ThemeWar">
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
            </section>
            <!-- Testimonial Section -->
            <section class="testiArea commonSection">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-10 col-lg-offset-1 col-sm-offset-1 col-sm-10 col-xs-12 text-center">
                            <div class="singleTesti wow fadeInUp" data-wow-duration="700ms" data-wow-delay="300ms">
                                <h2>Welcome <span> to</span> Muke<span>Soft</span></h2>
                            </div>
                            
                             <div class="quote wow fadeInUp welcome-div" data-wow-duration="700ms" data-wow-delay="350ms">
                                <p class="welcome-div">
                                    We create interactive, modern, eye-catching websites. We help you build strong online presence for your business by creating a professional website which best suits your needs and target audience.</p>
                                    <p class="welcome-div">
                                    We are passionate to help your business online by improving user experience & generating more traffic which will increase sales or leads.
                                </p>
                               
                            </div>
                        </div>
                        
                        <div class="col-lg-6 col-lg-offset-3 col-sm-offset-1 col-sm-10 col-xs-12 text-center">
                            
                            <div class="quote wow fadeInUp" data-wow-duration="700ms" data-wow-delay="350ms">
                                <p class="quotation">
                                    Websites promote you 24/7: No employee will do that.
                                </p>
                                <p class="name">-  <span>Paul</span> Cookson  -</p>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- Feature Section -->
            <section class="featureArea commonSection">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-3 col-sm-6 col-xs-12 text-center wow fadeInUp" data-wow-duration="700ms" data-wow-delay="300ms">
                            <div class="featureImg">
                                <img src="images/home1/feature1.png" alt="">
                            </div>
                            <div class="featureContent">
                                <h3><a href="E-Commerce Solutions.php">E-Commerce <span>Solutions</span></a></h3>
                                <p>
                                	E-commerce is considered an excellent alternative for companies to reach new customers. Selling online is the next logical step for all businesses. We help in building systems to sell products and services online.
                                </p>
                            </div>
                        </div>
                        <div class="col-lg-3 col-sm-6 col-xs-12 text-center wow fadeInUp" data-wow-duration="700ms" data-wow-delay="350ms">
                            <div class="featureImg">
                                <img src="images/home1/feature2.png" alt="">
                            </div>
                            <div class="featureContent">
                                <h3><a href="Website Development.php">Website <span>Development</span></a></h3>
                                <p>
                                	We are a web application development company focused on building world class web 2.0 solutions using the best that technology has to offer. Custom web application development is what we do best.
                                </p>
                            </div>
                        </div>
                        <div class="col-lg-3 col-sm-6 col-xs-12 text-center wow fadeInUp" data-wow-duration="700ms" data-wow-delay="400ms">
                            <div class="featureImg">
                                <img src="images/home1/feature3.png" alt="">
                            </div>
                            <div class="featureContent">
                                <h3><a href="Software Development.php">Software <span>Development</span></a></h3>
                                <p>
                                	We are uniquely poised to deliver quality custom application software development web solutions banking upon our creative and technical expertise.
                                </p>
                            </div>
                        </div>
                        <div class="col-lg-3 col-sm-6 col-xs-12 text-center wow fadeInUp" data-wow-duration="700ms" data-wow-delay="450ms">
                            <div class="featureImg">
                                <img src="images/home1/feature4.png" alt="">
                            </div>
                            <div class="featureContent">
                                <h3><a href="Search Engine Opimization.php">Search Engine <span>Optimization</span></a></h3>
                                <p>
                                	SEO is the process of improving the volume or quality of traffic to a web site from search engines via "natural" search results.
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- Service Section -->
            <section class="serviceArea commonSection">
                <div class="overlay"></div>
                <div class="container">
                    <div class="row">
                    
                    	<div class="col-lg-12 col-sm-12 col-xs-12 text-center">
                            <h2 class="commonTittle wow fadeInUp" data-wow-duration="700ms" data-wow-delay="300ms"  style="color: #fff;">Why choose<span>Mukesoft</span></h2>
                            <p class="subTittle wow fadeInUp" data-wow-duration="700ms" data-wow-delay="350ms" style="color: #fff;">Mukesoft is one of the fastest growing software development and consultancy organizations providing comprehensive solutions to your business. The company is passionate about creating innovative web solutions for end users.</p>
                        </div>
                    
                        <div class="col-lg-4 col-sm-4 col-xs-12 wow fadeInUp" data-wow-duration="700ms" data-wow-delay="300ms">
                            <div class="singleService first">
                                <div class="serviceContent pull-left text-right">
                                    <h4><a href="#">Design <span>Changes on pages</span></a></h4>
                                    <p>Until Client Satisfaction</p>
                                </div>
                                <div class="serviceIcon pull-right">
                                    <i class="icon-pen2"></i>
                                </div>
                            </div>
                            <div class="singleService">
                                <div class="serviceContent pull-left text-right">
                                    <h4><a href="#">Issues and Bugs <span>fixing</span></a></h4>
                                    <p>Dolores et ea rebum stet clita kasd</p>
                                </div>
                                <div class="serviceIcon pull-right">
                                    <i class="fa fa-code"></i>
                                </div>
                            </div>
                            <div class="singleService">
                                <div class="serviceContent pull-left text-right">
                                    <h4><a href="#">Quality <span>Testing</span></a></h4>
                                    <p>Stet clita kasd gubergren no sea</p>
                                </div>
                                <div class="serviceIcon pull-right">
                                    <i class="icon-search3"></i>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4 col-sm-4 col-xs-12 wow fadeInUp" data-wow-duration="700ms" data-wow-delay="350ms">
                            <div class="serviceImg">
                                <img src="images/home1/mobile.png" alt="">
                            </div>
                        </div>
                        <div class="col-lg-4 col-sm-4 col-xs-12 wow fadeInUp" data-wow-duration="700ms" data-wow-delay="400ms">
                            <div class="singleService first">
                                <div class="serviceIcon pull-left">
                                    <i class="icon-bubble"></i>
                                </div>
                                <div class="serviceContent pull-right text-left">
                                    <h4><a href="#">Analysis <span> & Consulting</span></a></h4>
                                    <p>Takimata sanctus est lorem ipsum</p>
                                </div>
                            </div>
                            <div class="singleService right">
                                <div class="serviceIcon pull-left">
                                    <i class="icon-user3"></i>
                                </div>
                                <div class="serviceContent pull-right text-left">
                                    <h4><a href="#">Alternative <span>Solutions</span></a></h4>
                                    <p>Dolor sit amet. Lorem ipsum dolor sit</p>
                                </div>
                            </div>
                            <div class="singleService">
                                <div class="serviceIcon pull-left">
                                    <i class="icon-thumbs-up"></i>
                                </div>
                                <div class="serviceContent pull-right text-left">
                                    <h4><a href="#">Quick <span>services</span></a></h4>
                                    <p>Amet consetetur sadipscing elitr</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- Portfolio Section -->
            <section class="portfolioArea commonSection home2">
                <div class="container-fluid">
                    <div class="row">
                        <div class="col-lg-12 col-sm-12 col-xs-12 text-center">
                            <h2 class="commonTittle wow fadeInUp" data-wow-duration="700ms" data-wow-delay="300ms">Our<span>portfolio</span></h2>
                            <p class="subTittle wow fadeInUp" data-wow-duration="700ms" data-wow-delay="350ms">Recent projects</p>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-lg-12 col-sm-12 col-xs-12">
                            <ul class="folioBtn text-center wow fadeInUp" data-wow-duration="700ms" data-wow-delay="300ms">
                                <li class="filter" data-filter="all">All</li>
                                <li class="filter" data-filter="wdesign">Web Design</li>
                                <li class="filter" data-filter="print">Print</li>
                                <li class="filter" data-filter="photo">Photography</li>
                                <li class="filter" data-filter="marketing">Marketing</li>
                                <li class="filter" data-filter="mdia">Media</li>
                                <li class="filter" data-filter="brand">Branding</li>
                            </ul>
                        </div>
                    </div>
                    <div class="row">
                        <div id="mixer">
                            <div class="col-lg-3 col-sm-6 col-xs-12 noPadding text-center mix wdesign mdia">
                                <div class="folioImg">
                                    <img src="images/home2/folio1.jpg" alt="">
                                    <div class="folioHover2 dirHov">
                                        <a href="images/home1/folio1h.jpg" class="prePhoto" data-rel="prettyPhoto"><i class="icon-search3"></i></a>
                                        <a href="folio1.php" class="detailsLink"><i class="icon-location"></i></a>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-3 col-sm-6 col-xs-12 noPadding text-center mix print brand">
                                <div class="folioImg">
                                    <img src="images/home2/folio2.jpg" alt="">
                                    <div class="folioHover2 dirHov">
                                        <a href="images/home1/folio6h.jpg" class="prePhoto" data-rel="prettyPhoto"><i class="icon-search3"></i></a>
                                        <a href="folio1.php" class="detailsLink"><i class="icon-location"></i></a>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-3 col-sm-6 col-xs-12 noPadding text-center mix photo">
                                <div class="folioImg">
                                    <img src="images/home2/folio3.jpg" alt="">
                                    <div class="folioHover2 dirHov">
                                        <a href="images/home1/folio9h.jpg" class="prePhoto" data-rel="prettyPhoto"><i class="icon-search3"></i></a>
                                        <a href="folio1.php" class="detailsLink"><i class="icon-location"></i></a>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-3 col-sm-6 col-xs-12 noPadding text-center mix marketing">
                                <div class="folioImg">
                                    <img src="images/home2/folio4.jpg" alt="">
                                    <div class="folioHover2 dirHov">
                                        <a href="images/home1/folio10h.jpg" class="prePhoto" data-rel="prettyPhoto"><i class="icon-search3"></i></a>
                                        <a href="folio1.php" class="detailsLink"><i class="icon-location"></i></a>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-3 col-sm-6 col-xs-12 noPadding text-center mix mdia photo">
                                <div class="folioImg">
                                    <img src="images/home2/folio5.jpg" alt="">
                                    <div class="folioHover2 dirHov">
                                        <a href="images/home1/folio3h.jpg" class="prePhoto" data-rel="prettyPhoto"><i class="icon-search3"></i></a>
                                        <a href="folio1.php" class="detailsLink"><i class="icon-location"></i></a>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-3 col-sm-6 col-xs-12 noPadding text-center mix brand marketing">
                                <div class="folioImg">
                                    <img src="images/home2/folio6.jpg" alt="">
                                    <div class="folioHover2 dirHov">
                                        <a href="images/home1/folio7h.jpg" class="prePhoto" data-rel="prettyPhoto"><i class="icon-search3"></i></a>
                                        <a href="folio1.php" class="detailsLink"><i class="icon-location"></i></a>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-3 col-sm-6 col-xs-12 noPadding text-center mix wdesign">
                                <div class="folioImg">
                                    <img src="images/home2/folio7.jpg" alt="">
                                    <div class="folioHover2 dirHov">
                                        <a href="images/home1/folio11h.jpg" class="prePhoto" data-rel="prettyPhoto"><i class="icon-search3"></i></a>
                                        <a href="folio1.php" class="detailsLink"><i class="icon-location"></i></a>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-3 col-sm-6 col-xs-12 noPadding text-center mix print">
                                <div class="folioImg">
                                    <img src="images/home2/folio8.jpg" alt="">
                                    <div class="folioHover2 dirHov">
                                        <a href="images/home1/folio5h.jpg" class="prePhoto" data-rel="prettyPhoto"><i class="icon-search3"></i></a>
                                        <a href="folio1.php" class="detailsLink"><i class="icon-location"></i></a>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
            </section>

            <!-- Fun Facts Section -->
            <section class="funFactArea commonSection">
                <div class="allFacts">
                    <div class="singleFacts text-center wow fadeInUp" data-wow-duration="700ms" data-wow-delay="300ms">
                        <h1 class="mycounter" data-counter="42854">42<span>854</span></h1>
                        <p>happy clients</p>
                    </div>
                    <div class="singleFacts text-center wow fadeInUp" data-wow-duration="700ms" data-wow-delay="350ms">
                        <h1 class="mycounter" data-counter="3583">3<span>583</span></h1>
                        <p>project made</p>
                    </div>
                    <div class="singleFacts text-center wow fadeInUp" data-wow-duration="700ms" data-wow-delay="400ms">
                        <h1 class="mycounter" data-counter="34937">34<span>937</span></h1>
                        <p>comments</p>
                    </div>
                    <div class="singleFacts text-center wow fadeInUp" data-wow-duration="700ms" data-wow-delay="450ms">
                        <h1 class="mycounter" data-counter="21527">21527</h1>
                        <p>letters sent</p>
                    </div>
                </div>
            </section>
            <!-- Skill Section -->
            <section class="skillArea commonSection">
                <div class="overlay"></div>
                <div class="container">
                    <div class="row">
                        <div class="col-lg-12 col-sm-12 col-xs-12 text-center">
                            <h2 class="commonTittle white wow fadeInUp" data-wow-duration="700ms" data-wow-delay="300ms">Our<span>skills</span></h2>
                            <p class="subTittle wow fadeInUp" data-wow-duration="700ms" data-wow-delay="350ms">Lorem ipsum dolor amet consetetur sadipscing elitr</p>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-lg-3 col-sm-12 col-xs-12 text-center wow fadeInUp" data-wow-duration="700ms" data-wow-delay="300ms">
                            <div class="singleSkill" >
                                <div class="skillOne cmskill" data-skills="0.87" data-gradientstart="#00abef" data-gradientend="#FBC877"><strong></strong></div>
                                <p>Mobile-App</p>
                            </div>
                        </div>
                        <div class="col-lg-3 col-sm-12 col-xs-12 text-center wow fadeInUp" data-wow-duration="700ms" data-wow-delay="300ms">
                            <div class="singleSkill" >
                                <div class="skillOne cmskill" data-skills="0.9" data-gradientstart="#00abef" data-gradientend="#FBC877"><strong></strong></div>
                                <p>Design</p>
                            </div>
                        </div>
                        <div class="col-lg-3 col-sm-12 col-xs-12 text-center wow fadeInUp" data-wow-duration="700ms" data-wow-delay="350ms">
                            <div class="singleSkill">
                                <div class="skillTwo cmskill" data-skills="0.95" data-gradientstart="#00abef" data-gradientend="#FBC877"><strong></strong></div>
                                <p>Development</p>
                            </div>
                        </div>
                        <div class="col-lg-3 col-sm-12 col-xs-12 text-center wow fadeInUp" data-wow-duration="700ms" data-wow-delay="400ms">
                            <div class="singleSkill">
                                <div class="skillThree cmskill" data-skills="0.83" data-gradientstart="#00abef" data-gradientend="#FBC877"><strong></strong></div>
                                <p>SEO & Marketing</p>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- Blog Section -->
            <section class="blogArea commonSection home2">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-12 col-sm-12 col-xs-12 text-center">
                            <h2 class="commonTittle wow fadeInUp" data-wow-duration="700ms" data-wow-delay="300ms">recent<span>posts</span></h2>
                            <p class="subTittle wow fadeInUp" data-wow-duration="700ms" data-wow-delay="350ms">Sed diam nonumy eirmod tempor invidunt</p>
                        </div>
                    </div>
                    <div class="row">
                        <div id="blogCarousel" class="carousel slide wow fadeInUp" data-wow-duration="700ms" data-wow-delay="300ms" data-ride="carousel">
                            <!-- Indicators -->
                            <ol class="carousel-indicators">
                                <li data-target="#blogCarousel" data-slide-to="0" class="active"></li>
                                <li data-target="#blogCarousel" data-slide-to="1"></li>
                                <li data-target="#blogCarousel" data-slide-to="2"></li>
                                <li data-target="#blogCarousel" data-slide-to="3"></li>
                                <li data-target="#blogCarousel" data-slide-to="4"></li>
                            </ol>

                            <!-- Wrapper for slides -->
                            <div class="carousel-inner" role="listbox">
                                <div class="item active">
                                    <div class="col-lg-6 col-sm-6 col-xs-12 text-center">
                                        <div class="blogCotent">
                                            <div class="postThumb">
                                                <img src="images/home2/blog1.jpg" alt="">
                                                <div class="postDate">
                                                    <h1>18</h1>
                                                    <p>October</p>
                                                    <a href="#">7comments</a>
                                                </div>
                                            </div>
                                            <div class="postContent two">
                                                <h3><a href="blogSingle.php">Sed diam nonumy</a></h3>
                                                <p>
                                                    Consetetur sadipscing elited diam nonumy eirmod tempor invidunt 
                                                    utabore et dolore magna aliquyam erat, sed diam voluptua vero 
                                                    eos et accusam et justo duo dolores et ea rebum.
                                                </p>
                                                <div class="postMeta">
                                                    <div class="metaLeft pull-left">
                                                        <i class="icon-user3"></i>
                                                        <span>by</span>
                                                        <a href="member.php">Samantha Lane</a>
                                                    </div>
                                                    <div class="metaRight pull-right">
                                                        <p><i class="icon-heart4"></i><span>7</span></p>
                                                    </div>
                                                    <div class="clearfix"></div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-6 col-sm-6 col-xs-12 text-center">
                                        <div class="blogCotent">
                                            <div class="postThumb">
                                                <img src="images/home2/blog2.jpg" alt="">
                                                <div class="postDate">
                                                    <h1>11</h1>
                                                    <p>October</p>
                                                    <a href="#">12comments</a>
                                                </div>
                                            </div>
                                            <div class="postContent two">
                                                <h3><a href="blogSingle.php">Eirmod tempor invidunt</a></h3>
                                                <p>
                                                    Consetetur sadipscing elited diam nonumy eirmod tempor invidunt 
                                                    utabore et dolore magna aliquyam erat, sed diam voluptua vero 
                                                    eos et accusam et justo duo dolores et ea rebum.
                                                </p>
                                                <div class="postMeta">
                                                    <div class="metaLeft pull-left">
                                                        <i class="icon-user3"></i>
                                                        <span>by</span>
                                                        <a href="member.php">Jay Armstrong</a>
                                                    </div>
                                                    <div class="metaRight pull-right">
                                                        <p><i class="icon-heart4"></i><span>5</span></p>
                                                    </div>
                                                    <div class="clearfix"></div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="item">
                                    <div class="col-lg-6 col-sm-6 col-xs-12 text-center">
                                        <div class="blogCotent">
                                            <div class="postThumb">
                                                <img src="images/home2/blog3.jpg" alt="">
                                                <div class="postDate">
                                                    <h1>18</h1>
                                                    <p>October</p>
                                                    <a href="#">7comments</a>
                                                </div>
                                            </div>
                                            <div class="postContent two">
                                                <h3><a href="blogSingle.php">Sed diam nonumy</a></h3>
                                                <p>
                                                    Consetetur sadipscing elited diam nonumy eirmod tempor invidunt 
                                                    utabore et dolore magna aliquyam erat, sed diam voluptua vero 
                                                    eos et accusam et justo duo dolores et ea rebum.
                                                </p>
                                                <div class="postMeta">
                                                    <div class="metaLeft pull-left">
                                                        <i class="icon-user3"></i>
                                                        <span>by</span>
                                                        <a href="member.php">Samantha Lane</a>
                                                    </div>
                                                    <div class="metaRight pull-right">
                                                        <p><i class="icon-heart4"></i><span>7</span></p>
                                                    </div>
                                                    <div class="clearfix"></div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-6 col-sm-6 col-xs-12 text-center">
                                        <div class="blogCotent">
                                            <div class="postThumb">
                                                <img src="images/home2/blog4.jpg" alt="">
                                                <div class="postDate">
                                                    <h1>11</h1>
                                                    <p>October</p>
                                                    <a href="#">12comments</a>
                                                </div>
                                            </div>
                                            <div class="postContent two">
                                                <h3><a href="blogSingle.php">Eirmod tempor invidunt</a></h3>
                                                <p>
                                                    Consetetur sadipscing elited diam nonumy eirmod tempor invidunt 
                                                    utabore et dolore magna aliquyam erat, sed diam voluptua vero 
                                                    eos et accusam et justo duo dolores et ea rebum.
                                                </p>
                                                <div class="postMeta">
                                                    <div class="metaLeft pull-left">
                                                        <i class="icon-user3"></i>
                                                        <span>by</span>
                                                        <a href="member.php">Jay Armstrong</a>
                                                    </div>
                                                    <div class="metaRight pull-right">
                                                        <p><i class="icon-heart4"></i><span>5</span></p>
                                                    </div>
                                                    <div class="clearfix"></div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="item">
                                    <div class="col-lg-6 col-sm-6 col-xs-12 text-center">
                                        <div class="blogCotent">
                                            <div class="postThumb">
                                                <img src="images/home2/blog5.jpg" alt="">
                                                <div class="postDate">
                                                    <h1>18</h1>
                                                    <p>October</p>
                                                    <a href="#">7comments</a>
                                                </div>
                                            </div>
                                            <div class="postContent two">
                                                <h3><a href="blogSingle.php">Sed diam nonumy</a></h3>
                                                <p>
                                                    Consetetur sadipscing elited diam nonumy eirmod tempor invidunt 
                                                    utabore et dolore magna aliquyam erat, sed diam voluptua vero 
                                                    eos et accusam et justo duo dolores et ea rebum.
                                                </p>
                                                <div class="postMeta">
                                                    <div class="metaLeft pull-left">
                                                        <i class="icon-user3"></i>
                                                        <span>by</span>
                                                        <a href="member.php">Samantha Lane</a>
                                                    </div>
                                                    <div class="metaRight pull-right">
                                                        <p><i class="icon-heart4"></i><span>7</span></p>
                                                    </div>
                                                    <div class="clearfix"></div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-6 col-sm-6 col-xs-12 text-center">
                                        <div class="blogCotent">
                                            <div class="postThumb">
                                                <img src="images/home2/blog6.jpg" alt="">
                                                <div class="postDate">
                                                    <h1>11</h1>
                                                    <p>October</p>
                                                    <a href="#">12comments</a>
                                                </div>
                                            </div>
                                            <div class="postContent two">
                                                <h3><a href="blogSingle.php">Eirmod tempor invidunt</a></h3>
                                                <p>
                                                    Consetetur sadipscing elited diam nonumy eirmod tempor invidunt 
                                                    utabore et dolore magna aliquyam erat, sed diam voluptua vero 
                                                    eos et accusam et justo duo dolores et ea rebum.
                                                </p>
                                                <div class="postMeta">
                                                    <div class="metaLeft pull-left">
                                                        <i class="icon-user3"></i>
                                                        <span>by</span>
                                                        <a href="member.php">Jay Armstrong</a>
                                                    </div>
                                                    <div class="metaRight pull-right">
                                                        <p><i class="icon-heart4"></i><span>5</span></p>
                                                    </div>
                                                    <div class="clearfix"></div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="item">
                                    <div class="col-lg-6 col-sm-6 col-xs-12 text-center">
                                        <div class="blogCotent">
                                            <div class="postThumb">
                                                <img src="images/home2/blog2.jpg" alt="">
                                                <div class="postDate">
                                                    <h1>18</h1>
                                                    <p>October</p>
                                                    <a href="#">7comments</a>
                                                </div>
                                            </div>
                                            <div class="postContent two">
                                                <h3><a href="blogSingle.php">Sed diam nonumy</a></h3>
                                                <p>
                                                    Consetetur sadipscing elited diam nonumy eirmod tempor invidunt 
                                                    utabore et dolore magna aliquyam erat, sed diam voluptua vero 
                                                    eos et accusam et justo duo dolores et ea rebum.
                                                </p>
                                                <div class="postMeta">
                                                    <div class="metaLeft pull-left">
                                                        <i class="icon-user3"></i>
                                                        <span>by</span>
                                                        <a href="member.php">Samantha Lane</a>
                                                    </div>
                                                    <div class="metaRight pull-right">
                                                        <p><i class="icon-heart4"></i><span>7</span></p>
                                                    </div>
                                                    <div class="clearfix"></div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-6 col-sm-6 col-xs-12 text-center">
                                        <div class="blogCotent">
                                            <div class="postThumb">
                                                <img src="images/home2/blog5.jpg" alt="">
                                                <div class="postDate">
                                                    <h1>11</h1>
                                                    <p>October</p>
                                                    <a href="#">12comments</a>
                                                </div>
                                            </div>
                                            <div class="postContent two">
                                                <h3><a href="blogSingle.php">Eirmod tempor invidunt</a></h3>
                                                <p>
                                                    Consetetur sadipscing elited diam nonumy eirmod tempor invidunt 
                                                    utabore et dolore magna aliquyam erat, sed diam voluptua vero 
                                                    eos et accusam et justo duo dolores et ea rebum.
                                                </p>
                                                <div class="postMeta">
                                                    <div class="metaLeft pull-left">
                                                        <i class="icon-user3"></i>
                                                        <span>by</span>
                                                        <a href="member.php">Jay Armstrong</a>
                                                    </div>
                                                    <div class="metaRight pull-right">
                                                        <p><i class="icon-heart4"></i><span>5</span></p>
                                                    </div>
                                                    <div class="clearfix"></div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="item">
                                    <div class="col-lg-6 col-sm-6 col-xs-12 text-center">
                                        <div class="blogCotent">
                                            <div class="postThumb">
                                                <img src="images/home2/blog3.jpg" alt="">
                                                <div class="postDate">
                                                    <h1>18</h1>
                                                    <p>October</p>
                                                    <a href="#">7comments</a>
                                                </div>
                                            </div>
                                            <div class="postContent two">
                                                <h3><a href="blogSingle.php">Sed diam nonumy</a></h3>
                                                <p>
                                                    Consetetur sadipscing elited diam nonumy eirmod tempor invidunt 
                                                    utabore et dolore magna aliquyam erat, sed diam voluptua vero 
                                                    eos et accusam et justo duo dolores et ea rebum.
                                                </p>
                                                <div class="postMeta">
                                                    <div class="metaLeft pull-left">
                                                        <i class="icon-user3"></i>
                                                        <span>by</span>
                                                        <a href="member.php">Samantha Lane</a>
                                                    </div>
                                                    <div class="metaRight pull-right">
                                                        <p><i class="icon-heart4"></i><span>7</span></p>
                                                    </div>
                                                    <div class="clearfix"></div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-6 col-sm-6 col-xs-12 text-center">
                                        <div class="blogCotent">
                                            <div class="postThumb">
                                                <img src="images/home2/blog6.jpg" alt="">
                                                <div class="postDate">
                                                    <h1>11</h1>
                                                    <p>October</p>
                                                    <a href="#">12comments</a>
                                                </div>
                                            </div>
                                            <div class="postContent two">
                                                <h3><a href="blogSingle.php">Eirmod tempor invidunt</a></h3>
                                                <p>
                                                    Consetetur sadipscing elited diam nonumy eirmod tempor invidunt 
                                                    utabore et dolore magna aliquyam erat, sed diam voluptua vero 
                                                    eos et accusam et justo duo dolores et ea rebum.
                                                </p>
                                                <div class="postMeta">
                                                    <div class="metaLeft pull-left">
                                                        <i class="icon-user3"></i>
                                                        <span>by</span>
                                                        <a href="member.php">Jay Armstrong</a>
                                                    </div>
                                                    <div class="metaRight pull-right">
                                                        <p><i class="icon-heart4"></i><span>5</span></p>
                                                    </div>
                                                    <div class="clearfix"></div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
           <!-- Portfolio Section -->
            <section class="tabsGroupArea commonSection">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-12 col-sm-12 col-xs-12">
                            <div class="tabsContent">
                                <!-- Nav tabs -->
                                <ul class="tabNavs text-center wow fadeInUp" data-wow-duration="700ms" data-wow-delay="300ms" role="tablist">
                                    <li role="presentation" class="active"><a href="#about" aria-controls="about" role="tab" data-toggle="tab"><span><i class="icon-bulb"></i></span>About</a></li>
                                    <li role="presentation"><a href="#testimonials" aria-controls="testimonials" role="tab" data-toggle="tab"><span><i class="icon-bubble"></i></span>Testimonials</a></li>
                                    <li role="presentation"><a href="#member" aria-controls="member" role="tab" data-toggle="tab"><span><i class="icon-diamond2"></i></span>Members</a></li>
                                    <li role="presentation"><a href="#newsletter" aria-controls="newsletter" role="tab" data-toggle="tab"><span><i class="icon-pen2"></i></span>Newsletters</a></li>
                                </ul>
                                <!-- Tab panes -->
                                <div class="tab-content wow fadeInUp" data-wow-duration="700ms" data-wow-delay="350ms">
                                    <div role="tabpanel" class="tab-pane active firstTab" id="about">
                                        <div class="row">
                                            <div class="col-lg-offset-1 col-lg-3 col-sm-4 col-xs-12">
                                                <div class="singleTabContent text-right">
                                                    <h2>Nam liber tempor</h2>
                                                    <p>Atvero eoset accusam et justo duo dolores et ea rebum</p>
                                                </div>
                                                <div class="singleTabContent text-right">
                                                    <h2>Soluta nobis</h2>
                                                    <p>Stet clita kasd gubergren, no sea takimata sanctus ipsum</p>
                                                </div>
                                            </div>
                                            <div class="col-lg-4 col-sm-4 col-xs-12 posRele">
                                                <div class="aboutTabImg">
                                                    <img src="images/home/tabImg.png" alt="" />
                                                </div>
                                                <a href="#" class="allFeatureBtn text-center">
                                                    All Features
                                                </a>
                                            </div>
                                            <div class="col-lg-3 col-sm-4 col-xs-12">
                                                <div class="singleTabContent text-left">
                                                    <h2>Eleifend otion</h2>
                                                    <p>Dolor sitmet lorem ipsum dolor sit amet, consetetur elitr</p>
                                                </div>
                                                <div class="singleTabContent text-left">
                                                    <h2>Ongue imperdiet</h2>
                                                    <p>Diam nonumy eirmodpor inviduntu labore et dolore magna.</p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div role="tabpanel" class="tab-pane secondTab" id="testimonials">
                                        <div class="row">
                                            <div class="col-lg-10 col-lg-offset-1 col-sm-offset-1 col-sm-10 col-xs-12 text-center">
                                                <div id="testiCarousel" class="carousel slide" data-ride="carousel">
                                                    <!-- Indicators -->
                                                    <ol class="carousel-indicators">
                                                        <li data-target="#testiCarousel" data-slide-to="0" class="active"></li>
                                                        <li data-target="#testiCarousel" data-slide-to="1"></li>
                                                        <li data-target="#testiCarousel" data-slide-to="2"></li>
                                                    </ol>
                                                    <!-- Wrapper for slides -->
                                                    <div class="carousel-inner" role="listbox">
                                                        <div class="item active">
                                                            <div class="singleTestiImg">
                                                                <img src="images/home/tabTesti.jpg" alt=""/>
                                                            </div>
                                                            <div class="quote">
                                                                <p class="quotation">
                                                                    Lorem ipsum dolor siamet consetetur sadipscing elitr, sed diam 
                                                                    nonumy eirmod tempor inviduntut labore et dolore magna aliquyam erat
                                                                </p>
                                                                <p class="name">-  <span>Jason</span> Willis  -</p>
                                                            </div>
                                                        </div>
                                                        <div class="item">
                                                            <div class="singleTestiImg">
                                                                <img src="images/home/tabTesti2.jpg" alt=""/>
                                                            </div>
                                                            <div class="quote">
                                                                <p class="quotation">
                                                                    Lorem ipsum dolor siamet consetetur sadipscing elitr, sed diam 
                                                                    nonumy eirmod tempor inviduntut labore et dolore magna aliquyam erat
                                                                </p>
                                                                <p class="name">-  <span>Jason</span> Willis  -</p>
                                                            </div>
                                                        </div>
                                                        <div class="item">
                                                            <div class="singleTestiImg">
                                                                <img src="images/home/tabTesti3.jpg" alt=""/>
                                                            </div>
                                                            <div class="quote">
                                                                <p class="quotation">
                                                                    Lorem ipsum dolor siamet consetetur sadipscing elitr, sed diam 
                                                                    nonumy eirmod tempor inviduntut labore et dolore magna aliquyam erat
                                                                </p>
                                                                <p class="name">-  <span>Jason</span> Willis  -</p>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div role="tabpanel" class="tab-pane thirdTab" id="member">
                                        <div class="row">
                                            <div class="col-lg-3 col-sm-6 col-xs-12 text-center">
                                                <div class="sinlgeTeam">
                                                    <div class="teamImg">
                                                        <img src="images/about/team1.jpg" alt="">
                                                    </div>
                                                    <div class="teamDetails">
                                                        <h3>Michael Bean</h3>
                                                        <h5>director</h5>
                                                        <p>Consetetur sadipscing elitr sed diam nonumy.</p>
                                                        <div class="topSocial text-center">
                                                            <ul>
                                                                <li><a href="#" class="facebook"><i class="fa fa-facebook"></i></a></li>
                                                                <li><a href="#" class="twitter"><i class="fa fa-twitter"></i></a></li>
                                                                <li><a href="#" class="google"><i class="fa fa-google"></i></a></li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-lg-3 col-sm-6 col-xs-12 text-center">
                                                <div class="sinlgeTeam">
                                                    <div class="teamImg">
                                                        <img src="images/about/team2.jpg" alt="">
                                                    </div>
                                                    <div class="teamDetails">
                                                        <h3>James Smart</h3>
                                                        <h5>Founder</h5>
                                                        <p>Invidunt labore et dolore magna aliquyam.</p>
                                                        <div class="topSocial text-center">
                                                            <ul>
                                                                <li><a href="#" class="facebook"><i class="fa fa-facebook"></i></a></li>
                                                                <li><a href="#" class="twitter"><i class="fa fa-twitter"></i></a></li>
                                                                <li><a href="#" class="google"><i class="fa fa-google"></i></a></li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-lg-3 col-sm-6 col-xs-12 text-center">
                                                <div class="sinlgeTeam">
                                                    <div class="teamImg">
                                                        <img src="images/about/team3.jpg" alt="">
                                                    </div>
                                                    <div class="teamDetails">
                                                        <h3>Jinney Bay</h3>
                                                        <h5>manager</h5>
                                                        <p>Consetetur sadipscing elitr sed diam nonumy.</p>
                                                        <div class="topSocial text-center">
                                                            <ul>
                                                                <li><a href="#" class="facebook"><i class="fa fa-facebook"></i></a></li>
                                                                <li><a href="#" class="twitter"><i class="fa fa-twitter"></i></a></li>
                                                                <li><a href="#" class="google"><i class="fa fa-google"></i></a></li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-lg-3 col-sm-6 col-xs-12 text-center">
                                                <div class="sinlgeTeam">
                                                    <div class="teamImg">
                                                        <img src="images/about/team4.jpg" alt="">
                                                    </div>
                                                    <div class="teamDetails">
                                                        <h3>Samuel Dean</h3>
                                                        <h5>ceo</h5>
                                                        <p>Invidunt labore et dolore magna aliquyam.</p>
                                                        <div class="topSocial text-center">
                                                            <ul>
                                                                <li><a href="#" class="facebook"><i class="fa fa-facebook"></i></a></li>
                                                                <li><a href="#" class="twitter"><i class="fa fa-twitter"></i></a></li>
                                                                <li><a href="#" class="google"><i class="fa fa-google"></i></a></li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div role="tabpanel" class="tab-pane forthTab" id="newsletter">
                                        <div class="row">
                                            <div class="col-lg-12 col-sm-12 col-xs-12 text-center">
                                                <div class="subsForm">
                                                    <h4>Sign up to <span>our newsletter</span></h4>
                                                    <form action="#" id="subscribeForm" method="post">
                                                        <input type="email" name="sub_email" id="subs_email">
                                                        <button type="submit"><i class="icon-pen2"></i></button>
                                                    </form>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="clearfix"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            
            <!-- Footer Section -->
              @include('footer')
               <!-- Footer Section -->