La Plume de Gilles

  • Главная
  • How does it work?
  • aaaaaa
  • Главная (скопировать)
Главная

Главная

  1. iat.
    <!DOCTYPE html>
    <html lang="zxx">
     
    <head>
        <title>Chronicle Education Category Bootstrap Responsive website Template | Home :: w3layouts</title>
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <meta name="keywords" content="Chronicle Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template, 
    SmartPhone Compatible web template, free WebDesigns for Nokia, Samsung, LG, Sony Ericsson, Motorola web design" />
        <script>
            addEventListener("load", function () {
                setTimeout(hideURLbar, 0);
            }, false);
     
            function hideURLbar() {
                window.scrollTo(0, 1);
            }
        </script>
        <!-- Custom Theme files -->
        <link href="css/bootstrap.css" type="text/css" rel="stylesheet" media="all">
        <!-- shop css -->
        <link href="css/shop.css" type="text/css" rel="stylesheet" media="all">
        <link href="css/style.css" type="text/css" rel="stylesheet" media="all">
        <!-- font-awesome icons -->
        <link href="css/font-awesome.css" rel="stylesheet">
        <!-- //Custom Theme files -->
        <!-- online-fonts -->
        <!-- logo -->
        <link href="//fonts.googleapis.com/css?family=Fredericka+the+Great" rel="stylesheet">
        <!-- titles -->
        <link href="//fonts.googleapis.com/css?family=Merriweather+Sans:300,300i,400,400i,700,700i,800,800i" rel="stylesheet">
        <!-- body -->
        <link href="//fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i" rel="stylesheet">
        <!-- //online-fonts -->
    </head>
     
    <body id="page-top" data-spy="scroll" data-target=".navbar-fixed-top">
        <div id="home">
            <!-- header -->
            <!-- navbar -->
            <nav class="navbar navbar-default navbar-fixed-top">
                <div class="main-nav">
                    <div class="container">
     
                        <div class="navbar-header page-scroll">
                            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
                                <span class="sr-only">Chronicle</span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                            </button>
                            <h1>
                                <a class="navbar-brand" href="index.html">Chronicle</a>
                            </h1>
                        </div>
                        <!-- Collect the nav links, forms, and other content for toggling -->
                        <div class="collapse navbar-collapse navbar-ex1-collapse nav-right">
                            <ul class="nav navbar-nav navbar-left cl-effect-15">
                                <!-- Hidden li included to remove active class from about link when scrolled up past about section -->
                                <li class="hidden">
                                    <a class="page-scroll" href="#page-top"></a>
                                </li>
                                <li>
                                    <a href="index.html">Home</a>
                                </li>
                                <li>
                                    <a href="about.html">about us</a>
                                </li>
                                <li class="dropdown">
                                    <a href="#" class="dropdown-toggle effect-3" data-toggle="dropdown">shop
                                        <b class="caret"></b>
                                    </a>
                                    <ul class="dropdown-menu">
                                        <li>
                                            <a href="shop.html">product catalog</a>
                                        </li>
                                        <li>
                                            <a href="single_product.html">single product</a>
                                        </li>
                                        <li>
                                            <a href="checkout.html">checkout</a>
                                        </li>
    <li>
                                            <a href="payment.html">Payment</a>
                                        </li>
                                    </ul>
                                </li>
                                <li class="dropdown">
                                    <a href="#" class="dropdown-toggle effect-3" data-toggle="dropdown">footers
                                        <b class="caret"></b>
                                    </a>
                                    <ul class="dropdown-menu">
                                        <li>
                                            <a href="footer.html">Default</a>
                                        </li>
                                        <li>
                                            <a href="footer1.html">variant1</a>
                                        </li>
                                        <li>
                                            <a href="footer2.html">variant2</a>
                                        </li>
                                        <li>
                                            <a href="footer3.html">variant3</a>
                                        </li>
                                        <li>
                                            <a href="footer4.html">variant4</a>
                                        </li>
                                    </ul>
                                </li>
                                <li>
                                    <a href="contact.html">Contact us</a>
                                </li>
                                <li>
                                    <a href="login.html" title="SignIn & SignUp">
                                        <span class="fa fa-user nav-icon" aria-hidden="true"></span>
                                    </a>
                                </li>
     
                            </ul>
                            <!-- search-bar -->
                            <div class="search-bar-agileits">
                                <div class="cd-main-header">
                                    <ul class="cd-header-buttons">
                                        <li>
                                            <a class="cd-search-trigger" href="#cd-search">
                                                <span></span>
                                            </a>
                                        </li>
                                    </ul>
                                    <!-- cd-header-buttons -->
                                </div>
                                <div id="cd-search" class="cd-search">
                                    <form action="#" method="post">
                                        <input name="Search" type="search" placeholder="Type and Hit Enter...">
                                    </form>
                                </div>
                            </div>
                            <!-- //search-bar ends here -->
                            <!-- shopping cart -->
                            <div class="cart-mainf">
                                <div class="chrcart chrcart2 cart cart box_1">
                                    <form action="#" method="post" class="last">
                                        <input type="hidden" name="cmd" value="_cart">
                                        <input type="hidden" name="display" value="1">
                                        <button class="top_chr_cart" type="submit" name="submit" value="">
                                            <i class="fa fa-cart-arrow-down" aria-hidden="true"></i>
                                        </button>
                                    </form>
                                </div>
                            </div>
                            <!-- //shopping cart ends here -->
                        </div>
                        <!-- /.navbar-collapse -->
                        <div class="clearfix"></div>
                    </div>
                    <!-- /.container -->
                </div>
            </nav>
            <!-- //navbar ends here -->
            <!-- banner -->
            <div class="banner-bg-agileits">
                <!-- banner-text -->
                <div class="banner-text">
                    <div class="container">
                        <p class="b-txt">the</p>
                        <h2 class="title">
                            Library
                        </h2>
                        <ul class="banner-txt">
                            <li>share.</li>
                            <li> explore. </li>
                            <li>amplify.</li>
                        </ul>
                    </div>
                </div>
                <!-- //banner-text -->
            </div>
            <!-- //banner -->
            <!-- about -->
            <div class="about-sec section" id="about">
                <div class="container">
                    <!-- about-left-grid -->
                    <div class="col-md-7 about-left-grid">
                        <div class="inner-about2">
                            <h4>the splendid Central Library</h4>
                            <p>Billed as the largest in the world,and the library's collection holds more than 3 million items.</p>
                            <h5>the library catalogue</h5>
                            <ul class="about-list">
                                <li>
                                    <i class="fa fa-play-circle-o" aria-hidden="true"></i>International Collections</li>
                                <li>
                                    <i class="fa fa-play-circle-o" aria-hidden="true"></i>ebooks</li>
                                <li>
                                    <i class="fa fa-play-circle-o" aria-hidden="true"></i>Manuscripts</li>
                                <li>
                                    <i class="fa fa-play-circle-o" aria-hidden="true"></i>scientific and Technical Information</li>
                                <li>
                                    <i class="fa fa-play-circle-o" aria-hidden="true"></i>Comic Books</li>
                                <li>
                                    <i class="fa fa-play-circle-o" aria-hidden="true"></i>Cartography</li>
                                <li>
                                    <i class="fa fa-play-circle-o" aria-hidden="true"></i>Journals</li>
     
                            </ul>
                            <a href="#">view more</a>
                        </div>
                        <!-- about left bottom - services -->
                        <div class="principles-grids principles-grids1">
                            <div class="abt-btm agileits w3layouts aos-init aos-animate">
                                <div class="col-md-6 col-sm-6 agileits elite-services1 w3layouts bottom-gds" data-aos="fade-up">
                                    <div class="bott-img agileits w3layouts">
                                        <div class="icon-holder agileits w3layouts">
                                            <span class="fa fa-book agileits w3layouts service-icon" aria-hidden="true"></span>
                                        </div>
                                        <h4 class="mission agileits w3layouts">law library</h4>
                                        <div class="description agileits w3layouts">
                                            <a href="#">Read More</a>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-6 col-sm-6 agileits elite-services2 w3layouts bottom-gds" data-aos="fade-down">
                                    <div class="bott-img bott-img1 agileits w3layouts">
                                        <div class="icon-holder agileits w3layouts">
                                            <span class="fa fa-book agileits w3layouts service-icon" aria-hidden="true"></span>
                                        </div>
                                        <h4 class="mission agileits w3layouts">asian materials</h4>
                                        <div class="description agileits w3layouts">
                                            <a href="#">Read More</a>
                                        </div>
                                    </div>
                                </div>
                                <div class="clearfix"></div>
                            </div>
                        </div>
                        <!-- //about left bottom - services ends here -->
                    </div>
                    <!-- //about-left-grid ends here-->
                    <!-- about-right-grid -->
                    <div class="col-md-5 about-right-grid"></div>
                    <!-- //about-right-grid ends here -->
                    <div class="clearfix"></div>
                </div>
            </div>
            <!-- //about ends here -->
            <!-- about bottom -->
            <div class="about-bottom section">
                <div class="container-fluid">
                    <h4 class="rad-txt">
                        <span class="abtxt1">wonderful</span>
                        <span class="abtext"> world of reading</span>
                    </h4>
                    <!-- about-bottom grid1 -->
                    <div class="col-md-6 about-bottom-right">
                        <p class="abt-p">Etiam massa quam, efficitur eu ante vestibulum, convallis molestie arcu. Morbi dapibus suscipit ante,
                            sit efficitur eu ante vestibulum, convallis molestie arcu. Morbi dapibus suscipit an amet pulvinar
                            risus.
                        </p>
                        <div class="col-md-6 col-sm-6 col-xs-6 services-w3ls">
                            <div class="ab1">
                                <div class="col-md-3 col-sm-3 col-xs-3 ab1-icon">
                                    <span class="fa fa-book" aria-hidden="true"></span>
                                </div>
                                <div class="col-md-9 col-sm-9 col-xs-9 ab1-text">
                                    <h5>e-books</h5>
                                    <p>loremipsum is a dummy text</p>
                                </div>
                                <div class="clearfix"></div>
                            </div>
                            <div class="ab1">
                                <div class="col-md-3 col-sm-3 col-xs-3 ab1-icon">
                                    <span class="fa fa-book" aria-hidden="true"></span>
                                </div>
                                <div class="col-md-9 col-sm-9 col-xs-9 ab1-text">
                                    <h5>magazines</h5>
                                    <p>loremipsum is a dummy text</p>
                                </div>
                                <div class="clearfix"></div>
                            </div>
                            <div class="ab1">
                                <div class="col-md-3 col-sm-3 col-xs-3 ab1-icon">
                                    <span class="fa fa-book" aria-hidden="true"></span>
                                </div>
                                <div class="col-md-9 col-sm-9 col-xs-9 ab1-text">
                                    <h5>Fiction</h5>
                                    <p>loremipsum is a dummy text</p>
                                </div>
                                <div class="clearfix"></div>
                            </div>
                            <div class="ab1">
                                <div class="col-md-3 col-sm-3 col-xs-3 ab1-icon">
                                    <span class="fa fa-book" aria-hidden="true"></span>
                                </div>
                                <div class="col-md-9 col-sm-9 col-xs-9 ab1-text">
                                    <h5>audio books</h5>
                                    <p>loremipsum is a dummy text</p>
                                </div>
                                <div class="clearfix"></div>
                            </div>
                        </div>
                        <div class="col-md-6 col-sm-6 col-xs-6 services-w3ls service2">
                            <div class="ab1">
                                <div class="col-md-3 col-sm-3 col-xs-3 ab1-icon">
                                    <span class="fa fa-book" aria-hidden="true"></span>
                                </div>
                                <div class="col-md-9 col-sm-9 col-xs-9 ab1-text">
                                    <h5>Journals</h5>
                                    <p>loremipsum is a dummy text</p>
                                </div>
                                <div class="clearfix"></div>
                            </div>
                            <div class="ab1">
                                <div class="col-md-3 col-sm-3 col-xs-3 ab1-icon">
                                    <span class="fa fa-book" aria-hidden="true"></span>
                                </div>
                                <div class="col-md-9 col-sm-9 col-xs-9 ab1-text">
                                    <h5>e-library</h5>
                                    <p>loremipsum is a dummy text</p>
                                </div>
                                <div class="clearfix"></div>
                            </div>
                            <div class="ab1">
                                <div class="col-md-3 col-sm-3 col-xs-3 ab1-icon">
                                    <span class="fa fa-book" aria-hidden="true"></span>
                                </div>
                                <div class="col-md-9 col-sm-9 col-xs-9 ab1-text">
                                    <h5>magazines</h5>
                                    <p>loremipsum is a dummy text</p>
                                </div>
                                <div class="clearfix"></div>
                            </div>
                            <div class="ab1">
                                <div class="col-md-3 col-sm-3 col-xs-3 ab1-icon">
                                    <span class="fa fa-book" aria-hidden="true"></span>
                                </div>
                                <div class="col-md-9 col-sm-9 col-xs-9 ab1-text">
                                    <h5>Comic Books</h5>
                                    <p>loremipsum is a dummy text</p>
                                </div>
                                <div class="clearfix"></div>
                            </div>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                    <!-- //about-bottom grid1 ends here -->
                    <div class="col-md-6 home-about2">
                    <!-- about-bottom grid2 -->
                    <div class="col-md-6 col-sm-6 col-xs-6 bg-right"></div>
                    <!-- //about-bottom grid2 ends here -->
                    <!-- about-bottom grid3 -->
                    <div class="col-md-6 col-sm-6 col-xs-6 w3ls-section  stats">
                        <div class="stats-aboutinfo services-main">
                            <div class="agileits_w3layouts-stats-grids text-center">
                                <div class="stats-icon">
                                    <span class="fa fa-book" aria-hidden="true"></span>
                                </div>
                                <div class="stats-right">
                                    <h6>volumes</h6>
                                    <div class='numscroller numscroller-big-bottom' data-slno='1' data-min='0' data-max='221073' data-delay='.5' data-increment="300">221073</div>
     
                                </div>
                                <div class="clearfix"></div>
     
                            </div>
                            <div class="agileits_w3layouts-stats-grids text-center">
                                <div class="stats-icon">
                                    <span class="fa fa-university" aria-hidden="true"></span>
                                </div>
                                <div class="stats-right">
                                    <h6>branches</h6>
                                    <div class='numscroller numscroller-big-bottom' data-slno='1' data-min='0' data-max='780' data-delay='.5' data-increment="50">980</div>
     
                                </div>
                                <div class="clearfix"></div>
     
     
                            </div>
                            <div class="agileits_w3layouts-stats-grids text-center">
                                <div class="stats-icon">
                                    <span class="fa fa-laptop" aria-hidden="true"></span>
                                </div>
                                <div class="stats-right">
                                    <h6>e-books</h6>
                                    <div class='numscroller numscroller-big-bottom' data-slno='1' data-min='0' data-max='9800' data-delay='.5' data-increment="50">9800</div>
     
                                </div>
                                <div class="clearfix"></div>
     
                            </div>
                            <div class="agileits_w3layouts-stats-grids text-center">
                                <div class="stats-icon">
                                    <span class="fa fa-users" aria-hidden="true"></span>
                                </div>
                                <div class="stats-right">
                                    <h6>visitors</h6>
                                    <div class='numscroller numscroller-big-bottom' data-slno='1' data-min='0' data-max='123623' data-delay='.5' data-increment="300">123623</div>
     
                                </div>
                                <div class="clearfix"></div>
     
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="clearfix"></div>
                   </div>
                    <!-- //about-bottom grid3 ends here -->
                    <!-- //Numscroller -->
                    <div class="clearfix"></div>
                </div>
                <!-- //about container ends here-->
            </div>
            <!--//about bottom ends here-->
            <!-- team -->
            <div id="team" class="team section">
                <div class="team-container">
                    <div class="team-row">
                        <!-- team grid1 -->
                        <div class="col-md-5 team-grid-left">
                            <!-- team individual grid -->
                            <div class="col-md-6 col-sm-6 col-xs-6 team-grids">
                                <div class="team-effect">
                                    <img src="images/t3.jpg" alt="img" class="img-responsive">
                                    <div class="social-icon">
                                        <a href="#" class="social-button twitter">
                                            <i class="fa fa-twitter"></i>
                                        </a>
                                        <a href="#" class="social-button facebook">
                                            <i class="fa fa-facebook"></i>
                                        </a>
                                        <a href="#" class="social-button google">
                                            <i class="fa fa-google-plus"></i>
                                        </a>
                                    </div>
                                </div>
                                <div class="team-text">
                                    <h4>John Smith</h4>
                                    <span>Designation</span>
                                    <p>vallis molestie arcu morbi dapibus suscipit ante sit efficitur eu ante vesti.</p>
     
                                </div>
                            </div>
                            <!-- //team individual grid -->
                            <!-- team individual grid -->
                            <div class="col-md-6 col-sm-6 col-xs-6 team-grids">
                                <div class="team-text">
                                    <h4>Thomson Doe</h4>
                                    <span>Designation</span>
                                    <p>vallis molestie arcu morbi dapibus suscipit ante sit efficitur eu ante vesti.</p>
                                </div>
                                <div class="team-effect">
                                    <img src="images/t1.jpg" alt="img" class="img-responsive">
                                    <div class="social-icon">
                                        <a href="#" class="social-button twitter">
                                            <i class="fa fa-twitter"></i>
                                        </a>
                                        <a href="#" class="social-button facebook">
                                            <i class="fa fa-facebook"></i>
                                        </a>
                                        <a href="#" class="social-button google">
                                            <i class="fa fa-google-plus"></i>
                                        </a>
                                    </div>
                                </div>
                                <!-- //team individual grid -->
                            </div>
                        </div>
                        <!-- //team-grid1 ends here-->
                        <!--team-grid2 -->
                        <div class="col-md-2 col-sm-2 team-mid-txt text-center">
                            <span>our</span>
                            <h5>t</h5>
                            <h5>e</h5>
                            <h5>a</h5>
                            <h5>m</h5>
                        </div>
                        <!--//team-grid2 ends here-->
                        <!-- team grid3 -->
                        <!-- team individual grid -->
                        <div class="col-md-5 team-grid-right">
                            <div class="col-md-6 col-sm-6 col-xs-6 team-grids">
                                <div class="team-text">
                                    <h4>Smith Kevin</h4>
                                    <span>Designation</span>
                                    <p>vallis molestie arcu morbi dapibus suscipit ante sit efficitur eu ante vesti.</p>
                                </div>
                                <div class="team-effect">
                                    <img src="images/t2.jpg" alt="img" class="img-responsive">
                                    <div class="social-icon">
                                        <a href="#" class="social-button twitter">
                                            <i class="fa fa-twitter"></i>
                                        </a>
                                        <a href="#" class="social-button facebook">
                                            <i class="fa fa-facebook"></i>
                                        </a>
                                        <a href="#" class="social-button google">
                                            <i class="fa fa-google-plus"></i>
                                        </a>
                                    </div>
                                </div>
                            </div>
                            <!-- //team individual grid -->
                            <!-- team individual grid -->
                            <div class="col-md-6 col-sm-6 col-xs-6 team-grids">
                                <div class="team-effect">
                                    <img src="images/t4.jpg" alt="img" class="img-responsive">
                                    <div class="social-icon">
                                        <a href="#" class="social-button twitter">
                                            <i class="fa fa-twitter"></i>
                                        </a>
                                        <a href="#" class="social-button facebook">
                                            <i class="fa fa-facebook"></i>
                                        </a>
                                        <a href="#" class="social-button google">
                                            <i class="fa fa-google-plus"></i>
                                        </a>
                                    </div>
                                </div>
                                <div class="team-text">
                                    <h4>Laura Hill</h4>
                                    <span>Designation</span>
                                    <p>vallis molestie arcu morbi dapibus suscipit ante sit efficitur eu ante vesti.</p>
                                </div>
                            </div>
                            <!-- //team individual grid -->
                            <div class="clearfix"> </div>
                        </div>
                        <!-- //team grid3 -->
                        <div class="clearfix"> </div>
                    </div>
                    <!-- //team-row ends here -->
                </div>
                <!-- // team container ends here -->
            </div>
            <!-- //team -->
            <!--testimonials -->
            <div class="reviews section" id="testimonials">
                <div class="container">
                    <h4 class="rad-txt">
                        <span class="abtxt1">visitors</span>
                        <span class="abtext">testimonials</span>
                    </h4>
                    <div id="Carousel" class="slide carousel">
                        <!-- Carousel items -->
                        <div class="carousel-inner">
                            <div class="item active">
                                <div class="row">
                                    <div class="col-md-6  testi-main">
                                        <div class="testi-grids">
                                            <div class="col-md-9 col-sm-9 col-xs-9 team-w3ls-txt">
                                                <h6>convallis felis</h6>
                                                <p>Lorem ipsum dolor sit amet.Cras rutrum iaculis enim, non mattis.</p>
                                                <h5>Davidson</h5>
                                            </div>
                                            <div class="col-md-3 col-sm-3 col-xs-3  img-testi">
                                                <img class="img-responsive" src="images/c3.jpg" alt="">
                                            </div>
                                            <div class="clearfix"> </div>
                                        </div>
                                    </div>
                                    <div class="col-md-6  testi-main">
                                        <div class="testi-grids t2">
                                            <div class="col-md-3 col-sm-3 col-xs-3 img-testi">
                                                <img class="img-responsive" src="images/c2.jpg" alt="">
                                            </div>
                                            <div class="col-md-9 col-sm-9 col-xs-9 team-w3ls-txt">
                                                <h6>Cras rutrum</h6>
                                                <p>Lorem ipsum dolor sit amet. enim, non convallis felis mattis.</p>
                                                <h5>Clifford</h5>
                                            </div>
     
                                            <div class="clearfix"> </div>
                                        </div>
                                    </div>
                                    <div class="col-md-6  testi-main">
                                        <div class="testi-grids">
                                            <div class="col-md-9 col-sm-9 col-xs-9 team-w3ls-txt">
                                                <h6>felis mattis</h6>
                                                <p>Lorem ipsum dolor sit amet.Cras rutrum iaculis enim, non yallis.</p>
                                                <h5>Mercurio</h5>
                                            </div>
                                            <div class="col-md-3 col-sm-3 col-xs-3 img-testi">
                                                <img class="img-responsive" src="images/c4.jpg" alt="">
                                            </div>
                                            <div class="clearfix"> </div>
                                        </div>
                                    </div>
                                    <div class="col-md-6  testi-main">
                                        <div class="testi-grids t2">
                                            <div class="col-md-3 col-sm-3 col-xs-3 img-testi">
                                                <img class="img-responsive" src="images/c1.jpg" alt="">
                                            </div>
                                            <div class="col-md-9 col-sm-9 col-xs-9 team-w3ls-txt">
                                                <h6>Cras rutrum</h6>
                                                <p>Lorem ipsum dolor sit amet. enim, non convallis felis mattis.</p>
                                                <h5>Clifford</h5>
                                            </div>
                                            <div class="clearfix"> </div>
                                        </div>
                                    </div>
                                </div>
                                <!--.row-->
                            </div>
                            <!--.item-->
                            <div class="item">
                                <div class="row">
                                    <div class="col-md-6  testi-main">
                                        <div class="testi-grids">
                                            <div class="col-md-9 col-sm-9 col-xs-9 team-w3ls-txt">
                                                <h6>convallis felis</h6>
                                                <p>Lorem ipsum dolor sit amet.Cras rutrum iaculis enim, non mattis.</p>
                                                <h5>Davidson</h5>
                                            </div>
                                            <div class="col-md-3 col-sm-3 col-xs-3 img-testi">
                                                <img class="img-responsive" src="images/c3.jpg" alt="">
                                            </div>
                                            <div class="clearfix"> </div>
                                        </div>
                                    </div>
                                    <div class="col-md-6 testi-main">
                                        <div class="testi-grids t2">
                                            <div class="col-md-3 col-sm-3 col-xs-3 img-testi">
                                                <img class="img-responsive" src="images/c2.jpg" alt="">
                                            </div>
                                            <div class="col-md-9 col-sm-9 col-xs-9 team-w3ls-txt">
                                                <h6>Cras rutrum</h6>
                                                <p>Lorem ipsum dolor sit amet. enim, non convallis felis mattis.</p>
                                                <h5>Clifford</h5>
                                            </div>
     
                                            <div class="clearfix"> </div>
                                        </div>
                                    </div>
                                    <div class="col-md-6  testi-main">
                                        <div class="testi-grids">
                                            <div class="col-md-9 col-sm-9 col-xs-9 team-w3ls-txt">
                                                <h6>felis mattis</h6>
                                                <p>Lorem ipsum dolor sit amet.Cras rutrum iaculis enim, non yallis.</p>
                                                <h5>Mercurio</h5>
                                            </div>
                                            <div class="col-md-3 col-sm-3 col-xs-3 img-testi">
                                                <img class="img-responsive" src="images/c4.jpg" alt="">
                                            </div>
                                            <div class="clearfix"> </div>
                                        </div>
                                    </div>
                                    <div class="col-md-6  testi-main">
                                        <div class="testi-grids t2">
                                            <div class="col-md-3 col-sm-3 col-xs-3 img-testi">
                                                <img class="img-responsive" src="images/c1.jpg" alt="">
                                            </div>
                                            <div class="col-md-9 col-sm-9 col-xs-9 team-w3ls-txt">
                                                <h6>Cras rutrum</h6>
                                                <p>Lorem ipsum dolor sit amet. enim, non convallis felis mattis.</p>
                                                <h5>Clifford</h5>
                                            </div>
     
                                            <div class="clearfix"> </div>
                                        </div>
                                    </div>
                                </div>
                                <!--.row-->
                            </div>
                        </div>
                        <!--.carousel-inner-->
                        <a data-slide="prev" href="#Carousel" class="left carousel-control">‹</a>
                        <a data-slide="next" href="#Carousel" class="right carousel-control">›</a>
                    </div>
                    <!--.Carousel-->
                    <div class="clearfix"> </div>
                </div>
            </div>
            <!-- //testimonials-->
            <!-- footer-layouts -->
            <div class="addon-sec section">
                <div class="container">
                    <h4 class="rad-txt">
                        <span class="abtxt1">footer</span>
                        <span class="abtext">layouts</span>
                    </h4>
                    <div class="col-md-3 col-sm-3 col-xs-3 fimg1">
                        <a href="footer1.html">
                            <img src="images/f1.png" class="img-responsive" alt="chronicle-image">
                        </a>
                    </div>
                    <div class="col-md-3 col-sm-3 col-xs-3 fimg1">
                        <a href="footer2.html">
                            <img src="images/f2.png" class="img-responsive" alt="chronicle-image">
                        </a>
                    </div>
                    <div class="col-md-3 col-sm-3 col-xs-3 fimg1">
                        <a href="footer3.html">
                            <img src="images/f3.png" class="img-responsive" alt="chronicle-image">
                        </a>
                    </div>
                    <div class="col-md-3 col-sm-3 col-xs-3 fimg1">
                        <a href="footer4.html">
                            <img src="images/f4.png" class="img-responsive" alt="chronicle-image">
                        </a>
                    </div>
                    <div class="clearfix"> </div>
                </div>
            </div>
            <!-- //footer-layouts -->
            <!-- footer -->
            <div class="footer-bottom section">
                <div class="container">
                    <!-- newsletter -->
                    <div class="subscribe-main section-w3layouts text-center">
                        <h4 class="rad-txt">
                            <span class="abtxt1">keep yourself</span>
                            <span class="abtext">updated</span>
                        </h4>
                        <h5>subscribe to our newsletter to stay up-to-date with our projects.</h5>
                        <div class="subscribe-form">
                            <form action="#" method="post" class="subscribe_form">
                                <div class="email-news">
                                    <input type="email" placeholder="Email" required="">
                                </div>
                                <div class="sub-news">
                                    <input type="submit" value="subscribe">
                                </div>
                            </form>
                            <div class="clearfix"> </div>
                        </div>
                        <p>We respect your privacy.No spam ever!</p>
                    </div>
                    <!-- //newsletter ends here -->
                    <!-- footer grids-->
                    <div class="footer-cpy">
                        <!-- footer-grid1 -->
                        <div class="col-md-3 col-sm-6 footer-logo">
                            <h3>
                                <a href="index.html">Chronicle</a>
                            </h3>
                            <h4>about us</h4>
                            <p>Vallis Molestie Arcu Morbi Dapibus Suscipit Ante Sit Efficitur Eu estie Arcu Mor Anestie Ate Vesti.</p>
                        </div>
                        <!-- //footer-grid1 -->
                        <!-- footer-grid2 -->
                        <div class="col-md-3 col-sm-6 footer-nav text-center">
                            <h4>navigation</h4>
                            <ul>
                                <li>
                                    <a href="index.html">Home</a>
                                </li>
                                <li>
                                    <a href="about.html">About us</a>
                                </li>
                                <li>
                                    <a href="shop.html">shop</a>
                                </li>
                                <li>
                                    <a href="contact.html">contact us</a>
                                </li>
                            </ul>
                        </div>
                        <!-- //footer-grid2 -->
                        <!-- footer-grid3 -->
                        <div class="col-md-3 col-sm-6 blog-footer">
                            <h4>latest from blog</h4>
                            <div class="blog1">
                                <div class="col-md-3 col-sm-3 col-xs-2 bl1">
                                    <a href="#">
                                        <img src="images/b1.jpg" alt="" class="img-responsive" />
                                    </a>
                                </div>
                                <div class="col-md-9 col-sm-9 col-xs-10 bl2">
                                    <a href="#">Dapibus Suscipit Ante Sit by instagram</a>
                                    <p>February 15, 2018</p>
                                </div>
                                <div class="clearfix"></div>
                            </div>
                            <div class="blog1">
                                <div class="col-md-3 col-sm-3 col-xs-2 bl1">
                                    <a href="#">
                                        <img src="images/b2.jpg" alt="" class="img-responsive" />
                                    </a>
                                </div>
                                <div class="col-md-9 col-sm-9 col-xs-10 bl2">
                                    <a href="#">Dapibus Suscipit Ante Sit by instagram</a>
                                    <p>February 20, 2018</p>
                                </div>
                                <div class="clearfix"></div>
                            </div>
                        </div>
                        <!-- //footer-grid3 -->
                        <!-- footer-grid4 -->
                        <div class="col-md-3 col-sm-6 contact-foot text-right">
                            <h4>contact us</h4>
                            <ul>
                                <li>
                                    <span class="fa fa-home"></span>
                                    1185 Burlington
                                    <br> Canada.
                                </li>
                                <li>
                                    <span class="fa fa-phone"></span>
                                    +12 345 678
                                </li>
                                <li>
                                    <span class="fa fa-envelope"></span>
                                    <a href="mailto:info@example.com">mail@chronicle.com</a>
                                </li>
                            </ul>
                        </div>
                        <!-- //footer-grid4 -->
                        <div class="clearfix"></div>
                    </div>
                    <!-- //footer-grids -->
                    <!-- footer social -->
                    <div class="footer-social text-center">
                        <h4>stay connected</h4>
                        <ul>
                            <li>
                                <a href="#">
                                    <span class="fa fa-facebook icon_facebook"></span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <span class="fa fa-twitter icon_twitter"></span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <span class="fa fa-dribbble icon_dribbble"></span>
                                </a>
                            </li>
                            <li>
                                <a href="#">
                                    <span class="fa fa-google-plus icon_g_plus"></span>
                                </a>
                            </li>
                        </ul>
                    </div>
                    <!-- //footer social -->
                </div>
                <!-- //footer container -->
            </div>
            <!-- //footer -->
            <div class="cpy-right">
                <p>© 2018 Chronicle. All rights reserved | Design by
                    <a href="http://w3layouts.com"> W3layouts.</a>
                </p>
            </div>
        </div>
        <!-- //home -->
        <!-- js -->
        <script src="js/jquery-2.2.3.min.js"></script>
        <!-- //js -->
        <!--search jQuery-->
        <script src="js/main.js"></script>
        <!--search jQuery-->
        <!-- cart-js -->
        <script src="js/minicart.js"></script>
        <script>
            chr.render();
     
            chr.cart.on('new_checkout', function (evt) {
                var items, len, i;
     
                if (this.subtotal() > 0) {
                    items = this.items();
     
                    for (i = 0, len = items.length; i < len; i++) {}
                }
            });
        </script>
        <!-- //cart-js -->
        <!-- Scrolling Nav JavaScript -->
        <script src="js/scrolling-nav.js"></script>
        <!-- //fixed-scroll-nav-js -->
        <!-- dropdown nav -->
        <script>
            $(document).ready(function () {
                $(".dropdown").hover(
                    function () {
                        $('.dropdown-menu', this).stop(true, true).slideDown("fast");
                        $(this).toggleClass('open');
                    },
                    function () {
                        $('.dropdown-menu', this).stop(true, true).slideUp("fast");
                        $(this).toggleClass('open');
                    }
                );
            });
        </script>
        <!-- //dropdown nav -->
        <!-- start-smooth-scrolling -->
        <script src="js/move-top.js"></script>
        <script src="js/easing.js"></script>
        <script>
            jQuery(document).ready(function ($) {
                $(".scroll").click(function (event) {
                    event.preventDefault();
     
                    $('html,body').animate({
                        scrollTop: $(this.hash).offset().top
                    }, 1000);
                });
            });
        </script>
        <!-- //end-smooth-scrolling -->
        <!-- smooth-scrolling-of-move-up -->
        <script>
            $(document).ready(function () {
                /*
                var defaults = {
                    containerID: 'toTop', // fading element id
                    containerHoverID: 'toTopHover', // fading element hover id
                    scrollSpeed: 1200,
                    easingType: 'linear' 
                };
                */
     
                $().UItoTop({
                    easingType: 'easeOutQuart'
                });
     
            });
        </script>
        <script src="js/SmoothScroll.min.js"></script>
        <!-- //smooth-scrolling-of-move-up -->
        <!-- about bottom grid Numscroller -->
        <script src="js/numscroller-1.0.js"></script>
        <!-- //about bottom grid Numscroller -->
        <!-- Bootstrap core JavaScript
     ================================================== -->
        <!-- Placed at the end of the document so the pages load faster -->
        <script src="js/bootstrap.js"></script>
    </body>
     
    </html>

© sfs

CMS Backend