blog.html

<!DOCTYPE html>
<!--[if IE 7]>    <html class="no-js ie7 oldie" lang="en-US"> <![endif]-->
<!--[if IE 8]>    <html class="no-js ie8 oldie" lang="en-US"> <![endif]-->
<!--[if gt IE 8]><!-->
<html lang="en">
    <head>

        <!-- TITLE OF SITE -->
        <title> EVENTER | Blog Page</title>


        <meta charset="utf-8">
        <meta name="description" content="Responsive Event Landing Page for Presenting Your Mobile App Which is Designed Based on Twitter Bootstrap 3.2" />
        <meta name="keywords" content="eventer, parallax, one page, responsive, app landing, html template, mobile application" />
        <meta name="author" content="Santush Deb Nath, deviserweb">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">


        <!--   FAV AND TOUCH ICONS   -->
        <link rel="icon" href="../../../all-file/images/favicon.ico">
        <link rel="apple-touch-icon" href="../../../all-file/images/apple-touch-icon.png">
        <link rel="apple-touch-icon" sizes="72x72" href="../../../all-file/images/apple-touch-icon-72x72.png">
        <link rel="apple-touch-icon" sizes="114x114" href="../../../all-file/images/apple-touch-icon-114x114.png">


        <!-- GOOGLE FONTS -->
        <link href='http://fonts.googleapis.com/css?family=Oswald:400,300,700' rel='stylesheet' type='text/css'>
        <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,700,800' rel='stylesheet' type='text/css'>
	

        <!-- BOOTSTRAP CSS -->
        <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">


        <!-- FONT ICONS -->
        <link rel="stylesheet" href="css/font-awesome.css">
        <link rel="stylesheet" href="../../../all-file/css/elegant_icon.css">


        <!-- CAROUSEL SLIDERS -->
        <link rel="stylesheet" href="css/owl.carousel.css">
        <link rel="stylesheet" href="css/owl.theme.css">
        <link rel="stylesheet" href="css/owl.transitions.css">


        <!--  CSS3 ANIMATE CSS  -->
        <link rel="stylesheet" href="css/animate.css">


        <!-- FLEX SLIDER CSS -->
        <link rel="stylesheet" href="css/flexslider.css">


        <!--   COUSTOM CSS link  -->
        <link rel="stylesheet" href="css/style.css">
        <link rel="stylesheet" href="css/responsive.css">


        <!-- COLOR SCHEME -->
        <link rel="stylesheet" href="css/colors/red.css" type="text/css" id="theme-link" />


        <!--[if lt IE 9]>
            <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
            <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
        <![endif]-->
    
    </head>
    <body>
        <header class="header-background header" id="header"> <!--Start: "Header Area"-->
            <div class="fix overlay-color"><!--  Overlay Color  -->

            	<!-- Start: Navbar area  --> 
                <div class="header-navbar navbar-fixed-top" id="header-navbar">
                    <nav class="navbar navbar-inverse">
                        <div class="container">
                            <div class="navbar-header">

                            	<!-- Show in Mobile -->
                                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
                                    <span class="icon-bar icon-close-1"></span>
                                    <span class="icon-bar"></span>
                                    <span class="icon-bar icon-close-2"></span> 
                                </button>

								<!-- Your Icon Goes Here  -->
                                <a class="navbar-brand" href="index.html">
                                    <img src="../../../all-file/images/logo.png" class="img-responsive" alt="">
                                </a>

                            </div>

                            <!-- Show in Dexktop -->
                            <button type="button" class="navbar-toggle navbar-cus hidden-xs " id="navbar-cus">
                                <span class="lines"></span>
                            </button>

                            <!-- Navbar Option Goes Here  -->
                            <div id="myNavbar">
                                <ul id="navbar-nav" class="myNavbarUl nav navbar-nav navbar-right slideOutRight">
                                    <li><a href="index.html">Home</a></li>
                                    <li><a href="#">About</a></li>
                                    <li><a href="#">Speakers</a></li>
                                    <li><a href="#">Price</a></li>
                                    <li><a href="#">Venue</a></li> 
                                    <li><a href="#header" class="blog">Blog</a></li> 
                                </ul>
                            </div>

                        </div><!--  End: container  -->
                    </nav><!--  End: navbar navbar-inverse -->
                </div><!--  End: header-navbar navbar-fixed-top -->
                <!-- End: Navbar area  --> 
                
	            <div class="container">
                    <div class="row header-body blog-header">
                    	<div class="col-md-6 heading wow fadeInUp animated" data-wow-offset="120" data-wow-duration="1.5s">
                    		<h1>All Blog Posts</h1>
                    	</div>
                    	<div class="search col-md-6 col-sm-12">


                            <!-- Start: Search Area -->
                            <form class="mailchimp-subscribe wow fadeInUp animated" role="form" data-wow-offset="120" data-wow-duration="1.5s">
                                <div class="row">
                                    <div class="col-md-12 col-sm-12">
										
                                        <div class="input-group">
                                            <input type="text" id="subscriber-email" name="email" placeholder="Search here" class="form-control form-cus">
                                        </div>

                                    </div>
                                </div>
                            </form>
                            <!-- End: Subscribe Button area" -->


                        </div><!-- End: search col-md-6 col-sm-12 -->
                    </div><!-- End: row header-body blog-header  -->
                </div><!--  End: container  -->

            </div><!--  Overlay Color  -->
        </header> <!--End: Header Area-->


        <section class="blog-body"><!-- Start: Blog Body Area" -->
            <div class="container">
                <div class="row">
					
					<!-- Blog Left area Start Here -->
                    <div  class="bolg-body-left col-md-8 col-sm-12 col-xs-12">
						
						<!-- Start: Image Slider Blog Post  -->
                        <div class="blog-post wow fadeInUp animated" data-wow-offset="120" data-wow-duration="1.5s">
                            <div id="slider-bar">
                                <div class="flexslider">
                                    <ul class="slides">
                                        <li>
                                            <img src="../../../all-file/images/blog/slider/slide1.jpg" alt="" title=""/>
                                        </li>
                                        <li>
                                            <img src="../../../all-file/images/blog/slider/slide2.jpg" alt="" title=""/>
                                        </li>
                                        <li>
                                            <img src="../../../all-file/images/blog/slider/slide3.jpg" alt="" title=""/>
                                        </li>
                                        <li>
                                            <img src="../../../all-file/images/blog/slider/slide4.jpg" alt="" title=""/>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <h3>Standart Blog Post Header Here</h3>
                            <p class="post-date">Posted on 17th May 2014</p>
                            <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna  aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorp eu</p>

                            <!-- Start:  Button area -->
                            <div class="read-more">
                                <div class="btn-group">
                                    <a href="single-slide.html" class="btn-fill btn-standard btn btn-cus">Read more</a>
                                </div>
                            </div>
                            <!-- End:  Button area" -->

                        </div>
                        <!-- End: Image Slider Blog Post  -->

						
						<!-- Start: Video Blog Post  -->
                        <div class="blog-post wow fadeInUp animated" data-wow-offset="120" data-wow-duration="1.5s">

                            <div>
                                
                                <!--  Start: Video Area  "PASTE YOUR VIDEO LINK HERE " -->
                                <div class="video wow fadeInUp animated" data-wow-offset="120" data-wow-duration="1.5s">
                                   <iframe src="https://player.vimeo.com/video/123084227?" allowfullscreen></iframe><!--  Video Link Goes Here  -->
                                </div>
                                <!--  End: Video Area  -->

                            </div>
                            <h3>Standart Blog Post Header Here</h3>
                            <p class="post-date">Posted on 17th May 2014</p>
                            <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna  aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorp eu</p>

                            <!-- Start:  Button area -->
                            <div class="read-more">
                                <div class="btn-group">
                                    <a href="single-video.html" class="btn-fill btn-standard btn btn-cus">Read more</a>
                                </div>
                            </div>
                            <!-- End:  Button area" -->

                        </div>
                        <!-- End: Video Blog Post  -->
						

						<!-- Start: Image Blog Post  -->
                        <div class="blog-post wow fadeInUp animated" data-wow-offset="120" data-wow-duration="1.5s">
                            
                            <!--  Post Image Goes Here  -->
                            <div>
                                <img src="../../../all-file/images/blog/slide1.jpg" alt="" class="img-responsive">
                            </div>
                            <h3>Standart Blog Post Header Here</h3>
                            <p class="post-date">Posted on 17th May 2014</p>
                            <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna  aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorp eu</p>

                            <!-- Start:  Button area -->
                            <div class="read-more">
                                <div class="btn-group">
                                    <a href="single-image.html" class="btn-fill btn-standard btn btn-cus">Read more</a>
                                </div>
                            </div>
                            <!-- End:  Button area" -->

                        </div>
                        <!-- End: Image Blog Post  -->

                    </div>
                    <!-- Blog Left area End Here -->
					
					<!-- Blog Right area Start Here -->
                    <aside class="col-md-4 col-sm-12  col-xs-12">

                        <div class="cate-all categories col-sm-12 col-xs-12 col-md-12 wow fadeInUp animated" data-wow-offset="120" data-wow-duration="1.5s">
                            <h3>Categories</h3>

                            <ul class="float-none">
                                <li>
                                    <a href="#">
                                        <span class="title col-lg-8 col-md-8 col-sm-8 col-xs-8">Design</span>
                                        <span class="number col-lg-4 col-md-4 col-sm-4 col-xs-4">64</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <span class="title col-lg-8 col-md-8 col-sm-8 col-xs-8">Art Directon</span>
                                        <span class="number col-lg-4 col-md-4 col-sm-4 col-xs-4">12</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <span class="title col-lg-8 col-md-8 col-sm-8 col-xs-8">Html and CSS</span>
                                        <span class="number col-lg-4 col-md-4 col-sm-4 col-xs-4">43</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <span class="title col-lg-8 col-md-8 col-sm-8 col-xs-8">Themes</span>
                                        <span class="number col-lg-4 col-md-4 col-sm-4 col-xs-4">532</span>
                                    </a>
                                </li>

                                <li>
                                    <a href="#">
                                        <span class="title col-lg-8 col-md-8 col-sm-8 col-xs-8">Wordpress</span>
                                        <span class="number col-lg-4 col-md-4 col-sm-4 col-xs-4">46</span>
                                    </a>
                                </li>
                            </ul>

                        </div>

                        <div class="cate-all archives  col-sm-12 col-xs-12 col-md-12 wow fadeInUp animated" data-wow-offset="120" data-wow-duration="1.5s">
                            <h3>Archives</h3>

                            <ul class="float-none">
                                <li>
                                    <a href="#">
                                        <span class="title col-lg-8 col-md-8 col-sm-8 col-xs-8">Novemboer</span>
                                        <span class="number col-lg-4 col-md-4 col-sm-4 col-xs-4">64</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <span class="title col-lg-8 col-md-8 col-sm-8 col-xs-8">October</span>
                                        <span class="number col-lg-4 col-md-4 col-sm-4 col-xs-4">12</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <span class="title col-lg-8 col-md-8 col-sm-8 col-xs-8">September</span>
                                        <span class="number col-lg-4 col-md-4 col-sm-4 col-xs-4">43</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <span class="title col-lg-8 col-md-8 col-sm-8 col-xs-8">August</span>
                                        <span class="number col-lg-4 col-md-4 col-sm-4 col-xs-4">532</span>
                                    </a>
                                </li>

                                <li>
                                    <a href="#">
                                        <span class="title col-lg-8 col-md-8 col-sm-8 col-xs-8">July</span>
                                        <span class="number col-lg-4 col-md-4 col-sm-4 col-xs-4">46</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <span class="title col-lg-8 col-md-8 col-sm-8 col-xs-8">June</span>
                                        <span class="number col-lg-4 col-md-4 col-sm-4 col-xs-4">456</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <span class="title col-lg-8 col-md-8 col-sm-8 col-xs-8">May</span>
                                        <span class="number col-lg-4 col-md-4 col-sm-4 col-xs-4">146</span>
                                    </a>
                                </li>
                            </ul>

                        </div>

                        <div class="cate-all archives col-sm-12 col-xs-12 col-md-12 wow fadeInUp animated" data-wow-offset="120" data-wow-duration="1.5s">
                            <h3>Tags</h3>

                            <ul class="float-left">
                                <li>
                                    <a href="#" class="title">Creative</a>
                                    <span>,&nbsp;</span>
                                </li>
                                <li>
                                    <a href="#" class="title">Design</a>
                                    <span>,&nbsp;</span>
                                </li>
                                <li>
                                    <a href="#" class="title">Art</a>
                                    <span>,&nbsp;</span>
                                </li>
                                <li>
                                    <a href="#" class="title">Autpor Name</a>
                                    <span>,&nbsp;</span>
                                </li>
                                <li>
                                    <a href="#" class="title">Coorperate</a>
                                    <span>,&nbsp;</span>
                                </li>
                                <li>
                                    <a href="#" class="title">Wordpress</a>
                                    <span>,&nbsp;</span>
                                </li>
                                <li>
                                    <a href="#" class="title">3D Animations</a>
                                </li>

                            </ul>
                        </div>
                    </aside>
                    <!-- Blog Right area End Here -->

                </div><!-- End: row  -->
            </div><!-- End: container  -->
        </section><!-- End: Blog Body Area -->
        

        <footer class="footer"><!-- Start: Footer Area -->
        	<div class="container">

        		<div class="row footer-body btn-scroll">

					<div class="logo col-lg-6 col-md-6 col-sm-6 col-xs-6">

						<!--  Your Logo Goes Here  -->
						<a href="#" ><img src="../../../all-file/images/logo.png" alt="" class="img-responsive"></a>
					</div>
					<div class="top-buttom col-lg-6 col-md-6 col-sm-6 col-xs-6">
						 <a href="#header" class="btn-standard btn btn-top"><span class="glyphicon glyphicon-menu-up" aria-hidden="true"></span></a>
					</div>

        		</div><!-- End: footer-body btn-scroll -->

        	</div><!-- End: contaimer -->
        </footer><!-- End: Footer Area -->


        <!-- SCRIPTS -->
        <script src="../../../all-file/js/jquery.1.9.1.min.js"></script>      
        <script src="../../../all-file/bootstrap/js/bootstrap.min.js"></script>
        <script src="../../../all-file/js/jquery.stellar.min.js"></script>
        <script src="../../../all-file/js/jquery.scrollTo.min.js"></script>
        <script src="../../../all-file/js/jquery.localScroll.min.js"></script>
        <script src="../../../all-file/js/owl.carousel.min.js"></script>  
        <script src="../../../all-file/js/jquery.nav.js"></script>    
        <script src="../../../all-file/js/wow.min.js"></script>               
        <script src="../../../all-file/js/jquery.nicescroll.min.js"></script>
        <script src="../../../all-file/js/matchMedia.js"></script>
        <script src="../../../all-file/js/navbar.matchMedia.js"></script>
        <script src="../../../all-file/js/jquery.flexslider-min.js"></script>
        
        <script src="../../../all-file/js/navbar-custom.js"></script> 
        <script src="../../../all-file/js/blog-custom.js"></script> 


        <!-- CUSTOMIZER :: FOR DEMO ONLY 
        ==========================================-->
        <script src="../../../../demo-style/js/main.js"></script>

        <script type="text/javascript">
            $(document).ready(customizer.init({
                layout: {
                    title: 'LAYOUT STYLE:',
                    options: [
                        ['light', '../../../light/gradient-image-bg/style-2/index.html', 'LIGHT', true],
                        ['dark', '../../../dark/gradient-image-bg/style-2/index.html', 'DARK']
                    ]
                },
                homepage: {
                    title: 'HOMEPAGE STYLE:',
                    options: [
                        ['image-bg', '../../image-bg/style-2/index.html', 'IMAGE BG'],
                        ['video-bg', '../../video-bg/style-2/index.html', 'VIDEO BG'],
                        ['gradient-image-bg', '../../gradient-image-bg/style-2/index.html', 'GRADIENT IMAGE BG', true],
                        ['gradient-video-bg', '../../gradient-video-bg/style-2/index.html', 'GRADIENT VIDEO BG'],
                        ['transparent-color-image-bg', '../../transparent-color-image-bg/style-2/index.html', 'TRANSPARENT IMAGE BG'],
                        ['transparent-color-video-bg', '../../transparent-color-image-bg/style-2/index.html', 'TRANSPARENT VIDEO BG'],
                        ['solid-bg', '../../solid-bg/style-2/index.html', 'SOLID BG'],
                    ]
                },
                style: {
                    title: 'STYLE:',
                    options: [
                        ['style-1', '../style-1/index.html', 'STYLE 1'],
                        ['style-2', '../style-2/index.html', 'STYLE 2', true],
                        ['style-3', '../style-3/index.html', 'STYLE 3']
                    ]
                },
                colors: {
                    title: 'COLORS:',
                    options: [
                        ['red', 'css/colors/blue.css', '', true],
                        ['purple', 'css/colors/purple.css', ''],
                        ['blue', 'css/colors/blue.css', ''],
                        ['lime', 'css/colors/lime.css', '']
                    ]
                }
            }, '../../../../demo-style/css/main.css'));
        </script>
    
    </body>

</html>