Footer
Footer layout.
Footer V1
<!-- ========== FOOTER V1 ========== -->
<footer>
<div class="border-top space-top-3">
<div class="border-bottom pb-5 space-bottom-lg-3">
<div class="container">
<!-- Newsletter -->
<div class="space-bottom-2 space-bottom-md-3">
<div class="text-center mb-5">
<h5 class="font-size-7 font-weight-medium">Join Our Newsletter</h5>
<p class="text-gray-700">Signup to be the first to hear about exclusive deals, special offers and upcoming collections</p>
</div>
<!-- Form Group -->
<div class="form-row justify-content-center">
<div class="col-md-5 mb-3 mb-md-2">
<div class="js-form-message">
<div class="input-group">
<input type="text" class="form-control px-5 height-60 border-dark" name="name" id="signupSrName" placeholder="Enter email for weekly newsletter." aria-label="Your name" required="" data-msg="Name must contain only letters." data-error-class="u-has-error" data-success-class="u-has-success">
</div>
</div>
</div>
<div class="col-sm-2 ml-md-2">
<button type="submit" class="btn btn-dark rounded-0 btn-wide py-3 font-weight-medium">Subscribe
</button>
</div>
</div>
<!-- End Form Group -->
</div>
<!-- End Newsletter -->
<div class="row">
<div class="col-lg-4 mb-6 mb-lg-0">
<div class="pb-6">
<a href="index.html" class="d-inline-block mb-5">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="170px" height="30px">
<path fill-rule="evenodd" fill="rgb(25, 17, 11)" d="M166.225,28.691 L165.065,15.398 L160.598,28.691 L158.229,28.691 L153.762,15.398 L152.590,28.691 L148.928,28.691 L150.405,11.052 L155.629,11.052 L159.389,22.124 L163.198,11.052 L168.422,11.052 L169.875,28.691 L166.225,28.691 ZM142.641,28.691 L138.051,20.928 L136.989,20.928 L136.989,28.691 L133.327,28.691 L133.327,11.052 L139.724,11.052 C140.692,11.052 141.546,11.189 142.287,11.461 C143.028,11.734 143.620,12.112 144.063,12.596 C144.507,13.081 144.840,13.636 145.064,14.263 C145.288,14.889 145.400,15.577 145.400,16.326 C145.400,17.506 145.078,18.472 144.436,19.225 C143.793,19.978 142.869,20.484 141.665,20.745 L146.975,28.691 L142.641,28.691 ZM141.896,16.204 C141.896,15.544 141.673,15.028 141.225,14.653 C140.777,14.279 140.086,14.092 139.150,14.092 L136.989,14.092 L136.989,18.303 L139.150,18.303 C140.981,18.303 141.896,17.603 141.896,16.204 ZM125.570,27.831 C124.206,28.567 122.666,28.936 120.949,28.936 C119.224,28.936 117.680,28.567 116.317,27.831 C114.953,27.094 113.881,26.034 113.100,24.651 C112.319,23.267 111.928,21.672 111.928,19.866 C111.928,18.051 112.319,16.454 113.100,15.074 C113.881,13.695 114.953,12.639 116.317,11.907 C117.680,11.174 119.224,10.808 120.949,10.808 C122.674,10.808 124.217,11.174 125.576,11.907 C126.935,12.639 128.005,13.695 128.786,15.074 C129.567,16.454 129.958,18.051 129.958,19.866 C129.958,21.672 129.567,23.267 128.786,24.651 C128.005,26.034 126.933,27.094 125.570,27.831 ZM124.807,15.715 C123.797,14.690 122.512,14.177 120.949,14.177 C119.387,14.177 118.101,14.690 117.092,15.715 C116.083,16.741 115.578,18.124 115.578,19.866 C115.578,21.616 116.083,23.005 117.092,24.034 C118.101,25.064 119.387,25.579 120.949,25.579 C122.512,25.579 123.797,25.064 124.807,24.034 C125.816,23.005 126.320,21.616 126.320,19.866 C126.320,18.124 125.816,16.741 124.807,15.715 ZM66.872,28.691 L61.391,21.196 L60.097,21.196 L60.097,28.691 L56.435,28.691 L56.435,11.052 L60.097,11.052 L60.097,17.986 L61.342,17.986 L66.872,11.052 L71.340,11.052 L64.504,19.487 L71.547,28.691 L66.872,28.691 ZM48.677,27.831 C47.314,28.567 45.774,28.936 44.057,28.936 C42.332,28.936 40.788,28.567 39.425,27.831 C38.061,27.094 36.989,26.034 36.208,24.651 C35.427,23.267 35.036,21.672 35.036,19.866 C35.036,18.051 35.427,16.454 36.208,15.074 C36.989,13.695 38.061,12.639 39.425,11.907 C40.788,11.174 42.332,10.808 44.057,10.808 C45.782,10.808 47.324,11.174 48.684,11.907 C50.043,12.639 51.113,13.695 51.894,15.074 C52.675,16.454 53.066,18.051 53.066,19.866 C53.066,21.672 52.675,23.267 51.894,24.651 C51.113,26.034 50.040,27.094 48.677,27.831 ZM47.915,15.715 C46.905,14.690 45.620,14.177 44.057,14.177 C42.495,14.177 41.209,14.690 40.200,15.715 C39.191,16.741 38.686,18.124 38.686,19.866 C38.686,21.616 39.191,23.005 40.200,24.034 C41.209,25.064 42.495,25.579 44.057,25.579 C45.620,25.579 46.905,25.064 47.915,24.034 C48.924,23.005 49.428,21.616 49.428,19.866 C49.428,18.124 48.924,16.741 47.915,15.715 ZM28.487,27.831 C27.124,28.567 25.584,28.936 23.867,28.936 C22.141,28.936 20.597,28.567 19.234,27.831 C17.871,27.094 16.799,26.034 16.018,24.651 C15.236,23.267 14.846,21.672 14.846,19.866 C14.846,18.051 15.236,16.454 16.018,15.074 C16.799,13.695 17.871,12.639 19.234,11.907 C20.597,11.174 22.141,10.808 23.867,10.808 C25.592,10.808 27.134,11.174 28.493,11.907 C29.852,12.639 30.922,13.695 31.704,15.074 C32.485,16.454 32.875,18.051 32.875,19.866 C32.875,21.672 32.485,23.267 31.704,24.651 C30.922,26.034 29.850,27.094 28.487,27.831 ZM27.724,15.715 C26.715,14.690 25.429,14.177 23.867,14.177 C22.304,14.177 21.018,14.690 20.009,15.715 C19.000,16.741 18.496,18.124 18.496,19.866 C18.496,21.616 19.000,23.005 20.009,24.034 C21.018,25.064 22.304,25.579 23.867,25.579 C25.429,25.579 26.715,25.064 27.724,24.034 C28.733,23.005 29.238,21.616 29.238,19.866 C29.238,18.124 28.733,16.741 27.724,15.715 ZM11.672,27.367 C10.736,28.250 9.361,28.691 7.546,28.691 L0.283,28.691 L0.283,11.052 L5.996,11.052 C7.875,11.052 9.314,11.478 10.311,12.328 C11.308,13.178 11.806,14.365 11.806,15.886 C11.806,16.676 11.633,17.374 11.287,17.980 C10.941,18.586 10.431,19.052 9.755,19.377 C11.969,19.988 13.076,21.445 13.076,23.748 C13.076,25.278 12.608,26.484 11.672,27.367 ZM7.827,14.647 C7.420,14.277 6.821,14.092 6.032,14.092 L3.811,14.092 L3.811,18.242 L6.191,18.242 C6.940,18.242 7.501,18.047 7.875,17.656 C8.250,17.266 8.437,16.753 8.437,16.118 C8.437,15.508 8.233,15.018 7.827,14.647 ZM8.876,21.709 C8.445,21.278 7.749,21.062 6.789,21.062 L3.811,21.062 L3.811,25.554 L6.862,25.554 C7.782,25.554 8.455,25.347 8.883,24.932 C9.310,24.517 9.523,23.988 9.523,23.345 C9.523,22.686 9.308,22.140 8.876,21.709 Z"></path>
<path class="fill-primary" fill-rule="evenodd" d="M105.996,23.499 C105.995,26.752 103.950,29.265 100.748,29.950 C100.713,29.958 100.681,29.983 100.647,30.000 C100.588,30.000 100.529,30.000 100.471,30.000 C100.467,28.585 100.460,27.171 100.466,25.756 C100.467,25.675 100.550,25.565 100.626,25.518 C101.352,25.068 101.714,24.425 101.711,23.571 C101.707,22.020 101.710,20.469 101.710,18.892 C103.133,18.892 104.546,18.892 105.996,18.892 C105.996,18.989 105.996,19.093 105.996,19.196 C105.996,20.630 105.997,22.065 105.996,23.499 ZM101.715,17.089 C101.715,15.990 101.683,14.917 101.724,13.847 C101.767,12.679 102.761,11.806 103.931,11.838 C105.060,11.869 105.978,12.794 105.993,13.940 C106.005,14.954 105.995,15.969 105.995,16.983 C105.995,17.011 105.987,17.040 105.980,17.089 C104.569,17.089 103.157,17.089 101.715,17.089 ZM96.421,29.234 C94.322,27.983 93.199,26.136 93.155,23.703 C93.108,21.138 93.145,18.571 93.146,16.005 C93.146,15.957 93.153,15.910 93.159,15.841 C94.572,15.841 95.976,15.841 97.426,15.841 C97.426,15.948 97.426,16.060 97.426,16.172 C97.426,18.602 97.430,21.031 97.423,23.461 C97.421,24.364 97.757,25.066 98.548,25.540 C98.629,25.589 98.688,25.740 98.689,25.844 C98.699,27.122 98.695,28.401 98.696,29.679 C98.696,29.786 98.703,29.893 98.707,30.000 C98.648,30.000 98.590,30.000 98.531,30.000 C97.799,29.823 97.075,29.624 96.421,29.234 ZM93.145,14.043 C93.145,13.935 93.145,13.823 93.145,13.711 C93.145,11.318 93.137,8.926 93.149,6.534 C93.154,5.625 92.818,4.928 92.023,4.460 C91.961,4.424 91.894,4.332 91.894,4.265 C91.886,2.850 91.888,1.436 91.888,0.000 C93.423,0.232 94.703,0.889 95.731,2.009 C96.833,3.209 97.413,4.630 97.421,6.261 C97.433,8.791 97.426,11.319 97.427,13.849 C97.427,13.906 97.421,13.964 97.416,14.043 C96.005,14.043 94.599,14.043 93.145,14.043 ZM89.588,4.782 C89.034,5.128 88.866,5.768 88.868,6.431 C88.875,8.061 88.870,9.692 88.869,11.322 C88.869,12.143 88.869,12.963 88.867,13.783 C88.867,13.869 88.857,13.954 88.851,14.051 C87.434,14.051 86.035,14.051 84.587,14.051 C84.587,13.958 84.587,13.866 84.587,13.774 C84.588,11.294 84.579,8.814 84.590,6.334 C84.605,3.158 86.853,0.543 90.000,0.018 C90.028,0.013 90.058,0.017 90.125,0.017 C90.125,0.639 90.125,1.243 90.125,1.848 C90.125,2.405 90.109,2.962 90.130,3.518 C90.149,4.032 90.126,4.447 89.588,4.782 ZM84.585,15.837 C86.015,15.837 87.420,15.837 88.868,15.837 C88.868,15.951 88.868,16.065 88.868,16.179 C88.868,18.608 88.849,21.039 88.873,23.468 C88.908,27.007 86.358,29.493 83.589,29.955 C83.552,29.961 83.518,29.985 83.482,30.000 C83.424,30.000 83.365,30.000 83.306,30.000 C83.310,28.634 83.319,27.268 83.313,25.902 C83.311,25.691 83.376,25.580 83.559,25.467 C84.268,25.031 84.587,24.371 84.587,23.549 C84.587,21.099 84.586,18.650 84.585,16.201 C84.585,16.085 84.585,15.970 84.585,15.837 ZM81.366,30.000 C80.875,29.844 80.360,29.740 79.897,29.524 C77.435,28.380 76.120,26.440 76.027,23.732 C75.974,22.192 76.017,20.649 76.016,19.107 C76.016,19.040 76.016,18.973 76.016,18.886 C77.447,18.886 78.859,18.886 80.303,18.886 C80.303,19.000 80.303,19.104 80.303,19.209 C80.303,20.663 80.308,22.117 80.302,23.571 C80.298,24.427 80.666,25.065 81.387,25.518 C81.463,25.566 81.547,25.675 81.547,25.756 C81.553,27.171 81.546,28.585 81.542,30.000 C81.484,30.000 81.425,30.000 81.366,30.000 ZM76.017,17.097 C76.017,16.540 76.017,15.997 76.017,15.453 C76.017,14.965 76.012,14.478 76.017,13.990 C76.030,12.831 76.911,11.892 78.032,11.838 C79.203,11.781 80.217,12.619 80.282,13.797 C80.341,14.885 80.294,15.978 80.294,17.097 C78.857,17.097 77.452,17.097 76.017,17.097 Z"></path>
</svg>
</a>
<address class="font-size-2 mb-5">
<span class="mb-2 font-weight-normal text-dark">
1418 River Drive, Suite 35 Cottonhall, CA 9622 <br> United States
</span>
</address>
<div class="mb-4">
<a href="mailto:sale@bookworm.com" class="font-size-2 d-block link-black-100 mb-1">sale@bookworm.com</a>
<a href="tel:+1246-345-0695" class="font-size-2 d-block link-black-100">+1 246-345-0695</a>
</div>
<ul class="list-unstyled mb-0 d-flex">
<li class="btn pl-0">
<a class="link-black-100" href="#">
<span class="fab fa-instagram"></span>
</a>
</li>
<li class="btn">
<a class="link-black-100" href="#">
<span class="fab fa-facebook-f"></span>
</a>
</li>
<li class="btn">
<a class="link-black-100" href="#">
<span class="fab fa-youtube"></span>
</a>
</li>
<li class="btn">
<a class="link-black-100" href="#">
<span class="fab fa-twitter"></span>
</a>
</li>
<li class="btn">
<a class="link-black-100" href="#">
<span class="fab fa-pinterest"></span>
</a>
</li>
</ul>
</div>
</div>
<div class="col-lg-2 mb-6 mb-lg-0">
<h4 class="font-size-3 font-weight-medium mb-2 mb-xl-5 pb-xl-1">Explore</h4>
<ul class="list-unstyled mb-0">
<li class="pb-2">
<a class="widgets-hover transition-3d-hover font-size-2 link-black-100" href="#">About as</a>
</li>
<li class="py-2">
<a class="widgets-hover transition-3d-hover font-size-2 link-black-100" href="#">Sitemap</a>
</li>
<li class="py-2">
<a class="widgets-hover transition-3d-hover font-size-2 link-black-100" href="#">Bookmarks</a>
</li>
<li class="pt-2">
<a class="widgets-hover transition-3d-hover font-size-2 link-black-100" href="#">Sign in/Join</a>
</li>
</ul>
</div>
<div class="col-lg-2 mb-6 mb-lg-0">
<h4 class="font-size-3 font-weight-medium mb-2 mb-xl-5 pb-xl-1">Customer Service</h4>
<ul class="list-unstyled mb-0">
<li class="pb-2">
<a class="widgets-hover transition-3d-hover font-size-2 link-black-100" href="#">Help Center</a>
</li>
<li class="py-2">
<a class="widgets-hover transition-3d-hover font-size-2 link-black-100" href="#">Returns</a>
</li>
<li class="py-2">
<a class="widgets-hover transition-3d-hover font-size-2 link-black-100" href="#">Product Recalls</a>
</li>
<li class="py-2">
<a class="widgets-hover transition-3d-hover font-size-2 link-black-100" href="#">Accessibility</a>
</li>
<li class="py-2">
<a class="widgets-hover transition-3d-hover font-size-2 link-black-100" href="#">Contact Us</a>
</li>
<li class="pt-2">
<a class="widgets-hover transition-3d-hover font-size-2 link-black-100" href="#">Store Pickup</a>
</li>
</ul>
</div>
<div class="col-lg-2 mb-6 mb-lg-0">
<h4 class="font-size-3 font-weight-medium mb-2 mb-xl-5 pb-xl-1">Policy</h4>
<ul class="list-unstyled mb-0">
<li class="pb-2">
<a class="widgets-hover transition-3d-hover font-size-2 link-black-100" href="#">Return Policy</a>
</li>
<li class="py-2">
<a class="widgets-hover transition-3d-hover font-size-2 link-black-100" href="#">Terms Of Use</a>
</li>
<li class="py-2">
<a class="widgets-hover transition-3d-hover font-size-2 link-black-100" href="#">Security</a>
</li>
<li class="pt-2">
<a class="widgets-hover transition-3d-hover font-size-2 link-black-100" href="#">Privacy</a>
</li>
</ul>
</div>
<div class="col-lg-2 mb-6 mb-lg-0">
<h4 class="font-size-3 font-weight-medium mb-2 mb-xl-5 pb-xl-1">Categories</h4>
<ul class="list-unstyled mb-0">
<li class="pb-2">
<a class="widgets-hover transition-3d-hover font-size-2 link-black-100" href="#">Action</a>
</li>
<li class="py-2">
<a class="widgets-hover transition-3d-hover font-size-2 link-black-100" href="#">Comedy</a>
</li>
<li class="py-2">
<a class="widgets-hover transition-3d-hover font-size-2 link-black-100" href="#">Drama</a>
</li>
<li class="py-2">
<a class="widgets-hover transition-3d-hover font-size-2 link-black-100" href="#">Horror</a>
</li>
<li class="py-2">
<a class="widgets-hover transition-3d-hover font-size-2 link-black-100" href="#">Kids</a>
</li>
<li class="pt-2">
<a class="widgets-hover transition-3d-hover font-size-2 link-black-100" href="#">Romantic Comedy</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="space-1">
<div class="container">
<div class="d-lg-flex text-center text-lg-left justify-content-between align-items-center">
<!-- Copyright -->
<p class="mb-3 mb-lg-0 font-size-2">©2020 Book Worm. All rights reserved</p>
<!-- End Copyright -->
<div class="ml-auto d-lg-flex align-items-center">
<div class="mb-4 mb-lg-0 mr-5">
<img class="img-fluid" src="../../assets/img/324x38/img1.png" alt="Image-Description">
</div>
<!-- Select -->
<select class="js-select selectpicker dropdown-select mb-3 mb-lg-0"
data-style="border px-4 py-2 rounded-0 height-5 outline-none shadow-none form-control font-size-2"
data-dropdown-align-right="true">
<option value="one" selected>English (United States)</option>
<option value="two">Deutsch</option>
<option value="three">Français</option>
<option value="four">Español</option>
</select>
<!-- End Select -->
<!-- Select -->
<select class="js-select selectpicker dropdown-select ml-md-3"
data-style="border px-4 py-2 rounded-0 height-5 outline-none shadow-none form-control font-size-2"
data-dropdown-align-right="true"
data-width="fit">
<option value="one" selected>$ USD</option>
<option value="two">€ EUR</option>
<option value="three">₺ TL</option>
<option value="four">₽ RUB</option>
</select>
</div>
</div>
</div>
</div>
</div>
</footer>
<!-- ========== END FOOTER V1 ========== -->
<!-- CSS Implementing Plugins -->
<link rel="stylesheet" href="../../assets/vendor/bootstrap-select/dist/css/bootstrap-select.min.css">
<!-- JS Implementing Plugins -->
<script src="../../assets/vendor/bootstrap-select/dist/js/bootstrap-select.min.js"></script>
<!-- JS Bookworm -->
<script src="../../assets/js/components/hs.selectpicker.js"></script>
<!-- JS Plugins Init. -->
<script>
$(document).on('ready', function () {
// initialization of select picker
$.HSCore.components.HSSelectPicker.init('.js-select');
});
</script>
Footer V2
<!-- ========== FOOTER V2 ========== -->
<footer class="site-footer_v2">
<div class="space-top-3 bg-gray-850">
<div class="pb-5 space-bottom-lg-3">
<div class="container">
<div class="row">
<div class="col-lg-2 mb-6 mb-lg-0">
<h4 class="font-size-3 font-weight-medium mb-2 mb-xl-5 pb-xl-1 text-white">Explore</h4>
<ul class="list-unstyled mb-0">
<li class="h-white pb-2">
<a class="widgets-hover transition-3d-hover font-size-2 text-gray-450" href="#">About as</a>
</li>
<li class="h-white py-2">
<a class="font-size-2 text-gray-450 widgets-hover transition-3d-hover" href="#">Sitemap</a>
</li>
<li class="h-white py-2">
<a class="font-size-2 text-gray-450 widgets-hover transition-3d-hover" href="#">Bookmarks</a>
</li>
<li class="h-white pt-2">
<a class="font-size-2 text-gray-450 widgets-hover transition-3d-hover" href="#">Sign in/Join</a>
</li>
</ul>
</div>
<div class="col-lg-2 mb-6 mb-lg-0">
<h4 class="font-size-3 font-weight-medium mb-2 mb-xl-5 pb-xl-1 text-white">Customer Service</h4>
<ul class="list-unstyled mb-0">
<li class="h-white pb-2">
<a class="font-size-2 text-gray-450 widgets-hover transition-3d-hover" href="#">Help Center</a>
</li>
<li class="h-white py-2">
<a class="font-size-2 text-gray-450 widgets-hover transition-3d-hover" href="#">Returns</a>
</li>
<li class="h-white py-2">
<a class="font-size-2 text-gray-450 widgets-hover transition-3d-hover" href="#">Product Recalls</a>
</li>
<li class="h-white py-2">
<a class="font-size-2 text-gray-450 widgets-hover transition-3d-hover" href="#">Accessibility</a>
</li>
<li class="h-white py-2">
<a class="font-size-2 text-gray-450 widgets-hover transition-3d-hover" href="#">Contact Us</a>
</li>
<li class="h-white pt-2">
<a class="font-size-2 text-gray-450 widgets-hover transition-3d-hover" href="#">Store Pickup</a>
</li>
</ul>
</div>
<div class="col-lg-2 mb-6 mb-lg-0">
<h4 class="font-size-3 font-weight-medium mb-2 mb-xl-5 pb-xl-1 text-white">Policy</h4>
<ul class="list-unstyled mb-0">
<li class="h-white pb-2">
<a class="font-size-2 text-gray-450 widgets-hover transition-3d-hover" href="#">Return Policy</a>
</li>
<li class="h-white py-2">
<a class="font-size-2 text-gray-450 widgets-hover transition-3d-hover" href="#">Terms Of Use</a>
</li>
<li class="h-white py-2">
<a class="font-size-2 text-gray-450 widgets-hover transition-3d-hover" href="#">Security</a>
</li>
<li class="h-white pt-2">
<a class="font-size-2 text-gray-450 widgets-hover transition-3d-hover" href="#">Privacy</a>
</li>
</ul>
</div>
<div class="col-lg-3 mb-6 mb-lg-0">
<div class="pb-lg-6">
<h4 class="font-size-3 font-weight-medium mb-2 mb-xl-5 pb-xl-1 text-white">Contact Us</h4>
<address class="font-size-2 mb-5">
<span class="mb-2 font-weight-normal text-gray-450">
1418 River Drive, Suite 35 Cottonhall, CA 9622 <br> United States
</span>
</address>
<div class="mb-4 h-white">
<a href="mailto:sale@bookworm.com" class="font-size-2 d-block text-gray-450 mb-1">sale@bookworm.com</a>
<a href="tel:+1246-345-0695" class="font-size-2 d-block text-gray-450">+1 246-345-0695</a>
</div>
<ul class="list-unstyled mb-0 d-flex">
<li class="h-white btn pl-0">
<a class="text-gray-450" href="#">
<span class="fab fa-instagram"></span>
</a>
</li>
<li class="h-white btn">
<a class="text-gray-450" href="#">
<span class="fab fa-facebook-f"></span>
</a>
</li>
<li class="h-white btn">
<a class="text-gray-450" href="#">
<span class="fab fa-youtube"></span>
</a>
</li>
<li class="h-white btn">
<a class="text-gray-450" href="#">
<span class="fab fa-twitter"></span>
</a>
</li>
<li class="h-white btn">
<a class="text-gray-450" href="#">
<span class="fab fa-pinterest"></span>
</a>
</li>
</ul>
</div>
</div>
<div class="col-lg-3 mb-6 mb-lg-0">
<!-- Newsletter -->
<div>
<div class="mb-5">
<h5 class="font-size-3 font-weight-medium text-white mb-2 mb-xl-5 pb-xl-1">Join Our Newsletter
</h5>
<p class="text-gray-450 font-size-2">Signup to be the first to hear about exclusive deals, special offers and upcoming collections</p>
</div>
<form class="js-validate js-form-message" novalidate="novalidate">
<div class="input-group">
<input type="email" class="form-control height-50 font-size-2 pl-4 border-0 rounded-left-pill" name="email" id="subscribeSrEmail" placeholder="Enter email" aria-label="Your email" aria-describedby="subscribeButton" required="" data-msg="Please enter a valid email address.">
<div class="input-group-append">
<button type="submit" class="btn btn-primary-green text-white px-3 py-2 font-size-4 border-0" id="subscribeButton">
<span class="flaticon-send mx-1"></span>
</button>
</div>
</div>
</form>
</div>
<!-- End Newsletter -->
</div>
</div>
</div>
</div>
<div class="space-1 border-top border-gray-750">
<div class="container">
<div class="d-lg-flex text-center text-lg-left justify-content-between align-items-center">
<!-- Copyright -->
<p class="mb-4 mb-lg-0 font-size-2 text-gray-450">©2020 Book Worm. All rights reserved</p>
<!-- End Copyright -->
<div class="ml-auto d-lg-flex justify-content-xl-end align-items-center">
<!-- Select -->
<select class="js-select selectpicker dropdown-select ml-lg-4 mb-3 mb-md-0"
data-style="text-white-60 bg-secondary-gray-800 px-4 py-2 rounded-lg height-5 outline-none shadow-none form-control font-size-2"
data-dropdown-align-right="true">
<option value="one" selected>English (United States)</option>
<option value="two">Deutsch</option>
<option value="three">Français</option>
<option value="four">Español</option>
</select>
<!-- End Select -->
<!-- Select -->
<select class="js-select selectpicker dropdown-select ml-md-3"
data-style="text-white-60 bg-secondary-gray-800 px-4 py-2 rounded-lg height-5 outline-none shadow-none form-control font-size-2"
data-width="fit"
data-dropdown-align-right="true">
<option value="one" selected>$ USD</option>
<option value="two">€ EUR</option>
<option value="three">₺ TL</option>
<option value="four">₽ RUB</option>
</select>
<!-- End Select -->
</div>
</div>
</div>
</div>
</div>
</footer>
<!-- ========== END FOOTER V2 ========== -->
<!-- CSS Implementing Plugins -->
<link rel="stylesheet" href="../../assets/vendor/bootstrap-select/dist/css/bootstrap-select.min.css">
<!-- JS Implementing Plugins -->
<script src="../../assets/vendor/bootstrap-select/dist/js/bootstrap-select.min.js"></script>
<!-- JS Bookworm -->
<script src="../../assets/js/components/hs.selectpicker.js"></script>
<!-- JS Plugins Init. -->
<script>
$(document).on('ready', function () {
// initialization of select picker
$.HSCore.components.HSSelectPicker.init('.js-select');
});
</script>
Footer V3
<!-- ========== FOOTER V2 ========== -->
<footer class="site-footer_v3">
<div class="bg-gray-200">
<div class="space-top-3">
<div class="pb-5 space-bottom-lg-3">
<div class="container">
<!-- Newsletter -->
<div class="space-bottom-lg-3 mb-6 mb-lg-0">
<div class="text-center mb-5">
<h5 class="font-size-7 font-weight-medium">Join Our Newsletter</h5>
<p class="text-gray-700">Signup to be the first to hear about exclusive deals, special offers and upcoming collections</p>
</div>
<!-- Form Group -->
<div class="form-row justify-content-center">
<div class="col-md-5 mb-3">
<div class="js-form-message">
<div class="input-group">
<input type="text" class="form-control rounded-0 border-dark font-size-2 bg-transparent rounded-md px-5 py-2 height-60" name="name" id="signupSrName" placeholder="Enter email for weekly newsletter." aria-label="Your name" required="" data-msg="Name must contain only letters." data-error-class="u-has-error" data-success-class="u-has-success">
</div>
</div>
</div>
<div class="col-md-2 ml-md-2">
<button type="submit" class="btn btn-primary-home-v3 height-60 rounded-md btn-wide py-2 font-weight-medium">Subscribe
</button>
</div>
</div>
<!-- End Form Group -->
</div>
<!-- End Newsletter -->
<div class="row">
<div class="col-lg-4 mb-6 mb-lg-0">
<div class="pb-md-6">
<a href="#" class="d-inline-block mb-5">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="170px" height="30px">
<path fill-rule="evenodd" fill="rgb(4, 30, 66)" d="M166.225,28.691 L165.065,15.398 L160.598,28.691 L158.229,28.691 L153.762,15.398 L152.590,28.691 L148.928,28.691 L150.405,11.052 L155.629,11.052 L159.389,22.124 L163.198,11.052 L168.422,11.052 L169.875,28.691 L166.225,28.691 ZM142.641,28.691 L138.051,20.928 L136.989,20.928 L136.989,28.691 L133.327,28.691 L133.327,11.052 L139.724,11.052 C140.692,11.052 141.546,11.189 142.287,11.461 C143.028,11.734 143.620,12.112 144.063,12.596 C144.507,13.081 144.840,13.636 145.064,14.263 C145.288,14.889 145.400,15.577 145.400,16.326 C145.400,17.506 145.078,18.472 144.436,19.225 C143.793,19.978 142.869,20.484 141.665,20.745 L146.975,28.691 L142.641,28.691 ZM141.896,16.204 C141.896,15.544 141.673,15.028 141.225,14.653 C140.777,14.279 140.086,14.092 139.150,14.092 L136.989,14.092 L136.989,18.303 L139.150,18.303 C140.981,18.303 141.896,17.603 141.896,16.204 ZM125.570,27.831 C124.206,28.567 122.666,28.936 120.949,28.936 C119.224,28.936 117.680,28.567 116.317,27.831 C114.953,27.094 113.881,26.034 113.100,24.651 C112.319,23.267 111.928,21.672 111.928,19.866 C111.928,18.051 112.319,16.454 113.100,15.074 C113.881,13.695 114.953,12.639 116.317,11.907 C117.680,11.174 119.224,10.808 120.949,10.808 C122.674,10.808 124.217,11.174 125.576,11.907 C126.935,12.639 128.005,13.695 128.786,15.074 C129.567,16.454 129.958,18.051 129.958,19.866 C129.958,21.672 129.567,23.267 128.786,24.651 C128.005,26.034 126.933,27.094 125.570,27.831 ZM124.807,15.715 C123.797,14.690 122.512,14.177 120.949,14.177 C119.387,14.177 118.101,14.690 117.092,15.715 C116.083,16.741 115.578,18.124 115.578,19.866 C115.578,21.616 116.083,23.005 117.092,24.034 C118.101,25.064 119.387,25.579 120.949,25.579 C122.512,25.579 123.797,25.064 124.807,24.034 C125.816,23.005 126.320,21.616 126.320,19.866 C126.320,18.124 125.816,16.741 124.807,15.715 ZM66.872,28.691 L61.391,21.196 L60.097,21.196 L60.097,28.691 L56.435,28.691 L56.435,11.052 L60.097,11.052 L60.097,17.986 L61.342,17.986 L66.872,11.052 L71.340,11.052 L64.504,19.487 L71.547,28.691 L66.872,28.691 ZM48.677,27.831 C47.314,28.567 45.774,28.936 44.057,28.936 C42.332,28.936 40.788,28.567 39.425,27.831 C38.061,27.094 36.989,26.034 36.208,24.651 C35.427,23.267 35.036,21.672 35.036,19.866 C35.036,18.051 35.427,16.454 36.208,15.074 C36.989,13.695 38.061,12.639 39.425,11.907 C40.788,11.174 42.332,10.808 44.057,10.808 C45.782,10.808 47.324,11.174 48.684,11.907 C50.043,12.639 51.113,13.695 51.894,15.074 C52.675,16.454 53.066,18.051 53.066,19.866 C53.066,21.672 52.675,23.267 51.894,24.651 C51.113,26.034 50.040,27.094 48.677,27.831 ZM47.915,15.715 C46.905,14.690 45.620,14.177 44.057,14.177 C42.495,14.177 41.209,14.690 40.200,15.715 C39.191,16.741 38.686,18.124 38.686,19.866 C38.686,21.616 39.191,23.005 40.200,24.034 C41.209,25.064 42.495,25.579 44.057,25.579 C45.620,25.579 46.905,25.064 47.915,24.034 C48.924,23.005 49.428,21.616 49.428,19.866 C49.428,18.124 48.924,16.741 47.915,15.715 ZM28.487,27.831 C27.124,28.567 25.584,28.936 23.867,28.936 C22.141,28.936 20.597,28.567 19.234,27.831 C17.871,27.094 16.799,26.034 16.018,24.651 C15.236,23.267 14.846,21.672 14.846,19.866 C14.846,18.051 15.236,16.454 16.018,15.074 C16.799,13.695 17.871,12.639 19.234,11.907 C20.597,11.174 22.141,10.808 23.867,10.808 C25.592,10.808 27.134,11.174 28.493,11.907 C29.852,12.639 30.922,13.695 31.704,15.074 C32.485,16.454 32.875,18.051 32.875,19.866 C32.875,21.672 32.485,23.267 31.704,24.651 C30.922,26.034 29.850,27.094 28.487,27.831 ZM27.724,15.715 C26.715,14.690 25.429,14.177 23.867,14.177 C22.304,14.177 21.018,14.690 20.009,15.715 C19.000,16.741 18.496,18.124 18.496,19.866 C18.496,21.616 19.000,23.005 20.009,24.034 C21.018,25.064 22.304,25.579 23.867,25.579 C25.429,25.579 26.715,25.064 27.724,24.034 C28.733,23.005 29.238,21.616 29.238,19.866 C29.238,18.124 28.733,16.741 27.724,15.715 ZM11.672,27.367 C10.736,28.250 9.361,28.691 7.546,28.691 L0.283,28.691 L0.283,11.052 L5.996,11.052 C7.875,11.052 9.314,11.478 10.311,12.328 C11.308,13.178 11.806,14.365 11.806,15.886 C11.806,16.676 11.633,17.374 11.287,17.980 C10.941,18.586 10.431,19.052 9.755,19.377 C11.969,19.988 13.076,21.445 13.076,23.748 C13.076,25.278 12.608,26.484 11.672,27.367 ZM7.827,14.647 C7.420,14.277 6.821,14.092 6.032,14.092 L3.811,14.092 L3.811,18.242 L6.191,18.242 C6.940,18.242 7.501,18.047 7.875,17.656 C8.250,17.266 8.437,16.753 8.437,16.118 C8.437,15.508 8.233,15.018 7.827,14.647 ZM8.876,21.709 C8.445,21.278 7.749,21.062 6.789,21.062 L3.811,21.062 L3.811,25.554 L6.862,25.554 C7.782,25.554 8.455,25.347 8.883,24.932 C9.310,24.517 9.523,23.988 9.523,23.345 C9.523,22.686 9.308,22.140 8.876,21.709 Z"></path>
<path fill-rule="evenodd" fill="rgb(4, 30, 66)" d="M105.996,23.499 C105.995,26.752 103.950,29.265 100.749,29.950 C100.713,29.958 100.681,29.983 100.647,30.000 C100.588,30.000 100.529,30.000 100.471,30.000 C100.467,28.585 100.460,27.170 100.466,25.756 C100.467,25.675 100.550,25.565 100.626,25.518 C101.352,25.067 101.714,24.425 101.711,23.571 C101.707,22.020 101.710,20.468 101.710,18.891 C103.133,18.891 104.546,18.891 105.996,18.891 C105.996,18.989 105.996,19.092 105.996,19.196 C105.996,20.630 105.997,22.064 105.996,23.499 ZM101.715,17.089 C101.715,15.990 101.684,14.917 101.724,13.847 C101.767,12.679 102.761,11.806 103.931,11.838 C105.060,11.869 105.978,12.794 105.993,13.940 C106.005,14.954 105.995,15.968 105.995,16.983 C105.995,17.011 105.987,17.040 105.980,17.089 C104.569,17.089 103.157,17.089 101.715,17.089 ZM96.421,29.234 C94.322,27.983 93.199,26.136 93.155,23.703 C93.108,21.137 93.145,18.571 93.146,16.004 C93.146,15.957 93.153,15.909 93.159,15.840 C94.572,15.840 95.976,15.840 97.426,15.840 C97.426,15.948 97.426,16.060 97.426,16.172 C97.426,18.601 97.430,21.031 97.423,23.461 C97.421,24.363 97.757,25.065 98.548,25.540 C98.629,25.588 98.688,25.740 98.689,25.844 C98.699,27.122 98.695,28.400 98.696,29.679 C98.696,29.786 98.703,29.893 98.707,30.000 C98.648,30.000 98.590,30.000 98.531,30.000 C97.799,29.823 97.075,29.624 96.421,29.234 ZM93.145,14.043 C93.145,13.935 93.145,13.823 93.145,13.710 C93.145,11.318 93.137,8.926 93.149,6.534 C93.154,5.624 92.818,4.927 92.023,4.460 C91.961,4.423 91.894,4.331 91.894,4.264 C91.886,2.850 91.888,1.435 91.888,-0.000 C93.423,0.231 94.703,0.889 95.731,2.008 C96.833,3.208 97.413,4.629 97.421,6.261 C97.433,8.790 97.427,11.319 97.427,13.848 C97.427,13.906 97.421,13.964 97.416,14.043 C96.005,14.043 94.600,14.043 93.145,14.043 ZM89.588,4.782 C89.034,5.128 88.866,5.768 88.869,6.431 C88.876,8.061 88.870,9.692 88.869,11.322 C88.869,12.142 88.869,12.962 88.867,13.783 C88.867,13.868 88.857,13.954 88.851,14.051 C87.434,14.051 86.035,14.051 84.588,14.051 C84.588,13.957 84.588,13.865 84.588,13.774 C84.588,11.294 84.579,8.813 84.590,6.333 C84.605,3.158 86.853,0.542 90.000,0.017 C90.029,0.012 90.058,0.017 90.125,0.017 C90.125,0.639 90.125,1.243 90.125,1.848 C90.125,2.404 90.109,2.961 90.130,3.517 C90.149,4.031 90.126,4.446 89.588,4.782 ZM84.585,15.837 C86.015,15.837 87.420,15.837 88.868,15.837 C88.868,15.951 88.868,16.065 88.868,16.178 C88.868,18.608 88.849,21.038 88.873,23.468 C88.908,27.007 86.358,29.492 83.589,29.955 C83.552,29.961 83.518,29.984 83.482,30.000 C83.424,30.000 83.365,30.000 83.306,30.000 C83.310,28.634 83.319,27.268 83.313,25.902 C83.312,25.691 83.376,25.579 83.559,25.467 C84.268,25.030 84.587,24.370 84.587,23.548 C84.587,21.099 84.586,18.650 84.585,16.200 C84.585,16.085 84.585,15.970 84.585,15.837 ZM81.366,30.000 C80.875,29.844 80.361,29.739 79.898,29.524 C77.435,28.380 76.120,26.440 76.027,23.732 C75.974,22.192 76.017,20.649 76.016,19.107 C76.016,19.040 76.016,18.973 76.016,18.886 C77.447,18.886 78.859,18.886 80.303,18.886 C80.303,19.000 80.303,19.104 80.303,19.209 C80.303,20.662 80.308,22.116 80.302,23.570 C80.298,24.426 80.666,25.064 81.387,25.518 C81.463,25.566 81.547,25.675 81.547,25.756 C81.553,27.170 81.546,28.585 81.542,30.000 C81.484,30.000 81.425,30.000 81.366,30.000 ZM76.017,17.096 C76.017,16.539 76.017,15.996 76.017,15.453 C76.017,14.965 76.012,14.477 76.018,13.990 C76.030,12.831 76.911,11.892 78.032,11.838 C79.203,11.781 80.217,12.619 80.282,13.797 C80.341,14.884 80.294,15.978 80.294,17.096 C78.857,17.096 77.452,17.096 76.017,17.096 Z"></path>
</svg>
</a>
<address class="font-size-2 mb-5">
<span class="mb-2 font-weight-normal text-dark">
1418 River Drive, Suite 35 Cottonhall, CA 9622 <br> United States
</span>
</address>
<div class="mb-4">
<a href="mailto:sale@bookworm.com" class="font-size-2 d-block h-primary mb-1">sale@bookworm.com</a>
<a href="tel:+1246-345-0695" class="font-size-2 d-block h-primary">+1 246-345-0695</a>
</div>
<ul class="list-unstyled mb-0 d-flex">
<li class="btn pl-0">
<a class="h-primary" href="#">
<span class="fab fa-instagram"></span>
</a>
</li>
<li class="btn">
<a class="h-primary" href="#">
<span class="fab fa-facebook-f"></span>
</a>
</li>
<li class="btn">
<a class="h-primary" href="#">
<span class="fab fa-youtube"></span>
</a>
</li>
<li class="btn">
<a class="h-primary" href="#">
<span class="fab fa-twitter"></span>
</a>
</li>
<li class="btn">
<a class="h-primary" href="#">
<span class="fab fa-pinterest"></span>
</a>
</li>
</ul>
</div>
</div>
<div class="col-lg-2 mb-6 mb-lg-0">
<h4 class="font-size-3 font-weight-medium mb-2 mb-xl-5 pb-xl-1">Explore</h4>
<ul class="list-unstyled mb-0">
<li class="pb-2">
<a class="font-size-2 h-primary widgets-hover transition-3d-hover" href="#">About as</a>
</li>
<li class="py-2">
<a class="font-size-2 h-primary widgets-hover transition-3d-hover" href="#">Sitemap</a>
</li>
<li class="py-2">
<a class="font-size-2 h-primary widgets-hover transition-3d-hover" href="#">Bookmarks</a>
</li>
<li class="pt-2">
<a class="font-size-2 h-primary widgets-hover transition-3d-hover" href="#">Sign in/Join</a>
</li>
</ul>
</div>
<div class="col-lg-2 mb-6 mb-lg-0">
<h4 class="font-size-3 font-weight-medium mb-2 mb-xl-5 pb-xl-1">Customer Service</h4>
<ul class="list-unstyled mb-0">
<li class="pb-2">
<a class="font-size-2 h-primary widgets-hover transition-3d-hover" href="#">Help Center</a>
</li>
<li class="py-2">
<a class="font-size-2 h-primary widgets-hover transition-3d-hover" href="#">Returns</a>
</li>
<li class="py-2">
<a class="font-size-2 h-primary widgets-hover transition-3d-hover" href="#">Product Recalls</a>
</li>
<li class="py-2">
<a class="font-size-2 h-primary widgets-hover transition-3d-hover" href="#">Accessibility</a>
</li>
<li class="py-2">
<a class="font-size-2 h-primary widgets-hover transition-3d-hover" href="#">Contact Us</a>
</li>
<li class="pt-2">
<a class="font-size-2 h-primary widgets-hover transition-3d-hover" href="#">Store Pickup</a>
</li>
</ul>
</div>
<div class="col-lg-2 mb-6 mb-lg-0">
<h4 class="font-size-3 font-weight-medium mb-2 mb-xl-5 pb-xl-1">Policy</h4>
<ul class="list-unstyled mb-0">
<li class="pb-2">
<a class="font-size-2 h-primary widgets-hover transition-3d-hover" href="#">Return Policy</a>
</li>
<li class="py-2">
<a class="font-size-2 h-primary widgets-hover transition-3d-hover" href="#">Terms Of Use</a>
</li>
<li class="py-2">
<a class="font-size-2 h-primary widgets-hover transition-3d-hover" href="#">Security</a>
</li>
<li class="pt-2">
<a class="font-size-2 h-primary widgets-hover transition-3d-hover" href="#">Privacy</a>
</li>
</ul>
</div>
<div class="col-lg-2 mb-6 mb-lg-0">
<h4 class="font-size-3 font-weight-medium mb-2 mb-xl-5 pb-xl-1">Categories</h4>
<ul class="list-unstyled mb-0">
<li class="pb-2">
<a class="font-size-2 h-primary widgets-hover transition-3d-hover" href="#">Action</a>
</li>
<li class="py-2">
<a class="font-size-2 h-primary widgets-hover transition-3d-hover" href="#">Comedy</a>
</li>
<li class="py-2">
<a class="font-size-2 h-primary widgets-hover transition-3d-hover" href="#">Drama</a>
</li>
<li class="py-2">
<a class="font-size-2 h-primary widgets-hover transition-3d-hover" href="#">Horror</a>
</li>
<li class="py-2">
<a class="font-size-2 h-primary widgets-hover transition-3d-hover" href="#">Kids</a>
</li>
<li class="pt-2">
<a class="font-size-2 h-primary widgets-hover transition-3d-hover" href="#">Romantic Comedy</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="space-1 border-top border-gray-210">
<div class="container">
<div class="d-lg-flex text-center text-lg-left justify-content-between align-items-center">
<!-- Copyright -->
<p class="mb-3 mb-lg-0 font-size-2">©2020 Book Worm. All rights reserved</p>
<!-- End Copyright -->
<div class="ml-auto d-lg-flex justify-content-xl-end align-items-center">
<div class="mb-4 mb-lg-0">
<img class="img-fluid" src="../../assets/img/324x38/img1.png" alt="Image-Description">
</div>
<!-- Select -->
<select class="js-select selectpicker dropdown-select ml-lg-4 mb-3 mb-md-0"
data-style="border px-4 py-2 rounded-md height-5 outline-none shadow-none form-control font-size-2"
data-dropdown-align-right="true">
<option value="one" selected>English (United States)</option>
<option value="two">Deutsch</option>
<option value="three">Français</option>
<option value="four">Español</option>
</select>
<!-- End Select -->
<!-- Select -->
<select class="js-select selectpicker dropdown-select ml-md-3"
data-style="border px-4 py-2 rounded-md height-5 outline-none shadow-none form-control font-size-2"
data-dropdown-align-right="true"
data-width="fit">
<option value="one" selected>$ USD</option>
<option value="two">€ EUR</option>
<option value="three">₺ TL</option>
<option value="four">₽ RUB</option>
</select>
</div>
</div>
</div>
</div>
</div>
</div>
</footer>
<!-- ========== END FOOTER V2 ========== -->
<!-- CSS Implementing Plugins -->
<link rel="stylesheet" href="../../assets/vendor/bootstrap-select/dist/css/bootstrap-select.min.css">
<!-- JS Implementing Plugins -->
<script src="../../assets/vendor/bootstrap-select/dist/js/bootstrap-select.min.js"></script>
<!-- JS Bookworm -->
<script src="../../assets/js/components/hs.selectpicker.js"></script>
<!-- JS Plugins Init. -->
<script>
$(document).on('ready', function () {
// initialization of select picker
$.HSCore.components.HSSelectPicker.init('.js-select');
});
</script>
Footer V4
<!-- ========== FOOTER V4 ========== -->
<footer class="site-footer_v4">
<div class="space-top-3 bg-dark-1 border-top border-gray-710">
<div class="pb-5 space-bottom-lg-3">
<div class="container">
<div class="row">
<div class="col-lg-4">
<div class="pb-6 pb-lg-0">
<h4 class="font-size-3 font-weight-medium mb-2 mb-xl-5 pb-xl-1 text-white">Contact Us</h4>
<address class="font-size-2 mb-5">
<span class="mb-2 font-weight-normal text-gray-450">
1418 River Drive, Suite 35 Cottonhall, CA 9622 <br> United States
</span>
</address>
<div class="mb-4 h-white">
<a href="mailto:sale@bookworm.com" class="font-size-2 d-block text-gray-450 mb-1">sale@bookworm.com</a>
<a href="tel:+1246-345-0695" class="font-size-2 d-block text-gray-450">+1 246-345-0695</a>
</div>
<ul class="list-unstyled mb-0 d-flex">
<li class="h-white btn pl-0">
<a class="text-gray-450" href="#">
<span class="fab fa-instagram"></span>
</a>
</li>
<li class="h-white btn">
<a class="text-gray-450" href="#">
<span class="fab fa-facebook-f"></span>
</a>
</li>
<li class="h-white btn">
<a class="text-gray-450" href="#">
<span class="fab fa-youtube"></span>
</a>
</li>
<li class="h-white btn">
<a class="text-gray-450" href="#">
<span class="fab fa-twitter"></span>
</a>
</li>
<li class="h-white btn">
<a class="text-gray-450" href="#">
<span class="fab fa-pinterest"></span>
</a>
</li>
</ul>
</div>
</div>
<div class="col-lg-2">
<div class="mb-6 mb-lg-0">
<h4 class="font-size-3 font-weight-medium mb-2 mb-xl-5 pb-xl-1 text-white">Customer Service</h4>
<ul class="list-unstyled mb-0">
<li class="h-white pb-2">
<a class="font-size-2 text-gray-450 widgets-hover transition-3d-hover" href="#">Help Center</a>
</li>
<li class="h-white py-2">
<a class="font-size-2 text-gray-450 widgets-hover transition-3d-hover" href="#">Returns</a>
</li>
<li class="h-white py-2">
<a class="font-size-2 text-gray-450 widgets-hover transition-3d-hover" href="#">Product Recalls</a>
</li>
<li class="h-white py-2">
<a class="font-size-2 text-gray-450 widgets-hover transition-3d-hover" href="#">Accessibility</a>
</li>
<li class="h-white py-2">
<a class="font-size-2 text-gray-450 widgets-hover transition-3d-hover" href="#">Contact Us</a>
</li>
<li class="h-white pt-2">
<a class="font-size-2 text-gray-450 widgets-hover transition-3d-hover" href="#">Store Pickup</a>
</li>
</ul>
</div>
</div>
<div class="col-lg-2">
<div class="mb-6 mb-lg-0">
<h4 class="font-size-3 font-weight-medium mb-2 mb-xl-5 pb-xl-1 text-white">Categories</h4>
<ul class="list-unstyled mb-0">
<li class="h-white pb-2">
<a class="font-size-2 text-gray-450 widgets-hover transition-3d-hover" href="#">Action</a>
</li>
<li class="h-white py-2">
<a class="font-size-2 text-gray-450 widgets-hover transition-3d-hover" href="#">Comedy</a>
</li>
<li class="h-white py-2">
<a class="font-size-2 text-gray-450 widgets-hover transition-3d-hover" href="#">Drama</a>
</li>
<li class="h-white py-2">
<a class="font-size-2 text-gray-450 widgets-hover transition-3d-hover" href="#">Horror</a>
</li>
<li class="h-white py-2">
<a class="font-size-2 text-gray-450 widgets-hover transition-3d-hover" href="#">Kids</a>
</li>
<li class="h-white pt-2">
<a class="font-size-2 text-gray-450 widgets-hover transition-3d-hover" href="#">Romantic Comedy</a>
</li>
</ul>
</div>
</div>
<div class="col-lg-4">
<!-- Newsletter -->
<div class="mb-6">
<div class="mb-5">
<h5 class="font-size-3 font-weight-medium text-white mb-2 mb-xl-5 pb-xl-1">Join Our Newsletter
</h5>
</div>
<form class="js-validate js-form-message border border-gray-710" novalidate="novalidate">
<div class="input-group">
<input type="email" class="form-control placeholder-color-1 py-4d75 font-size-2 pl-4 rounded-0 bg-transparent border-0" name="email" id="subscribeSrEmail" placeholder="Enter email" aria-label="Your email" required="" data-msg="Please enter a valid email address.">
<button type="submit" class="btn bg-white rounded-0 px-4 text-dark-1 py-2 font-weight-medium m-1">Subscribe
</button>
</div>
</form>
</div>
<!-- End Newsletter -->
<div>
<div class="mb-5">
<h5 class="font-size-3 font-weight-medium text-white mb-2 mb-xl-5 pb-xl-1">Available On</h5>
</div>
<button type="button" class="btn btn-wide border border-gray-710 rounded-0 py-2 px-4 text-left mb-4 mr-md-2 mr-lg-4">
<span class="media align-items-center m-1">
<span class="flaticon-apple font-size-9 mr-3 text-white"></span>
<span class="media-body">
<strong class="font-weight-normal text-white">App Store
</strong>
<span class="d-block font-weight-normal font-size-2 text-gray-450">Available now on the</span>
</span>
</span>
</button>
<button type="button" class="btn btn-wide border border-gray-710 rounded-0 py-2 px-4 pr-lg-9 text-left mb-4 mb-md-0 mr-md-2 mr-lg-4">
<span class="media align-items-center my-1 mx-2">
<span class="flaticon-play-store font-size-9 mr-3 text-white"></span>
<span class="media-body">
<strong class="font-weight-normal text-white font-size-2">Google Play
</strong>
<span class="d-block font-weight-normal font-size-2 text-gray-450">Get in on</span>
</span>
</span>
</button>
</div>
</div>
</div>
</div>
</div>
<div class="space-1 border-top border-gray-710">
<div class="container">
<div class="d-md-flex text-center text-md-left justify-content-between align-items-center">
<!-- Copyright -->
<p class="mb-3 mb-md-0 font-size-2 text-gray-450">©2020 Book Worm. All rights reserved</p>
<!-- End Copyright -->
<div class="d-md-flex justify-content-md-end align-items-center">
<!-- Select -->
<select class="js-select selectpicker dropdown-select ml-md-3 mb-3 mb-md-0"
data-style="border border-gray-710 bg-transparent px-4 py-2 text-gray-450 rounded-0 height-5 outline-none shadow-none form-control font-size-2"
data-dropdown-align-right="true">
<option value="one" selected>English (United States)</option>
<option value="two">Deutsch</option>
<option value="three">Français</option>
<option value="four">Español</option>
</select>
<!-- End Select -->
<!-- Select -->
<select class="js-select selectpicker dropdown-select ml-md-3"
data-style="border border-gray-710 bg-transparent px-4 py-2 text-gray-450 rounded-0 height-5 outline-none shadow-none form-control font-size-2"
data-width="fit"
data-dropdown-align-right="true">
<option value="one" selected>$ USD</option>
<option value="two">€ EUR</option>
<option value="three">₺ TL</option>
<option value="four">₽ RUB</option>
</select>
<!-- End Select -->
</div>
</div>
</div>
</div>
</div>
</footer>
<!-- ========== END FOOTER V4 ========== -->
<!-- CSS Implementing Plugins -->
<link rel="stylesheet" href="../../assets/vendor/bootstrap-select/dist/css/bootstrap-select.min.css">
<!-- JS Implementing Plugins -->
<script src="../../assets/vendor/bootstrap-select/dist/js/bootstrap-select.min.js"></script>
<!-- JS Bookworm -->
<script src="../../assets/js/components/hs.selectpicker.js"></script>
<!-- JS Plugins Init. -->
<script>
$(document).on('ready', function () {
// initialization of select picker
$.HSCore.components.HSSelectPicker.init('.js-select');
});
</script>
Footer V5
<!-- ========== FOOTER V5 ========== -->
<footer>
<div class="space-top-3">
<div class="border-bottom pb-5 space-bottom-lg-3">
<div class="container">
<div class="row">
<div class="col-lg-4 mb-6 md-md-0">
<div class="pb-md-6">
<a href="#" class="d-inline-block mb-5">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="170px" height="30px">
<path fill-rule="evenodd" fill="rgb(25, 17, 11)" d="M166.225,28.691 L165.065,15.398 L160.598,28.691 L158.229,28.691 L153.762,15.398 L152.590,28.691 L148.928,28.691 L150.405,11.052 L155.629,11.052 L159.389,22.124 L163.198,11.052 L168.422,11.052 L169.875,28.691 L166.225,28.691 ZM142.641,28.691 L138.051,20.928 L136.989,20.928 L136.989,28.691 L133.327,28.691 L133.327,11.052 L139.724,11.052 C140.692,11.052 141.546,11.189 142.287,11.461 C143.028,11.734 143.620,12.112 144.063,12.596 C144.507,13.081 144.840,13.636 145.064,14.263 C145.288,14.889 145.400,15.577 145.400,16.326 C145.400,17.506 145.078,18.472 144.436,19.225 C143.793,19.978 142.869,20.484 141.665,20.745 L146.975,28.691 L142.641,28.691 ZM141.896,16.204 C141.896,15.544 141.673,15.028 141.225,14.653 C140.777,14.279 140.086,14.092 139.150,14.092 L136.989,14.092 L136.989,18.303 L139.150,18.303 C140.981,18.303 141.896,17.603 141.896,16.204 ZM125.570,27.831 C124.206,28.567 122.666,28.936 120.949,28.936 C119.224,28.936 117.680,28.567 116.317,27.831 C114.953,27.094 113.881,26.034 113.100,24.651 C112.319,23.267 111.928,21.672 111.928,19.866 C111.928,18.051 112.319,16.454 113.100,15.074 C113.881,13.695 114.953,12.639 116.317,11.907 C117.680,11.174 119.224,10.808 120.949,10.808 C122.674,10.808 124.217,11.174 125.576,11.907 C126.935,12.639 128.005,13.695 128.786,15.074 C129.567,16.454 129.958,18.051 129.958,19.866 C129.958,21.672 129.567,23.267 128.786,24.651 C128.005,26.034 126.933,27.094 125.570,27.831 ZM124.807,15.715 C123.797,14.690 122.512,14.177 120.949,14.177 C119.387,14.177 118.101,14.690 117.092,15.715 C116.083,16.741 115.578,18.124 115.578,19.866 C115.578,21.616 116.083,23.005 117.092,24.034 C118.101,25.064 119.387,25.579 120.949,25.579 C122.512,25.579 123.797,25.064 124.807,24.034 C125.816,23.005 126.320,21.616 126.320,19.866 C126.320,18.124 125.816,16.741 124.807,15.715 ZM66.872,28.691 L61.391,21.196 L60.097,21.196 L60.097,28.691 L56.435,28.691 L56.435,11.052 L60.097,11.052 L60.097,17.986 L61.342,17.986 L66.872,11.052 L71.340,11.052 L64.504,19.487 L71.547,28.691 L66.872,28.691 ZM48.677,27.831 C47.314,28.567 45.774,28.936 44.057,28.936 C42.332,28.936 40.788,28.567 39.425,27.831 C38.061,27.094 36.989,26.034 36.208,24.651 C35.427,23.267 35.036,21.672 35.036,19.866 C35.036,18.051 35.427,16.454 36.208,15.074 C36.989,13.695 38.061,12.639 39.425,11.907 C40.788,11.174 42.332,10.808 44.057,10.808 C45.782,10.808 47.324,11.174 48.684,11.907 C50.043,12.639 51.113,13.695 51.894,15.074 C52.675,16.454 53.066,18.051 53.066,19.866 C53.066,21.672 52.675,23.267 51.894,24.651 C51.113,26.034 50.040,27.094 48.677,27.831 ZM47.915,15.715 C46.905,14.690 45.620,14.177 44.057,14.177 C42.495,14.177 41.209,14.690 40.200,15.715 C39.191,16.741 38.686,18.124 38.686,19.866 C38.686,21.616 39.191,23.005 40.200,24.034 C41.209,25.064 42.495,25.579 44.057,25.579 C45.620,25.579 46.905,25.064 47.915,24.034 C48.924,23.005 49.428,21.616 49.428,19.866 C49.428,18.124 48.924,16.741 47.915,15.715 ZM28.487,27.831 C27.124,28.567 25.584,28.936 23.867,28.936 C22.141,28.936 20.597,28.567 19.234,27.831 C17.871,27.094 16.799,26.034 16.018,24.651 C15.236,23.267 14.846,21.672 14.846,19.866 C14.846,18.051 15.236,16.454 16.018,15.074 C16.799,13.695 17.871,12.639 19.234,11.907 C20.597,11.174 22.141,10.808 23.867,10.808 C25.592,10.808 27.134,11.174 28.493,11.907 C29.852,12.639 30.922,13.695 31.704,15.074 C32.485,16.454 32.875,18.051 32.875,19.866 C32.875,21.672 32.485,23.267 31.704,24.651 C30.922,26.034 29.850,27.094 28.487,27.831 ZM27.724,15.715 C26.715,14.690 25.429,14.177 23.867,14.177 C22.304,14.177 21.018,14.690 20.009,15.715 C19.000,16.741 18.496,18.124 18.496,19.866 C18.496,21.616 19.000,23.005 20.009,24.034 C21.018,25.064 22.304,25.579 23.867,25.579 C25.429,25.579 26.715,25.064 27.724,24.034 C28.733,23.005 29.238,21.616 29.238,19.866 C29.238,18.124 28.733,16.741 27.724,15.715 ZM11.672,27.367 C10.736,28.250 9.361,28.691 7.546,28.691 L0.283,28.691 L0.283,11.052 L5.996,11.052 C7.875,11.052 9.314,11.478 10.311,12.328 C11.308,13.178 11.806,14.365 11.806,15.886 C11.806,16.676 11.633,17.374 11.287,17.980 C10.941,18.586 10.431,19.052 9.755,19.377 C11.969,19.988 13.076,21.445 13.076,23.748 C13.076,25.278 12.608,26.484 11.672,27.367 ZM7.827,14.647 C7.420,14.277 6.821,14.092 6.032,14.092 L3.811,14.092 L3.811,18.242 L6.191,18.242 C6.940,18.242 7.501,18.047 7.875,17.656 C8.250,17.266 8.437,16.753 8.437,16.118 C8.437,15.508 8.233,15.018 7.827,14.647 ZM8.876,21.709 C8.445,21.278 7.749,21.062 6.789,21.062 L3.811,21.062 L3.811,25.554 L6.862,25.554 C7.782,25.554 8.455,25.347 8.883,24.932 C9.310,24.517 9.523,23.988 9.523,23.345 C9.523,22.686 9.308,22.140 8.876,21.709 Z"></path>
<path class="fill-primary" fill-rule="evenodd" d="M105.996,23.499 C105.995,26.752 103.950,29.265 100.748,29.950 C100.713,29.958 100.681,29.983 100.647,30.000 C100.588,30.000 100.529,30.000 100.471,30.000 C100.467,28.585 100.460,27.171 100.466,25.756 C100.467,25.675 100.550,25.565 100.626,25.518 C101.352,25.068 101.714,24.425 101.711,23.571 C101.707,22.020 101.710,20.469 101.710,18.892 C103.133,18.892 104.546,18.892 105.996,18.892 C105.996,18.989 105.996,19.093 105.996,19.196 C105.996,20.630 105.997,22.065 105.996,23.499 ZM101.715,17.089 C101.715,15.990 101.683,14.917 101.724,13.847 C101.767,12.679 102.761,11.806 103.931,11.838 C105.060,11.869 105.978,12.794 105.993,13.940 C106.005,14.954 105.995,15.969 105.995,16.983 C105.995,17.011 105.987,17.040 105.980,17.089 C104.569,17.089 103.157,17.089 101.715,17.089 ZM96.421,29.234 C94.322,27.983 93.199,26.136 93.155,23.703 C93.108,21.138 93.145,18.571 93.146,16.005 C93.146,15.957 93.153,15.910 93.159,15.841 C94.572,15.841 95.976,15.841 97.426,15.841 C97.426,15.948 97.426,16.060 97.426,16.172 C97.426,18.602 97.430,21.031 97.423,23.461 C97.421,24.364 97.757,25.066 98.548,25.540 C98.629,25.589 98.688,25.740 98.689,25.844 C98.699,27.122 98.695,28.401 98.696,29.679 C98.696,29.786 98.703,29.893 98.707,30.000 C98.648,30.000 98.590,30.000 98.531,30.000 C97.799,29.823 97.075,29.624 96.421,29.234 ZM93.145,14.043 C93.145,13.935 93.145,13.823 93.145,13.711 C93.145,11.318 93.137,8.926 93.149,6.534 C93.154,5.625 92.818,4.928 92.023,4.460 C91.961,4.424 91.894,4.332 91.894,4.265 C91.886,2.850 91.888,1.436 91.888,0.000 C93.423,0.232 94.703,0.889 95.731,2.009 C96.833,3.209 97.413,4.630 97.421,6.261 C97.433,8.791 97.426,11.319 97.427,13.849 C97.427,13.906 97.421,13.964 97.416,14.043 C96.005,14.043 94.599,14.043 93.145,14.043 ZM89.588,4.782 C89.034,5.128 88.866,5.768 88.868,6.431 C88.875,8.061 88.870,9.692 88.869,11.322 C88.869,12.143 88.869,12.963 88.867,13.783 C88.867,13.869 88.857,13.954 88.851,14.051 C87.434,14.051 86.035,14.051 84.587,14.051 C84.587,13.958 84.587,13.866 84.587,13.774 C84.588,11.294 84.579,8.814 84.590,6.334 C84.605,3.158 86.853,0.543 90.000,0.018 C90.028,0.013 90.058,0.017 90.125,0.017 C90.125,0.639 90.125,1.243 90.125,1.848 C90.125,2.405 90.109,2.962 90.130,3.518 C90.149,4.032 90.126,4.447 89.588,4.782 ZM84.585,15.837 C86.015,15.837 87.420,15.837 88.868,15.837 C88.868,15.951 88.868,16.065 88.868,16.179 C88.868,18.608 88.849,21.039 88.873,23.468 C88.908,27.007 86.358,29.493 83.589,29.955 C83.552,29.961 83.518,29.985 83.482,30.000 C83.424,30.000 83.365,30.000 83.306,30.000 C83.310,28.634 83.319,27.268 83.313,25.902 C83.311,25.691 83.376,25.580 83.559,25.467 C84.268,25.031 84.587,24.371 84.587,23.549 C84.587,21.099 84.586,18.650 84.585,16.201 C84.585,16.085 84.585,15.970 84.585,15.837 ZM81.366,30.000 C80.875,29.844 80.360,29.740 79.897,29.524 C77.435,28.380 76.120,26.440 76.027,23.732 C75.974,22.192 76.017,20.649 76.016,19.107 C76.016,19.040 76.016,18.973 76.016,18.886 C77.447,18.886 78.859,18.886 80.303,18.886 C80.303,19.000 80.303,19.104 80.303,19.209 C80.303,20.663 80.308,22.117 80.302,23.571 C80.298,24.427 80.666,25.065 81.387,25.518 C81.463,25.566 81.547,25.675 81.547,25.756 C81.553,27.171 81.546,28.585 81.542,30.000 C81.484,30.000 81.425,30.000 81.366,30.000 ZM76.017,17.097 C76.017,16.540 76.017,15.997 76.017,15.453 C76.017,14.965 76.012,14.478 76.017,13.990 C76.030,12.831 76.911,11.892 78.032,11.838 C79.203,11.781 80.217,12.619 80.282,13.797 C80.341,14.885 80.294,15.978 80.294,17.097 C78.857,17.097 77.452,17.097 76.017,17.097 Z"></path>
</svg>
</a>
<address class="font-size-2 mb-5">
<span class="mb-2 font-weight-normal text-dark">
1418 River Drive, Suite 35 Cottonhall, CA 9622 <br> United States
</span>
</address>
<div class="mb-4">
<a href="mailto:sale@bookworm.com" class="font-size-2 d-block link-black-100 mb-1">sale@bookworm.com</a>
<a href="tel:+1246-345-0695" class="font-size-2 d-block link-black-100">+1 246-345-0695</a>
</div>
<ul class="list-unstyled mb-0 d-flex">
<li class="btn pl-0">
<a class="link-black-100" href="#">
<span class="fab fa-instagram"></span>
</a>
</li>
<li class="btn">
<a class="link-black-100" href="#">
<span class="fab fa-facebook-f"></span>
</a>
</li>
<li class="btn">
<a class="link-black-100" href="#">
<span class="fab fa-youtube"></span>
</a>
</li>
<li class="btn">
<a class="link-black-100" href="#">
<span class="fab fa-twitter"></span>
</a>
</li>
<li class="btn">
<a class="link-black-100" href="#">
<span class="fab fa-pinterest"></span>
</a>
</li>
</ul>
</div>
</div>
<div class="col-lg-2 mb-6 md-md-0">
<h4 class="font-size-3 font-weight-medium mb-2 mb-xl-5 pb-xl-1">Explore</h4>
<ul class="list-unstyled mb-0">
<li class="pb-2">
<a class="widgets-hover transition-3d-hover font-size-2 link-black-100" href="#">About as</a>
</li>
<li class="py-2">
<a class="widgets-hover transition-3d-hover font-size-2 link-black-100" href="#">Sitemap</a>
</li>
<li class="py-2">
<a class="widgets-hover transition-3d-hover font-size-2 link-black-100" href="#">Bookmarks</a>
</li>
<li class="pt-2">
<a class="widgets-hover transition-3d-hover font-size-2 link-black-100" href="#">Sign in/Join</a>
</li>
</ul>
</div>
<div class="col-lg-2 mb-6 md-md-0">
<h4 class="font-size-3 font-weight-medium mb-2 mb-xl-5 pb-xl-1">Customer Service</h4>
<ul class="list-unstyled mb-0">
<li class="pb-2">
<a class="widgets-hover transition-3d-hover font-size-2 link-black-100" href="#">Help Center</a>
</li>
<li class="py-2">
<a class="widgets-hover transition-3d-hover font-size-2 link-black-100" href="#">Returns</a>
</li>
<li class="py-2">
<a class="widgets-hover transition-3d-hover font-size-2 link-black-100" href="#">Product Recalls</a>
</li>
<li class="py-2">
<a class="widgets-hover transition-3d-hover font-size-2 link-black-100" href="#">Accessibility</a>
</li>
<li class="py-2">
<a class="widgets-hover transition-3d-hover font-size-2 link-black-100" href="#">Contact Us</a>
</li>
<li class="pt-2">
<a class="widgets-hover transition-3d-hover font-size-2 link-black-100" href="#">Store Pickup</a>
</li>
</ul>
</div>
<div class="col-lg-2 mb-6 md-md-0">
<h4 class="font-size-3 font-weight-medium mb-2 mb-xl-5 pb-xl-1">Policy</h4>
<ul class="list-unstyled mb-0">
<li class="pb-2">
<a class="widgets-hover transition-3d-hover font-size-2 link-black-100" href="#">Return Policy</a>
</li>
<li class="py-2">
<a class="widgets-hover transition-3d-hover font-size-2 link-black-100" href="#">Terms Of Use</a>
</li>
<li class="py-2">
<a class="widgets-hover transition-3d-hover font-size-2 link-black-100" href="#">Security</a>
</li>
<li class="pt-2">
<a class="widgets-hover transition-3d-hover font-size-2 link-black-100" href="#">Privacy</a>
</li>
</ul>
</div>
<div class="col-lg-2 mb-6 md-md-0">
<h4 class="font-size-3 font-weight-medium mb-2 mb-xl-5 pb-xl-1">Categories</h4>
<ul class="list-unstyled mb-0">
<li class="pb-2">
<a class="widgets-hover transition-3d-hover font-size-2 link-black-100" href="#">Action</a>
</li>
<li class="py-2">
<a class="widgets-hover transition-3d-hover font-size-2 link-black-100" href="#">Comedy</a>
</li>
<li class="py-2">
<a class="widgets-hover transition-3d-hover font-size-2 link-black-100" href="#">Drama</a>
</li>
<li class="py-2">
<a class="widgets-hover transition-3d-hover font-size-2 link-black-100" href="#">Horror</a>
</li>
<li class="py-2">
<a class="widgets-hover transition-3d-hover font-size-2 link-black-100" href="#">Kids</a>
</li>
<li class="pt-2">
<a class="widgets-hover transition-3d-hover font-size-2 link-black-100" href="#">Romantic Comedy</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="space-1">
<div class="container">
<div class="d-lg-flex text-center text-lg-left justify-content-between align-items-center">
<!-- Copyright -->
<p class="mb-3 mb-lg-0 font-size-2">©2020 Book Worm. All rights reserved</p>
<!-- End Copyright -->
<div class="d-lg-flex align-items-center">
<div class="mb-4 mb-lg-0 mr-md-5">
<img class="img-fluid" src="../../assets/img/324x38/img1.png" alt="Image-Description">
</div>
<!-- Select -->
<select class="js-select selectpicker dropdown-select mb-3 mb-lg-0"
data-style="border px-4 py-2 rounded-0 height-5 outline-none shadow-none form-control font-size-2"
data-dropdown-align-right="true">
<option value="one" selected>English (United States)</option>
<option value="two">Deutsch</option>
<option value="three">Français</option>
<option value="four">Español</option>
</select>
<!-- End Select -->
<!-- Select -->
<select class="js-select selectpicker dropdown-select ml-md-3"
data-style="border px-4 py-2 rounded-0 height-5 outline-none shadow-none form-control font-size-2"
data-dropdown-align-right="true"
data-width="fit">
<option value="one" selected>$ USD</option>
<option value="two">€ EUR</option>
<option value="three">₺ TL</option>
<option value="four">₽ RUB</option>
</select>
</div>
</div>
</div>
</div>
</div>
</footer>
<!-- ========== END FOOTER V5 ========== -->
<!-- CSS Implementing Plugins -->
<link rel="stylesheet" href="../../assets/vendor/bootstrap-select/dist/css/bootstrap-select.min.css">
<!-- JS Implementing Plugins -->
<script src="../../assets/vendor/bootstrap-select/dist/js/bootstrap-select.min.js"></script>
<!-- JS Bookworm -->
<script src="../../assets/js/components/hs.selectpicker.js"></script>
<!-- JS Plugins Init. -->
<script>
$(document).on('ready', function () {
// initialization of select picker
$.HSCore.components.HSSelectPicker.init('.js-select');
});
</script>
Footer V6
<!-- ========== FOOTER V6 ========== -->
<footer class="site-footer_v5">
<div class="border-top">
<div class="container">
<!-- Newsletter -->
<div>
<div class="space-1 space-lg-2">
<div class="text-center mb-5">
<h5 class="font-size-7 font-weight-medium">Join Our Newsletter</h5>
<p class="text-gray-700">Signup to be the first to hear about exclusive deals, special offers and upcoming collections</p>
</div>
<!-- Form Group -->
<div class="form-row justify-content-center">
<div class="col-lg-5 mb-2">
<div class="js-form-message">
<div class="input-group">
<input type="text" class="form-control rounded-0 border-dark font-size-2 px-5 py-4d75" name="name" id="signupSrName" placeholder="Enter email for weekly newsletter." aria-label="Your name" required="" data-msg="Name must contain only letters." data-error-class="u-has-error" data-success-class="u-has-success">
</div>
</div>
</div>
<div class="ml-lg-2">
<button type="submit" class="btn btn-dark rounded-0 btn-wide py-3 font-weight-medium">Subscribe
</button>
</div>
</div>
<!-- End Form Group -->
</div>
</div>
</div>
</div>
<!-- End Newsletter -->
<div class="bg-dark">
<div class="container space-bottom-3">
<div class="space-top-2">
<div class="row">
<div class="col-md-4 col-lg-4">
<div class="pb-6 pb-lg-0">
<a href="#" class="d-inline-block mb-5">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="170px" height="30px">
<path fill-rule="evenodd" fill="#fff" d="M166.225,28.691 L165.065,15.398 L160.598,28.691 L158.229,28.691 L153.762,15.398 L152.590,28.691 L148.928,28.691 L150.405,11.052 L155.629,11.052 L159.389,22.124 L163.198,11.052 L168.422,11.052 L169.875,28.691 L166.225,28.691 ZM142.641,28.691 L138.051,20.928 L136.989,20.928 L136.989,28.691 L133.327,28.691 L133.327,11.052 L139.724,11.052 C140.692,11.052 141.546,11.189 142.287,11.461 C143.028,11.734 143.620,12.112 144.063,12.596 C144.507,13.081 144.840,13.636 145.064,14.263 C145.288,14.889 145.400,15.577 145.400,16.326 C145.400,17.506 145.078,18.472 144.436,19.225 C143.793,19.978 142.869,20.484 141.665,20.745 L146.975,28.691 L142.641,28.691 ZM141.896,16.204 C141.896,15.544 141.673,15.028 141.225,14.653 C140.777,14.279 140.086,14.092 139.150,14.092 L136.989,14.092 L136.989,18.303 L139.150,18.303 C140.981,18.303 141.896,17.603 141.896,16.204 ZM125.570,27.831 C124.206,28.567 122.666,28.936 120.949,28.936 C119.224,28.936 117.680,28.567 116.317,27.831 C114.953,27.094 113.881,26.034 113.100,24.651 C112.319,23.267 111.928,21.672 111.928,19.866 C111.928,18.051 112.319,16.454 113.100,15.074 C113.881,13.695 114.953,12.639 116.317,11.907 C117.680,11.174 119.224,10.808 120.949,10.808 C122.674,10.808 124.217,11.174 125.576,11.907 C126.935,12.639 128.005,13.695 128.786,15.074 C129.567,16.454 129.958,18.051 129.958,19.866 C129.958,21.672 129.567,23.267 128.786,24.651 C128.005,26.034 126.933,27.094 125.570,27.831 ZM124.807,15.715 C123.797,14.690 122.512,14.177 120.949,14.177 C119.387,14.177 118.101,14.690 117.092,15.715 C116.083,16.741 115.578,18.124 115.578,19.866 C115.578,21.616 116.083,23.005 117.092,24.034 C118.101,25.064 119.387,25.579 120.949,25.579 C122.512,25.579 123.797,25.064 124.807,24.034 C125.816,23.005 126.320,21.616 126.320,19.866 C126.320,18.124 125.816,16.741 124.807,15.715 ZM66.872,28.691 L61.391,21.196 L60.097,21.196 L60.097,28.691 L56.435,28.691 L56.435,11.052 L60.097,11.052 L60.097,17.986 L61.342,17.986 L66.872,11.052 L71.340,11.052 L64.504,19.487 L71.547,28.691 L66.872,28.691 ZM48.677,27.831 C47.314,28.567 45.774,28.936 44.057,28.936 C42.332,28.936 40.788,28.567 39.425,27.831 C38.061,27.094 36.989,26.034 36.208,24.651 C35.427,23.267 35.036,21.672 35.036,19.866 C35.036,18.051 35.427,16.454 36.208,15.074 C36.989,13.695 38.061,12.639 39.425,11.907 C40.788,11.174 42.332,10.808 44.057,10.808 C45.782,10.808 47.324,11.174 48.684,11.907 C50.043,12.639 51.113,13.695 51.894,15.074 C52.675,16.454 53.066,18.051 53.066,19.866 C53.066,21.672 52.675,23.267 51.894,24.651 C51.113,26.034 50.040,27.094 48.677,27.831 ZM47.915,15.715 C46.905,14.690 45.620,14.177 44.057,14.177 C42.495,14.177 41.209,14.690 40.200,15.715 C39.191,16.741 38.686,18.124 38.686,19.866 C38.686,21.616 39.191,23.005 40.200,24.034 C41.209,25.064 42.495,25.579 44.057,25.579 C45.620,25.579 46.905,25.064 47.915,24.034 C48.924,23.005 49.428,21.616 49.428,19.866 C49.428,18.124 48.924,16.741 47.915,15.715 ZM28.487,27.831 C27.124,28.567 25.584,28.936 23.867,28.936 C22.141,28.936 20.597,28.567 19.234,27.831 C17.871,27.094 16.799,26.034 16.018,24.651 C15.236,23.267 14.846,21.672 14.846,19.866 C14.846,18.051 15.236,16.454 16.018,15.074 C16.799,13.695 17.871,12.639 19.234,11.907 C20.597,11.174 22.141,10.808 23.867,10.808 C25.592,10.808 27.134,11.174 28.493,11.907 C29.852,12.639 30.922,13.695 31.704,15.074 C32.485,16.454 32.875,18.051 32.875,19.866 C32.875,21.672 32.485,23.267 31.704,24.651 C30.922,26.034 29.850,27.094 28.487,27.831 ZM27.724,15.715 C26.715,14.690 25.429,14.177 23.867,14.177 C22.304,14.177 21.018,14.690 20.009,15.715 C19.000,16.741 18.496,18.124 18.496,19.866 C18.496,21.616 19.000,23.005 20.009,24.034 C21.018,25.064 22.304,25.579 23.867,25.579 C25.429,25.579 26.715,25.064 27.724,24.034 C28.733,23.005 29.238,21.616 29.238,19.866 C29.238,18.124 28.733,16.741 27.724,15.715 ZM11.672,27.367 C10.736,28.250 9.361,28.691 7.546,28.691 L0.283,28.691 L0.283,11.052 L5.996,11.052 C7.875,11.052 9.314,11.478 10.311,12.328 C11.308,13.178 11.806,14.365 11.806,15.886 C11.806,16.676 11.633,17.374 11.287,17.980 C10.941,18.586 10.431,19.052 9.755,19.377 C11.969,19.988 13.076,21.445 13.076,23.748 C13.076,25.278 12.608,26.484 11.672,27.367 ZM7.827,14.647 C7.420,14.277 6.821,14.092 6.032,14.092 L3.811,14.092 L3.811,18.242 L6.191,18.242 C6.940,18.242 7.501,18.047 7.875,17.656 C8.250,17.266 8.437,16.753 8.437,16.118 C8.437,15.508 8.233,15.018 7.827,14.647 ZM8.876,21.709 C8.445,21.278 7.749,21.062 6.789,21.062 L3.811,21.062 L3.811,25.554 L6.862,25.554 C7.782,25.554 8.455,25.347 8.883,24.932 C9.310,24.517 9.523,23.988 9.523,23.345 C9.523,22.686 9.308,22.140 8.876,21.709 Z"></path>
<path fill-rule="evenodd" fill="#fff" d="M105.996,23.499 C105.995,26.752 103.950,29.265 100.749,29.950 C100.713,29.958 100.681,29.983 100.647,30.000 C100.588,30.000 100.529,30.000 100.471,30.000 C100.467,28.585 100.460,27.170 100.466,25.756 C100.467,25.675 100.550,25.565 100.626,25.518 C101.352,25.067 101.714,24.425 101.711,23.571 C101.707,22.020 101.710,20.468 101.710,18.891 C103.133,18.891 104.546,18.891 105.996,18.891 C105.996,18.989 105.996,19.092 105.996,19.196 C105.996,20.630 105.997,22.064 105.996,23.499 ZM101.715,17.089 C101.715,15.990 101.684,14.917 101.724,13.847 C101.767,12.679 102.761,11.806 103.931,11.838 C105.060,11.869 105.978,12.794 105.993,13.940 C106.005,14.954 105.995,15.968 105.995,16.983 C105.995,17.011 105.987,17.040 105.980,17.089 C104.569,17.089 103.157,17.089 101.715,17.089 ZM96.421,29.234 C94.322,27.983 93.199,26.136 93.155,23.703 C93.108,21.137 93.145,18.571 93.146,16.004 C93.146,15.957 93.153,15.909 93.159,15.840 C94.572,15.840 95.976,15.840 97.426,15.840 C97.426,15.948 97.426,16.060 97.426,16.172 C97.426,18.601 97.430,21.031 97.423,23.461 C97.421,24.363 97.757,25.065 98.548,25.540 C98.629,25.588 98.688,25.740 98.689,25.844 C98.699,27.122 98.695,28.400 98.696,29.679 C98.696,29.786 98.703,29.893 98.707,30.000 C98.648,30.000 98.590,30.000 98.531,30.000 C97.799,29.823 97.075,29.624 96.421,29.234 ZM93.145,14.043 C93.145,13.935 93.145,13.823 93.145,13.710 C93.145,11.318 93.137,8.926 93.149,6.534 C93.154,5.624 92.818,4.927 92.023,4.460 C91.961,4.423 91.894,4.331 91.894,4.264 C91.886,2.850 91.888,1.435 91.888,-0.000 C93.423,0.231 94.703,0.889 95.731,2.008 C96.833,3.208 97.413,4.629 97.421,6.261 C97.433,8.790 97.427,11.319 97.427,13.848 C97.427,13.906 97.421,13.964 97.416,14.043 C96.005,14.043 94.600,14.043 93.145,14.043 ZM89.588,4.782 C89.034,5.128 88.866,5.768 88.869,6.431 C88.876,8.061 88.870,9.692 88.869,11.322 C88.869,12.142 88.869,12.962 88.867,13.783 C88.867,13.868 88.857,13.954 88.851,14.051 C87.434,14.051 86.035,14.051 84.588,14.051 C84.588,13.957 84.588,13.865 84.588,13.774 C84.588,11.294 84.579,8.813 84.590,6.333 C84.605,3.158 86.853,0.542 90.000,0.017 C90.029,0.012 90.058,0.017 90.125,0.017 C90.125,0.639 90.125,1.243 90.125,1.848 C90.125,2.404 90.109,2.961 90.130,3.517 C90.149,4.031 90.126,4.446 89.588,4.782 ZM84.585,15.837 C86.015,15.837 87.420,15.837 88.868,15.837 C88.868,15.951 88.868,16.065 88.868,16.178 C88.868,18.608 88.849,21.038 88.873,23.468 C88.908,27.007 86.358,29.492 83.589,29.955 C83.552,29.961 83.518,29.984 83.482,30.000 C83.424,30.000 83.365,30.000 83.306,30.000 C83.310,28.634 83.319,27.268 83.313,25.902 C83.312,25.691 83.376,25.579 83.559,25.467 C84.268,25.030 84.587,24.370 84.587,23.548 C84.587,21.099 84.586,18.650 84.585,16.200 C84.585,16.085 84.585,15.970 84.585,15.837 ZM81.366,30.000 C80.875,29.844 80.361,29.739 79.898,29.524 C77.435,28.380 76.120,26.440 76.027,23.732 C75.974,22.192 76.017,20.649 76.016,19.107 C76.016,19.040 76.016,18.973 76.016,18.886 C77.447,18.886 78.859,18.886 80.303,18.886 C80.303,19.000 80.303,19.104 80.303,19.209 C80.303,20.662 80.308,22.116 80.302,23.570 C80.298,24.426 80.666,25.064 81.387,25.518 C81.463,25.566 81.547,25.675 81.547,25.756 C81.553,27.170 81.546,28.585 81.542,30.000 C81.484,30.000 81.425,30.000 81.366,30.000 ZM76.017,17.096 C76.017,16.539 76.017,15.996 76.017,15.453 C76.017,14.965 76.012,14.477 76.018,13.990 C76.030,12.831 76.911,11.892 78.032,11.838 C79.203,11.781 80.217,12.619 80.282,13.797 C80.341,14.884 80.294,15.978 80.294,17.096 C78.857,17.096 77.452,17.096 76.017,17.096 Z"></path>
</svg>
</a>
<address class="font-size-2 mb-5">
<span class="mb-2 font-weight-normal text-gray-500">
1418 River Drive, Suite 35 Cottonhall, CA 9622 <br> United States
</span>
</address>
<div class="mb-4 h-white">
<a href="mailto:sale@bookworm.com" class="font-size-2 d-block text-gray-500 mb-1">sale@bookworm.com</a>
<a href="tel:+1246-345-0695" class="font-size-2 d-block text-gray-500">+1 246-345-0695</a>
</div>
<ul class="list-unstyled mb-0 d-flex">
<li class="h-white btn pl-0">
<a class="text-gray-500" href="#">
<span class="fab fa-instagram"></span>
</a>
</li>
<li class="h-white btn">
<a class="text-gray-500" href="#">
<span class="fab fa-facebook-f"></span>
</a>
</li>
<li class="h-white btn">
<a class="text-gray-500" href="#">
<span class="fab fa-youtube"></span>
</a>
</li>
<li class="h-white btn">
<a class="text-gray-500" href="#">
<span class="fab fa-twitter"></span>
</a>
</li>
<li class="h-white btn">
<a class="text-gray-500" href="#">
<span class="fab fa-pinterest"></span>
</a>
</li>
</ul>
</div>
</div>
<div class="col-md-4 col-lg-2">
<div class="mb-5 mb-md-0">
<h4 class="font-size-3 text-white font-weight-medium mb-2 mb-xl-5 pb-xl-1">Explore</h4>
<ul class="list-unstyled mb-0">
<li class="h-white pb-2">
<a class="font-size-2 text-gray-500 widgets-hover transition-3d-hover" href="#">About as</a>
</li>
<li class="h-white py-2">
<a class="font-size-2 text-gray-500 widgets-hover transition-3d-hover" href="#">Sitemap</a>
</li>
<li class="h-white py-2">
<a class="font-size-2 text-gray-500 widgets-hover transition-3d-hover" href="#">Bookmarks</a>
</li>
<li class="h-white pt-2">
<a class="font-size-2 text-gray-500 widgets-hover transition-3d-hover" href="#">Sign in/Join</a>
</li>
</ul>
</div>
</div>
<div class="col-md-4 col-lg-2">
<div class="mb-5 mb-md-0">
<h4 class="font-size-3 font-weight-medium mb-2 mb-xl-5 pb-xl-1 text-white">Customer Service</h4>
<ul class="list-unstyled mb-0">
<li class="h-white pb-2">
<a class="font-size-2 text-gray-500 widgets-hover transition-3d-hover" href="#">Help Center</a>
</li>
<li class="h-white py-2">
<a class="font-size-2 text-gray-500 widgets-hover transition-3d-hover" href="#">Returns</a>
</li>
<li class="h-white py-2">
<a class="font-size-2 text-gray-500 widgets-hover transition-3d-hover" href="#">Product Recalls</a>
</li>
<li class="h-white py-2">
<a class="font-size-2 text-gray-500 widgets-hover transition-3d-hover" href="#">Accessibility</a>
</li>
<li class="h-white py-2">
<a class="font-size-2 text-gray-500 widgets-hover transition-3d-hover" href="#">Contact Us</a>
</li>
<li class="h-white pt-2">
<a class="font-size-2 text-gray-500 widgets-hover transition-3d-hover" href="#">Store Pickup</a>
</li>
</ul>
</div>
</div>
<div class="col-md-4 col-lg-2">
<div class="mb-5 mb-md-0">
<h4 class="font-size-3 font-weight-medium mb-2 mb-xl-5 pb-xl-1 text-white">Policy</h4>
<ul class="list-unstyled mb-0">
<li class="h-white pb-2">
<a class="font-size-2 text-gray-500 widgets-hover transition-3d-hover" href="#">Return Policy</a>
</li>
<li class="h-white py-2">
<a class="font-size-2 text-gray-500 widgets-hover transition-3d-hover" href="#">Terms Of Use</a>
</li>
<li class="h-white py-2">
<a class="font-size-2 text-gray-500 widgets-hover transition-3d-hover" href="#">Security</a>
</li>
<li class="h-white pt-2">
<a class="font-size-2 text-gray-500 widgets-hover transition-3d-hover" href="#">Privacy</a>
</li>
</ul>
</div>
</div>
<div class="col-md-4 col-lg-2">
<h4 class="font-size-3 font-weight-medium mb-2 mb-xl-5 pb-xl-1 text-white">Categories</h4>
<ul class="list-unstyled mb-0">
<li class="h-white pb-2">
<a class="font-size-2 text-gray-500 widgets-hover transition-3d-hover" href="#">Action</a>
</li>
<li class="h-white py-2">
<a class="font-size-2 text-gray-500 widgets-hover transition-3d-hover" href="#">Comedy</a>
</li>
<li class="h-white py-2">
<a class="font-size-2 text-gray-500 widgets-hover transition-3d-hover" href="#">Drama</a>
</li>
<li class="h-white py-2">
<a class="font-size-2 text-gray-500 widgets-hover transition-3d-hover" href="#">Horror</a>
</li>
<li class="h-white py-2">
<a class="font-size-2 text-gray-500 widgets-hover transition-3d-hover" href="#">Kids</a>
</li>
<li class="h-white pt-2">
<a class="font-size-2 text-gray-500 widgets-hover transition-3d-hover" href="#">Romantic Comedy</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="space-1 bg-black">
<div class=" container">
<div class="text-center">
<!-- Copyright -->
<p class="mb-3 mb-lg-0 font-size-2 text-gray-500">©2020 Book Worm. All rights reserved</p>
<!-- End Copyright -->
</div>
</div>
</div>
</div>
</footer>
<!-- ========== END FOOTER V6 ========== -->
Footer V7
<!-- ========== FOOTER V7 ========== -->
<footer class="site-footer_v6">
<div class="space-1 space-lg-3 bg-gray-200">
<div class="container">
<div class="row">
<div class="col-md-3 col-lg-2">
<div class="mb-5 mb-lg-0">
<h4 class="font-size-3 font-weight-medium mb-2 mb-xl-5 pb-xl-1">Explore</h4>
<ul class="list-unstyled mb-0">
<li class="pb-2">
<a class="font-size-2 link-black-100 widgets-hover transition-3d-hover" href="#">About as</a>
</li>
<li class="py-2">
<a class="font-size-2 link-black-100 widgets-hover transition-3d-hover" href="#">Sitemap</a>
</li>
<li class="py-2">
<a class="font-size-2 link-black-100 widgets-hover transition-3d-hover" href="#">Bookmarks</a>
</li>
<li class="pt-2">
<a class="font-size-2 link-black-100 widgets-hover transition-3d-hover" href="#">Sign in/Join</a>
</li>
</ul>
</div>
</div>
<div class="col-md-3 col-lg-2">
<div class="mb-5 mb-lg-0">
<h4 class="font-size-3 font-weight-medium mb-2 mb-xl-5 pb-xl-1">Customer Service</h4>
<ul class="list-unstyled mb-0">
<li class="pb-2">
<a class="font-size-2 link-black-100 widgets-hover transition-3d-hover" href="#">Help Center</a>
</li>
<li class="py-2">
<a class="font-size-2 link-black-100 widgets-hover transition-3d-hover" href="#">Returns</a>
</li>
<li class="py-2">
<a class="font-size-2 link-black-100 widgets-hover transition-3d-hover" href="#">Product Recalls</a>
</li>
<li class="py-2">
<a class="font-size-2 link-black-100 widgets-hover transition-3d-hover" href="#">Accessibility</a>
</li>
<li class="py-2">
<a class="font-size-2 link-black-100 widgets-hover transition-3d-hover" href="#">Contact Us</a>
</li>
<li class="pt-2">
<a class="font-size-2 link-black-100 widgets-hover transition-3d-hover" href="#">Store Pickup</a>
</li>
</ul>
</div>
</div>
<div class="col-md-3 col-lg-2">
<div class="mb-5 mb-lg-0">
<h4 class="font-size-3 font-weight-medium mb-2 mb-xl-5 pb-xl-1">Policy</h4>
<ul class="list-unstyled mb-0">
<li class="pb-2">
<a class="font-size-2 link-black-100 widgets-hover transition-3d-hover" href="#">Return Policy</a>
</li>
<li class="py-2">
<a class="font-size-2 link-black-100 widgets-hover transition-3d-hover" href="#">Terms Of Use</a>
</li>
<li class="py-2">
<a class="font-size-2 link-black-100 widgets-hover transition-3d-hover" href="#">Security</a>
</li>
<li class="pt-2">
<a class="font-size-2 link-black-100 widgets-hover transition-3d-hover" href="#">Privacy</a>
</li>
</ul>
</div>
</div>
<div class="col-md-3 col-lg-2">
<div class="mb-5 mb-lg-0">
<h4 class="font-size-3 font-weight-medium mb-2 mb-xl-5 pb-xl-1">Categories</h4>
<ul class="list-unstyled mb-0">
<li class="pb-2">
<a class="font-size-2 link-black-100 widgets-hover transition-3d-hover" href="#">Action</a>
</li>
<li class="py-2">
<a class="font-size-2 link-black-100 widgets-hover transition-3d-hover" href="#">Comedy</a>
</li>
<li class="py-2">
<a class="font-size-2 link-black-100 widgets-hover transition-3d-hover" href="#">Drama</a>
</li>
<li class="py-2">
<a class="font-size-2 link-black-100 widgets-hover transition-3d-hover" href="#">Horror</a>
</li>
<li class="py-2">
<a class="font-size-2 link-black-100 widgets-hover transition-3d-hover" href="#">Kids</a>
</li>
<li class="pt-2">
<a class="font-size-2 link-black-100 widgets-hover transition-3d-hover" href="#">Romantic Comedy</a>
</li>
</ul>
</div>
</div>
<div class="col-lg-4">
<!-- Newsletter -->
<div class="pb-6">
<div class="mb-5">
<h5 class="font-size-3 font-weight-medium mb-2 mb-xl-5 pb-xl-1">Join Our Newsletter
</h5>
<p class="font-size-2">Signup to be the first to hear about exclusive deals, special offers and upcoming collections</p>
</div>
<form class="js-validate js-form-message" novalidate="novalidate">
<div class="input-group">
<input type="email" class="form-control py-4d75 font-size-2 pl-4 border-0 bg-gray-220" name="email" id="subscribeSrEmail" placeholder="Enter email" aria-label="Your email" aria-describedby="subscribeButton" required="" data-msg="Please enter a valid email address.">
<div class="input-group-append">
<button type="submit" class="btn btn-dark text-white px-3 font-size-4 border-0" id="subscribeButton">
<span class="flaticon-send mx-1"></span>
</button>
</div>
</div>
</form>
</div>
<!-- End Newsletter -->
</div>
</div>
</div>
</div>
<div class="space-1">
<div class="container">
<div class="d-lg-flex text-center text-lg-left justify-content-between align-items-center">
<!-- Copyright -->
<p class="mb-3 mb-lg-0 font-size-2">©2020 Book Worm. All rights reserved</p>
<!-- End Copyright -->
<div class="d-md-flex justify-content-xl-end align-items-center">
<div class="mb-4 mb-md-0 mr-md-6">
<img class="img-fluid" src="../../assets/img/324x38/img1.png" alt="Image-Description">
</div>
<!-- Select -->
<select class="js-select selectpicker dropdown-select mb-3 mb-md-0"
data-style="border border-gray-300 px-4 py-2 rounded-0 height-5 outline-none shadow-none form-control font-size-2"
data-dropdown-align-right="true">
<option value="one" selected>English (United States)</option>
<option value="two">Deutsch</option>
<option value="three">Français</option>
<option value="four">Español</option>
</select>
<!-- End Select -->
<!-- Select -->
<select class="js-select selectpicker dropdown-select ml-md-3"
data-style="border border-gray-300 px-4 py-2 rounded-0 height-5 outline-none shadow-none form-control font-size-2"
data-width="fit"
data-dropdown-align-right="true">
<option value="one" selected>$ USD</option>
<option value="two">€ EUR</option>
<option value="three">₺ TL</option>
<option value="four">₽ RUB</option>
</select>
<!-- End Select -->
</div>
</div>
</div>
</div>
</footer>
<!-- ========== END FOOTER V7 ========== -->
<!-- CSS Implementing Plugins -->
<link rel="stylesheet" href="../../assets/vendor/bootstrap-select/dist/css/bootstrap-select.min.css">
<!-- JS Implementing Plugins -->
<script src="../../assets/vendor/bootstrap-select/dist/js/bootstrap-select.min.js"></script>
<!-- JS Bookworm -->
<script src="../../assets/js/components/hs.selectpicker.js"></script>
<!-- JS Plugins Init. -->
<script>
$(document).on('ready', function () {
// initialization of select picker
$.HSCore.components.HSSelectPicker.init('.js-select');
});
</script>
Footer V8
<!-- ========== FOOTER V7 ========== -->
<footer class="site-footer_v7">
<div class="space-1 space-lg-3 bg-dark">
<div class="container">
<div class="row">
<div class="col-md-4 col-lg-4">
<div class="mb-5 mb-lg-0">
<h4 class="font-size-3 font-weight-medium mb-2 mb-xl-5 pb-xl-1 text-gray-500">Store</h4>
<address class="font-size-2 mb-5">
<span class="mb-2 font-weight-normal text-white">
1418 River Drive, Suite 35 Cottonhall, CA 9622 <br> United States
</span>
</address>
</div>
</div>
<div class="col-md-4 col-lg-2">
<div class="mb-5 mb-lg-0">
<h4 class="font-size-3 font-weight-medium mb-2 mb-xl-5 pb-xl-1 text-gray-500">Contact</h4>
<div class="mb-4">
<a href="mailto:sale@bookworm.com" class="font-size-2 d-block mb-1 text-white">sale@bookworm.com</a>
<a href="tel:+1246-345-0695" class="font-size-2 d-block text-white">
+1 246-345-0695</a>
</div>
</div>
</div>
<div class="col-md-4 col-lg-2">
<div class="mb-5 mb-lg-0">
<h4 class="font-size-3 font-weight-medium mb-2 mb-xl-5 pb-xl-1 text-gray-500">Follow</h4>
<ul class="list-unstyled mb-0 d-flex">
<li class="btn pl-0">
<a class="text-white" href="#">
<span class="fab fa-instagram"></span>
</a>
</li>
<li class="btn">
<a class="text-white" href="#">
<span class="fab fa-facebook-f"></span>
</a>
</li>
<li class="btn">
<a class="text-white" href="#">
<span class="fab fa-youtube"></span>
</a>
</li>
<li class="btn">
<a class="text-white" href="#">
<span class="fab fa-twitter"></span>
</a>
</li>
<li class="btn">
<a class="text-white" href="#">
<span class="fab fa-pinterest"></span>
</a>
</li>
</ul>
</div>
</div>
<div class="col-lg-4">
<!-- Newsletter -->
<div class="pl-lg-7">
<div class="mb-5">
<h5 class="font-size-3 font-weight-medium text-gray-500 mb-2 mb-xl-5 pb-xl-1">Join Our Newsletter
</h5>
</div>
<form class="js-validate js-form-message border" novalidate="novalidate">
<div class="input-group">
<input type="email" class="form-control placeholder-color-2 py-4d75 font-size-2 pl-4 border-0 rounded-0 bg-dark" name="email" id="subscribeSrEmail" placeholder="Enter email" aria-label="Your email" aria-describedby="subscribeButton" required="" data-msg="Please enter a valid email address.">
<div class="input-group-append">
<button type="submit" class="btn btn-white bg-white px-3 font-size-4 border-0 rounded-0" id="subscribeButton">
<span class="flaticon-send mx-1"></span>
</button>
</div>
</div>
</form>
</div>
<!-- End Newsletter -->
</div>
</div>
</div>
</div>
<div class="py-3 bg-black">
<div class="container py-1">
<div class="d-md-flex text-center text-md-left justify-content-between align-items-center">
<!-- Copyright -->
<p class="mb-3 mb-lg-0 font-size-2 text-gray-500">©2020 Book Worm. All rights reserved</p>
<!-- End Copyright -->
<div class="d-md-flex justify-content-md-end align-items-center">
<!-- Select -->
<select class="js-select selectpicker dropdown-select"
data-style="bg-transparent border-0 text-gray-500 px-4 py-2 rounded-0 height-5 outline-none shadow-none form-control font-size-2"
data-dropdown-align-right="true">
<option value="one" selected>English (United States)</option>
<option value="two">Deutsch</option>
<option value="three">Français</option>
<option value="four">Español</option>
</select>
<!-- End Select -->
<!-- Select -->
<select class="js-select selectpicker dropdown-select ml-md-3"
data-style="bg-transparent border-0 text-gray-500 px-4 py-2 rounded-0 height-5 outline-none shadow-none form-control font-size-2"
data-dropdown-align-right="true"
data-width="fit">
<option value="one" selected>$ USD</option>
<option value="two">€ EUR</option>
<option value="three">₺ TL</option>
<option value="four">₽ RUB</option>
</select>
<!-- End Select -->
</div>
</div>
</div>
</div>
</footer>
<!-- ========== END FOOTER V7 ========== -->
<!-- CSS Implementing Plugins -->
<link rel="stylesheet" href="../../assets/vendor/bootstrap-select/dist/css/bootstrap-select.min.css">
<!-- JS Implementing Plugins -->
<script src="../../assets/vendor/bootstrap-select/dist/js/bootstrap-select.min.js"></script>
<!-- JS Bookworm -->
<script src="../../assets/js/components/hs.selectpicker.js"></script>
<!-- JS Plugins Init. -->
<script>
$(document).on('ready', function () {
// initialization of select picker
$.HSCore.components.HSSelectPicker.init('.js-select');
});
</script>
Footer V9
<!-- ========== FOOTER V9 ========== -->
<footer class="site-footer_v8">
<div class="bg-primary">
<div class="container">
<!-- Newsletter -->
<div class="space-2">
<div class="row">
<div class="col-lg-7">
<div>
<h5 class="font-size-7 font-weight-medium text-white">Join Our Newsletter</h5>
<p class="text-white font-size-2 mb-0">Signup to be the first to hear about exclusive deals, special offers and upcoming collections</p>
</div>
</div>
<div class="col-lg-5">
<div class="pr-lg-10">
<!-- Form Group -->
<div class="form-row justify-content-center">
<div class="col-lg mb-2">
<div class="js-form-message">
<div class="input-group">
<input type="text" class="form-control font-size-2 px-5 py-2 rounded-md border-0 height-60" name="name" id="signupSrName" placeholder="Enter email for weekly newsletter." aria-label="Your name" required="" data-msg="Name must contain only letters." data-error-class="u-has-error" data-success-class="u-has-success">
</div>
</div>
</div>
<div class="col-sm-2 ml-2">
<button type="submit" class="btn btn-dark btn-wide py-2 height-60 font-weight-medium">Subscribe
</button>
</div>
</div>
<!-- End Form Group -->
</div>
</div>
</div>
</div>
<!-- End Newsletter -->
</div>
</div>
<div class="bg-dark space-2 space-lg-3">
<div class="container">
<div class="row">
<div class="col-lg-4 mb-4 mb-md-0">
<div class="pb-md-6">
<a href="#" class="d-inline-block mb-5">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="170px" height="30px">
<path fill-rule="evenodd" fill="#fff" d="M166.225,28.691 L165.065,15.398 L160.598,28.691 L158.229,28.691 L153.762,15.398 L152.590,28.691 L148.928,28.691 L150.405,11.052 L155.629,11.052 L159.389,22.124 L163.198,11.052 L168.422,11.052 L169.875,28.691 L166.225,28.691 ZM142.641,28.691 L138.051,20.928 L136.989,20.928 L136.989,28.691 L133.327,28.691 L133.327,11.052 L139.724,11.052 C140.692,11.052 141.546,11.189 142.287,11.461 C143.028,11.734 143.620,12.112 144.063,12.596 C144.507,13.081 144.840,13.636 145.064,14.263 C145.288,14.889 145.400,15.577 145.400,16.326 C145.400,17.506 145.078,18.472 144.436,19.225 C143.793,19.978 142.869,20.484 141.665,20.745 L146.975,28.691 L142.641,28.691 ZM141.896,16.204 C141.896,15.544 141.673,15.028 141.225,14.653 C140.777,14.279 140.086,14.092 139.150,14.092 L136.989,14.092 L136.989,18.303 L139.150,18.303 C140.981,18.303 141.896,17.603 141.896,16.204 ZM125.570,27.831 C124.206,28.567 122.666,28.936 120.949,28.936 C119.224,28.936 117.680,28.567 116.317,27.831 C114.953,27.094 113.881,26.034 113.100,24.651 C112.319,23.267 111.928,21.672 111.928,19.866 C111.928,18.051 112.319,16.454 113.100,15.074 C113.881,13.695 114.953,12.639 116.317,11.907 C117.680,11.174 119.224,10.808 120.949,10.808 C122.674,10.808 124.217,11.174 125.576,11.907 C126.935,12.639 128.005,13.695 128.786,15.074 C129.567,16.454 129.958,18.051 129.958,19.866 C129.958,21.672 129.567,23.267 128.786,24.651 C128.005,26.034 126.933,27.094 125.570,27.831 ZM124.807,15.715 C123.797,14.690 122.512,14.177 120.949,14.177 C119.387,14.177 118.101,14.690 117.092,15.715 C116.083,16.741 115.578,18.124 115.578,19.866 C115.578,21.616 116.083,23.005 117.092,24.034 C118.101,25.064 119.387,25.579 120.949,25.579 C122.512,25.579 123.797,25.064 124.807,24.034 C125.816,23.005 126.320,21.616 126.320,19.866 C126.320,18.124 125.816,16.741 124.807,15.715 ZM66.872,28.691 L61.391,21.196 L60.097,21.196 L60.097,28.691 L56.435,28.691 L56.435,11.052 L60.097,11.052 L60.097,17.986 L61.342,17.986 L66.872,11.052 L71.340,11.052 L64.504,19.487 L71.547,28.691 L66.872,28.691 ZM48.677,27.831 C47.314,28.567 45.774,28.936 44.057,28.936 C42.332,28.936 40.788,28.567 39.425,27.831 C38.061,27.094 36.989,26.034 36.208,24.651 C35.427,23.267 35.036,21.672 35.036,19.866 C35.036,18.051 35.427,16.454 36.208,15.074 C36.989,13.695 38.061,12.639 39.425,11.907 C40.788,11.174 42.332,10.808 44.057,10.808 C45.782,10.808 47.324,11.174 48.684,11.907 C50.043,12.639 51.113,13.695 51.894,15.074 C52.675,16.454 53.066,18.051 53.066,19.866 C53.066,21.672 52.675,23.267 51.894,24.651 C51.113,26.034 50.040,27.094 48.677,27.831 ZM47.915,15.715 C46.905,14.690 45.620,14.177 44.057,14.177 C42.495,14.177 41.209,14.690 40.200,15.715 C39.191,16.741 38.686,18.124 38.686,19.866 C38.686,21.616 39.191,23.005 40.200,24.034 C41.209,25.064 42.495,25.579 44.057,25.579 C45.620,25.579 46.905,25.064 47.915,24.034 C48.924,23.005 49.428,21.616 49.428,19.866 C49.428,18.124 48.924,16.741 47.915,15.715 ZM28.487,27.831 C27.124,28.567 25.584,28.936 23.867,28.936 C22.141,28.936 20.597,28.567 19.234,27.831 C17.871,27.094 16.799,26.034 16.018,24.651 C15.236,23.267 14.846,21.672 14.846,19.866 C14.846,18.051 15.236,16.454 16.018,15.074 C16.799,13.695 17.871,12.639 19.234,11.907 C20.597,11.174 22.141,10.808 23.867,10.808 C25.592,10.808 27.134,11.174 28.493,11.907 C29.852,12.639 30.922,13.695 31.704,15.074 C32.485,16.454 32.875,18.051 32.875,19.866 C32.875,21.672 32.485,23.267 31.704,24.651 C30.922,26.034 29.850,27.094 28.487,27.831 ZM27.724,15.715 C26.715,14.690 25.429,14.177 23.867,14.177 C22.304,14.177 21.018,14.690 20.009,15.715 C19.000,16.741 18.496,18.124 18.496,19.866 C18.496,21.616 19.000,23.005 20.009,24.034 C21.018,25.064 22.304,25.579 23.867,25.579 C25.429,25.579 26.715,25.064 27.724,24.034 C28.733,23.005 29.238,21.616 29.238,19.866 C29.238,18.124 28.733,16.741 27.724,15.715 ZM11.672,27.367 C10.736,28.250 9.361,28.691 7.546,28.691 L0.283,28.691 L0.283,11.052 L5.996,11.052 C7.875,11.052 9.314,11.478 10.311,12.328 C11.308,13.178 11.806,14.365 11.806,15.886 C11.806,16.676 11.633,17.374 11.287,17.980 C10.941,18.586 10.431,19.052 9.755,19.377 C11.969,19.988 13.076,21.445 13.076,23.748 C13.076,25.278 12.608,26.484 11.672,27.367 ZM7.827,14.647 C7.420,14.277 6.821,14.092 6.032,14.092 L3.811,14.092 L3.811,18.242 L6.191,18.242 C6.940,18.242 7.501,18.047 7.875,17.656 C8.250,17.266 8.437,16.753 8.437,16.118 C8.437,15.508 8.233,15.018 7.827,14.647 ZM8.876,21.709 C8.445,21.278 7.749,21.062 6.789,21.062 L3.811,21.062 L3.811,25.554 L6.862,25.554 C7.782,25.554 8.455,25.347 8.883,24.932 C9.310,24.517 9.523,23.988 9.523,23.345 C9.523,22.686 9.308,22.140 8.876,21.709 Z"></path>
<path fill-rule="evenodd" fill="#fff" d="M105.996,23.499 C105.995,26.752 103.950,29.265 100.749,29.950 C100.713,29.958 100.681,29.983 100.647,30.000 C100.588,30.000 100.529,30.000 100.471,30.000 C100.467,28.585 100.460,27.170 100.466,25.756 C100.467,25.675 100.550,25.565 100.626,25.518 C101.352,25.067 101.714,24.425 101.711,23.571 C101.707,22.020 101.710,20.468 101.710,18.891 C103.133,18.891 104.546,18.891 105.996,18.891 C105.996,18.989 105.996,19.092 105.996,19.196 C105.996,20.630 105.997,22.064 105.996,23.499 ZM101.715,17.089 C101.715,15.990 101.684,14.917 101.724,13.847 C101.767,12.679 102.761,11.806 103.931,11.838 C105.060,11.869 105.978,12.794 105.993,13.940 C106.005,14.954 105.995,15.968 105.995,16.983 C105.995,17.011 105.987,17.040 105.980,17.089 C104.569,17.089 103.157,17.089 101.715,17.089 ZM96.421,29.234 C94.322,27.983 93.199,26.136 93.155,23.703 C93.108,21.137 93.145,18.571 93.146,16.004 C93.146,15.957 93.153,15.909 93.159,15.840 C94.572,15.840 95.976,15.840 97.426,15.840 C97.426,15.948 97.426,16.060 97.426,16.172 C97.426,18.601 97.430,21.031 97.423,23.461 C97.421,24.363 97.757,25.065 98.548,25.540 C98.629,25.588 98.688,25.740 98.689,25.844 C98.699,27.122 98.695,28.400 98.696,29.679 C98.696,29.786 98.703,29.893 98.707,30.000 C98.648,30.000 98.590,30.000 98.531,30.000 C97.799,29.823 97.075,29.624 96.421,29.234 ZM93.145,14.043 C93.145,13.935 93.145,13.823 93.145,13.710 C93.145,11.318 93.137,8.926 93.149,6.534 C93.154,5.624 92.818,4.927 92.023,4.460 C91.961,4.423 91.894,4.331 91.894,4.264 C91.886,2.850 91.888,1.435 91.888,-0.000 C93.423,0.231 94.703,0.889 95.731,2.008 C96.833,3.208 97.413,4.629 97.421,6.261 C97.433,8.790 97.427,11.319 97.427,13.848 C97.427,13.906 97.421,13.964 97.416,14.043 C96.005,14.043 94.600,14.043 93.145,14.043 ZM89.588,4.782 C89.034,5.128 88.866,5.768 88.869,6.431 C88.876,8.061 88.870,9.692 88.869,11.322 C88.869,12.142 88.869,12.962 88.867,13.783 C88.867,13.868 88.857,13.954 88.851,14.051 C87.434,14.051 86.035,14.051 84.588,14.051 C84.588,13.957 84.588,13.865 84.588,13.774 C84.588,11.294 84.579,8.813 84.590,6.333 C84.605,3.158 86.853,0.542 90.000,0.017 C90.029,0.012 90.058,0.017 90.125,0.017 C90.125,0.639 90.125,1.243 90.125,1.848 C90.125,2.404 90.109,2.961 90.130,3.517 C90.149,4.031 90.126,4.446 89.588,4.782 ZM84.585,15.837 C86.015,15.837 87.420,15.837 88.868,15.837 C88.868,15.951 88.868,16.065 88.868,16.178 C88.868,18.608 88.849,21.038 88.873,23.468 C88.908,27.007 86.358,29.492 83.589,29.955 C83.552,29.961 83.518,29.984 83.482,30.000 C83.424,30.000 83.365,30.000 83.306,30.000 C83.310,28.634 83.319,27.268 83.313,25.902 C83.312,25.691 83.376,25.579 83.559,25.467 C84.268,25.030 84.587,24.370 84.587,23.548 C84.587,21.099 84.586,18.650 84.585,16.200 C84.585,16.085 84.585,15.970 84.585,15.837 ZM81.366,30.000 C80.875,29.844 80.361,29.739 79.898,29.524 C77.435,28.380 76.120,26.440 76.027,23.732 C75.974,22.192 76.017,20.649 76.016,19.107 C76.016,19.040 76.016,18.973 76.016,18.886 C77.447,18.886 78.859,18.886 80.303,18.886 C80.303,19.000 80.303,19.104 80.303,19.209 C80.303,20.662 80.308,22.116 80.302,23.570 C80.298,24.426 80.666,25.064 81.387,25.518 C81.463,25.566 81.547,25.675 81.547,25.756 C81.553,27.170 81.546,28.585 81.542,30.000 C81.484,30.000 81.425,30.000 81.366,30.000 ZM76.017,17.096 C76.017,16.539 76.017,15.996 76.017,15.453 C76.017,14.965 76.012,14.477 76.018,13.990 C76.030,12.831 76.911,11.892 78.032,11.838 C79.203,11.781 80.217,12.619 80.282,13.797 C80.341,14.884 80.294,15.978 80.294,17.096 C78.857,17.096 77.452,17.096 76.017,17.096 Z"></path>
</svg>
</a>
<address class="font-size-2 mb-5">
<span class="mb-2 font-weight-normal text-white">
1418 River Drive, Suite 35 Cottonhall, CA 9622 <br> United States
</span>
</address>
<div class="mb-4">
<a href="mailto:sale@bookworm.com" class="font-size-2 d-block text-white mb-1">sale@bookworm.com</a>
<a href="tel:+1246-345-0695" class="font-size-2 d-block text-white">+1 246-345-0695</a>
</div>
<ul class="list-unstyled mb-0 d-flex">
<li class="btn pl-0">
<a class="text-white" href="#">
<span class="fab fa-instagram"></span>
</a>
</li>
<li class="btn">
<a class="text-white" href="#">
<span class="fab fa-facebook-f"></span>
</a>
</li>
<li class="btn">
<a class="text-white" href="#">
<span class="fab fa-youtube"></span>
</a>
</li>
<li class="btn">
<a class="text-white" href="#">
<span class="fab fa-twitter"></span>
</a>
</li>
<li class="btn">
<a class="text-white" href="#">
<span class="fab fa-pinterest"></span>
</a>
</li>
</ul>
</div>
</div>
<div class="col-lg-2 mb-5 mb-md-0">
<h4 class="font-size-3 font-weight-medium mb-2 mb-xl-5 pb-xl-1 text-gray-500">Explore</h4>
<ul class="list-unstyled mb-0">
<li class="pb-2">
<a class="font-size-2 text-white widgets-hover transition-3d-hover" href="#">About as</a>
</li>
<li class="py-2">
<a class="font-size-2 text-white widgets-hover transition-3d-hover" href="#">Sitemap</a>
</li>
<li class="py-2">
<a class="font-size-2 text-white widgets-hover transition-3d-hover" href="#">Bookmarks</a>
</li>
<li class="pt-2">
<a class="font-size-2 text-white widgets-hover transition-3d-hover" href="#">Sign in/Join</a>
</li>
</ul>
</div>
<div class="col-lg-2 mb-5 mb-md-0">
<h4 class="font-size-3 font-weight-medium mb-2 mb-xl-5 pb-xl-1 text-gray-500">Customer Service</h4>
<ul class="list-unstyled mb-0">
<li class="pb-2">
<a class="font-size-2 text-white widgets-hover transition-3d-hover" href="#">Help Center</a>
</li>
<li class="py-2">
<a class="font-size-2 text-white widgets-hover transition-3d-hover" href="#">Returns</a>
</li>
<li class="py-2">
<a class="font-size-2 text-white widgets-hover transition-3d-hover" href="#">Product Recalls</a>
</li>
<li class="py-2">
<a class="font-size-2 text-white widgets-hover transition-3d-hover" href="#">Accessibility</a>
</li>
<li class="py-2">
<a class="font-size-2 text-white widgets-hover transition-3d-hover" href="#">Contact Us</a>
</li>
<li class="pt-2">
<a class="font-size-2 text-white widgets-hover transition-3d-hover" href="#">Store Pickup</a>
</li>
</ul>
</div>
<div class="col-lg-2 mb-5 mb-md-0">
<h4 class="font-size-3 font-weight-medium mb-2 mb-xl-5 pb-xl-1 text-gray-500">Policy</h4>
<ul class="list-unstyled mb-0">
<li class="pb-2">
<a class="font-size-2 text-white widgets-hover transition-3d-hover" href="#">Return Policy</a>
</li>
<li class="py-2">
<a class="font-size-2 text-white widgets-hover transition-3d-hover" href="#">Terms Of Use</a>
</li>
<li class="py-2">
<a class="font-size-2 text-white widgets-hover transition-3d-hover" href="#">Security</a>
</li>
<li class="pt-2">
<a class="font-size-2 text-white widgets-hover transition-3d-hover" href="#">Privacy</a>
</li>
</ul>
</div>
<div class="col-lg-2 mb-5 mb-md-0">
<h4 class="font-size-3 font-weight-medium mb-2 mb-xl-5 pb-xl-1 text-gray-500">Categories</h4>
<ul class="list-unstyled mb-0">
<li class="pb-2">
<a class="font-size-2 text-white widgets-hover transition-3d-hover" href="#">Action</a>
</li>
<li class="py-2">
<a class="font-size-2 text-white widgets-hover transition-3d-hover" href="#">Comedy</a>
</li>
<li class="py-2">
<a class="font-size-2 text-white widgets-hover transition-3d-hover" href="#">Drama</a>
</li>
<li class="py-2">
<a class="font-size-2 text-white widgets-hover transition-3d-hover" href="#">Horror</a>
</li>
<li class="py-2">
<a class="font-size-2 text-white widgets-hover transition-3d-hover" href="#">Kids</a>
</li>
<li class="pt-2">
<a class="font-size-2 text-white widgets-hover transition-3d-hover" href="#">Romantic Comedy</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="space-1 bg-dark border-top border-gray-810">
<div class="container">
<div class="d-lg-flex text-center text-lg-left justify-content-between align-items-center">
<!-- Copyright -->
<p class="mb-3 mb-lg-0 font-size-2 text-gray-500">©2020 Book Worm. All rights reserved</p>
<!-- End Copyright -->
<div class="d-lg-flex justify-content-xl-end align-items-center">
<!-- Select -->
<select class="js-select selectpicker dropdown-select mb-3 mb-md-0"
data-style="text-gray-500 bg-gray-810 px-4 py-2 rounded-md height-5 outline-none shadow-none form-control font-size-2"
data-dropdown-align-right="true">
<option value="one" selected>English (United States)</option>
<option value="two">Deutsch</option>
<option value="three">Français</option>
<option value="four">Español</option>
</select>
<!-- End Select -->
<!-- Select -->
<select class="js-select selectpicker dropdown-select ml-md-3"
data-style="text-gray-500 bg-gray-810 px-4 py-2 rounded-md height-5 outline-none shadow-none form-control font-size-2"
data-width="fit"
data-dropdown-align-right="true">
<option value="one" selected>$ USD</option>
<option value="two">€ EUR</option>
<option value="three">₺ TL</option>
<option value="four">₽ RUB</option>
</select>
</div>
</div>
</div>
</div>
</footer>
<!-- ========== END FOOTER V9 ========== -->
<!-- CSS Implementing Plugins -->
<link rel="stylesheet" href="../../assets/vendor/bootstrap-select/dist/css/bootstrap-select.min.css">
<!-- JS Implementing Plugins -->
<script src="../../assets/vendor/bootstrap-select/dist/js/bootstrap-select.min.js"></script>
<!-- JS Bookworm -->
<script src="../../assets/js/components/hs.selectpicker.js"></script>
<!-- JS Plugins Init. -->
<script>
$(document).on('ready', function () {
// initialization of select picker
$.HSCore.components.HSSelectPicker.init('.js-select');
});
</script>
Footer V10
<!-- ========== FOOTER V10 ========== -->
<footer>
<div class="bg-gray-200 border-top space-top-1 space-top-lg-3">
<div class="border-bottom pb-5 space-bottom-lg-3">
<div class="container">
<!-- Newsletter -->
<div class="space-bottom-2 space-bottom-lg-3">
<div class="text-center mb-5">
<h5 class="font-size-7 font-weight-medium">Join Our Newsletter</h5>
<p class="text-gray-700">Signup to be the first to hear about exclusive deals, special offers and upcoming collections</p>
</div>
<!-- Form Group -->
<div class="form-row justify-content-center">
<div class="col-lg-5 mb-3 mb-lg-0">
<div class="js-form-message">
<div class="input-group">
<input type="text" class="form-control font-size-2 px-5 py-2 border-dark height-60 bg-transparent" name="name" id="signupSrName" placeholder="Enter email for weekly newsletter." aria-label="Your name" required="" data-msg="Name must contain only letters." data-error-class="u-has-error" data-success-class="u-has-success">
</div>
</div>
</div>
<div class="ml-lg-2">
<button type="submit" class="btn btn-dark rounded-0 btn-wide py-2 height-60 font-weight-medium">Subscribe
</button>
</div>
</div>
<!-- End Form Group -->
</div>
<!-- End Newsletter -->
<div class="row">
<div class="col-md-4">
<div class="mb-5 mb-lg-0">
<a href="#" class="d-inline-block mb-5 ">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="170px" height="30px">
<path fill-rule="evenodd" fill="rgb(25, 17, 11)" d="M166.225,28.691 L165.065,15.398 L160.598,28.691 L158.229,28.691 L153.762,15.398 L152.590,28.691 L148.928,28.691 L150.405,11.052 L155.629,11.052 L159.389,22.124 L163.198,11.052 L168.422,11.052 L169.875,28.691 L166.225,28.691 ZM142.641,28.691 L138.051,20.928 L136.989,20.928 L136.989,28.691 L133.327,28.691 L133.327,11.052 L139.724,11.052 C140.692,11.052 141.546,11.189 142.287,11.461 C143.028,11.734 143.620,12.112 144.063,12.596 C144.507,13.081 144.840,13.636 145.064,14.263 C145.288,14.889 145.400,15.577 145.400,16.326 C145.400,17.506 145.078,18.472 144.436,19.225 C143.793,19.978 142.869,20.484 141.665,20.745 L146.975,28.691 L142.641,28.691 ZM141.896,16.204 C141.896,15.544 141.673,15.028 141.225,14.653 C140.777,14.279 140.086,14.092 139.150,14.092 L136.989,14.092 L136.989,18.303 L139.150,18.303 C140.981,18.303 141.896,17.603 141.896,16.204 ZM125.570,27.831 C124.206,28.567 122.666,28.936 120.949,28.936 C119.224,28.936 117.680,28.567 116.317,27.831 C114.953,27.094 113.881,26.034 113.100,24.651 C112.319,23.267 111.928,21.672 111.928,19.866 C111.928,18.051 112.319,16.454 113.100,15.074 C113.881,13.695 114.953,12.639 116.317,11.907 C117.680,11.174 119.224,10.808 120.949,10.808 C122.674,10.808 124.217,11.174 125.576,11.907 C126.935,12.639 128.005,13.695 128.786,15.074 C129.567,16.454 129.958,18.051 129.958,19.866 C129.958,21.672 129.567,23.267 128.786,24.651 C128.005,26.034 126.933,27.094 125.570,27.831 ZM124.807,15.715 C123.797,14.690 122.512,14.177 120.949,14.177 C119.387,14.177 118.101,14.690 117.092,15.715 C116.083,16.741 115.578,18.124 115.578,19.866 C115.578,21.616 116.083,23.005 117.092,24.034 C118.101,25.064 119.387,25.579 120.949,25.579 C122.512,25.579 123.797,25.064 124.807,24.034 C125.816,23.005 126.320,21.616 126.320,19.866 C126.320,18.124 125.816,16.741 124.807,15.715 ZM66.872,28.691 L61.391,21.196 L60.097,21.196 L60.097,28.691 L56.435,28.691 L56.435,11.052 L60.097,11.052 L60.097,17.986 L61.342,17.986 L66.872,11.052 L71.340,11.052 L64.504,19.487 L71.547,28.691 L66.872,28.691 ZM48.677,27.831 C47.314,28.567 45.774,28.936 44.057,28.936 C42.332,28.936 40.788,28.567 39.425,27.831 C38.061,27.094 36.989,26.034 36.208,24.651 C35.427,23.267 35.036,21.672 35.036,19.866 C35.036,18.051 35.427,16.454 36.208,15.074 C36.989,13.695 38.061,12.639 39.425,11.907 C40.788,11.174 42.332,10.808 44.057,10.808 C45.782,10.808 47.324,11.174 48.684,11.907 C50.043,12.639 51.113,13.695 51.894,15.074 C52.675,16.454 53.066,18.051 53.066,19.866 C53.066,21.672 52.675,23.267 51.894,24.651 C51.113,26.034 50.040,27.094 48.677,27.831 ZM47.915,15.715 C46.905,14.690 45.620,14.177 44.057,14.177 C42.495,14.177 41.209,14.690 40.200,15.715 C39.191,16.741 38.686,18.124 38.686,19.866 C38.686,21.616 39.191,23.005 40.200,24.034 C41.209,25.064 42.495,25.579 44.057,25.579 C45.620,25.579 46.905,25.064 47.915,24.034 C48.924,23.005 49.428,21.616 49.428,19.866 C49.428,18.124 48.924,16.741 47.915,15.715 ZM28.487,27.831 C27.124,28.567 25.584,28.936 23.867,28.936 C22.141,28.936 20.597,28.567 19.234,27.831 C17.871,27.094 16.799,26.034 16.018,24.651 C15.236,23.267 14.846,21.672 14.846,19.866 C14.846,18.051 15.236,16.454 16.018,15.074 C16.799,13.695 17.871,12.639 19.234,11.907 C20.597,11.174 22.141,10.808 23.867,10.808 C25.592,10.808 27.134,11.174 28.493,11.907 C29.852,12.639 30.922,13.695 31.704,15.074 C32.485,16.454 32.875,18.051 32.875,19.866 C32.875,21.672 32.485,23.267 31.704,24.651 C30.922,26.034 29.850,27.094 28.487,27.831 ZM27.724,15.715 C26.715,14.690 25.429,14.177 23.867,14.177 C22.304,14.177 21.018,14.690 20.009,15.715 C19.000,16.741 18.496,18.124 18.496,19.866 C18.496,21.616 19.000,23.005 20.009,24.034 C21.018,25.064 22.304,25.579 23.867,25.579 C25.429,25.579 26.715,25.064 27.724,24.034 C28.733,23.005 29.238,21.616 29.238,19.866 C29.238,18.124 28.733,16.741 27.724,15.715 ZM11.672,27.367 C10.736,28.250 9.361,28.691 7.546,28.691 L0.283,28.691 L0.283,11.052 L5.996,11.052 C7.875,11.052 9.314,11.478 10.311,12.328 C11.308,13.178 11.806,14.365 11.806,15.886 C11.806,16.676 11.633,17.374 11.287,17.980 C10.941,18.586 10.431,19.052 9.755,19.377 C11.969,19.988 13.076,21.445 13.076,23.748 C13.076,25.278 12.608,26.484 11.672,27.367 ZM7.827,14.647 C7.420,14.277 6.821,14.092 6.032,14.092 L3.811,14.092 L3.811,18.242 L6.191,18.242 C6.940,18.242 7.501,18.047 7.875,17.656 C8.250,17.266 8.437,16.753 8.437,16.118 C8.437,15.508 8.233,15.018 7.827,14.647 ZM8.876,21.709 C8.445,21.278 7.749,21.062 6.789,21.062 L3.811,21.062 L3.811,25.554 L6.862,25.554 C7.782,25.554 8.455,25.347 8.883,24.932 C9.310,24.517 9.523,23.988 9.523,23.345 C9.523,22.686 9.308,22.140 8.876,21.709 Z"></path>
<path class="fill-primary" fill-rule="evenodd" d="M105.996,23.499 C105.995,26.752 103.950,29.265 100.748,29.950 C100.713,29.958 100.681,29.983 100.647,30.000 C100.588,30.000 100.529,30.000 100.471,30.000 C100.467,28.585 100.460,27.171 100.466,25.756 C100.467,25.675 100.550,25.565 100.626,25.518 C101.352,25.068 101.714,24.425 101.711,23.571 C101.707,22.020 101.710,20.469 101.710,18.892 C103.133,18.892 104.546,18.892 105.996,18.892 C105.996,18.989 105.996,19.093 105.996,19.196 C105.996,20.630 105.997,22.065 105.996,23.499 ZM101.715,17.089 C101.715,15.990 101.683,14.917 101.724,13.847 C101.767,12.679 102.761,11.806 103.931,11.838 C105.060,11.869 105.978,12.794 105.993,13.940 C106.005,14.954 105.995,15.969 105.995,16.983 C105.995,17.011 105.987,17.040 105.980,17.089 C104.569,17.089 103.157,17.089 101.715,17.089 ZM96.421,29.234 C94.322,27.983 93.199,26.136 93.155,23.703 C93.108,21.138 93.145,18.571 93.146,16.005 C93.146,15.957 93.153,15.910 93.159,15.841 C94.572,15.841 95.976,15.841 97.426,15.841 C97.426,15.948 97.426,16.060 97.426,16.172 C97.426,18.602 97.430,21.031 97.423,23.461 C97.421,24.364 97.757,25.066 98.548,25.540 C98.629,25.589 98.688,25.740 98.689,25.844 C98.699,27.122 98.695,28.401 98.696,29.679 C98.696,29.786 98.703,29.893 98.707,30.000 C98.648,30.000 98.590,30.000 98.531,30.000 C97.799,29.823 97.075,29.624 96.421,29.234 ZM93.145,14.043 C93.145,13.935 93.145,13.823 93.145,13.711 C93.145,11.318 93.137,8.926 93.149,6.534 C93.154,5.625 92.818,4.928 92.023,4.460 C91.961,4.424 91.894,4.332 91.894,4.265 C91.886,2.850 91.888,1.436 91.888,0.000 C93.423,0.232 94.703,0.889 95.731,2.009 C96.833,3.209 97.413,4.630 97.421,6.261 C97.433,8.791 97.426,11.319 97.427,13.849 C97.427,13.906 97.421,13.964 97.416,14.043 C96.005,14.043 94.599,14.043 93.145,14.043 ZM89.588,4.782 C89.034,5.128 88.866,5.768 88.868,6.431 C88.875,8.061 88.870,9.692 88.869,11.322 C88.869,12.143 88.869,12.963 88.867,13.783 C88.867,13.869 88.857,13.954 88.851,14.051 C87.434,14.051 86.035,14.051 84.587,14.051 C84.587,13.958 84.587,13.866 84.587,13.774 C84.588,11.294 84.579,8.814 84.590,6.334 C84.605,3.158 86.853,0.543 90.000,0.018 C90.028,0.013 90.058,0.017 90.125,0.017 C90.125,0.639 90.125,1.243 90.125,1.848 C90.125,2.405 90.109,2.962 90.130,3.518 C90.149,4.032 90.126,4.447 89.588,4.782 ZM84.585,15.837 C86.015,15.837 87.420,15.837 88.868,15.837 C88.868,15.951 88.868,16.065 88.868,16.179 C88.868,18.608 88.849,21.039 88.873,23.468 C88.908,27.007 86.358,29.493 83.589,29.955 C83.552,29.961 83.518,29.985 83.482,30.000 C83.424,30.000 83.365,30.000 83.306,30.000 C83.310,28.634 83.319,27.268 83.313,25.902 C83.311,25.691 83.376,25.580 83.559,25.467 C84.268,25.031 84.587,24.371 84.587,23.549 C84.587,21.099 84.586,18.650 84.585,16.201 C84.585,16.085 84.585,15.970 84.585,15.837 ZM81.366,30.000 C80.875,29.844 80.360,29.740 79.897,29.524 C77.435,28.380 76.120,26.440 76.027,23.732 C75.974,22.192 76.017,20.649 76.016,19.107 C76.016,19.040 76.016,18.973 76.016,18.886 C77.447,18.886 78.859,18.886 80.303,18.886 C80.303,19.000 80.303,19.104 80.303,19.209 C80.303,20.663 80.308,22.117 80.302,23.571 C80.298,24.427 80.666,25.065 81.387,25.518 C81.463,25.566 81.547,25.675 81.547,25.756 C81.553,27.171 81.546,28.585 81.542,30.000 C81.484,30.000 81.425,30.000 81.366,30.000 ZM76.017,17.097 C76.017,16.540 76.017,15.997 76.017,15.453 C76.017,14.965 76.012,14.478 76.017,13.990 C76.030,12.831 76.911,11.892 78.032,11.838 C79.203,11.781 80.217,12.619 80.282,13.797 C80.341,14.885 80.294,15.978 80.294,17.097 C78.857,17.097 77.452,17.097 76.017,17.097 Z"></path>
</svg>
</a>
<address class="font-size-2 mb-5">
<span class="mb-2 font-weight-normal text-dark">
1418 River Drive, Suite 35 Cottonhall, CA 9622 <br> United States
</span>
</address>
<div class="mb-4">
<a href="mailto:sale@bookworm.com" class="font-size-2 d-block link-black-100 mb-1">sale@bookworm.com</a>
<a href="tel:+1246-345-0695" class="font-size-2 d-block link-black-100">+1 246-345-0695</a>
</div>
<ul class="list-unstyled mb-0 d-flex">
<li class="btn pl-0">
<a class="link-black-100" href="#">
<span class="fab fa-instagram"></span>
</a>
</li>
<li class="btn">
<a class="link-black-100" href="#">
<span class="fab fa-facebook-f"></span>
</a>
</li>
<li class="btn">
<a class="link-black-100" href="#">
<span class="fab fa-youtube"></span>
</a>
</li>
<li class="btn">
<a class="link-black-100" href="#">
<span class="fab fa-twitter"></span>
</a>
</li>
<li class="btn">
<a class="link-black-100" href="#">
<span class="fab fa-pinterest"></span>
</a>
</li>
</ul>
</div>
</div>
<div class="col-md-4 col-lg-2">
<div class="mb-5 mb-lg-0">
<h4 class="font-size-3 font-weight-medium mb-2 mb-xl-5 pb-xl-1">Explore</h4>
<ul class="list-unstyled mb-0">
<li class="pb-2">
<a class="widgets-hover transition-3d-hover font-size-2 link-black-100" href="#">About as</a>
</li>
<li class="py-2">
<a class="widgets-hover transition-3d-hover font-size-2 link-black-100" href="#">Sitemap</a>
</li>
<li class="py-2">
<a class="widgets-hover transition-3d-hover font-size-2 link-black-100" href="#">Bookmarks</a>
</li>
<li class="pt-2">
<a class="widgets-hover transition-3d-hover font-size-2 link-black-100" href="#">Sign in/Join</a>
</li>
</ul>
</div>
</div>
<div class="col-md-4 col-lg-2">
<div class="mb-5 mb-lg-0">
<h4 class="font-size-3 font-weight-medium mb-2 mb-xl-5 pb-xl-1">Customer Service</h4>
<ul class="list-unstyled mb-0">
<li class="pb-2">
<a class="widgets-hover transition-3d-hover font-size-2 link-black-100" href="#">Help Center</a>
</li>
<li class="py-2">
<a class="widgets-hover transition-3d-hover font-size-2 link-black-100" href="#">Returns</a>
</li>
<li class="py-2">
<a class="widgets-hover transition-3d-hover font-size-2 link-black-100" href="#">Product Recalls</a>
</li>
<li class="py-2">
<a class="widgets-hover transition-3d-hover font-size-2 link-black-100" href="#">Accessibility</a>
</li>
<li class="py-2">
<a class="widgets-hover transition-3d-hover font-size-2 link-black-100" href="#">Contact Us</a>
</li>
<li class="pt-2">
<a class="widgets-hover transition-3d-hover font-size-2 link-black-100" href="#">Store Pickup</a>
</li>
</ul>
</div>
</div>
<div class="col-md-4 col-lg-2">
<div class="mb-5 mb-lg-0">
<h4 class="font-size-3 font-weight-medium mb-2 mb-xl-5 pb-xl-1">Policy</h4>
<ul class="list-unstyled mb-0">
<li class="pb-2">
<a class="widgets-hover transition-3d-hover font-size-2 link-black-100" href="#">Return Policy</a>
</li>
<li class="py-2">
<a class="widgets-hover transition-3d-hover font-size-2 link-black-100" href="#">Terms Of Use</a>
</li>
<li class="py-2">
<a class="widgets-hover transition-3d-hover font-size-2 link-black-100" href="#">Security</a>
</li>
<li class="pt-2">
<a class="widgets-hover transition-3d-hover font-size-2 link-black-100" href="#">Privacy</a>
</li>
</ul>
</div>
</div>
<div class="col-md-4 col-lg-2">
<h4 class="font-size-3 font-weight-medium mb-2 mb-xl-5 pb-xl-1">Categories</h4>
<ul class="list-unstyled mb-0">
<li class="pb-2">
<a class="widgets-hover transition-3d-hover font-size-2 link-black-100" href="#">Action</a>
</li>
<li class="py-2">
<a class="widgets-hover transition-3d-hover font-size-2 link-black-100" href="#">Comedy</a>
</li>
<li class="py-2">
<a class="widgets-hover transition-3d-hover font-size-2 link-black-100" href="#">Drama</a>
</li>
<li class="py-2">
<a class="widgets-hover transition-3d-hover font-size-2 link-black-100" href="#">Horror</a>
</li>
<li class="py-2">
<a class="widgets-hover transition-3d-hover font-size-2 link-black-100" href="#">Kids</a>
</li>
<li class="pt-2">
<a class="widgets-hover transition-3d-hover font-size-2 link-black-100" href="#">Romantic Comedy</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="space-1">
<div class="container">
<div class="d-lg-flex text-center text-lg-left justify-content-between align-items-center">
<!-- Copyright -->
<p class="mb-3 mb-lg-0 font-size-2">©2020 Book Worm. All rights reserved</p>
<!-- End Copyright -->
<div class="d-md-flex align-items-md-baseline align-items-lg-center">
<div class="mb-4 mb-lg-0 mr-md-5">
<img class="img-fluid" src="../../assets/img/324x38/img1.png" alt="Image-Description">
</div>
<!-- Select -->
<select class="js-select selectpicker dropdown-select mb-3 mb-md-0"
data-style="border px-4 py-2 rounded-0 height-5 outline-none shadow-none form-control font-size-2"
data-dropdown-align-right="true">
<option value="one" selected>English (United States)</option>
<option value="two">Deutsch</option>
<option value="three">Français</option>
<option value="four">Español</option>
</select>
<!-- End Select -->
<!-- Select -->
<select class="js-select selectpicker dropdown-select ml-md-3"
data-style="border px-4 py-2 rounded-0 height-5 outline-none shadow-none form-control font-size-2"
data-dropdown-align-right="true"
data-width="fit">
<option value="one" selected>$ USD</option>
<option value="two">€ EUR</option>
<option value="three">₺ TL</option>
<option value="four">₽ RUB</option>
</select>
</div>
</div>
</div>
</div>
</div>
</footer>
<!-- ========== END FOOTER V10 ========== -->
<!-- CSS Implementing Plugins -->
<link rel="stylesheet" href="../../assets/vendor/bootstrap-select/dist/css/bootstrap-select.min.css">
<!-- JS Implementing Plugins -->
<script src="../../assets/vendor/bootstrap-select/dist/js/bootstrap-select.min.js"></script>
<!-- JS Bookworm -->
<script src="../../assets/js/components/hs.selectpicker.js"></script>
<!-- JS Plugins Init. -->
<script>
$(document).on('ready', function () {
// initialization of select picker
$.HSCore.components.HSSelectPicker.init('.js-select');
});
</script>
Footer V11
<!-- ========== FOOTER V11 ========== -->
<footer class="site-footer_v9 bg-punch-light px-3 px-md-5 pb-6">
<div class="bg-white rounded-bottom-pill">
<div class="border-top space-top-2 space-top-md-3">
<div class="border-bottom pb-5 space-bottom-lg-3">
<div class="container">
<!-- Newsletter -->
<div class="space-bottom-2 space-bottom-md-3">
<div class="text-center mb-5">
<h5 class="font-size-7 font-weight-medium">Join Our Newsletter</h5>
<p class="text-gray-700">Signup to be the first to hear about exclusive deals, special offers and upcoming collections</p>
</div>
<!-- Form Group -->
<div class="form-row justify-content-center">
<div class="col-md-5 mb-2 mb-md-0">
<div class="js-form-message">
<div class="input-group">
<input type="text" class="form-control rounded-md border-dark height-60 font-size-2 px-5 py-2" name="name" id="signupSrName" placeholder="Enter email for weekly newsletter." aria-label="Your name" required="" data-msg="Name must contain only letters." data-error-class="u-has-error" data-success-class="u-has-success">
</div>
</div>
</div>
<div class="col-auto ml-md-2">
<button type="submit" class="btn btn-dark rounded-md btn-wide py-2 height-60 font-weight-medium">Subscribe
</button>
</div>
</div>
<!-- End Form Group -->
</div>
<!-- End Newsletter -->
<div class="row">
<div class="col-lg-4 mb-6 mb-md-0">
<div class="pb-md-6">
<a href="#" class="d-inline-block mb-5">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="170px" height="30px">
<path fill-rule="evenodd" fill="rgb(25, 17, 11)" d="M166.225,28.691 L165.065,15.398 L160.598,28.691 L158.229,28.691 L153.762,15.398 L152.590,28.691 L148.928,28.691 L150.405,11.052 L155.629,11.052 L159.389,22.124 L163.198,11.052 L168.422,11.052 L169.875,28.691 L166.225,28.691 ZM142.641,28.691 L138.051,20.928 L136.989,20.928 L136.989,28.691 L133.327,28.691 L133.327,11.052 L139.724,11.052 C140.692,11.052 141.546,11.189 142.287,11.461 C143.028,11.734 143.620,12.112 144.063,12.596 C144.507,13.081 144.840,13.636 145.064,14.263 C145.288,14.889 145.400,15.577 145.400,16.326 C145.400,17.506 145.078,18.472 144.436,19.225 C143.793,19.978 142.869,20.484 141.665,20.745 L146.975,28.691 L142.641,28.691 ZM141.896,16.204 C141.896,15.544 141.673,15.028 141.225,14.653 C140.777,14.279 140.086,14.092 139.150,14.092 L136.989,14.092 L136.989,18.303 L139.150,18.303 C140.981,18.303 141.896,17.603 141.896,16.204 ZM125.570,27.831 C124.206,28.567 122.666,28.936 120.949,28.936 C119.224,28.936 117.680,28.567 116.317,27.831 C114.953,27.094 113.881,26.034 113.100,24.651 C112.319,23.267 111.928,21.672 111.928,19.866 C111.928,18.051 112.319,16.454 113.100,15.074 C113.881,13.695 114.953,12.639 116.317,11.907 C117.680,11.174 119.224,10.808 120.949,10.808 C122.674,10.808 124.217,11.174 125.576,11.907 C126.935,12.639 128.005,13.695 128.786,15.074 C129.567,16.454 129.958,18.051 129.958,19.866 C129.958,21.672 129.567,23.267 128.786,24.651 C128.005,26.034 126.933,27.094 125.570,27.831 ZM124.807,15.715 C123.797,14.690 122.512,14.177 120.949,14.177 C119.387,14.177 118.101,14.690 117.092,15.715 C116.083,16.741 115.578,18.124 115.578,19.866 C115.578,21.616 116.083,23.005 117.092,24.034 C118.101,25.064 119.387,25.579 120.949,25.579 C122.512,25.579 123.797,25.064 124.807,24.034 C125.816,23.005 126.320,21.616 126.320,19.866 C126.320,18.124 125.816,16.741 124.807,15.715 ZM66.872,28.691 L61.391,21.196 L60.097,21.196 L60.097,28.691 L56.435,28.691 L56.435,11.052 L60.097,11.052 L60.097,17.986 L61.342,17.986 L66.872,11.052 L71.340,11.052 L64.504,19.487 L71.547,28.691 L66.872,28.691 ZM48.677,27.831 C47.314,28.567 45.774,28.936 44.057,28.936 C42.332,28.936 40.788,28.567 39.425,27.831 C38.061,27.094 36.989,26.034 36.208,24.651 C35.427,23.267 35.036,21.672 35.036,19.866 C35.036,18.051 35.427,16.454 36.208,15.074 C36.989,13.695 38.061,12.639 39.425,11.907 C40.788,11.174 42.332,10.808 44.057,10.808 C45.782,10.808 47.324,11.174 48.684,11.907 C50.043,12.639 51.113,13.695 51.894,15.074 C52.675,16.454 53.066,18.051 53.066,19.866 C53.066,21.672 52.675,23.267 51.894,24.651 C51.113,26.034 50.040,27.094 48.677,27.831 ZM47.915,15.715 C46.905,14.690 45.620,14.177 44.057,14.177 C42.495,14.177 41.209,14.690 40.200,15.715 C39.191,16.741 38.686,18.124 38.686,19.866 C38.686,21.616 39.191,23.005 40.200,24.034 C41.209,25.064 42.495,25.579 44.057,25.579 C45.620,25.579 46.905,25.064 47.915,24.034 C48.924,23.005 49.428,21.616 49.428,19.866 C49.428,18.124 48.924,16.741 47.915,15.715 ZM28.487,27.831 C27.124,28.567 25.584,28.936 23.867,28.936 C22.141,28.936 20.597,28.567 19.234,27.831 C17.871,27.094 16.799,26.034 16.018,24.651 C15.236,23.267 14.846,21.672 14.846,19.866 C14.846,18.051 15.236,16.454 16.018,15.074 C16.799,13.695 17.871,12.639 19.234,11.907 C20.597,11.174 22.141,10.808 23.867,10.808 C25.592,10.808 27.134,11.174 28.493,11.907 C29.852,12.639 30.922,13.695 31.704,15.074 C32.485,16.454 32.875,18.051 32.875,19.866 C32.875,21.672 32.485,23.267 31.704,24.651 C30.922,26.034 29.850,27.094 28.487,27.831 ZM27.724,15.715 C26.715,14.690 25.429,14.177 23.867,14.177 C22.304,14.177 21.018,14.690 20.009,15.715 C19.000,16.741 18.496,18.124 18.496,19.866 C18.496,21.616 19.000,23.005 20.009,24.034 C21.018,25.064 22.304,25.579 23.867,25.579 C25.429,25.579 26.715,25.064 27.724,24.034 C28.733,23.005 29.238,21.616 29.238,19.866 C29.238,18.124 28.733,16.741 27.724,15.715 ZM11.672,27.367 C10.736,28.250 9.361,28.691 7.546,28.691 L0.283,28.691 L0.283,11.052 L5.996,11.052 C7.875,11.052 9.314,11.478 10.311,12.328 C11.308,13.178 11.806,14.365 11.806,15.886 C11.806,16.676 11.633,17.374 11.287,17.980 C10.941,18.586 10.431,19.052 9.755,19.377 C11.969,19.988 13.076,21.445 13.076,23.748 C13.076,25.278 12.608,26.484 11.672,27.367 ZM7.827,14.647 C7.420,14.277 6.821,14.092 6.032,14.092 L3.811,14.092 L3.811,18.242 L6.191,18.242 C6.940,18.242 7.501,18.047 7.875,17.656 C8.250,17.266 8.437,16.753 8.437,16.118 C8.437,15.508 8.233,15.018 7.827,14.647 ZM8.876,21.709 C8.445,21.278 7.749,21.062 6.789,21.062 L3.811,21.062 L3.811,25.554 L6.862,25.554 C7.782,25.554 8.455,25.347 8.883,24.932 C9.310,24.517 9.523,23.988 9.523,23.345 C9.523,22.686 9.308,22.140 8.876,21.709 Z"></path>
<path class="fill-primary" fill-rule="evenodd" d="M105.996,23.499 C105.995,26.752 103.950,29.265 100.748,29.950 C100.713,29.958 100.681,29.983 100.647,30.000 C100.588,30.000 100.529,30.000 100.471,30.000 C100.467,28.585 100.460,27.171 100.466,25.756 C100.467,25.675 100.550,25.565 100.626,25.518 C101.352,25.068 101.714,24.425 101.711,23.571 C101.707,22.020 101.710,20.469 101.710,18.892 C103.133,18.892 104.546,18.892 105.996,18.892 C105.996,18.989 105.996,19.093 105.996,19.196 C105.996,20.630 105.997,22.065 105.996,23.499 ZM101.715,17.089 C101.715,15.990 101.683,14.917 101.724,13.847 C101.767,12.679 102.761,11.806 103.931,11.838 C105.060,11.869 105.978,12.794 105.993,13.940 C106.005,14.954 105.995,15.969 105.995,16.983 C105.995,17.011 105.987,17.040 105.980,17.089 C104.569,17.089 103.157,17.089 101.715,17.089 ZM96.421,29.234 C94.322,27.983 93.199,26.136 93.155,23.703 C93.108,21.138 93.145,18.571 93.146,16.005 C93.146,15.957 93.153,15.910 93.159,15.841 C94.572,15.841 95.976,15.841 97.426,15.841 C97.426,15.948 97.426,16.060 97.426,16.172 C97.426,18.602 97.430,21.031 97.423,23.461 C97.421,24.364 97.757,25.066 98.548,25.540 C98.629,25.589 98.688,25.740 98.689,25.844 C98.699,27.122 98.695,28.401 98.696,29.679 C98.696,29.786 98.703,29.893 98.707,30.000 C98.648,30.000 98.590,30.000 98.531,30.000 C97.799,29.823 97.075,29.624 96.421,29.234 ZM93.145,14.043 C93.145,13.935 93.145,13.823 93.145,13.711 C93.145,11.318 93.137,8.926 93.149,6.534 C93.154,5.625 92.818,4.928 92.023,4.460 C91.961,4.424 91.894,4.332 91.894,4.265 C91.886,2.850 91.888,1.436 91.888,0.000 C93.423,0.232 94.703,0.889 95.731,2.009 C96.833,3.209 97.413,4.630 97.421,6.261 C97.433,8.791 97.426,11.319 97.427,13.849 C97.427,13.906 97.421,13.964 97.416,14.043 C96.005,14.043 94.599,14.043 93.145,14.043 ZM89.588,4.782 C89.034,5.128 88.866,5.768 88.868,6.431 C88.875,8.061 88.870,9.692 88.869,11.322 C88.869,12.143 88.869,12.963 88.867,13.783 C88.867,13.869 88.857,13.954 88.851,14.051 C87.434,14.051 86.035,14.051 84.587,14.051 C84.587,13.958 84.587,13.866 84.587,13.774 C84.588,11.294 84.579,8.814 84.590,6.334 C84.605,3.158 86.853,0.543 90.000,0.018 C90.028,0.013 90.058,0.017 90.125,0.017 C90.125,0.639 90.125,1.243 90.125,1.848 C90.125,2.405 90.109,2.962 90.130,3.518 C90.149,4.032 90.126,4.447 89.588,4.782 ZM84.585,15.837 C86.015,15.837 87.420,15.837 88.868,15.837 C88.868,15.951 88.868,16.065 88.868,16.179 C88.868,18.608 88.849,21.039 88.873,23.468 C88.908,27.007 86.358,29.493 83.589,29.955 C83.552,29.961 83.518,29.985 83.482,30.000 C83.424,30.000 83.365,30.000 83.306,30.000 C83.310,28.634 83.319,27.268 83.313,25.902 C83.311,25.691 83.376,25.580 83.559,25.467 C84.268,25.031 84.587,24.371 84.587,23.549 C84.587,21.099 84.586,18.650 84.585,16.201 C84.585,16.085 84.585,15.970 84.585,15.837 ZM81.366,30.000 C80.875,29.844 80.360,29.740 79.897,29.524 C77.435,28.380 76.120,26.440 76.027,23.732 C75.974,22.192 76.017,20.649 76.016,19.107 C76.016,19.040 76.016,18.973 76.016,18.886 C77.447,18.886 78.859,18.886 80.303,18.886 C80.303,19.000 80.303,19.104 80.303,19.209 C80.303,20.663 80.308,22.117 80.302,23.571 C80.298,24.427 80.666,25.065 81.387,25.518 C81.463,25.566 81.547,25.675 81.547,25.756 C81.553,27.171 81.546,28.585 81.542,30.000 C81.484,30.000 81.425,30.000 81.366,30.000 ZM76.017,17.097 C76.017,16.540 76.017,15.997 76.017,15.453 C76.017,14.965 76.012,14.478 76.017,13.990 C76.030,12.831 76.911,11.892 78.032,11.838 C79.203,11.781 80.217,12.619 80.282,13.797 C80.341,14.885 80.294,15.978 80.294,17.097 C78.857,17.097 77.452,17.097 76.017,17.097 Z"></path>
</svg>
</a>
<address class="font-size-2 mb-5">
<span class="mb-2 font-weight-normal text-dark">
1418 River Drive, Suite 35 Cottonhall, CA 9622 <br> United States
</span>
</address>
<div class="mb-4">
<a href="mailto:sale@bookworm.com" class="font-size-2 d-block link-black-100 mb-1">sale@bookworm.com</a>
<a href="tel:+1246-345-0695" class="font-size-2 d-block link-black-100">+1 246-345-0695</a>
</div>
<ul class="list-unstyled mb-0 d-flex">
<li class="btn pl-0">
<a class="link-black-100" href="#">
<span class="fab fa-instagram"></span>
</a>
</li>
<li class="btn">
<a class="link-black-100" href="#">
<span class="fab fa-facebook-f"></span>
</a>
</li>
<li class="btn">
<a class="link-black-100" href="#">
<span class="fab fa-youtube"></span>
</a>
</li>
<li class="btn">
<a class="link-black-100" href="#">
<span class="fab fa-twitter"></span>
</a>
</li>
<li class="btn">
<a class="link-black-100" href="#">
<span class="fab fa-pinterest"></span>
</a>
</li>
</ul>
</div>
</div>
<div class="col-lg-2 mb-6 mb-md-0">
<h4 class="font-size-3 font-weight-medium mb-2 mb-xl-5 pb-xl-1">Explore</h4>
<ul class="list-unstyled mb-0">
<li class="pb-2">
<a class="widgets-hover transition-3d-hover font-size-2 link-black-100" href="#">About as</a>
</li>
<li class="py-2">
<a class="widgets-hover transition-3d-hover font-size-2 link-black-100" href="#">Sitemap</a>
</li>
<li class="py-2">
<a class="widgets-hover transition-3d-hover font-size-2 link-black-100" href="#">Bookmarks</a>
</li>
<li class="pt-2">
<a class="widgets-hover transition-3d-hover font-size-2 link-black-100" href="#">Sign in/Join</a>
</li>
</ul>
</div>
<div class="col-lg-2 mb-6 mb-md-0">
<h4 class="font-size-3 font-weight-medium mb-2 mb-xl-5 pb-xl-1">Customer Service</h4>
<ul class="list-unstyled mb-0">
<li class="pb-2">
<a class="widgets-hover transition-3d-hover font-size-2 link-black-100" href="#">Help Center</a>
</li>
<li class="py-2">
<a class="widgets-hover transition-3d-hover font-size-2 link-black-100" href="#">Returns</a>
</li>
<li class="py-2">
<a class="widgets-hover transition-3d-hover font-size-2 link-black-100" href="#">Product Recalls</a>
</li>
<li class="py-2">
<a class="widgets-hover transition-3d-hover font-size-2 link-black-100" href="#">Accessibility</a>
</li>
<li class="py-2">
<a class="widgets-hover transition-3d-hover font-size-2 link-black-100" href="#">Contact Us</a>
</li>
<li class="pt-2">
<a class="widgets-hover transition-3d-hover font-size-2 link-black-100" href="#">Store Pickup</a>
</li>
</ul>
</div>
<div class="col-lg-2 mb-6 mb-md-0">
<h4 class="font-size-3 font-weight-medium mb-2 mb-xl-5 pb-xl-1">Policy</h4>
<ul class="list-unstyled mb-0">
<li class="pb-2">
<a class="widgets-hover transition-3d-hover font-size-2 link-black-100" href="#">Return Policy</a>
</li>
<li class="py-2">
<a class="widgets-hover transition-3d-hover font-size-2 link-black-100" href="#">Terms Of Use</a>
</li>
<li class="py-2">
<a class="widgets-hover transition-3d-hover font-size-2 link-black-100" href="#">Security</a>
</li>
<li class="pt-2">
<a class="widgets-hover transition-3d-hover font-size-2 link-black-100" href="#">Privacy</a>
</li>
</ul>
</div>
<div class="col-lg-2 mb-6 mb-md-0">
<h4 class="font-size-3 font-weight-medium mb-2 mb-xl-5 pb-xl-1">Categories</h4>
<ul class="list-unstyled mb-0">
<li class="pb-2">
<a class="widgets-hover transition-3d-hover font-size-2 link-black-100" href="#">Action</a>
</li>
<li class="py-2">
<a class="widgets-hover transition-3d-hover font-size-2 link-black-100" href="#">Comedy</a>
</li>
<li class="py-2">
<a class="widgets-hover transition-3d-hover font-size-2 link-black-100" href="#">Drama</a>
</li>
<li class="py-2">
<a class="widgets-hover transition-3d-hover font-size-2 link-black-100" href="#">Horror</a>
</li>
<li class="py-2">
<a class="widgets-hover transition-3d-hover font-size-2 link-black-100" href="#">Kids</a>
</li>
<li class="pt-2">
<a class="widgets-hover transition-3d-hover font-size-2 link-black-100" href="#">Romantic Comedy</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="space-1">
<div class="container">
<div class="d-lg-flex text-center text-md-left justify-content-between align-items-center">
<!-- Copyright -->
<p class="mb-3 mb-lg-0 font-size-2">©2020 Book Worm. All rights reserved</p>
<!-- End Copyright -->
<div class="d-lg-flex justify-content-xl-end align-items-center">
<div class="mb-4 mb-lg-0">
<img class="img-fluid" src="../../assets/img/324x38/img1.png" alt="Image-Description">
</div>
<!-- Select -->
<select class="js-select selectpicker dropdown-select mb-3 mb-md-0 ml-md-3"
data-style="bg-transparent border px-4 py-2 rounded-md height-5 outline-none shadow-none form-control font-size-2"
data-dropdown-align-right="true">
<option value="one" selected>English (United States)</option>
<option value="two">Deutsch</option>
<option value="three">Français</option>
<option value="four">Español</option>
</select>
<!-- End Select -->
<!-- Select -->
<select class="js-select selectpicker dropdown-select ml-md-3"
data-style="bg-transparent border px-4 py-2 rounded-md height-5 outline-none shadow-none form-control font-size-2"
data-dropdown-align-right="true"
data-width="fit">
<option value="one" selected>$ USD</option>
<option value="two">€ EUR</option>
<option value="three">₺ TL</option>
<option value="four">₽ RUB</option>
</select>
</div>
</div>
</div>
</div>
</div>
</div>
</footer>
<!-- ========== END FOOTER V11 ========== -->
<!-- CSS Implementing Plugins -->
<link rel="stylesheet" href="../../assets/vendor/bootstrap-select/dist/css/bootstrap-select.min.css">
<!-- JS Implementing Plugins -->
<script src="../../assets/vendor/bootstrap-select/dist/js/bootstrap-select.min.js"></script>
<!-- JS Bookworm -->
<script src="../../assets/js/components/hs.selectpicker.js"></script>
<!-- JS Plugins Init. -->
<script>
$(document).on('ready', function () {
// initialization of select picker
$.HSCore.components.HSSelectPicker.init('.js-select');
});
</script>
Footer V12
<!-- ========== FOOTER V12 ========== -->
<footer>
<div class="space-top-2 border-top">
<div class="pb-5 space-bottom-lg-3">
<div class="container">
<div class="row">
<div class="col-md-4 col-lg-2">
<div class="mb-5 mb-lg-0">
<h4 class="font-size-3 font-weight-medium mb-2 mb-xl-5 pb-xl-1">Explore</h4>
<ul class="list-unstyled mb-0">
<li class="pb-2">
<a class="font-size-2 link-black-100 widgets-hover transition-3d-hover" href="#">About as</a>
</li>
<li class="py-2">
<a class="font-size-2 link-black-100 widgets-hover transition-3d-hover" href="#">Sitemap</a>
</li>
<li class="py-2">
<a class="font-size-2 link-black-100 widgets-hover transition-3d-hover" href="#">Bookmarks</a>
</li>
<li class="pt-2">
<a class="font-size-2 link-black-100 widgets-hover transition-3d-hover" href="#">Sign in/Join</a>
</li>
</ul>
</div>
</div>
<div class="col-md-4 col-lg-2">
<div class="mb-5 mb-lg-0">
<h4 class="font-size-3 font-weight-medium mb-2 mb-xl-5 pb-xl-1">Customer Service</h4>
<ul class="list-unstyled mb-0">
<li class="pb-2">
<a class="font-size-2 link-black-100 widgets-hover transition-3d-hover" href="#">Help Center</a>
</li>
<li class="py-2">
<a class="font-size-2 link-black-100 widgets-hover transition-3d-hover" href="#">Returns</a>
</li>
<li class="py-2">
<a class="font-size-2 link-black-100 widgets-hover transition-3d-hover" href="#">Product Recalls</a>
</li>
<li class="py-2">
<a class="font-size-2 link-black-100 widgets-hover transition-3d-hover" href="#">Accessibility</a>
</li>
<li class="py-2">
<a class="font-size-2 link-black-100 widgets-hover transition-3d-hover" href="#">Contact Us</a>
</li>
<li class="pt-2">
<a class="font-size-2 link-black-100 widgets-hover transition-3d-hover" href="#">Store Pickup</a>
</li>
</ul>
</div>
</div>
<div class="col-md-4 col-lg-2">
<div class="mb-5 mb-lg-0">
<h4 class="font-size-3 font-weight-medium mb-2 mb-xl-5 pb-xl-1">Policy</h4>
<ul class="list-unstyled mb-0">
<li class="pb-2">
<a class="font-size-2 link-black-100 widgets-hover transition-3d-hover" href="#">Return Policy</a>
</li>
<li class="py-2">
<a class="font-size-2 link-black-100 widgets-hover transition-3d-hover" href="#">Terms Of Use</a>
</li>
<li class="py-2">
<a class="font-size-2 link-black-100 widgets-hover transition-3d-hover" href="#">Security</a>
</li>
<li class="pt-2">
<a class="font-size-2 link-black-100 widgets-hover transition-3d-hover" href="#">Privacy</a>
</li>
</ul>
</div>
</div>
<div class="col-md-4 col-lg-3">
<div class="pb-6">
<h4 class="font-size-3 font-weight-medium mb-2 mb-xl-5 pb-xl-1">Contact Us</h4>
<address class="font-size-2 mb-5">
<span class="mb-2 font-weight-normal link-black-100">
1418 River Drive, Suite 35 Cottonhall, CA 9622 <br> United States
</span>
</address>
<div class="mb-4">
<a href="mailto:sale@bookworm.com" class="font-size-2 d-block link-black-100 mb-1">sale@bookworm.com</a>
<a href="tel:+1246-345-0695" class="font-size-2 d-block link-black-100">+1 246-345-0695</a>
</div>
<ul class="list-unstyled mb-0 d-flex">
<li class="btn pl-0">
<a class="link-black-100" href="#">
<span class="fab fa-instagram"></span>
</a>
</li>
<li class="btn">
<a class="link-black-100" href="#">
<span class="fab fa-facebook-f"></span>
</a>
</li>
<li class="btn">
<a class="link-black-100" href="#">
<span class="fab fa-youtube"></span>
</a>
</li>
<li class="btn">
<a class="link-black-100" href="#">
<span class="fab fa-twitter"></span>
</a>
</li>
<li class="btn">
<a class="link-black-100" href="#">
<span class="fab fa-pinterest"></span>
</a>
</li>
</ul>
</div>
</div>
<div class="col-lg-3">
<!-- Newsletter -->
<div>
<div class="mb-5">
<h5 class="font-size-3 font-weight-medium mb-2 mb-xl-5 pb-xl-1">Join Our Newsletter
</h5>
<p class="font-size-2">Signup to be the first to hear about exclusive deals, special offers and upcoming collections</p>
</div>
<form class="js-validate js-form-message" novalidate="novalidate">
<div class="input-group">
<input type="email" class="form-control border py-2 font-size-2 pl-4 height-60" name="email" id="subscribeSrEmail" placeholder="Enter email" aria-label="Your email" aria-describedby="subscribeButton" required="" data-msg="Please enter a valid email address.">
<div class="input-group-append">
<button type="submit" class="btn btn-dark text-white px-3 py-2 font-size-4 border-0" id="subscribeButton">
<span class="flaticon-send mx-1"></span>
</button>
</div>
</div>
</form>
</div>
<!-- End Newsletter -->
</div>
</div>
</div>
</div>
<div class="py-5 bg-gray-200">
<div class="container">
<div class="d-lg-flex text-center text-lg-left justify-content-between align-items-center">
<!-- Copyright -->
<p class="mb-3 mb-lg-0 font-size-2">©2020 Book Worm. All rights reserved</p>
<!-- End Copyright -->
<div class="d-lg-flex justify-content-xl-end align-items-center">
<div class="mb-4 mb-lg-0">
<img class="img-fluid" src="../../assets/img/324x38/img1.png" alt="Image-Description">
</div>
<!-- Select -->
<select class="js-select selectpicker dropdown-select ml-md-3 mb-3 mb-md-0"
data-style="border px-4 py-2 rounded-0 bg-transparent height-5 outline-none shadow-none form-control font-size-2"
data-dropdown-align-right="true">
<option value="one" selected>English (United States)</option>
<option value="two">Deutsch</option>
<option value="three">Français</option>
<option value="four">Español</option>
</select>
<!-- End Select -->
<!-- Select -->
<select class="js-select selectpicker dropdown-select ml-md-3"
data-style="border px-4 py-2 rounded-0 bg-transparent height-5 outline-none shadow-none form-control font-size-2"
data-dropdown-align-right="true"
data-width="fit">
<option value="one" selected>$ USD</option>
<option value="two">€ EUR</option>
<option value="three">₺ TL</option>
<option value="four">₽ RUB</option>
</select>
<!-- End Select -->
</div>
</div>
</div>
</div>
</div>
</footer>
<!-- ========== END FOOTER V12 ========== -->
<!-- CSS Implementing Plugins -->
<link rel="stylesheet" href="../../assets/vendor/bootstrap-select/dist/css/bootstrap-select.min.css">
<!-- JS Implementing Plugins -->
<script src="../../assets/vendor/bootstrap-select/dist/js/bootstrap-select.min.js"></script>
<!-- JS Bookworm -->
<script src="../../assets/js/components/hs.selectpicker.js"></script>
<!-- JS Plugins Init. -->
<script>
$(document).on('ready', function () {
// initialization of select picker
$.HSCore.components.HSSelectPicker.init('.js-select');
});
</script>
Footer V13
<!-- ========== FOOTER V13 ========== -->
<footer>
<div class="space-lg-2 border-top">
<div class="container py-3">
<div class="row">
<div class="col-md-6 col-lg-4">
<div class="mb-5 mb-lg-0">
<h4 class="font-size-3 font-weight-medium mb-2 mb-xl-5 pb-xl-1">Store</h4>
<address class="font-size-2">
<span class="mb-2 font-weight-normal">
1418 River Drive, Suite 35 Cottonhall, CA 9622 <br> United States
</span>
</address>
</div>
</div>
<div class="col-md-6 col-lg-2">
<div class="mb-5 mb-lg-0">
<h4 class="font-size-3 font-weight-medium mb-2 mb-xl-5 pb-xl-1">Contact</h4>
<div class="mb-4">
<a href="mailto:sale@bookworm.com" class="font-size-2 d-block mb-1 link-black-100">sale@bookworm.com</a>
<a href="tel:+1246-345-0695" class="font-size-2 d-block link-black-100">
+1 246-345-0695</a>
</div>
</div>
</div>
<div class="col-md-6 col-lg-2">
<div class="mb-5 mb-lg-0">
<h4 class="font-size-3 font-weight-medium mb-2 mb-xl-5 pb-xl-1">Follow</h4>
<ul class="list-unstyled mb-0 d-flex">
<li class="btn pl-0">
<a class="link-black-100" href="#">
<span class="fab fa-instagram"></span>
</a>
</li>
<li class="btn">
<a class="link-black-100" href="#">
<span class="fab fa-facebook-f"></span>
</a>
</li>
<li class="btn">
<a class="link-black-100" href="#">
<span class="fab fa-youtube"></span>
</a>
</li>
<li class="btn">
<a class="link-black-100" href="#">
<span class="fab fa-twitter"></span>
</a>
</li>
<li class="btn">
<a class="link-black-100" href="#">
<span class="fab fa-pinterest"></span>
</a>
</li>
</ul>
</div>
</div>
<div class="col-md-6 col-lg-4">
<!-- Newsletter -->
<div class="pl-lg-7">
<div class="mb-5">
<h5 class="font-size-3 font-weight-medium mb-2 mb-xl-5 pb-xl-1">Join Our Newsletter
</h5>
</div>
<form class="js-validate js-form-message" novalidate="novalidate">
<div class="input-group">
<input type="email" class="form-control rounded-md py-4d75 font-size-2 pl-4 border-0 bg-gray-200 mr-1" name="email" id="subscribeSrEmail" placeholder="Enter email" aria-label="Your email" aria-describedby="subscribeButton" required="" data-msg="Please enter a valid email address.">
<div class="input-group-append">
<button type="submit" class="btn btn-dark rounded-md text-white px-3 font-size-4 border-0 ml-2" id="subscribeButton">
<span class="flaticon-send mx-1"></span>
</button>
</div>
</div>
</form>
</div>
<!-- End Newsletter -->
</div>
</div>
</div>
</div>
<div class="border-top py-4">
<div class="container">
<div class="d-md-flex text-center text-lg-left justify-content-between align-items-center">
<!-- Copyright -->
<p class="mb-3 mb-lg-0 font-size-2 text-gray-500">©2020 Book Worm. All rights reserved</p>
<!-- End Copyright -->
<div class="d-md-flex justify-content-end align-items-center">
<!-- Select -->
<select class="js-select selectpicker dropdown-select mb-3 mb-md-0"
data-style="bg-transparent border-0 text-dark px-4 py-2 rounded-0 height-5 outline-none shadow-none form-control font-size-2"
data-dropdown-align-right="true">
<option value="one" selected>English (United States)</option>
<option value="two">Deutsch</option>
<option value="three">Français</option>
<option value="four">Español</option>
</select>
<!-- End Select -->
<!-- Select -->
<select class="js-select selectpicker dropdown-select ml-md-3"
data-style="bg-transparent border-0 text-dark px-4 py-2 rounded-0 height-5 outline-none shadow-none form-control font-size-2"
data-dropdown-align-right="true"
data-width="fit">
<option value="one" selected>$ USD</option>
<option value="two">€ EUR</option>
<option value="three">₺ TL</option>
<option value="four">₽ RUB</option>
</select>
<!-- End Select -->
</div>
</div>
</div>
</div>
</footer>
<!-- ========== END FOOTER V13 ========== -->
<!-- CSS Implementing Plugins -->
<link rel="stylesheet" href="../../assets/vendor/bootstrap-select/dist/css/bootstrap-select.min.css">
<!-- JS Implementing Plugins -->
<script src="../../assets/vendor/bootstrap-select/dist/js/bootstrap-select.min.js"></script>
<!-- JS Bookworm -->
<script src="../../assets/js/components/hs.selectpicker.js"></script>
<!-- JS Plugins Init. -->
<script>
$(document).on('ready', function () {
// initialization of select picker
$.HSCore.components.HSSelectPicker.init('.js-select');
});
</script>