CINXE.COM
<!DOCTYPE html> <html lang="en"> <head> <title></title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <link href="https://fonts.googleapis.com/css?family=Oswald:400,700|Roboto&display=swap" rel="stylesheet"> <link rel="stylesheet" href="css/bootstrap.min.css"> <link rel="stylesheet" href="css/style.css"> </head> <body data-spy="scroll" data-target=".site-navbar-target" data-offset="300"> <div class="site-wrap"> <div class="site-navbar-wrap"> <div class="site-navbar site-navbar-target js-sticky-header"> <div class="container"> <div class="row align-items-center"> <div class="col-6 col-lg-3"> <h1 class="my-0 site-logo" style="color:#fff;">Booke</h1> </div> <div class="col-6 col-lg-9"> <nav class="site-navigation text-right" role="navigation"> <div class="container"> <ul class="site-menu main-menu js-clone-nav d-none d-lg-block"> <li><a href="/" class="nav-link"><img src="images/en.png"></a></li> <li><a href="fr/" class="nav-link"><img src="images/fr.png"></a></li> <li><a href="de/" class="nav-link"><img src="images/de.png"></a></li> <li><a href="es/" class="nav-link"><img src="images/es.png"></a></li> <li><a href="it/" class="nav-link"><img src="images/it.png"></a></li> </ul> </div> </nav> </div> </div> </div> </div> </div> <!-- END .site-navbar-wrap --> <div class="site-section" id="home-section"> <div class="container"> <div class="row"> <div class="col-md-6 mb-5"> <h1 class="text-white serif text-uppercase mb-4">Maecenas adipiscing ante non diam</h1> <p class="text-white mb-5">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Debitis sint alias, doloribus assumenda totam porro ex impedit, recusandae voluptatibus sed.</p> </div> </div> <div class="row justify-content-center"> <div class="col-md-10"> <img src="images/book_1.png" alt="Image" class="img-fluid"> </div> </div> </div> </div> <div class="site-section bg-light" id="features-section"> <div class="container"> <div class="row mb-5"> <div class="col-md-7"> <h2 class="heading">Pellentesque fermentum</h2> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eos, harum repudiandae provident neque voluptas odio nostrum officiis debitis et vitae, dolorem placeat fugiat recusandae aperiam aspernatur expedita alias, officia. Suscipit!</p> </div> </div> <div class="row"> <div class="col-md-6 col-lg-4 mb-4"> <div class="service h-100"> <h3>Debitis vitae</h3> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Hic tenetur ea in accusantium est.</p> </div> </div> <div class="col-md-6 col-lg-4 mb-4"> <div class="service h-100"> <h3>Debitis vitae</h3> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Hic tenetur ea in accusantium est.</p> </div> </div> <div class="col-md-6 col-lg-4 mb-4"> <div class="service h-100"> <h3>Debitis vitae</h3> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Hic tenetur ea in accusantium est.</p> </div> </div> <div class="col-md-6 col-lg-4 mb-4"> <div class="service h-100"> <h3>Debitis vitae</h3> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Hic tenetur ea in accusantium est.</p> </div> </div> <div class="col-md-6 col-lg-4 mb-4"> <div class="service h-100"> <h3>Debitis vitae</h3> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Hic tenetur ea in accusantium est.</p> </div> </div> <div class="col-md-6 col-lg-4 mb-4"> <div class="service h-100"> <h3>Debitis vitae</h3> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Hic tenetur ea in accusantium est.</p> </div> </div> </div> </div> </div> <div class="site-section"> <div class="container"> <div class="row mb-5"> <div class="col-md-12"> <h2 class="heading">Voluptas odio</h2> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eos, harum repudiandae provident neque voluptas odio nostrum officiis debitis et vitae, dolorem placeat fugiat recusandae aperiam aspernatur expedita alias, officia. Eos ratione repellat ea dignissimos iure ipsam sed dolore, excepturi id recusandae cumque sit, fugiat obcaecati necessitatibus nisi voluptate similique? Sed quae itaque nisi magnam amet aut maiores debitis temporibus.</p> </div> </div> </div> </div> <div class="author d-lg-flex" id="about-section"> <div class="bg-img" style="background-image: url('images/author_1.jpg');"></div> <div class="text"> <h3>Hello It's Jane</h3> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veritatis qui voluptates illum harum minima accusantium praesentium eos aut ab. Voluptate nulla illum ullam maxime consequuntur labore qui delectus, omnis saepe.</p> <p>Eos ratione repellat ea dignissimos iure ipsam sed dolore, excepturi id recusandae cumque sit, fugiat obcaecati necessitatibus nisi voluptate similique? Sed quae itaque nisi magnam amet aut maiores debitis temporibus.</p> <p>Iste repellendus libero cumque facilis sint quas quis temporibus quia veritatis reiciendis obcaecati, magni, dolorum aspernatur laborum, est, sequi rerum! Perspiciatis facilis commodi libero ipsa minima reiciendis rerum, facere quaerat.</p> div.social_ <div class="mt-5"> <img src="images/signature.png" alt="Image" class="img-fluid w-25"> </div> </div> </div> <div class="site-section bg-light" id="testimonial-section"> <div class="container"> <div class="row mb-5"> <div class="col-12"> <h2 class="heading">Rhoncus faucibus</h2> </div> </div> <div class="row"> <div class="col-md-4"> <div class="testimonial bg-white h-100"> <blockquote class="mb-3"> <p>“Fusce vulputate sem at sapien. Vivamus leo. Aliquam euismod libero eu enim. Nulla nec felis sed leo placerat imperdiet. Aenean suscipit nulla in justo. Suspendisse cursus rutrum augue.”</p> </blockquote> <div class="d-flex align-items-center vcard"> <figure class="mb-0 mr-3"> <img src="images/person_3.jpg" alt="Free website template by Free-Template.co" class="img-fluid ounded-circle"> </figure> <div class="vcard-text"> <span class="d-block">Felis magna</span> <span class="position">Justo</span> </div> </div> </div> </div> <div class="col-md-4"> <div class="testimonial bg-white h-100"> <blockquote class="mb-3"> <p>“Fusce vulputate sem at sapien. Vivamus leo. Aliquam euismod libero eu enim. Nulla nec felis sed leo placerat imperdiet. Aenean suscipit nulla in justo. Suspendisse cursus rutrum augue.”</p> </blockquote> <div class="d-flex align-items-center vcard"> <figure class="mb-0 mr-3"> <img src="images/person_1.jpg" alt="Free website template by Free-Template.co" class="img-fluid ounded-circle"> </figure> <div class="vcard-text"> <span class="d-block">Felis magna</span> <span class="position">Justo</span> </div> </div> </div> </div> <div class="col-md-4"> <div class="testimonial bg-white h-100"> <blockquote class="mb-3"> <p>“Fusce vulputate sem at sapien. Vivamus leo. Aliquam euismod libero eu enim. Nulla nec felis sed leo placerat imperdiet. Aenean suscipit nulla in justo. Suspendisse cursus rutrum augue.”</p> </blockquote> <div class="d-flex align-items-center vcard"> <figure class="mb-0 mr-3"> <img src="images/person_2.jpg" alt="Free website template by Free-Template.co" class="img-fluid ounded-circle"> </figure> <div class="vcard-text"> <span class="d-block">Felis magna</span> <span class="position">Justo</span> </div> </div> </div> </div> </div> </div> </div> <footer class="site-footer"> <div class="container"> <div class="row"> <div class="col-lg-4 mb-5 mb-lg-0"> <div class="row mb-5"> <div class="col-12"> <h3 class="footer-heading mb-4">Veniam</h3> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veniam blanditiis, vero voluptatum distinctio qui. Nostrum quibusdam, dolor unde sunt fugiat.</p> </div> </div> </div> <div class="col-lg-3 ml-auto"> <div class="row mb-5"> <div class="col-md-12"> <h3 class="footer-heading mb-4">Veniam</h3> </div> <div class="col-md-6 col-lg-6"> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p> </div> </div> </div> <div class="col-lg-4 mb-5 mb-lg-0" id="contact-section"> <div class="mb-5"> <h3 class="footer-heading mb-4">Veniam</h3> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veniam blanditiis, vero voluptatum distinctio qui. Nostrum quibusdam, dolor unde sunt fugiat.</p> </div> </div> </div> <div class="row pt-5 mt-5 text-center"> <div class="col-md-12"><p>Powered by : <a href="" target="_blank"></a></p></div> </div> </div> </footer> </div> </body> </html>