Difference between revisions of "Team:Ionis Paris/Team"

Line 40: Line 40:
 
</ul>
 
</ul>
  
−
</div>
+
<!DOCTYPE html>
 +
<!--[if IE]><![endif]-->
 +
<!--[if lt IE 7 ]> <html lang="en" class="ie6">    <![endif]-->
 +
<!--[if IE 7 ]>    <html lang="en" class="ie7">    <![endif]-->
 +
<!--[if IE 8 ]>    <html lang="en" class="ie8">    <![endif]-->
 +
<!--[if IE 9 ]>    <html lang="en" class="ie9">    <![endif]-->
 +
<!--[if (gt IE 9)|!(IE)]><!--><html lang="en"><!--<![endif]-->
 +
    <head>
 +
        <meta charset="utf-8">
 +
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
 +
        <meta name="viewport" content="width=device-width, initial-scale=1">
 +
        <title>Single Blog Page Right Sidebar</title>
 +
       
 +
        <!-- ====Google font==== -->
 +
        <link href='https://fonts.googleapis.com/css?family=Merriweather:400,700,700italic,400italic,300italic,300' rel='stylesheet' type='text/css'>
 +
       
 +
        <!-- ====Open Sans==== -->
 +
        <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,600italic,400italic,700italic,300,300italic' rel='stylesheet' type='text/css'>
 +
       
 +
        <!-- ====Bootstrap css==== -->
 +
        <link rel="stylesheet" href="css/bootstrap.min.css">
 +
       
 +
        <!-- ====Material==== -->
 +
        <link rel="stylesheet" href="css/mdb.min.css">
 +
        <link rel="stylesheet" href="css/material-design-iconic-font.min.css">
 +
       
 +
        <!-- ====Font awesome css==== -->
 +
        <link rel="stylesheet" href="css/font-awesome.min.css">
 +
       
 +
        <!-- ====Animate css==== -->
 +
        <link rel="stylesheet" href="css/animate.css">
 +
       
 +
        <!-- ====Meanmenu css==== -->
 +
        <link rel="stylesheet" href="css/meanmenu.min.css">
 +
       
 +
        <!-- ====VenoBox css==== -->
 +
        <link rel="stylesheet" href="css/venobox.css">
 +
       
 +
        <!-- ====Owl carousel 2 css==== -->
 +
        <link rel="stylesheet" href="css/owl.carousel.css">
 +
       
 +
        <!-- ====Custom css==== -->
 +
        <link rel="stylesheet" href="style.css">
 +
       
 +
        <!-- ====Favicons==== -->
 +
        <link rel="apple-touch-icon-precomposed" href="img/favicon_app.png">
 +
        <link rel="shortcut icon" type="image/png" href="img/favicon.png"/>
  
−
<div class="column half_size" >
+
        <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
−
<h5>What should this page contain?</h5>
+
        <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
−
<ul>
+
        <!--[if lt IE 9]>
−
<li> Include pictures of your teammates, don’t forget instructors and advisors! </li>
+
          <script src="js/html5shiv.min.js"></script>
−
<li>You can add a small biography or a few words from each team member, to tell us what you like, and what motivated you to participate in iGEM.</li>
+
          <script src="js/respond.min.js"></script>
−
<li>Take team pictures! Show us your school, your lab and little bit of your city.</li>
+
        <![endif]-->
−
<li>Remember that image galleries can help you showcase many pictures while saving space.</li>
+
    </head>
−
</ul>
+
   
−
</div>
+
    <body class="single_blog_right_sidebar">
 +
        <!-- ==== PRELOADER START==== -->
 +
        <div class="preloader-area">
 +
            <div class="preloader">
 +
                <div class="loader">
 +
                    <div class="loader-inner pacman">
 +
                        <div></div>
 +
                        <div></div>
 +
                        <div></div>
 +
                        <div></div>
 +
                        <div></div>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
        </div>
 +
        <!-- ====PRELOADER END==== -->
 +
       
 +
        <!-- ====HEADER START==== -->
 +
        <header class="header_area navbar hidden-xs">
 +
            <div class="container-fluid">
 +
                <div class="row top_menu_area">
 +
                    <div class="col-xs-12 col-sm-3">
 +
                        <!-- START LOGO AREA -->
 +
                        <div class="logo_area">
 +
                            <a href="index.html">
 +
                                <img src="img/logo.svg" alt="theme logo" class="main_logo svg">
 +
                            </a>
 +
                        </div>
 +
                        <!-- END LOGO AREA -->
 +
                    </div>
 +
                    <div class="col-xs-12 col-sm-9">
 +
                        <!-- START MENU AREA -->
 +
                        <nav class="navbar-collapse collapse in">
 +
                            <ul class="nav navbar-nav navbar-right menu">
 +
                                <li class="smoth-scroll">
 +
                                    <a data-hover="Home" href="index.html">Home</a>
 +
                                    <ul class="sub_menu">
 +
                                        <li class="waves-effect waves">
 +
                                            <a href="index.html">Home page 1</a>
 +
                                        </li>
 +
                                        <li class="waves-effect waves">
 +
                                            <a href="index-2.html">Home page 2</a>
 +
                                        </li>
 +
                                        <li class="waves-effect waves">
 +
                                            <a href="index-3.html">Home page 3</a>
 +
                                        </li>
 +
                                        <li class="waves-effect waves">
 +
                                            <a href="index-4.html">Home page 4</a>
 +
                                        </li>
 +
                                        <li class="waves-effect waves">
 +
                                            <a href="index-5.html">Home page 5</a>
 +
                                        </li>
 +
                                        <li class="waves-effect waves">
 +
                                            <a href="index-6.html">Home page 6</a>
 +
                                        </li>
 +
                                        <li class="waves-effect waves">
 +
                                            <a href="index-7.html">Home page 7</a>
 +
                                        </li>
 +
                                        <li class="waves-effect waves">
 +
                                            <a href="index-8.html">Home page 8</a>
 +
                                        </li>
 +
                                        <li class="waves-effect waves">
 +
                                            <a href="index-9.html">Home page 9</a>
 +
                                        </li>
 +
                                    </ul>
 +
                                </li>
 +
                                <li class="smoth-scroll">
 +
                                    <a data-hover="Services" href="#">Services</a>
 +
                                </li>
 +
                                <li class="smoth-scroll">
 +
                                    <a data-hover="ABOUT" href="#">About</a>
 +
                                </li>
 +
                                <li class="smoth-scroll">
 +
                                    <a data-hover="Portfolio" href="protfolio-1.html">Portfolio</a>
 +
                                    <ul class="sub_menu">
 +
                                        <li class="waves-effect waves">
 +
                                            <a href="protfolio-1.html">Protfolio 1</a>
 +
                                        </li>
 +
                                        <li class="waves-effect waves">
 +
                                            <a href="protfolio-2.html">Protfolio 2</a>
 +
                                        </li>
 +
                                        <li class="waves-effect waves">
 +
                                            <a href="protfolio-3.html">Protfolio 3</a>
 +
                                        </li>
 +
                                        <li class="waves-effect waves">
 +
                                            <a href="case_study.html">Case Study</a>
 +
                                        </li>
 +
                                    </ul>
 +
                                </li>
 +
                                <li class="smoth-scroll active">
 +
                                    <a data-hover="Blog" href="blog_grid.html">Blog</a>
 +
                                    <ul class="sub_menu">
 +
                                        <li class="waves-effect waves">
 +
                                            <a href="blog_grid.html">Blog Grid</a>
 +
                                        </li>
 +
                                        <li class="waves-effect waves">
 +
                                            <a href="blog-left_sidebar.html">Blog Left Sidebar</a>
 +
                                        </li>
 +
                                        <li class="waves-effect waves">
 +
                                            <a href="blog-right_sidebar.html">Blog Right Sidebar</a>
 +
                                        </li>
 +
                                        <li class="waves-effect waves">
 +
                                            <a href="single_blog-full.html">Single Blog Full</a>
 +
                                        </li>
 +
                                        <li class="waves-effect waves">
 +
                                          <a href="single_blog-left_sidebar.html">
 +
                                                Single Blog Left Sidebar
 +
                                            </a>
 +
                                        </li>
 +
                                        <li class="waves-effect waves">
 +
                                            <a href="single_blog-right_sidebar.html">
 +
                                                Single Blog Right Sidebar
 +
                                            </a>
 +
                                        </li>
 +
                                    </ul>
 +
                                </li>
 +
                                <li class="smoth-scroll">
 +
                                    <a data-hover="Contact US" href="contact.html">Contact US</a>
 +
                                </li>
 +
                            </ul>
 +
                        </nav>
 +
                        <!-- END MENU AREA -->
 +
                       
 +
                        <!-- Mobile Menu Start -->
 +
                        <nav class="mobile_menu hidden">
 +
                            <ul>
 +
                                <li>
 +
                                    <a href="index.html">Home</a>
 +
                                    <ul>
 +
                                        <li>
 +
                                            <a href="index.html">Home page 1</a>
 +
                                        </li>
 +
                                        <li>
 +
                                            <a href="index-2.html">Home page 2</a>
 +
                                        </li>
 +
                                        <li>
 +
                                            <a href="index-3.html">Home page 3</a>
 +
                                        </li>
 +
                                        <li>
 +
                                            <a href="index-4.html">Home page 4</a>
 +
                                        </li>
 +
                                        <li>
 +
                                            <a href="index-5.html">Home page 5</a>
 +
                                        </li>
 +
                                        <li>
 +
                                            <a href="index-6.html">Home page 6</a>
 +
                                        </li>
 +
                                        <li>
 +
                                            <a href="index-7.html">Home page 7</a>
 +
                                        </li>
 +
                                        <li>
 +
                                            <a href="index-8.html">Home page 8</a>
 +
                                        </li>
 +
                                        <li>
 +
                                            <a href="index-9.html">Home page 9</a>
 +
                                        </li>
 +
                                    </ul>
 +
                                </li>
 +
                                <li>
 +
                                    <a href="protfolio-1.html">Portfolio</a>
 +
                                    <ul>
 +
                                        <li>
 +
                                            <a href="protfolio-1.html">Protfolio 1</a>
 +
                                        </li>
 +
                                        <li>
 +
                                            <a href="protfolio-2.html">Protfolio 2</a>
 +
                                        </li>
 +
                                        <li>
 +
                                            <a href="protfolio-3.html">Protfolio 3</a>
 +
                                        </li>
 +
                                        <li>
 +
                                            <a href="case_study.html">Case Study</a>
 +
                                        </li>
 +
                                    </ul>
 +
                                </li>
 +
                                <li>
 +
                                    <a href="blog_grid.html">Blog</a>
 +
                                    <ul>
 +
                                        <li>
 +
                                            <a href="blog_grid.html">Blog Grid</a>
 +
                                        </li>
 +
                                        <li>
 +
                                            <a href="blog-left_sidebar.html">Blog Left Sidebar</a>
 +
                                        </li>
 +
                                        <li>
 +
                                            <a href="blog-right_sidebar.html">Blog Right Sidebar</a>
 +
                                        </li>
 +
                                        <li>
 +
                                            <a href="single_blog-full.html">Single Blog Full</a>
 +
                                        </li>
 +
                                        <li>
 +
                                            <a href="single_blog-left_sidebar.html">
 +
                                                Single Blog Left Sidebar
 +
                                            </a>
 +
                                        </li>
 +
                                        <li>
 +
                                            <a href="single_blog-right_sidebar.html">
 +
                                                Single Blog Right Sidebar
 +
                                            </a>
 +
                                        </li>
 +
                                    </ul>
 +
                                </li>
 +
                                <li>
 +
                                    <a href="contact.html">Contact US</a>
 +
                                </li>
 +
                            </ul>
 +
                        </nav>
 +
                        <!-- Mobile Menu End -->
 +
                    </div>
 +
                </div>
 +
            </div>
 +
        </header>                       
 +
        <!-- ====HEADER END==== -->       
 +
       
 +
        <!-- ====BREADCUM START==== -->
 +
        <section class="blog_banner_area">
 +
            <div class="container">
 +
                <div class="row">
 +
                    <div class="col-sm-12">
 +
                        <div class="banner_title">
 +
                            <h1>Single BOLG Right Sidebar</h1>
 +
                            <ul>
 +
                                <li><a href="#">Home</a></li>
 +
                                <li><a href="#">Blog</a></li>
 +
                                <li>Single BOLG Right Sidebar</li>
 +
                            </ul>
 +
                        </div>
 +
                    </div>
 +
                </div>   
 +
            </div>
 +
        </section>
 +
        <!-- ====BREADCUM END==== -->
 +
       
 +
        <!-- ====START BLOG TABLE==== -->
 +
        <section class="blog_area section-padding">
 +
            <div class="container">
 +
                <div class="row">
 +
                    <div class="blog_grid_area">
 +
                        <div class="col-xs-12 col-sm-9">
 +
                            <div class="bloggrid_right">
 +
                                <figure class="postImg waves-effect">
 +
                                    <img src="img/blog_single_img.jpg" alt="">
 +
                                </figure>
 +
                                <div class="blog_top">
 +
                                    <h4 class="blog_topHd">
 +
                                        <a href="single_blog-full.html">10 beautiful place in the world</a>
 +
                                    </h4>
 +
                                    <ul class="blog_s">
 +
                                        <li>
 +
                                            <a href="#"><i class="zmdi zmdi-calendar-alt"></i>June 18,2015</a>
 +
                                        </li>
 +
                                        <li>
 +
                                            <a href="#">
 +
                <i class="fa fa-comments" aria-hidden="true"></i>2
 +
            </a>
 +
                                        </li>
 +
                                    </ul>
 +
                                </div>
 +
                                <div class="blog_content">
 +
                                    <p>Learn how to improve your playing quality and even overall understanding of online gaming and how you perform while playing online. Gaming online is a huge business nowadays and that means that there are millions of people worldwide at online game sites all the time. Many are people just like you and me that like to play online and have fun doing it. Some of these people enjoy it so much.</p>
 +
                                    <p>Working on skills will not only help you improve your success while playing online games but will also give you higher self-esteem and a sense of achievement. And remember that the faster you master the easy games, you can turn to the more complicated ones and match your brain and skills against the real experts.</p>
 +
                                    <blockquote>
 +
                                        Learn how to improve your playing quality and even overall understanding of online gaming and how you perform while playing online. Gaming online is a huge business nowadays and that means that there are millions of people worldwide at online game sites all the time
 +
                                    </blockquote>
 +
                              <p>Gaming online is a huge business nowadays and that means that there are millions of people worldwide at online game sites all the time. Many are people just like you and me that like to play online and have fun doing it. Some of these people enjoy it  are millions of people worldwide so much.
 +
</p>
 +
                                </div>
 +
                                <div class="share_comment">
 +
                                  <h5>
 +
                                        <i class="zmdi zmdi-tag"></i>
 +
                                        <a href="#">World,</a>
 +
                                        <a href="#">Place,</a>
 +
                                        <a href="#"> Nature</a>
 +
                                    </h5>
 +
                                    <ul class="share_social">
 +
                                      <li>
 +
                                            <a href="#!">
 +
                                                <i class="zmdi zmdi-facebook waves-effect"></i>
 +
                                            </a>
 +
                                        </li>  
 +
                                      <li>
 +
                                          <a href="#!">
 +
                                              <i class="zmdi zmdi-twitter waves-effect"></i>
 +
                                            </a>
 +
                                        </li>
 +
                                      <li>
 +
                                          <a href="#!">
 +
                                              <i class="zmdi zmdi-linkedin waves-effect"></i>
 +
                                            </a>
 +
                                        </li>
 +
                                      <li>
 +
                                            <a href="#!">
 +
                                              <i class="zmdi zmdi-google waves-effect"></i>
 +
                                            </a>
 +
                                        </li>
 +
                                      <li>
 +
                                          <a href="#!">
 +
                                              <i class="zmdi zmdi-pinterest waves-effect"></i>
 +
                                            </a>
 +
                                        </li>
 +
                                    </ul>
 +
                                </div>
 +
                                <div class="about_auther">
 +
                                    <div class="auther">
 +
                                        <img src="img/comment_1.jpg" alt="" />
 +
                                    </div>
 +
                                    <div class="auther_details">
 +
                                        <h5><a href="#">Nadia Afnan</a></h5>
 +
                                        <p>Many are people just like you and me that like to play online and have fun doing it. Some of these people enjoy it so much. Working on skills will not only help you improve your success while playing online .</p>
 +
                                    </div> 
 +
                                </div>
 +
                                <div class="related_post">
 +
                                    <div class="row">
 +
                                        <div class="col-xs-12">
 +
                                            <h3>Related post</h3>
 +
                                        </div>
 +
                                        <div class="related_post_top clearfix">
 +
                                            <div class="col-md-6">
 +
                                                <a href="single_blog-full.html">
 +
                                                    <figure class="postImg waves-effect">
 +
                                                        <img src="img/full_single_blog1.jpg" alt="">
 +
                                                    </figure>
 +
                                                </a>
 +
                                                <div class="blog_heading">
 +
                                                    <h4>
 +
                                                      <a href="single_blog-full.html">
 +
                                                            World longest sea beach
 +
                                                        </a>
 +
                                                    </h4>
 +
                                                    <ul class="blog_s">
 +
                                                        <li>
 +
                                                            <a href="#"><i class="zmdi zmdi-calendar-alt"></i>June 18,2015</a>
 +
                                                        </li>
 +
                                                        <li>
 +
                                                            <a href="#">
 +
                                <i class="fa fa-comments" aria-hidden="true"></i>2
 +
                            </a>
 +
                                                        </li>
 +
                                                    </ul>
 +
                                                </div>
 +
                                            </div>
 +
                                            <div class="col-md-6">
 +
                                              <a href="single_blog-full.html">
 +
                                                    <figure class="postImg waves-effect">
 +
                                                        <img src="img/full_single_blog2.jpg" alt="">
 +
                                                    </figure>
 +
                                                </a>
 +
                                                <div class="blog_heading">
 +
                                                    <h4>
 +
                                                        <a href="single_blog-full.html">
 +
                                                            World most populated cities 
 +
                                                        </a>
 +
                                                    </h4>
 +
                                                    <ul class="blog_s">
 +
                                                        <li>
 +
                                                            <a href="#">
 +
                                                                <i class="zmdi zmdi-calendar-alt"></i>
 +
                                                                June 18,2015
 +
                                                            </a>
 +
                                                        </li>
 +
                                                        <li>
 +
                                                            <a href="#">
 +
                                <i class="fa fa-comments" aria-hidden="true"></i>2
 +
                            </a>
 +
                                                        </li>
 +
                                                    </ul>
 +
                                                </div> 
 +
                                            </div>
 +
                                        </div>
 +
                                    </div>
 +
                                </div>
 +
                                <div class="comment_area">
 +
                                    <div class="row">
 +
                                        <div class="col-md-12">
 +
                                            <h3>Comments (3)</h3>
 +
                                            <div class="comment">
 +
                                                <div class="commenter">
 +
                                                    <img src="img/comment_2.jpg" alt="" />
 +
                                                </div>
 +
                                                <div class="about_commenter">
 +
                                                  <h5><a href="#">Faridul Haque</a></h5>
 +
                                                  <h6>18 Hours ago</h6>
 +
                                                    <p>Many are people just like you and me that like to play online and have fun doing it. Some of these people enjoy it so much.</p>
 +
                                                    <a href="#">Reply</a>
 +
                                                </div> 
 +
                                            </div>
 +
                                        </div>
 +
                                        <div class="col-md-12">
 +
                                            <div class="comment">
 +
                                                <div class="commenter">
 +
                                                    <img src="img/comment_2.jpg" alt="" />
 +
                                                </div>
 +
                                                <div class="about_commenter">
 +
                                                  <h5><a href="#">Faridul Haque</a></h5>
 +
                                                  <h6>18 Hours ago</h6>
 +
                                                    <p>Many are people just like you and me that like to play online and have fun doing it. Some of these people enjoy it so much.</p>
 +
                                                    <a href="#">Reply</a>
 +
                                                </div> 
 +
                                            </div>
 +
                                        </div>
 +
                                        <div class="col-md-12">
 +
                                            <div class="comment">
 +
                                                <div class="commenter">
 +
                                                    <img src="img/comment_2.jpg" alt="" />
 +
                                                </div>
 +
                                                <div class="about_commenter">
 +
                                                  <h5><a href="#">Faridul Haque</a></h5>
 +
                                                  <h6>18 Hours ago</h6>
 +
                                                    <p>Many are people just like you and me that like to play online and have fun doing it. Some of these people enjoy it so much.</p>
 +
                                                    <a href="#">Reply</a>
 +
                                                </div> 
 +
                                            </div>
 +
                                        </div>
 +
                                    </div>
 +
                                </div>
 +
                                <div class="leave_comment">
 +
                                    <div class="row">
 +
                                        <div class="col-xs-12">
 +
                                          <h3>LEAVE A COMMENT</h3>
 +
                                        </div>
 +
                                    </div>
 +
                                    <form action="index.html" method="get">
 +
                                        <div class="row jsSubmit_button">
 +
                                            <div class="input-field col-md-4">
 +
                                                <input id="contact_name" type="text" class="validate" required>
 +
                                                <label for="contact_name">
 +
                                                    <i class="zmdi zmdi-account"></i>First Name
 +
                                                    <span>*</span>
 +
                                                </label>
 +
                                            </div>
 +
                                            <div class="input-field col-md-4">
 +
                                                <input id="contact_email" type="email" class="validate" required>
 +
                                                    <label for="contact_email"><i class="zmdi zmdi-email"></i>Your Email
 +
                                                    <span>*</span>
 +
                                                </label>
 +
                                            </div>
 +
                                            <div class="input-field col-md-4">
 +
                                                <input id="website" type="text" class="validate" required>
 +
                                                    <label for="website"><i class="zmdi zmdi-globe"></i>Your website
 +
                                                    <span>*</span>
 +
                                                </label>
 +
                                            </div>
 +
                                            <div class="input-field col-md-12">
 +
                                                <textarea id="textarea1" class="materialize-textarea" required></textarea>
 +
                                                <label for="textarea1"><i class="zmdi zmdi-border-color"></i>Your massage
 +
                                                    <span>*</span>
 +
                                                </label>
  
 +
                                            </div>
 +
                                            <div class="col-md-12">
 +
                                                <button type="submit" class="th_bt btn waves-effect" disabled>
 +
                                                    send<i class="zmdi zmdi-mail-send"></i>
 +
                                                </button>
 +
                                            </div>
 +
                                        </div>
 +
                                    </form>
 +
                                </div>
 +
                            </div>
 +
                        </div>
 +
                        <aside class="col-xs-12 col-sm-3 right_sidebar_area">
 +
                            <div class="blog_search">
 +
                                <h4 class="sidebar_Hd">Search</h4>                               
 +
                                <form action="index.html" method="get">                               
 +
                                    <div class="input-field">
 +
                                        <input id="search_box" type="text" class="validate" required>
 +
                                        <label for="search_box">
 +
                                            Enter your keyword....
 +
                                        </label>
 +
                                        <button type="submit" class="th_bt btn waves-effect">
 +
                                            <i class="zmdi zmdi-search"></i>
 +
                                        </button>
 +
                                    </div>
 +
                                </form>
 +
                            </div>
 +
                            <div class="sidebarBlog_list mb80">
 +
                                <h4 class="sidebar_Hd">Categories</h4>
 +
                                <ul class="sidebarList">
 +
                                    <li>
 +
                                        <a href="#">
 +
                                            <span>Graphic Design</span>
 +
                                            <span class="list_right">(7)</span>
 +
                                        </a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="#">
 +
                                            <span>News </span>
 +
                                            <span class="list_right">(15)</span>
 +
                                        </a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="#">
 +
                                            <span>Web Design</span>
 +
                                            <span class="list_right">(10)</span>
 +
                                        </a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="#">
 +
                                            <span>Trending</span>
 +
                                            <span class="list_right">(71)</span>
 +
                                        </a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="#">
 +
                                            <span>Technology</span>
 +
                                            <span class="list_right">(14)</span>
 +
                                        </a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="#">
 +
                                            <span>Uncategorized </span>
 +
                                            <span class="list_right">(147)</span>
 +
                                        </a>
 +
                                    </li>
 +
                                </ul>
 +
                            </div>
 +
                            <div class="sidebarPost_list mb80">
 +
                                <ul class="tab_menu" role="tablist">
 +
                                    <li class="active waves-effect">
 +
                                        <a href="#recent_post" data-toggle="tab">Recent Post</a>
 +
                                    </li>
 +
                                    <li class="waves-effect">
 +
                                        <a href="#popular_post" data-toggle="tab">Popular Post</a>
 +
                                    </li>
 +
                                </ul>
 +
                                <!-- Tab panes -->
 +
                                <div class="tab-content">
 +
                                    <div role="tabpanel" class="tab-pane active fade in" id="recent_post">
 +
                                        <div class="post_list">
 +
                                            <figure class="post_listImg">
 +
                                                <a href="blog_grid.html">
 +
                                                    <img src="img/blog_list_1.jpg" alt="">
 +
                                                </a>
 +
                                            </figure>
 +
                                            <div class="post_text">
 +
                                                <ul class="blog_s">
 +
                                                    <li>
 +
                                                        <a href="#"><i class="zmdi zmdi-calendar-alt"></i>June 18,2015</a>
 +
                                                    </li>
 +
                                                    <li>
 +
                                                        <a href="#">
 +
                                                            <i class="fa fa-comments" aria-hidden="true"></i>2
 +
                                                        </a>
 +
                                                    </li>
 +
                                                </ul>
 +
                                                <h4><a href="#">How you can be a super creative</a></h4>
 +
                                            </div>
 +
                                        </div>
 +
                                        <div class="post_list">
 +
                                            <figure class="post_listImg">
 +
                                                <a href="blog_grid.html">
 +
                                                    <img src="img/blog_list_2.jpg" alt="">
 +
                                                </a>
 +
                                            </figure>
 +
                                            <div class="post_text">
 +
                                                <ul class="blog_s">
 +
                                                    <li>
 +
                                                        <a href="#"><i class="zmdi zmdi-calendar-alt"></i>June 18,2015</a>
 +
                                                    </li>
 +
                                                    <li>
 +
                                                        <a href="#">
 +
                                                            <i class="fa fa-comments" aria-hidden="true"></i>2
 +
                                                        </a>
 +
                                                    </li>
 +
                                                </ul>
 +
                                                <h4><a href="#">World best photographer and photography</a></h4>
 +
                                            </div>
 +
                                        </div>
 +
                                        <div class="post_list">
 +
                                            <figure class="post_listImg">
 +
                                                <a href="blog_grid.html">
 +
                                                    <img src="img/blog_list_3.jpg" alt="">
 +
                                                </a>
 +
                                            </figure>
 +
                                            <div class="post_text">
 +
                                                <ul class="blog_s">
 +
                                                    <li>
 +
                                                        <a href="#"><i class="zmdi zmdi-calendar-alt"></i>June 18,2015</a>
 +
                                                    </li>
 +
                                                    <li>
 +
                                                        <a href="#">
 +
                                                            <i class="fa fa-comments" aria-hidden="true"></i>2
 +
                                                        </a>
 +
                                                    </li>
 +
                                                </ul>
 +
                                                <h4><a href="#">Creative and impressive building</a></h4>
 +
                                            </div>
 +
                                        </div>
 +
                                    </div>
 +
                                    <div role="tabpanel" class="tab-pane fade" id="popular_post">
 +
                                        <div class="post_list">
 +
                                            <figure class="post_listImg">
 +
                                                <a href="blog_grid.html">
 +
                                                    <img src="img/blog_list_1.jpg" alt="">
 +
                                                </a>
 +
                                            </figure>
 +
                                            <div class="post_text">
 +
                                                <ul class="blog_s">
 +
                                                    <li>
 +
                                                        <a href="#"><i class="zmdi zmdi-calendar-alt"></i>June 18,2015</a>
 +
                                                    </li>
 +
                                                    <li>
 +
                                                        <a href="#">
 +
                                                            <i class="fa fa-comments" aria-hidden="true"></i>2
 +
                                                        </a>
 +
                                                    </li>
 +
                                                </ul>
 +
                                                <h4><a href="#">Creative and impressive building</a></h4>
 +
                                            </div>
 +
                                        </div>
 +
                                        <div class="post_list">
 +
                                            <figure class="post_listImg">
 +
                                                <a href="blog_grid.html">
 +
                                                    <img src="img/blog_list_2.jpg" alt="">
 +
                                                </a>
 +
                                            </figure>
 +
                                            <div class="post_text">
 +
                                                <ul class="blog_s">
 +
                                                    <li>
 +
                                                        <a href="#"><i class="zmdi zmdi-calendar-alt"></i>June 18,2015</a>
 +
                                                    </li>
 +
                                                    <li>
 +
                                                        <a href="#">
 +
                                                            <i class="fa fa-comments" aria-hidden="true"></i>2
 +
                                                        </a>
 +
                                                    </li>
 +
                                                </ul>
 +
                                                <h4><a href="#">How you can be a super creative</a></h4>
 +
                                            </div>
 +
                                        </div>
 +
                                        <div class="post_list">
 +
                                            <figure class="post_listImg">
 +
                                                <a href="blog_grid.html">
 +
                                                    <img src="img/blog_list_3.jpg" alt="">
 +
                                                </a>
 +
                                            </figure>
 +
                                            <div class="post_text">
 +
                                                <ul class="blog_s">
 +
                                                    <li>
 +
                                                        <a href="#">
 +
                                                            <i class="zmdi zmdi-calendar-alt"></i>June 18,2015
 +
                                                        </a>
 +
                                                    </li>
 +
                                                    <li>
 +
                                                        <a href="#">
 +
                                                            <i class="fa fa-comments" aria-hidden="true"></i>2
 +
                                                        </a>
 +
                                                    </li>
 +
                                                </ul>
 +
                                                <h4><a href="#">World best photographer and photography</a></h4>
 +
                                            </div>
 +
                                        </div>
 +
                                    </div>
 +
                                </div>
 +
                            </div>
 +
                            <div class="sidebar_archives_list mb80">
 +
                                <h4 class="sidebar_Hd">Archives</h4>
 +
                                <ul class="sidebarList">
 +
                                    <li>
 +
                                        <a href="#">
 +
                                            <span>March 2016</span>
 +
                                            <span class="list_right">(10)</span>
 +
                                        </a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="#">
 +
                                            <span>February 2016</span>
 +
                                            <span class="list_right">(3)</span>
 +
                                        </a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="#">
 +
                                            <span>January 2016</span>
 +
                                            <span class="list_right">(15)</span>
 +
                                        </a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="#">
 +
                                            <span>December 2016</span>
 +
                                            <span class="list_right">(20)</span>
 +
                                        </a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="#">
 +
                                            <span>November 2016</span>
 +
                                            <span class="list_right">(27)</span>
 +
                                        </a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="#">
 +
                                            <span>March 2015</span>
 +
                                            <span class="list_right">(47)</span>
 +
                                        </a>
 +
                                    </li>
 +
                                </ul>
 +
                            </div>
 +
                            <div class="sidebar_tag">
 +
                                <h4 class="sidebar_Hd">tags</h4>
 +
                                <div class="tag_list">
 +
                                    <a class="btn waves-effect" href="#!">creative</a>
 +
                                    <a class="btn waves-effect" href="#!">Web design</a>
 +
                                    <a class="btn waves-effect" href="#!">Photography</a>
 +
                                    <a class="btn waves-effect" href="#">Graphic</a>
 +
                                    <a class="btn waves-effect" href="#!">Ui/UX</a>
 +
                                    <a class="btn waves-effect" href="#!">Material Design</a>
 +
                                    <a class="btn waves-effect" href="#!">Animation</a>
 +
                                </div>
 +
                            </div>
 +
                        </aside>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
        </section>
 +
        <!-- ====END BLOG TABLE==== -->
 +
       
 +
        <!-- ====START SOCIAL Link==== -->
 +
        <div class="footer_social">
 +
            <div class="container-fluid">
 +
                <div class="row">
 +
                    <ul class="ft_top clearfix">
 +
                        <li class="waves-effect waves-light">
 +
                            <a href="#" target="_blank">
 +
                                <i class="zmdi zmdi-facebook "></i>Facebook
 +
                            </a>
 +
                        </li>
 +
                        <li class="waves-effect waves-light">
 +
                            <a href="#" target="_blank">
 +
                                <i class="zmdi zmdi-twitter"></i>Twitter
 +
                            </a>
 +
                        </li>
 +
                        <li class="waves-effect waves-light">
 +
                            <a href="#" target="_blank">
 +
                                <i class="zmdi zmdi-flickr"></i>Flickr
 +
                            </a>
 +
                        </li>
 +
                        <li class="waves-effect waves-light">
 +
                            <a href="#" target="_blank">
 +
                                <i class="zmdi zmdi-linkedin"></i>LinkedIn
 +
                            </a>
 +
                        </li>
 +
                        <li class="waves-effect waves-light">
 +
                            <a href="#" target="_blank">
 +
                                <i class="zmdi zmdi-dribbble"></i>Dribble
 +
                            </a>
 +
                        </li>
 +
                        <li class="waves-effect waves-light">
 +
                            <a href="#" target="_blank">
 +
                                <i class="zmdi zmdi-vimeo"></i>Vimeo
 +
                            </a>
 +
                        </li>
 +
                    </ul>
 +
                </div>
 +
            </div>
 +
        </div>
 +
        <!-- ====END FOOTER TOP==== -->
 +
       
 +
        <!-- ====START FOOTER AREA==== -->
 +
        <footer class="footer_area">
 +
            <div class="footer_middle">
 +
                <div class="container">
 +
                    <div class="row">
 +
                        <div class="col-xs-12">
 +
                            <div class="scroll_area">
 +
                            </div>
 +
                        </div>
 +
                    </div>
 +
                    <div class="row">
 +
                        <div class="col-lg-5 col-md-5 col-sm-12">
 +
                            <div class="middle_content">
 +
                                <h4>More about us</h4>
 +
                                <p>If you’ve followed along and done the steps above, you’ve created a good starting place. You’re going to need to make sure your pages are optimized properly. This will ensure you get your page ranked high in the search engines. ou’re going to need to make sure your pages are optimized properly.
 +
            Read More</p>
 +
                              <a href="#">Read More</a>
 +
                            </div>
 +
                        </div>
 +
                        <div class="col-lg-3 col-lg-offset-1 col-md-4 col-sm-7">
 +
                            <div class="footer_Widgets">
 +
                                <h4>Stay in touch</h4>
 +
                                <div class="ft_contact">
 +
                                    <ul>
 +
                                        <li><i class="zmdi zmdi-pin"></i>
 +
                                            <span>Location: Lorance Road 542B,5248 MT, Wordwide Country</span>
 +
                                        </li>
 +
                                        <li><i class="zmdi zmdi-phone"></i>
 +
                                            <a href="tel:123-456-7890">Phone: 123-456-7890</a>
 +
                                        </li>
 +
                                        <li><i class="zmdi zmdi-email"></i>
 +
                                            <a href="mailto:contact@domain.com">email: contact@domain.com</a>
 +
                                        </li>
 +
                                        <li><i class="zmdi zmdi-globe"></i>
 +
                                            <a href="#">www.domain.com</a>
 +
                                        </li>
 +
                                    </ul>
 +
                                </div>
 +
                            </div>
 +
                        </div>
 +
                        <div class="col-lg-3 col-md-3 col-sm-5">
 +
                            <div class="footer_Widgets">
 +
                                <h4>Galleries</h4>
 +
                                <figure class="widget_gallery">
 +
                                    <div class="RXcircleEffect"></div>
 +
                                    <img src="img/gallery_1.jpg" alt="" />
 +
                                    <figcaption>
 +
                                        <a class="veno vbox-item" href="img/gallery_1.jpg" data-gall="group_4">
 +
                                            <i class="zmdi zmdi-link"></i>
 +
                                        </a>
 +
                                    </figcaption>
 +
                                </figure>
 +
                                <figure class="widget_gallery">
 +
                                    <div class="RXcircleEffect"></div>
 +
                                    <img src="img/gallery_2.jpg" alt="" />
 +
                                    <figcaption>
 +
                                        <a class="veno vbox-item" href="img/gallery_2.jpg" data-gall="group_4">
 +
                                            <i class="zmdi zmdi-link"></i>
 +
                                        </a>
 +
                                    </figcaption>
 +
                                </figure>
 +
                                <figure class="widget_gallery">
 +
                                    <div class="RXcircleEffect"></div>
 +
                                    <img src="img/gallery_3.jpg" alt="" />
 +
                                    <figcaption>
 +
                                        <a class="veno vbox-item" href="img/gallery_3.jpg" data-gall="group_4">
 +
                                            <i class="zmdi zmdi-link"></i>
 +
                                        </a>
 +
                                    </figcaption>
 +
                                </figure>
 +
                                <figure class="widget_gallery">
 +
                                    <div class="RXcircleEffect"></div>
 +
                                    <img src="img/gallery_4.jpg" alt="" />
 +
                                    <figcaption>
 +
                                        <a class="veno vbox-item" href="img/gallery_4.jpg" data-gall="group_4">
 +
                                            <i class="zmdi zmdi-link"></i>
 +
                                        </a>
 +
                                    </figcaption>
 +
                                </figure>
 +
                                <figure class="widget_gallery">
 +
                                    <div class="RXcircleEffect"></div>
 +
                                    <img src="img/gallery_5.jpg" alt="" />
 +
                                    <figcaption>
 +
                                        <a class="veno vbox-item" href="img/gallery_5.jpg" data-gall="group_4">
 +
                                            <i class="zmdi zmdi-link"></i>
 +
                                        </a>
 +
                                    </figcaption>
 +
                                </figure>
 +
                                <figure class="widget_gallery">
 +
                                    <div class="RXcircleEffect"></div>
 +
                                    <img src="img/gallery_6.jpg" alt="" />
 +
                                    <figcaption>
 +
                                        <a class="veno vbox-item" href="img/gallery_6.jpg" data-gall="group_4">
 +
                                            <i class="zmdi zmdi-link"></i>
 +
                                        </a>
 +
                                    </figcaption>
 +
                                </figure>
 +
                            </div>
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
            <div class="footer_bottom">
 +
                <div class="container">
 +
                    <div class="ft_area">
 +
                        <div class="row">
 +
                            <div class="col-md-7 fix_p_l">
 +
                                <nav>
 +
                                    <ul class="ft_bottom">     
 +
                                        <li><a href="#">Home</a></li>
 +
                                        <li><a href="#">Services</a></li>
 +
                                        <li><a href="#"> About </a></li>
 +
                                        <li><a href="#">Portfolio</a></li>
 +
                                        <li><a href="#">Blog </a></li>
 +
                                        <li><a href="#">Contact US</a></li>
 +
                                    </ul>
 +
                                </nav>
 +
                            </div>
 +
                            <div class="col-md-5 fix_p">
 +
                                <div class="ft_paragraph">
 +
                                    <p>©2016 Design by <a href="https://www.behance.net/googoling">Faridul Haque</a> and Develop by <a href="http://themeebit.com">ThemeeBiT</a>.</p> 
 +
                                </div>
 +
                            </div> 
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
            </div>             
 +
        </footer>
 +
        <!-- ====END FOOTER AREA==== -->
 +
       
 +
        <!-- ====jQuery Latest version==== -->
 +
        <script src="js/vendor/jquery-1.12.0.min.js"></script>
  
 +
        <!-- ====Google Maps API==== -->
 +
        <script src="https://maps.googleapis.com/maps/api/js"></script>
  
 +
        <!-- ====Material==== -->
 +
        <script src="js/mdb.min.js"></script>
  
 +
        <!-- ====Bootstrap JS==== -->
 +
        <script src="js/bootstrap.min.js"></script>
 +
 +
        <!-- ====jQuery Counterup==== -->
 +
        <script src="js/waypoints.min.js"></script>
 +
        <script src="js/jquery.counterup.min.js"></script>
 +
       
 +
        <!-- ====jQuery Meanmenu==== -->
 +
        <script src="js/jquery.meanmenu.min.js"></script>
 +
 +
        <!-- ====jQuery easing==== -->
 +
        <script src="js/jquery.easing.1.3.min.js"></script>
 +
 +
        <!-- ====jQuery owl carousel==== -->
 +
        <script src="js/owl.carousel.min.js"></script>
 +
 +
        <!-- ====jQuery parallax==== -->
 +
        <script src="js/jquery.parallax-1.1.3.js"></script>
 +
 +
        <!-- ====jQuery isotop==== -->
 +
        <script src="js/isotope.pkgd.min.js"></script>
 +
       
 +
        <!-- ====jQuery Packery==== -->
 +
        <script src="js/packery.js"></script>
 +
 +
        <!-- ====jQuery VenoBox==== -->
 +
        <script src="js/venobox.min.js"></script>
 +
 +
        <!-- ====jQuery appear and knob==== -->
 +
        <script src="js/jquery.knob.min.js"></script>
 +
 +
        <!--Opacity & Other IE fix for older browser-->
 +
        <!--[if lte IE 8]>
 +
            <script type="text/javascript" src="js/ie-opacity-polyfill.js"></script>
 +
        <![endif]-->    
 +
 +
        <!-- ====jQuery main script==== -->
 +
        <script src="js/main.js"></script>
 +
    </body>
 
</html>
 
</html>

Revision as of 17:44, 13 September 2016