<!DOCTYPE html>
<html lang="en">
<head>
<!-- Google Tag Manager -->
<script>
(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-KT4S54BK');
</script>
<!-- End Google Tag Manager -->
<!-- Title -->
<title>LivrePlus - Buy books online in Tunisia</title>
<!-- Required Meta Tags Always Come First -->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="facebook-domain-verification" content="4d4zrnz6m6141qee647cwecx0yjynt" />
<meta name="twitter:site" content="@LivrePlus">
<link rel="manifest" href="https://livreplus.com/manifest.webmanifest">
<meta name="theme-color" content="#006683">
<meta name="application-name" content="LIVRE PLUS">
<meta name="mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="default">
<meta name="apple-mobile-web-app-title" content="LIVRE PLUS">
<meta name="msapplication-TileColor" content="#006683">
<link rel="apple-touch-icon" sizes="180x180" href="https://livreplus.com/pwa-icon-192.png">
<link rel="preconnect" href="https://www.googletagmanager.com" crossorigin>
<link rel="preconnect" href="https://connect.facebook.net" crossorigin>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="preload" as="image" href="https://livreplus.com/storage/photos/shares/banners/69722eafcd965.png.webp" fetchpriority="high">
<meta name="description" content="Buy books, packs and new releases online with LivrePlus. Delivery in Tunisia, curated collections and offers for readers, students and professionals.">
<meta name="keywords" content="books tunisia, online bookstore, buy books online, livreplus, school books, novels, book packs">
<meta name="title" content="LivrePlus - Buy books online in Tunisia">
<meta name="robots" content="index, follow">
<link rel="canonical" href="https://livreplus.com">
<meta property="og:locale" content="en-US">
<meta property="og:locale:alternate" content="fr-FR">
<meta property="og:locale:alternate" content="ar-AA">
<meta property="og:site_name" content="LIVRE PLUS">
<meta property="og:title" content="LivrePlus - Buy books online in Tunisia">
<meta property="og:description" content="Buy books, packs and new releases online with LivrePlus. Delivery in Tunisia, curated collections and offers for readers, students and professionals.">
<meta property="og:url" content="https://livreplus.com">
<meta property="og:type" content="website">
<meta property="og:image" content="https://livreplus.com/storage/photos/shares/settings/6809f5ba8f3cc.png">
<meta property="og:image:url" content="https://livreplus.com/storage/photos/shares/settings/6809f5ba8f3cc.png">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="LivrePlus - Buy books online in Tunisia">
<meta name="twitter:description" content="Buy books, packs and new releases online with LivrePlus. Delivery in Tunisia, curated collections and offers for readers, students and professionals.">
<meta name="twitter:image" content="https://livreplus.com/storage/photos/shares/settings/6809f5ba8f3cc.png">
<script type="application/ld+json">{"@context":"https://schema.org","@type":"WebSite","name":"LivrePlus - Buy books online in Tunisia","url":"https://livreplus.com","description":"Buy books, packs and new releases online with LivrePlus. Delivery in Tunisia, curated collections and offers for readers, students and professionals.","image":"https://livreplus.com/storage/photos/shares/settings/6809f5ba8f3cc.png"}</script>
<!-- Favicon -->
<link rel='shortcut icon' type='image/vnd.microsoft.icon' href='https://livreplus.com/storage/photos/shares/settings/63a9d1ab06bd0.png'>
<!-- IE -->
<link rel='apple-touch-icon' type='image/png' href='https://livreplus.com/storage/photos/shares/settings/63a9d1ab06bd0.png'> <!-- iPhone -->
<link rel='apple-touch-icon' type='image/png' sizes='72x72' href='https://livreplus.com/storage/photos/shares/settings/63a9d1ab06bd0.png'>
<!-- iPad -->
<link rel='apple-touch-icon' type='image/png' sizes='114x114' href='https://livreplus.com/storage/photos/shares/settings/63a9d1ab06bd0.png'>
<!-- iPhone4 -->
<link rel='icon' type='image/png' href='https://livreplus.com/storage/photos/shares/settings/63a9d1ab06bd0.png'>
<!-- Opera Speed Dial, at least 144×114 px -->
<link rel="stylesheet" href="https://livreplus.com/bookworm/assets/css/alertify.min.css" />
<link rel="stylesheet" href="https://livreplus.com/bookworm/assets/css/default.min.css" />
<!-- Font -->
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap" rel="stylesheet">
<!-- CSS Implementing Plugins -->
<link rel="stylesheet" href="https://livreplus.com/bookworm/assets/vendor/font-awesome/css/fontawesome-all.min.css">
<link rel="stylesheet" href="https://livreplus.com/bookworm/assets/vendor/flaticon/font/flaticon.css">
<link rel="stylesheet" href="https://livreplus.com/bookworm/assets/vendor/animate.css/animate.css">
<link rel="stylesheet" href="https://livreplus.com/bookworm/assets/vendor/bootstrap-select/dist/css/bootstrap-select.min.css">
<link rel="stylesheet" href="https://livreplus.com/bookworm/assets/vendor/slick-carousel/slick/slick.css" />
<link rel="stylesheet" href="https://livreplus.com/bookworm/assets/vendor/malihu-custom-scrollbar-plugin/jquery.mCustomScrollbar.css">
<link rel="stylesheet" href="https://livreplus.com/bookworm/assets/vendor/fancybox/jquery.fancybox.css">
<link rel="stylesheet" href="https://livreplus.com/bookworm/assets/css/theme.min.css">
<style>
img.attachment-shop_catalog {
height: 200px;
object-fit: contain;
background-color: white;
}
.nav .active a {
color: var(--primary);
}
.red {
color: red;
}
.loading {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
background-color: #00000096;
z-index: 9;
display: none;
}
.loading i {
position: absolute;
top: calc(50% - 35px);
left: calc(50% - 35px);
color: #006683;
}
@font-face {
font-family: 'Roboto-Medium';
src: url('https://livreplus.com/bookworm/assets/fonts/Roboto/Roboto-Medium.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
}
.social-button {
background-position: 25px 0px;
box-sizing: border-box;
color: rgb(255, 255, 255);
cursor: pointer;
display: inline-block;
height: 50px;
line-height: 50px;
text-align: left;
text-decoration: none;
text-transform: uppercase;
vertical-align: middle;
width: 100%;
border-radius: 3px;
margin: 10px auto;
outline: rgb(255, 255, 255) none 0px;
padding-left: 20%;
transition: all 0.2s cubic-bezier(0.72, 0.01, 0.56, 1) 0s;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
#facebook-connect {
background: rgb(255, 255, 255) url('https://raw.githubusercontent.com/eswarasai/social-login/master/img/facebook.svg?sanitize=true') no-repeat scroll 5px 0px / 30px 50px padding-box border-box;
border: 1px solid rgb(60, 90, 154);
}
#facebook-connect:hover {
border-color: rgb(60, 90, 154);
background: rgb(60, 90, 154) url('https://raw.githubusercontent.com/eswarasai/social-login/master/img/facebook-white.svg?sanitize=true') no-repeat scroll 5px 0px / 30px 50px padding-box border-box;
-webkit-transition: all .8s ease-out;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease-out;
}
#facebook-connect span {
box-sizing: border-box;
color: rgb(60, 90, 154);
cursor: pointer;
text-align: center;
text-transform: uppercase;
border: 0px none rgb(255, 255, 255);
outline: rgb(255, 255, 255) none 0px;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
#facebook-connect:hover span {
color: #FFF;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
#google-connect {
background: rgb(255, 255, 255) url('https://livreplus.com/bookworm/assets/svg/btn_google_light_normal_ios.svg') no-repeat scroll 0px 0px / 50px 50px padding-box border-box;
border: 1px solid #4285F4;
}
#google-connect:hover {
border-color: #4285F4;
background: #4285F4 url('https://livreplus.com/bookworm/assets/svg/btn_google_light_focus_ios.svg') no-repeat scroll 0px 0px / 50px 50px padding-box border-box;
-webkit-transition: all .8s ease-out;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease-out;
}
#google-connect span {
box-sizing: border-box;
color: #000000;
cursor: pointer;
text-align: center;
text-transform: uppercase;
border: 0px none #4285F4;
outline: rgb(255, 255, 255) none 0px;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
font-family: Roboto-Medium;
size: 14px;
}
#google-connect:hover span {
color: #FFF;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
#twitter-connect {
background: rgb(255, 255, 255) url('https://raw.githubusercontent.com/eswarasai/social-login/master/img/twitter.png') no-repeat scroll 5px 1px / 45px 45px padding-box border-box;
border: 1px solid rgb(85, 172, 238);
}
#twitter-connect:hover {
border-color: rgb(85, 172, 238);
background: rgb(85, 172, 238) url('https://raw.githubusercontent.com/eswarasai/social-login/master/img/twitter-white.png') no-repeat scroll 5px 1px / 45px 45px padding-box border-box;
-webkit-transition: all .8s ease-out;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease-out;
}
#twitter-connect span {
box-sizing: border-box;
color: rgb(85, 172, 238);
cursor: pointer;
text-align: center;
text-transform: uppercase;
border: 0px none rgb(220, 74, 61);
outline: rgb(255, 255, 255) none 0px;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
#twitter-connect:hover span {
color: #FFF;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
#linkedin-connect {
background: rgb(255, 255, 255) url('https://raw.githubusercontent.com/eswarasai/social-login/master/img/linkedin.svg?sanitize=true') no-repeat scroll 13px 0px / 28px 45px padding-box border-box;
border: 1px solid rgb(0, 119, 181);
}
#linkedin-connect:hover {
border-color: rgb(0, 119, 181);
background: rgb(0, 119, 181) url('https://raw.githubusercontent.com/eswarasai/social-login/master/img/linkedin-white.svg?sanitize=true') no-repeat scroll 13px 0px / 28px 45px padding-box border-box;
-webkit-transition: all .8s ease-out;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease-out;
}
#linkedin-connect span {
box-sizing: border-box;
color: rgb(0, 119, 181);
cursor: pointer;
text-align: center;
text-transform: uppercase;
border: 0px none rgb(0, 119, 181);
outline: rgb(255, 255, 255) none 0px;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
#linkedin-connect:hover span {
color: #FFF;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.product__inner:hover .woocommerce-loop-product__body,
.product__space:hover .woocommerce-loop-product__body {
background-color: white !important;
}
.back-to-top {
background-color: #006683;
color: white;
box-shadow: rgb(0 0 0 / 15%) 0px 4px 12px;
position: fixed;
bottom: 24px;
display: none;
z-index: 3;
width: 60px;
height: 60px;
}
.message-me {
background-color: #006683;
color: white;
box-shadow: rgb(0 0 0 / 15%) 0px 4px 12px;
position: fixed;
bottom: 24px;
display: none;
z-index: 3;
width: 60px;
height: 60px;
}
.whatsapp-me {
background-color: #006683;
color: white;
box-shadow: rgb(0 0 0 / 15%) 0px 4px 12px;
position: fixed;
bottom: 24px;
display: none;
z-index: 3;
width: 60px;
height: 60px;
}
.back-to-top:hover {
background-color: #58b947;
color: white;
}
.message-me:hover {
background-color: #58b947;
color: white;
}
.whatsapp-me:hover {
background-color: #58b947;
color: white;
}
@media (max-width: 1480px){
#mail_phone {
flex-direction: column;
}
}
@media (max-width: 767px) {
.topbar__nav--right {
min-inline-size: fit-content;
}
}
</style>
<style>
.back-to-top {
right: 24px;
}
.message-me {
left: 24px;
}
.whatsapp-me {
left: 96px;
}
</style>
<!-- Facebook Pixel Code -->
<script>
window.loadFacebookPixel = function () {
if (window.fbq) return;
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod ? n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window,document,'script','https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '880259013418287');
fbq('track', 'PageView');
};
if ('requestIdleCallback' in window) {
requestIdleCallback(window.loadFacebookPixel, {timeout: 3500});
} else {
setTimeout(window.loadFacebookPixel, 2500);
}
</script>
<noscript>
<img height="1" width="1" src="https://www.facebook.com/tr?id=880259013418287&ev=PageView&noscript=1" alt="fb"/>
</noscript>
<!-- End Facebook Pixel Code -->
<!--
<script type="text/javascript" src="https://platform-api.sharethis.com/js/sharethis.js#property=644219b7e412510019625a7a&product=sticky-share-buttons&source=platform" async="async"></script>
-->
</head>
<body >
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KT4S54BK"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<div class="sharethis-sticky-share-buttons"></div>
<!-- ===== HEADER CONTENT ==== -->
<header id="site-header" class="site-header__v3">
<div class="topbar border-bottom d-block">
<div class="container">
<div class="topbar__nav d-flex justify-content-between align-items-center font-size-2">
<ul class="topbar__nav--left nav d-sm-none">
<li class="nav-item"><i class="flaticon-question font-size-1 mt-2 mr-1"></i><span class="text-secondary-gray-1090 font-size-1">info@livreplus.tn</span></li>
<li class="nav-item"><i class="flaticon-phone font-size-1 mt-2 mr-1"></i><span class="text-secondary-gray-1090 font-size-1">+216 31 575 307</span></li>
</ul>
<ul class="topbar__nav--left nav d-none d-sm-flex d-xl-none">
<li class="nav-item"><i class="flaticon-question font-size-2 mt-2 mr-1"></i><span class="text-secondary-gray-1090 font-size-2">info@livreplus.tn</span></li>
<li class="nav-item"><i class="flaticon-phone font-size-2 mt-2 mr-1"></i><span class="text-secondary-gray-1090 font-size-2">+216 31 575 307</span></li>
</ul>
<ul class="topbar__nav--right nav d-sm-none">
<li class="nav-item">
<a class="nav-link p-2 link-black-100 d-flex align-items-center" href="https://www.instagram.com/livre.plus" title="instagram LIVRE PLUS" target="_blank">
<i class="fab fa-instagram btn-icon__inner font-size-1"></i>
</a>
</li>
<li class="nav-item">
<a class="nav-link p-2 link-black-100 d-flex align-items-center" href="https://www.facebook.com/livrepluss.tn" title="facebook LIVRE PLUS" target="_blank">
<i class="fab fa-facebook-f btn-icon__inner font-size-1"></i>
</a>
</li>
<li class="nav-item"><a href="https://livreplus.com/publish" class="nav-link p-2 link-black-100 d-flex align-items-center" title="Publish your book LIVRE PLUS">
<i class="fas fa-print font-size-1"></i></a>
</li>
<li class="nav-item"><a href="https://livreplus.com/sell" class="nav-link p-2 link-black-100 d-flex align-items-center" title="Sell a used book LIVRE PLUS">
<i class="glph-icon flaticon-shopping-bag font-size-1"></i></a>
</li>
<li class="nav-item"><a href="https://livreplus.com/store-location" class="nav-link p-2 link-black-100 d-flex align-items-center" title="Store Location LIVRE PLUS">
<i class="glph-icon flaticon-pin font-size-1"></i></a>
</li>
<li class="nav-item"><a href="https://livreplus.com/track/order" class="nav-link p-2 link-black-100 d-flex align-items-center" title="Track your order LIVRE PLUS">
<i class="glph-icon flaticon-sent font-size-1"></i></a>
</li>
<li class="nav-item">
<div class="position-relative h-100">
<a id="basicDropdownHoverInvoker" class="d-flex align-items-center h-100 dropdown-nav-link p-2 dropdown-toggle nav-link link-black-100 font-size-1"
href="javascript:;" role="button" aria-controls="basicDropdownHover" aria-haspopup="true" aria-expanded="false"
data-unfold-event="hover" data-unfold-target="#basicDropdownHover" data-unfold-type="css-animation" data-unfold-duration="300"
data-unfold-delay="300" data-unfold-hide-on-scroll="true" data-unfold-animation-in="slideInUp" data-unfold-animation-out="fadeOut" title="Currency TND LIVRE PLUS">
TND
</a>
<div id="basicDropdownHover" class="dropdown-menu dropdown-unfold right-0 left-auto"
aria-labelledby="basicDropdownHoverInvoker">
<a class="dropdown-item"
href="https://livreplus.com/currency/EUR" title="Currency EUR LIVRE PLUS">EUR</a>
<a class="dropdown-item"
href="https://livreplus.com/currency/TND" title="Currency TND LIVRE PLUS">TND</a>
<a class="dropdown-item"
href="https://livreplus.com/currency/USD" title="Currency USD LIVRE PLUS">USD</a>
</div>
</div>
</li>
<li class="nav-item">
<div class="position-relative h-100">
<a id="basicDropdownHoverInvoker1" class="d-flex align-items-center h-100 dropdown-nav-link p-2 dropdown-toggle nav-link link-black-100 font-size-1"
href="javascript:;" role="button" aria-controls="basicDropdownHover1" aria-haspopup="true" aria-expanded="false"
data-unfold-event="hover" data-unfold-target="#basicDropdownHover1" data-unfold-type="css-animation" data-unfold-duration="300"
data-unfold-delay="300" data-unfold-hide-on-scroll="true" data-unfold-animation-in="slideInUp" data-unfold-animation-out="fadeOut" title="Language EN LIVRE PLUS">
EN
</a>
<div id="basicDropdownHover1" class="dropdown-menu dropdown-unfold right-0 left-auto"
aria-labelledby="basicDropdownHoverInvoker1">
<a class="dropdown-item"
href="https://livreplus.com/lang/ar" title="Language Arabic LIVRE PLUS">Arabic</a>
<a class="dropdown-item active"
href="https://livreplus.com/lang/en" title="Language English LIVRE PLUS">English</a>
<a class="dropdown-item"
href="https://livreplus.com/lang/fr" title="Language French LIVRE PLUS">French</a>
</div>
</div>
</li>
</ul>
<ul class="topbar__nav--right nav mx-xl-auto d-none d-sm-flex mr-0" style="place-content: center;">
<li class="nav-item">
<a class="nav-link p-2 link-black-100 d-flex align-items-center" href="https://www.instagram.com/livre.plus" title="instagram LIVRE PLUS" target="_blank" style="padding-top: 0.7rem !important;">
<i class="fab fa-instagram btn-icon__inner mr-2 font-size-2"></i>
</a>
</li>
<li class="nav-item">
<a class="nav-link p-2 link-black-100 d-flex align-items-center" href="https://www.facebook.com/livrepluss.tn" title="facebook LIVRE PLUS" target="_blank" style="padding-top: 0.7rem !important;">
<i class="fab fa-facebook-f btn-icon__inner mr-2 font-size-2"></i>
</a>
</li>
<li class="nav-item"><a href="https://livreplus.com/publish" class="nav-link p-2 link-black-100 d-flex align-items-center" title="Publish your book LIVRE PLUS">
<i class="fas fa-print mr-2 font-size-2"></i>
<span class="d-none d-md-block">Publish your book</span></a>
</li>
<li class="nav-item"><a href="https://livreplus.com/sell" class="nav-link p-2 link-black-100 d-flex align-items-center" title="Sell a used book LIVRE PLUS">
<i class="glph-icon flaticon-shopping-bag mr-2 font-size-2"></i>
<span class="d-none d-md-block">Sell a used book</span></a>
</li>
<li class="nav-item"><a href="https://livreplus.com/store-location" class="nav-link p-2 link-black-100 d-flex align-items-center" title="Store Location LIVRE PLUS">
<i class="glph-icon flaticon-pin mr-2 font-size-2"></i>
<span class="d-none d-lg-block">Store Location</span></a>
</li>
<li class="nav-item"><a href="https://livreplus.com/track/order" class="nav-link p-2 link-black-100 d-flex align-items-center" title="Track your order LIVRE PLUS">
<i class="glph-icon flaticon-sent mr-2 font-size-2"></i>
<span class="d-none d-lg-block">Track your order</span></a>
</li>
<li class="nav-item">
<div class="position-relative h-100">
<a id="basicDropdownHoverInvoker2" class="d-flex align-items-center h-100 dropdown-nav-link p-2 dropdown-toggle nav-link link-black-100 font-size-2"
href="javascript:;" role="button" aria-controls="basicDropdownHover2" aria-haspopup="true" aria-expanded="false"
data-unfold-event="hover" data-unfold-target="#basicDropdownHover2" data-unfold-type="css-animation" data-unfold-duration="300"
data-unfold-delay="300" data-unfold-hide-on-scroll="true" data-unfold-animation-in="slideInUp" data-unfold-animation-out="fadeOut" title="Currency TND LIVRE PLUS">
TND
</a>
<div id="basicDropdownHover2" class="dropdown-menu dropdown-unfold right-0 left-auto"
aria-labelledby="basicDropdownHoverInvoker2">
<a class="dropdown-item"
href="https://livreplus.com/currency/EUR" title="Currency EUR LIVRE PLUS">EUR</a>
<a class="dropdown-item"
href="https://livreplus.com/currency/TND" title="Currency TND LIVRE PLUS">TND</a>
<a class="dropdown-item"
href="https://livreplus.com/currency/USD" title="Currency USD LIVRE PLUS">USD</a>
</div>
</div>
</li>
<li class="nav-item">
<div class="position-relative h-100">
<a id="basicDropdownHoverInvoker3" class="d-flex align-items-center h-100 dropdown-nav-link p-2 dropdown-toggle nav-link link-black-100 font-size-2"
href="javascript:;" role="button" aria-controls="basicDropdownHover3" aria-haspopup="true" aria-expanded="false"
data-unfold-event="hover" data-unfold-target="#basicDropdownHover3" data-unfold-type="css-animation" data-unfold-duration="300"
data-unfold-delay="300" data-unfold-hide-on-scroll="true" data-unfold-animation-in="slideInUp" data-unfold-animation-out="fadeOut" title="Language EN LIVRE PLUS">
EN
</a>
<div id="basicDropdownHover3" class="dropdown-menu dropdown-unfold right-0 left-auto"
aria-labelledby="basicDropdownHoverInvoker3">
<a class="dropdown-item"
href="https://livreplus.com/lang/ar" title="Language Arabic LIVRE PLUS">Arabic</a>
<a class="dropdown-item active"
href="https://livreplus.com/lang/en" title="Language English LIVRE PLUS">English</a>
<a class="dropdown-item"
href="https://livreplus.com/lang/fr" title="Language French LIVRE PLUS">French</a>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="masthead">
<div class="bg-white">
<div class="container py-3 py-md-4">
<div class="d-md-flex align-items-center position-relative flex-wrap">
<div class="site-branding pr-md-7 mx-auto mx-lg-0">
<div class="row" >
<div class="col-lg-12 col-8 site-brandeing-image">
<a href="https://livreplus.com/home" class="d-block" title="Home LIVRE PLUS">
<img src="https://livreplus.com/storage/photos/shares/settings/6809f5ba8f3cc.png" alt="logo" width="170px" height="auto">
</a>
</div>
<div class="d-md-none col-4 btn-navbar float-right my-auto" id="btn_navbar">
<a id="sidebarNavToggler4" href="javascript:;" role="button" class="main-menu"
aria-controls="sidebarContent4" aria-haspopup="true" aria-expanded="false"
data-unfold-event="click" data-unfold-hide-on-scroll="false"
data-unfold-target="#sidebarContent4" data-unfold-type="css-animation"
data-unfold-overlay='{ "className": "u-sidebar-bg-overlay", "background": "rgba(0, 0, 0, .7)", "animationSpeed": 100 }' data-unfold-animation-in="fadeInRight" data-unfold-animation-out="fadeOutRight"
data-unfold-duration="100" title="menu LIVRE PLUS">
<span class="ml-3"><i class="fas fa-bars fa-2x float-right"></i></span>
</a>
</div>
</div>
</div>
<div class="site-navigation mx-auto d-none d-md-block" id="navbar_content">
<ul class="nav">
<li class="nav-item"><a
href="https://livreplus.com/home"
class="nav-link link-black-100 mx-3 px-0 py-3 font-weight-medium">Home</a>
</li>
<li class="nav-item"><a
href="https://livreplus.com/about"
class="nav-link link-black-100 mx-3 px-0 py-3 font-weight-medium">About us</a>
</li>
<li class="nav-item"><a
href="https://livreplus.com/search"
class="nav-link link-black-100 mx-3 px-0 py-3 font-weight-medium">Books</a>
</li>
<li class="nav-item dropdown site_nav_collection">
<a id="collectionsDropdownInvoker" href="#"
class="dropdown-toggle nav-link link-black-100 mx-3 px-0 py-3 font-weight-medium d-flex align-items-center"
aria-haspopup="true" aria-expanded="false" data-unfold-event="hover"
data-unfold-target="#collectionsDropdownMenu"
data-unfold-type="css-animation" data-unfold-duration="200"
data-unfold-delay="50" data-unfold-hide-on-scroll="true"
data-unfold-animation-in="slideInUp" data-unfold-animation-out="fadeOut" title="Collections LIVRE PLUS">
Collections
</a>
<ul id="collectionsDropdownMenu"
class="dropdown-unfold dropdown-menu font-size-2 rounded-0 border-gray-900"
aria-labelledby="collectionsDropdownInvoker">
<li><a href="https://livreplus.com/search?collection=75"
class="dropdown-item link-black-100" title="Collection Translated Literature LIVRE PLUS">Translated Literature</a>
</li>
<li><a href="https://livreplus.com/search?collection=93"
class="dropdown-item link-black-100" title="Collection Poetry & Theatre LIVRE PLUS">Poetry & Theatre</a>
</li>
<li><a href="https://livreplus.com/search?collection=74"
class="dropdown-item link-black-100" title="Collection Games & Coloring Books LIVRE PLUS">Games & Coloring Books</a>
</li>
<li><a href="https://livreplus.com/search?collection=56"
class="dropdown-item link-black-100" title="Collection Comics & Graphic Novels LIVRE PLUS">Comics & Graphic Novels</a>
</li>
<li><a href="https://livreplus.com/search?collection=73"
class="dropdown-item link-black-100" title="Collection History & Politics LIVRE PLUS">History & Politics</a>
</li>
<li><a href="https://livreplus.com/search?collection=47"
class="dropdown-item link-black-100" title="Collection Personal development LIVRE PLUS">Personal development</a>
</li>
<li><a href="https://livreplus.com/search?collection=48"
class="dropdown-item link-black-100" title="Collection Novel LIVRE PLUS">Novel</a>
</li>
<li><a href="https://livreplus.com/search?collection=98"
class="dropdown-item link-black-100" title="Collection Spirituality LIVRE PLUS">Spirituality</a>
</li>
<li><a href="https://livreplus.com/search?collection=53"
class="dropdown-item link-black-100" title="Collection Science & Technology LIVRE PLUS">Science & Technology</a>
</li>
<li><a href="https://livreplus.com/search?collection=52"
class="dropdown-item link-black-100" title="Collection Children's Books LIVRE PLUS">Children's Books</a>
</li>
<li><a href="https://livreplus.com/search?collection=31"
class="dropdown-item link-black-100" title="Collection Education & School Supplies LIVRE PLUS">Education & School Supplies</a>
</li>
<li><a href="https://livreplus.com/search?collection=82"
class="dropdown-item link-black-100" title="Collection Religion LIVRE PLUS">Religion</a>
</li>
<li><a href="https://livreplus.com/search?collection=78"
class="dropdown-item link-black-100" title="Collection Used Books LIVRE PLUS">Used Books</a>
</li>
</ul>
</li>
<li class="nav-item"><a
href="https://livreplus.com/blog-list"
class="nav-link link-black-100 mx-3 px-0 py-3 font-weight-medium">Blog</a>
</li>
<li class="nav-item"><a
href="https://livreplus.com/contact"
class="nav-link link-black-100 mx-3 px-0 py-3 font-weight-medium">Contact us</a>
</li>
</ul>
</div>
<div id="mail_phone" class="d-none d-xl-flex mt-3 mt-md-0 ml-auto">
<!-- question -->
<a href="mailto:info@livreplus.tn" class="mr-4 mb-4 mb-md-0" title="Email LIVRE PLUS">
<div class="d-flex align-items-center text-dark font-size-2 text-lh-sm">
<i class="flaticon-question font-size-5 mt-2 mr-1"></i>
<div class="ml-2">
<span
class="text-secondary-gray-1090 font-size-1">info@livreplus.tn</span>
<div class="h6 mb-0">Any questions</div>
</div>
</div>
</a>
<!-- End question -->
<!-- Customer care -->
<a href="tel:+216 31 575 307" title="Phone LIVRE PLUS">
<div class="d-flex align-items-center text-dark font-size-2 text-lh-sm">
<i class="flaticon-phone font-size-5 mt-2 mr-1"></i>
<div class="ml-2" style="direction: ltr">
<span
class="text-secondary-gray-1090 font-size-1">+216 31 575 307</span>
<div class="h6 mb-0">Call us</div>
</div>
</div>
</a>
<!-- End Customer care -->
</div>
</div>
</div>
</div>
<div class="bg-primary-home-v3 py-2">
<div class="container my-1">
<div class="d-md-flex align-items-center position-relative py-1">
<div class="offcanvas-toggler d-flex d-md-block align-items-center mr-md-2 mr-lg-4">
<a id="sidebarNavToggler2" href="javascript:;" role="button" class="cat-menu text-white"
aria-controls="sidebarContent2" aria-haspopup="true" aria-expanded="false"
data-unfold-event="click" data-unfold-hide-on-scroll="false"
data-unfold-target="#sidebarContent2" data-unfold-type="css-animation"
data-unfold-overlay='{ "className": "u-sidebar-bg-overlay", "background": "rgba(0, 0, 0, .7)", "animationSpeed": 100 }' data-unfold-animation-in="fadeInLeft" data-unfold-animation-out="fadeOutLeft"
data-unfold-duration="100" title="Browse Collections">
<svg width="20px" height="18px">
<path fill-rule="evenodd" fill="rgb(255, 255, 255)" d="M-0.000,-0.000 L20.000,-0.000 L20.000,2.000 L-0.000,2.000 L-0.000,-0.000 Z" />
<path fill-rule="evenodd" fill="rgb(255, 255, 255)" d="M-0.000,8.000 L15.000,8.000 L15.000,10.000 L-0.000,10.000 L-0.000,8.000 Z" />
<path fill-rule="evenodd" fill="rgb(255, 255, 255)" d="M-0.000,16.000 L20.000,16.000 L20.000,18.000 L-0.000,18.000 L-0.000,16.000 Z" />
</svg>
<span class="ml-3 text-white">Browse Collections</span>
</a>
<ul class="nav d-md-none ml-auto">
<li class="nav-item">
<!-- Cart Sidebar Toggle Button -->
<a id="sidebarNavToggler3" href="javascript:;" role="button"
class="px-2 nav-link pr-0 text-white position-relative" aria-controls="sidebarContent3"
aria-haspopup="true" aria-expanded="false" data-unfold-event="click" data-unfold-hide-on-scroll="false"
data-unfold-target="#sidebarContent3" data-unfold-type="css-animation"
data-unfold-overlay='{ "className": "u-sidebar-bg-overlay", "background": "rgba(0, 0, 0, .7)", "animationSpeed": 500 }' data-unfold-animation-in="fadeInRight"
data-unfold-animation-out="fadeOutRight" data-unfold-duration="500" title="0">
<span class="bg-primary-green width-16 height-16 rounded-circle d-none d-sm-flex align-items-center justify-content-center text-white font-size-n9 float-left" id="wishlistCount">0</span>
<i class="glph-icon flaticon-heart"></i>
</a>
<!-- End Cart Sidebar Toggle Button -->
</li>
<li class="nav-item">
<!-- Cart Sidebar Toggle Button -->
<a id="sidebarNavToggler1" href="javascript:;" role="button"
class="px-2 nav-link pr-0 text-white position-relative" aria-controls="sidebarContent1"
aria-haspopup="true" aria-expanded="false" data-unfold-event="click" data-unfold-hide-on-scroll="false"
data-unfold-target="#sidebarContent1" data-unfold-type="css-animation"
data-unfold-overlay='{ "className": "u-sidebar-bg-overlay", "background": "rgba(0, 0, 0, .7)", "animationSpeed": 500 }' data-unfold-animation-in="fadeInRight"
data-unfold-animation-out="fadeOutRight" data-unfold-duration="500" title="0">
<span class="bg-primary-green width-16 height-16 rounded-circle d-none d-sm-flex align-items-center justify-content-center text-white font-size-n9 float-left" id="cartCount">0</span>
<i class="glph-icon flaticon-icon-126515"></i>
</a>
<!-- End Cart Sidebar Toggle Button -->
</li>
<li class="nav-item">
<!-- Account Sidebar Toggle Button -->
<a id="sidebarNavToggler" href="javascript:;" role="button"
class="px-2 nav-link text-white" aria-controls="sidebarContent" aria-haspopup="true"
aria-expanded="false" data-unfold-event="click" data-unfold-hide-on-scroll="false"
data-unfold-target="#sidebarContent" data-unfold-type="css-animation"
data-unfold-overlay='{ "className": "u-sidebar-bg-overlay", "background": "rgba(0, 0, 0, .7)", "animationSpeed": 500 }' data-unfold-animation-in="fadeInRight"
data-unfold-animation-out="fadeOutRight" data-unfold-duration="500" title="user">
<i class="glph-icon flaticon-user"></i>
</a>
<!-- End Account Sidebar Toggle Button -->
</li>
</ul>
</div>
<div class="site-search ml-xl-0 ml-md-auto w-r-100 flex-grow-1 mr-md-5 mt-2 mt-md-0 py-2 py-md-0">
<div class="form-inline my-2 my-xl-0">
<div class="input-group input-group-borderless w-100">
<input name="search" type="search" id="searchInput"
class="form-control rounded-left-1 px-3 border-right"
placeholder="Search for books by keyword"
aria-label="Amount (to the nearest dollar)" value="">
<div class="input-group-append ml-0">
<select name="collection" onchange="changeUrl(this.name , this.options[this.selectedIndex].value)"
class="d-none d-lg-block custom-select pr-7 pl-4 rounded-0 shadow-none border-0 text-dark">
<option value="" selected>All collections</option>
<option value="75" >Translated Literature (18)</option>
<option value="93" >Poetry & Theatre (1)</option>
<option value="74" >Games & Coloring Books (25)</option>
<option value="56" >Comics & Graphic Novels (46)</option>
<option value="73" >History & Politics (22)</option>
<option value="47" >Personal development (179)</option>
<option value="48" >Novel (493)</option>
<option value="98" >Spirituality (5)</option>
<option value="53" >Science & Technology (23)</option>
<option value="52" >Children's Books (175)</option>
<option value="31" >Education & School Supplies (94)</option>
<option value="82" >Religion (47)</option>
<option value="78" >Used Books (75)</option>
</select>
<a href="javascript:;" class="btn btn-primary-green px-3" id="searchButton" onclick="changeUrl('search' , document.getElementById('searchInput').value)" title="Search for books by keyword LIVRE PLUS">
<i class="mx-1 glph-icon flaticon-loupe text-white"></i></a>
</div>
</div>
</div>
</div>
<ul class="nav d-none d-md-flex justify-content-center" style="min-inline-size: fit-content;">
<li class="nav-item">
<!-- Wishlist Sidebar Toggle Button -->
<a class="nav-link pr-0 text-white position-relative" id="sidebarNavToggler3Nav" href="javascript:;" role="button"
aria-controls="sidebarContent3" aria-haspopup="true" aria-expanded="false" data-unfold-event="click"
data-unfold-hide-on-scroll="false" data-unfold-target="#sidebarContent3" data-unfold-type="css-animation"
data-unfold-overlay='{ "className": "u-sidebar-bg-overlay", "background": "rgba(0, 0, 0, .7)", "animationSpeed": 500 }' da ta-unfold-animation-in="fadeInRight"
data-unfold-animation-out="fadeOutRight" data-unfold-duration="500" title="0">
<span
class="position-absolute bg-primary-green width-16 height-16 rounded-circle d-flex align-items-center justify-content-center text-white font-size-n9 left-0"
id="count_wishList_content">0</span>
<i class="glph-icon flaticon-heart font-size-4"></i>
</a>
<!-- End Wishlist Sidebar Toggle Button -->
</li>
<li class="nav-item">
<!-- Cart Sidebar Toggle Button -->
<a class="nav-link pr-0 text-white position-relative" id="sidebarNavToggler1Nav" href="javascript:;" role="button"
aria-controls="sidebarContent1" aria-haspopup="true" aria-expanded="false" data-unfold-event="click"
data-unfold-hide-on-scroll="false" data-unfold-target="#sidebarContent1" data-unfold-type="css-animation"
data-unfold-overlay='{ "className": "u-sidebar-bg-overlay", "background": "rgba(0, 0, 0, .7)", "animationSpeed": 500 }' data-unfold-animation-in="fadeInRight"
data-unfold-animation-out="fadeOutRight" data-unfold-duration="500" title="0.00 DT">
<span
class="position-absolute bg-primary-green width-16 height-16 rounded-circle d-flex align-items-center justify-content-center text-white font-size-n9 left-0"
id="count_cart_content" >0</span>
<i class="glph-icon flaticon-icon-126515 font-size-4"></i>
<span class="d-none d-xl-inline h6 mb-0 ml-1" id="total_price_cart">0.00 DT</span>
</a>
<!-- End Cart Sidebar Toggle Button -->
</li>
<li class="nav-item">
<!-- Account Sidebar Toggle Button -->
<a id="sidebarNavTogglerNav" href="javascript:;" role="button" class="nav-link text-white"
aria-controls="sidebarContent" aria-haspopup="true" aria-expanded="false" data-unfold-event="click"
data-unfold-hide-on-scroll="false" data-unfold-target="#sidebarContent" data-unfold-type="css-animation"
data-unfold-overlay='{ "className": "u-sidebar-bg-overlay", "background": "rgba(0, 0, 0, .7)", "animationSpeed": 500 }' data-unfold-animation-in="fadeInRight"
data-unfold-animation-out="fadeOutRight" data-unfold-duration="500" title="user">
<i class="glph-icon flaticon-user font-size-4"></i>
</a>
<!-- End Account Sidebar Toggle Button -->
</li>
</ul>
</div>
</div>
</div>
</div>
</header>
<!-- Account Sidebar Navigation -->
<aside id="sidebarContent" class="u-sidebar u-sidebar__lg" aria-labelledby="sidebarNavToggler">
<div class="u-sidebar__scroller">
<div class="u-sidebar__container">
<div class="u-header-sidebar__footer-offset">
<!-- Toggle Button -->
<div class="d-flex align-items-center position-absolute top-0 right-0 z-index-2 mt-5 mr-md-6 mr-4">
<button type="button" class="close ml-auto" aria-controls="sidebarContent" aria-haspopup="true"
aria-expanded="false" data-unfold-event="click" data-unfold-hide-on-scroll="false"
data-unfold-target="#sidebarContent" data-unfold-type="css-animation"
data-unfold-animation-in="fadeInRight" data-unfold-animation-out="fadeOutRight"
data-unfold-duration="500">
<span aria-hidden="true">Close <i class="fas fa-times ml-2"></i></span>
</button>
</div>
<!-- End Toggle Button -->
<!-- Content -->
<div class="js-scrollbar u-sidebar__body">
<div class="u-sidebar__content u-header-sidebar__content">
<!-- Login -->
<div id="login" data-target-group="idForm">
<!-- Title -->
<header class="border-bottom px-4 px-md-6 py-4">
<h2 class="font-size-3 mb-0 d-flex align-items-center">
<i class="flaticon-user mr-3 font-size-5"></i>Account
</h2>
</header>
<!-- End Title -->
<div class="p-4 p-md-6">
<form action="https://livreplus.com/user/login" method="POST">
<input type="hidden" name="_token" value="HEN3OPRTrVicp8tHS5giLr5HENAMb9RTexDq3e09"> <div class="form-group mb-4">
<div class="js-form-message js-focus-state">
<label id="signinEmailLabel" class="form-label" for="signinEmail">Email *</label>
<input type="email" class="form-control rounded-0 height-4 px-4" name="email"
id="signinEmail" placeholder="example@gmail.com" value=""
aria-describedby="signinEmailLabel" required>
</div>
</div>
<div class="form-group mb-4">
<div class="js-form-message js-focus-state">
<label id="signinPasswordLabel" class="form-label" for="signinPassword">Password *</label>
<input type="password" class="form-control rounded-0 height-4 px-4" name="password"
id="signinPassword" placeholder="" aria-label="" value=""
aria-describedby="signinPasswordLabel" required>
</div>
</div>
<div class="d-flex justify-content-between mb-5 align-items-center">
<!-- Checkbox -->
<div class="js-form-message">
<div class="custom-control custom-checkbox d-flex align-items-center text-muted">
<input type="checkbox" class="custom-control-input" id="termsCheckbox" name="termsCheckbox">
<label class="custom-control-label" for="termsCheckbox">
<span class="font-size-2 text-secondary-gray-700">Remember me</span>
</label>
</div>
</div>
<!-- End Checkbox -->
<a class="js-animation-link text-dark font-size-2 t-d-u link-muted font-weight-medium"
href="javascript:;" data-target="#forgotPassword" data-link-group="idForm"
data-animation-in="fadeIn" title="Forgot password?"> Forgot password?
</a>
</div>
<div class="mb-4d75">
<button type="submit" class="btn btn-block py-3 rounded-0 btn-dark">Sign in</button>
</div>
<div class="mb-2">
<a href="javascript:;" id="create_acount" data-target="#signup" data-link-group="idForm"
class="js-animation-link btn btn-block py-3 rounded-0 btn-outline-dark font-weight-medium"
data-animation-in="fadeIn" title="Create Account">Create Account
</a>
</div>
<div class="mb-2">
<a href="https://livreplus.com/signup_company" class="btn btn-block py-3 rounded-0 btn-outline-dark font-weight-medium"
data-animation-in="fadeIn" title="Publisher/Bookstore Registration">Publisher/Bookstore Registration
</a>
</div>
</form>
<hr>
<h5 class="text-center">or</h5>
<div class="login-box">
<a href="https://livreplus.com/login/facebook" class="social-button" id="facebook-connect" title="Sign in with Facebook">
<span>Sign in with Facebook</span>
</a>
<a href="https://livreplus.com/login/google" class="social-button" id="google-connect" title="Sign in with Google">
<span>Sign in with Google</span>
</a>
</div>
</div>
</div>
<!-- End Login -->
<!-- Signup -->
<div id="signup" style="display: none; opacity: 0;" data-target-group="idForm">
<!-- Title -->
<header class="border-bottom px-4 px-md-6 py-4">
<h2 class="font-size-3 mb-0 d-flex align-items-center">
<i class="flaticon-resume mr-3 font-size-5"></i>Create Account
</h2>
</header>
<!-- End Title -->
<div class="p-4 p-md-6">
<form action="https://livreplus.com/user/register" method="POST">
<input type="hidden" name="_token" value="HEN3OPRTrVicp8tHS5giLr5HENAMb9RTexDq3e09"> <div class="form-group mb-4">
<div class="js-form-message js-focus-state">
<label id="signinnameLabel1" class="form-label" for="signinname1">Name *</label>
<input type="text" class="form-control rounded-0 height-4 px-4" name="name"
id="signinname1" placeholder="Name" value=""
aria-describedby="signinEmailLabel1" required>
</div>
</div>
<div class="form-group mb-4">
<div class="js-form-message js-focus-state">
<label id="signinEmailLabel1" class="form-label" for="signinEmail1">Email *</label>
<input type="email" class="form-control rounded-0 height-4 px-4" name="email"
id="signinEmail1" placeholder="Email" value=""
aria-describedby="signinEmailLabel1" required>
</div>
</div>
<div class="form-group mb-4">
<div class="js-form-message js-focus-state">
<label id="signinPasswordLabel1" class="form-label" for="signinPassword1">Password *</label>
<input type="password" class="form-control rounded-0 height-4 px-4" name="password"
id="signinPassword1" placeholder="" aria-label="" value=""
aria-describedby="signinPasswordLabel1" required>
</div>
</div>
<div class="form-group mb-4">
<div class="js-form-message js-focus-state">
<label id="signupConfirmPasswordLabel" class="form-label" for="signupConfirmPassword">Confirm Password *</label>
<input type="password" class="form-control rounded-0 height-4 px-4" name="password_confirmation"
id="signupConfirmPassword" placeholder="" value=""
aria-label="" aria-describedby="signupConfirmPasswordLabel" required>
</div>
</div>
<div class="form-group mb-4">
<div class="js-form-message js-focus-state">
<label id="signupPhoneLabel" class="form-label" for="signupPhone">Phone</label>
<input type="tel" class="form-control rounded-0 height-4 px-4" name="phone" id="signupPhone"
placeholder="" aria-label="" aria-describedby="signupPhoneLabel" value="">
</div>
</div>
<div class="form-group mb-4">
<div class="js-form-message js-focus-state">
<label id="signupAddressLabel" class="form-label" for="signupAddress">Address</label>
<input type="text" class="form-control rounded-0 height-4 px-4" name="address" id="signupAddress"
placeholder="" aria-label="" aria-describedby="signupAddressLabel" value="">
</div>
</div>
<div class="mb-3">
<button type="submit" class="btn btn-block py-3 rounded-0 btn-dark">Create Account</button>
</div>
<div class="text-center mb-4">
<span class="small text-muted">Already have an account?</span>
<a class="js-animation-link small" href="javascript:;" data-target="#login"
data-link-group="idForm" data-animation-in="fadeIn" title="Login">Login
</a>
</div>
</form>
<hr>
<h5 class="text-center">or</h5>
<div class="login-box">
<a href="https://livreplus.com/login/facebook" class="social-button" id="facebook-connect" title="Sign up with Facebook">
<span>Sign up with Facebook</span>
</a>
<a href="https://livreplus.com/login/google" class="social-button" id="google-connect" title="Sign up with Google">
<span> Sign up with Google</span>
</a>
</div>
</div>
</div>
<!-- End Signup -->
<!-- Forgot Password -->
<div id="forgotPassword" style="display: none; opacity: 0;" data-target-group="idForm">
<!-- Title -->
<header class="border-bottom px-4 px-md-6 py-4">
<h2 class="font-size-3 mb-0 d-flex align-items-center">
<i class="flaticon-question mr-3 font-size-5"></i>Forgot password?
</h2>
</header>
<!-- End Title -->
<div class="p-4 p-md-6">
<form action="https://livreplus.com/user/reset" method="POST">
<input type="hidden" name="_token" value="HEN3OPRTrVicp8tHS5giLr5HENAMb9RTexDq3e09"> <div class="form-group mb-4">
<div class="js-form-message js-focus-state">
<label id="signinEmailLabel3" class="form-label" for="signinEmail3">Email *</label>
<input type="email" class="form-control rounded-0 height-4 px-4" name="email"
id="signinEmail3" placeholder="" aria-label="" aria-describedby="signinEmailLabel3" required>
</div>
</div>
<div class="mb-3">
<button type="submit"
class="btn btn-block py-3 rounded-0 btn-dark">Recover password</button>
</div>
<div class="text-center mb-4">
<span class="small text-muted">Remember your password?</span>
<a class="js-animation-link small" href="javascript:;" data-target="#login"
data-link-group="idForm" data-animation-in="fadeIn" title="Login">Login
</a>
</div>
</form>
</div>
</div>
<!-- End Forgot Password -->
</div>
</div>
<!-- End Content -->
</div>
</div>
</div>
</aside>
<!-- End Account Sidebar Navigation -->
<!-- Cart Sidebar Navigation -->
<aside id="sidebarContent1" class="u-sidebar u-sidebar__xl" aria-labelledby="sidebarNavToggler1">
<div class="u-sidebar__scroller js-scrollbar">
<div class="u-sidebar__container">
<div class="u-header-sidebar__footer-offset">
<!-- Toggle Button -->
<div class="d-flex align-items-center position-absolute top-0 right-0 z-index-2 mt-5 mr-md-6 mr-4">
<button type="button" class="close ml-auto" aria-controls="sidebarContent1" aria-haspopup="true"
aria-expanded="false" data-unfold-event="click" data-unfold-hide-on-scroll="false"
data-unfold-target="#sidebarContent1" data-unfold-type="css-animation"
data-unfold-animation-in="fadeInRight" data-unfold-animation-out="fadeOutRight"
data-unfold-duration="500">
<span aria-hidden="true">Close <i class="fas fa-times ml-2"></i></span>
</button>
</div>
<!-- End Toggle Button -->
<!-- Content -->
<div class="u-sidebar__body" id="cart_content">
<div class="u-sidebar__content u-header-sidebar__content">
<!-- Title -->
<header class="border-bottom px-4 px-md-6 py-4">
<h2 class="font-size-3 mb-0 d-flex align-items-center">
<i class="flaticon-icon-126515 mr-3 font-size-5"></i>Your cart(0)</h2>
</header><div class="px-4 py-5 px-md-6 d-flex justify-content-between align-items-center font-size-3">
<h4 class="mb-0 font-size-3">Subtotal:</h4>
<div class="font-weight-medium">0.00DT</div>
</div>
<div class="px-4 mb-8 px-md-6">
<a href="https://livreplus.com/cart" class="btn btn-block py-4 rounded-0 btn-outline-dark mb-4">View Cart</a>
<a href="https://livreplus.com/location-shipping" class="btn btn-block py-4 rounded-0 btn-dark">Checkout</a>
</div>
</div>
</div>
<!-- End Content -->
</div>
</div>
</div>
</aside>
<!-- End Cart Sidebar Navigation -->
<!-- Collections Sidebar Navigation -->
<aside id="sidebarContent2" class="u-sidebar u-sidebar__md u-sidebar--left"
aria-labelledby="sidebarNavToggler2">
<div class="u-sidebar__scroller js-scrollbar">
<div class="u-sidebar__container">
<div class="u-header-sidebar__footer-offset">
<!-- Content -->
<div class="u-sidebar__body">
<div class="u-sidebar__content u-header-sidebar__content">
<!-- Title -->
<header
class="border-bottom px-4 px-md-5 py-4 d-flex align-items-center justify-content-between">
<h2 class="font-size-3 mb-0">Shop by collection</h2>
<!-- Toggle Button -->
<div class="d-flex align-items-center">
<button type="button" class="close ml-auto" aria-controls="sidebarContent2"
aria-haspopup="true" aria-expanded="false" data-unfold-event="click"
data-unfold-hide-on-scroll="false" data-unfold-target="#sidebarContent2"
data-unfold-type="css-animation" data-unfold-animation-in="fadeInLeft"
data-unfold-animation-out="fadeOutLeft" data-unfold-duration="500">
<span aria-hidden="true"><i class="fas fa-times ml-2"></i></span>
</button>
</div>
<!-- End Toggle Button -->
</header>
<!-- End Title -->
<div class="border-bottom">
<div class="zeynep zeynep-cat-menu pt-4">
<ul>
<li>
<a
href="https://livreplus.com/search?collection=75" title="Collection Translated Literature LIVRE PLUS">Translated Literature</a>
</li>
<li>
<a
href="https://livreplus.com/search?collection=93" title="Collection Poetry & Theatre LIVRE PLUS">Poetry & Theatre</a>
</li>
<li>
<a
href="https://livreplus.com/search?collection=74" title="Collection Games & Coloring Books LIVRE PLUS">Games & Coloring Books</a>
</li>
<li>
<a
href="https://livreplus.com/search?collection=56" title="Collection Comics & Graphic Novels LIVRE PLUS">Comics & Graphic Novels</a>
</li>
<li>
<a
href="https://livreplus.com/search?collection=73" title="Collection History & Politics LIVRE PLUS">History & Politics</a>
</li>
<li>
<a
href="https://livreplus.com/search?collection=47" title="Collection Personal development LIVRE PLUS">Personal development</a>
</li>
<li>
<a
href="https://livreplus.com/search?collection=48" title="Collection Novel LIVRE PLUS">Novel</a>
</li>
<li>
<a
href="https://livreplus.com/search?collection=98" title="Collection Spirituality LIVRE PLUS">Spirituality</a>
</li>
<li>
<a
href="https://livreplus.com/search?collection=53" title="Collection Science & Technology LIVRE PLUS">Science & Technology</a>
</li>
<li>
<a
href="https://livreplus.com/search?collection=52" title="Collection Children's Books LIVRE PLUS">Children's Books</a>
</li>
<li>
<a
href="https://livreplus.com/search?collection=31" title="Collection Education & School Supplies LIVRE PLUS">Education & School Supplies</a>
</li>
<li>
<a
href="https://livreplus.com/search?collection=82" title="Collection Religion LIVRE PLUS">Religion</a>
</li>
<li>
<a
href="https://livreplus.com/search?collection=78" title="Collection Used Books LIVRE PLUS">Used Books</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<!-- End Content -->
</div>
</div>
</div>
</aside>
<!-- End Collections Sidebar Navigation -->
<!-- Wishlist Sidebar Navigation -->
<aside id="sidebarContent3" class="u-sidebar u-sidebar__xl" aria-labelledby="sidebarNavToggler3">
<div class="u-sidebar__scroller js-scrollbar">
<div class="u-sidebar__container">
<div class="u-header-sidebar__footer-offset">
<!-- Toggle Button -->
<div class="d-flex align-items-center position-absolute top-0 right-0 z-index-2 mt-5 mr-md-6 mr-4">
<button type="button" class="close ml-auto" aria-controls="sidebarContent3" aria-haspopup="true"
aria-expanded="false" data-unfold-event="click" data-unfold-hide-on-scroll="false"
data-unfold-target="#sidebarContent3" data-unfold-type="css-animation"
data-unfold-animation-in="fadeInRight" data-unfold-animation-out="fadeOutRight"
data-unfold-duration="500">
<span aria-hidden="true">Close <i class="fas fa-times ml-2"></i></span>
</button>
</div>
<!-- End Toggle Button -->
<!-- Content -->
<div class="u-sidebar__body" id="wishlist_content">
<div class="u-sidebar__content u-header-sidebar__content">
<!-- Title -->
<header class="border-bottom px-4 px-md-6 py-4">
<h2 class="font-size-3 mb-0 d-flex align-items-center"><i class="flaticon-icon-126515 mr-3 font-size-5"></i>
Your Wishlist(0)</h2>
</header><div class="px-4 py-5 px-md-6 d-flex justify-content-between align-items-center font-size-3">
<h4 class="mb-0 font-size-3">Subtotal:</h4>
<div class="font-weight-medium">0.00DT</div>
</div>
<div class="px-4 mb-8 px-md-6">
<a href="https://livreplus.com/wishlist" class="btn btn-block py-4 rounded-0 btn-outline-dark mb-4">View Wishlist</a>
</div>
</div>
</div>
<!-- End Content -->
</div>
</div>
</div>
</aside>
<!-- End Wishlist Sidebar Navigation -->
<!-- Menu Sidebar Navigation -->
<aside id="sidebarContent4"
class="u-sidebar u-sidebar__md"
aria-labelledby="sidebarNavToggler4">
<div class="u-sidebar__scroller js-scrollbar">
<div class="u-sidebar__container">
<div class="u-header-sidebar__footer-offset">
<!-- Content -->
<div class="u-sidebar__body">
<div class="u-sidebar__content u-header-sidebar__content">
<!-- Title -->
<header
class="border-bottom px-4 px-md-5 py-4 d-flex align-items-center justify-content-between">
<h2 class="font-size-3 mb-0">Menu</h2>
<!-- Toggle Button -->
<div class="d-flex align-items-center">
<button type="button" class="close ml-auto" aria-controls="sidebarContent4"
aria-haspopup="true" aria-expanded="false" data-unfold-event="click"
data-unfold-hide-on-scroll="false" data-unfold-target="#sidebarContent4"
data-unfold-type="css-animation" data-unfold-animation-in="fadeInRight"
data-unfold-animation-out="fadeOutRight" data-unfold-duration="500">
<span aria-hidden="true"><i class="fas fa-times ml-2"></i></span>
</button>
</div>
<!-- End Toggle Button -->
</header>
<!-- End Title -->
<div class="border-bottom">
<div class="zeynep zeynep-main-menu pt-4">
<ul>
<li><a href="https://livreplus.com/home" title="Home LIVRE PLUS">Home</a></li>
<li><a href="https://livreplus.com/about" title="About us LIVRE PLUS">About us</a></li>
<li><a href="https://livreplus.com/search" title="Books LIVRE PLUS">Books</a></li>
<li class="has-submenu">
<a href="#" data-submenu="colls" title="Collections LIVRE PLUS">Collections</a>
<div id="colls" class="submenu js-scrollbar">
<div class="submenu-header" data-submenu-close="colls">
<a href="#" title="Back LIVRE PLUS">Back</a>
</div>
<ul>
<li>
<a href="https://livreplus.com/search?collection=75" title="Translated Literature LIVRE PLUS">Translated Literature</a>
</li>
<li>
<a href="https://livreplus.com/search?collection=93" title="Poetry & Theatre LIVRE PLUS">Poetry & Theatre</a>
</li>
<li>
<a href="https://livreplus.com/search?collection=74" title="Games & Coloring Books LIVRE PLUS">Games & Coloring Books</a>
</li>
<li>
<a href="https://livreplus.com/search?collection=56" title="Comics & Graphic Novels LIVRE PLUS">Comics & Graphic Novels</a>
</li>
<li>
<a href="https://livreplus.com/search?collection=73" title="History & Politics LIVRE PLUS">History & Politics</a>
</li>
<li>
<a href="https://livreplus.com/search?collection=47" title="Personal development LIVRE PLUS">Personal development</a>
</li>
<li>
<a href="https://livreplus.com/search?collection=48" title="Novel LIVRE PLUS">Novel</a>
</li>
<li>
<a href="https://livreplus.com/search?collection=98" title="Spirituality LIVRE PLUS">Spirituality</a>
</li>
<li>
<a href="https://livreplus.com/search?collection=53" title="Science & Technology LIVRE PLUS">Science & Technology</a>
</li>
<li>
<a href="https://livreplus.com/search?collection=52" title="Children's Books LIVRE PLUS">Children's Books</a>
</li>
<li>
<a href="https://livreplus.com/search?collection=31" title="Education & School Supplies LIVRE PLUS">Education & School Supplies</a>
</li>
<li>
<a href="https://livreplus.com/search?collection=82" title="Religion LIVRE PLUS">Religion</a>
</li>
<li>
<a href="https://livreplus.com/search?collection=78" title="Used Books LIVRE PLUS">Used Books</a>
</li>
</ul>
</div>
<li><a href="https://livreplus.com/blog-list" title="Blog LIVRE PLUS">Blog</a></li>
<li><a href="https://livreplus.com/contact" title="Contact us LIVRE PLUS">Contact us</a></li>
</ul>
<ul>
</ul>
</div>
</div>
<div class="px-4 px-md-5 pt-5 pb-4 border-bottom">
<h2 class="font-size-3 mb-3"> Help & Settings </h2>
<ul class="list-group list-group-flush list-group-borderless">
<li class="list-group-item px-0 py-2 border-0"><a
href="https://livreplus.com/login/user"
class="h-primary">Your account</a></li>
<li class="list-group-item px-0 py-2 border-0"><a href="https://livreplus.com/contact"
class="h-primary" title="Help LIVRE PLUS">Help</a></li>
<li class="list-group-item px-0 py-2 border-0"><a
href="https://livreplus.com/login/user"
class="h-primary">Sign in</a>
</li>
</ul>
</div>
<div class="px-4 px-md-5 py-5">
<select class="changeLang custom-select mb-4 rounded-0 pl-4 height-4 shadow-none text-dark">
<option value="https://livreplus.com/lang/ar"
>
Arabic
</option>
<option value="https://livreplus.com/lang/en"
selected>
English
</option>
<option value="https://livreplus.com/lang/fr"
>
French
</option>
</select>
<select class="selectCurrency custom-select mb-4 rounded-0 pl-4 height-4 shadow-none text-dark">
<option value="https://livreplus.com/currency/EUR"
>
€ EUR</option>
<option value="https://livreplus.com/currency/TND"
selected>
DT TND</option>
<option value="https://livreplus.com/currency/USD"
>
$ USD</option>
</select>
<!-- Social Networks -->
<ul class="list-inline mb-0">
<li class="list-inline-item">
<a class="h-primary pr-2 font-size-2" href="https://www.instagram.com/livre.plus" title="instagram LIVRE PLUS" target="_blank">
<span class="fab fa-instagram btn-icon__inner"></span>
</a>
</li>
<li class="list-inline-item">
<a class="h-primary pr-2 font-size-2" href="https://www.facebook.com/livrepluss.tn" title="facebook LIVRE PLUS" target="_blank">
<span class="fab fa-facebook-f btn-icon__inner"></span>
</a>
</li>
</ul>
<!-- End Social Networks -->
</div>
</div>
</div>
<!-- End Content -->
</div>
</div>
</div>
</aside>
<!-- End Menu Sidebar Navigation -->
<!-- ==== END HEADER CONTENT ===== -->
<!-- ===== MAIN CONTENT ====== -->
<h1 style="display: none">LIVRE PLUS Vente et achat des livres en ligne Tunisie</h1>
<h2 style="display: none">LIVRE PLUS Vente et achat des livres en ligne Tunisie</h2>
<h3 style="display: none">LIVRE PLUS Vente et achat des livres en ligne Tunisie</h3>
<h4 style="display: none">LIVRE PLUS Vente et achat des livres en ligne Tunisie</h4>
<h5 style="display: none">LIVRE PLUS Vente et achat des livres en ligne Tunisie</h5>
<h6 style="display: none">LIVRE PLUS Vente et achat des livres en ligne Tunisie</h6>
<div class="bg-img-hero img-fluid mb-5" style="background-image: url(bookworm/assets/img/1920x600/img1.jpg);">
<div class="px-3 px-lg-10 py-3 py-lg-10 space-top-xl-3 space-bottom-xl-1">
<div class="js-slick-carousel u-slick" data-slick='{"autoplay": true, "autoplaySpeed": 5000}'
data-pagi-classes="text-center u-slick__pagination u-slick__pagination mb-0 mt-5" data-arrows-classes="d-none d-lg-block u-slick__arrow u-slick__arrow--v2 u-slick__arrow-centered--y"
data-arrow-left-classes="flaticon-back u-slick__arrow-inner u-slick__arrow-inner--left ml-lg-n9 ml-xl-n10"
data-arrow-right-classes="flaticon-next u-slick__arrow-inner u-slick__arrow-inner--right mr-lg-n9 mr-xl-n10">
<div class="pt-xl-3">
<div class="row ml-plus-310" >
<div class="col-12 col-md-6">
<div class="media d-block d-lg-flex">
<div class="media-body align-self-center mb-4 mb-lg-0">
<p class="banner__pretitle text-uppercase text-gray-400 font-weight-bold mb-2"
data-scs-animation-in="fadeInUp" data-scs-animation-delay="200">Livre Plus Publishing
</p>
<h2 class="font-size-12 mb-1" data-scs-animation-in="fadeInUp" data-scs-animation-delay="300">
<span class="hero__title-line-1 font-weight-regular d-block">حي الهجاجل</span>
<span class="hero__title-line-2 font-weight-bold d-block">Sana Guebsi ✏️</span>
</h2>
<div class="font-size-2 text-secondary-gray-700" data-scs-animation-in="fadeInUp" data-scs-animation-delay="300">
<p>New Arrivals – Arabic Version</p></div>
<div>
<a href="https://livreplus.com/product/detail/hy-alhgagl-2601251919-472" class="banner_btn btn btn-wide btn-dark rounded-0 text-white"
data-scs-animation-in="fadeInLeft" data-scs-animation-delay="400" title="Order Now LIVRE PLUS">Order Now
</a>
</div>
</div>
</div>
</div>
<div class="col-12 col-md-6" data-scs-animation-in="fadeInRight" data-scs-animation-delay="500" style="text-align: -webkit-center;">
<img id="img_banner_62"
src="https://livreplus.com/storage/photos/shares/banners/69722eafcd965.png.webp"
class="img-fluid"
alt="حي الهجاجل"
width="420"
height="300"
fetchpriority="high" loading="eager" decoding="async"
style="max-height: 300px; width: auto; max-width: -webkit-fill-available;">
</div>
</div>
</div>
</div>
</div>
</div>
<section class="space-3 small">
<div class="container" style="overflow: hidden">
<header class="d-flex justify-content-between align-items-center mb-5">
<h2 class="font-size-7 mb-0">Featured books</h2>
</header>
<ul class="mb-0 js-slick-carousel u-slick u-slick--gutters-3 pl-0 products"
data-arrows-classes="d-block u-slick__arrow u-slick__arrow-centered--y"
data-arrow-left-classes="fas flaticon-back u-slick__arrow-inner u-slick__arrow-inner--left"
data-arrow-right-classes="fas flaticon-next u-slick__arrow-inner u-slick__arrow-inner--right"
data-slides-show="6" data-slick='{"autoplay": true, "autoplaySpeed": 5000}'
data-responsive='[{"breakpoint": 1480,"settings": {"slidesToShow": 5}},{"breakpoint": 1200,"settings": {"slidesToShow": 4}},{"breakpoint": 992,"settings": {"slidesToShow": 3}},{"breakpoint": 768,"settings": {"slidesToShow": 2}},{"breakpoint": 576,"settings": {"slidesToShow": 2}}]'>
<li class="product product__space border rounded-md py-3">
<div class="product__inner overflow-hidden p-3 p-3 p-md-4d875" style="position: relative">
<div class="loading" id="loading_8480091526ab6ce3476ec6086470738"><i class="fas fa-spinner fa-spin fa-3x"></i></div>
<div class="woocommerce-LoopProduct-link woocommerce-loop-product__link d-block position-relative">
<div class="woocommerce-loop-product__thumbnail fixedProduct">
<a href="https://livreplus.com/product/detail/great-leaders-have-no-rules" class="d-block" title="Buy Book Great Leaders Have No Rules LIVRE PLUS">
<img name="img_product_1416"
src="https://livreplus.com/storage/photos/shares/books/6888d033aa406.jpg.webp"
class="mx-auto attachment-shop_catalog size-shop_catalog wp-post-image img-fluid"
loading="lazy"
decoding="async"
width="180"
height="240"
style="box-shadow: black 0px 0px 5px -1px, rgba(255, 255, 255, 0.5) -1px 1px 2px inset; border-radius: 5px; background-repeat: no-repeat; background-size: contain; background-position: center;"
alt="Great Leaders Have No Rules">
</a>
<span class="badge badge-md badge-info position-absolute badge-pos--top-left text-white rounded-circle d-none d-md-flex flex-column align-items-center justify-content-center">Featured</span>
<span class="badge badge-sm badge-info position-absolute badge-pos--top-left text-white rounded-circle d-flex d-md-none flex-column align-items-center justify-content-center width-30 height-30 font-size-n9">Featured</span>
</div>
<div class="woocommerce-loop-product__body product__body pt-3 text-center">
<div class="text-uppercase font-size-1 mb-1 text-truncate">
<a href="https://livreplus.com/search?edition=450" title="Edition Rodale LIVRE PLUS">Rodale</a>
</div>
<h2 class="woocommerce-loop-product__title product__title h6 text-lh-md mb-1 text-height-2 crop-text-2 h-dark">
<a href="https://livreplus.com/product/detail/great-leaders-have-no-rules" title="Book Great Leaders Have No Rules LIVRE PLUS">Great Leaders Have No Rules</a>
</h2>
<div class="font-size-2 mb-1 text-truncate">
<a href="https://livreplus.com/search?author=963" class="text-gray-700" title="Author Kevin Kruse LIVRE PLUS">Kevin Kruse</a>
</div>
<div class="price d-block align-items-center font-weight-medium font-size-3">
<span class="woocommerce-Price-amount amount">
30.00
<span class="woocommerce-Price-currencySymbol">DT</span>
</span>
</div>
<!--
<div class="product__rating d-flex align-items-center font-size-2">
<div class="text-yellow-darker mr-2">
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="far fa-star"></small>
<small class="far fa-star"></small>
</div>
<div class="">(3,714)</div>
</div>
-->
<span class="badge badge-md badge-primary text-white position-absolute d-flex flex-column align-items-center justify-content-center"
style="width: auto; height: auto; transform: translate(0px,-125px); --f: 10px; --r: 15px; --t: 10px; inset: var(--t) calc(-1*var(--f)) auto auto; padding: 0 10px var(--f) calc(10px + var(--r)); clip-path: polygon(0 0,100% 0,100% calc(100% - var(--f)),calc(100% - var(--f)) 100%, calc(100% - var(--f)) calc(100% - var(--f)),0 calc(100% - var(--f)), var(--r) calc(50% - var(--f)/2)); box-shadow: 0 calc(-1*var(--f)) 0 inset #0005;">
Personal development</span>
</div>
<div class="product__hover d-flex align-items-center">
<a href="https://livreplus.com/add-to-cart/great-leaders-have-no-rules" data-id="8480091526ab6ce3476ec6086470738" class="text-uppercase text-dark h-dark font-weight-medium mr-auto addtocart" title="Add to cart Book Great Leaders Have No Rules LIVRE PLUS">
<span class="product__add-to-cart">Add to cart</span>
<span class="product__add-to-cart-icon font-size-4"><i class="flaticon-icon-126515"></i></span>
</a>
<a href="https://livreplus.com/product/detail/great-leaders-have-no-rules" class="mr-1 h-p-bg border-0 btn btn-outline-primary" title="View Book Great Leaders Have No Rules LIVRE PLUS">
<i class="flaticon-view"></i>
</a>
<a href="https://livreplus.com/wishlist/great-leaders-have-no-rules" data-id="8480091526ab6ce3476ec6086470738" class="h-p-bg border-0 btn-outline-primary addtoWishList" title="Add to wishlist Book Great Leaders Have No Rules LIVRE PLUS">
<i class="flaticon-heart"></i>
</a>
</div>
</div>
</div>
</li>
<li class="product product__space border rounded-md py-3">
<div class="product__inner overflow-hidden p-3 p-3 p-md-4d875" style="position: relative">
<div class="loading" id="loading_11676640796ab6ce347e70b835570725"><i class="fas fa-spinner fa-spin fa-3x"></i></div>
<div class="woocommerce-LoopProduct-link woocommerce-loop-product__link d-block position-relative">
<div class="woocommerce-loop-product__thumbnail fixedProduct">
<a href="https://livreplus.com/product/detail/the-power-of-giving-away-power" class="d-block" title="Buy Book The Power of Giving Away Power LIVRE PLUS">
<img name="img_product_1415"
src="https://livreplus.com/storage/photos/shares/books/6888d035ce886.jpg.webp"
class="mx-auto attachment-shop_catalog size-shop_catalog wp-post-image img-fluid"
loading="lazy"
decoding="async"
width="180"
height="240"
style="box-shadow: black 0px 0px 5px -1px, rgba(255, 255, 255, 0.5) -1px 1px 2px inset; border-radius: 5px; background-repeat: no-repeat; background-size: contain; background-position: center;"
alt="The Power of Giving Away Power">
</a>
<span class="badge badge-md badge-info position-absolute badge-pos--top-left text-white rounded-circle d-none d-md-flex flex-column align-items-center justify-content-center">Featured</span>
<span class="badge badge-sm badge-info position-absolute badge-pos--top-left text-white rounded-circle d-flex d-md-none flex-column align-items-center justify-content-center width-30 height-30 font-size-n9">Featured</span>
</div>
<div class="woocommerce-loop-product__body product__body pt-3 text-center">
<div class="text-uppercase font-size-1 mb-1 text-truncate">
<a href="https://livreplus.com/search?edition=449" title="Edition Optimism Press LIVRE PLUS">Optimism Press</a>
</div>
<h2 class="woocommerce-loop-product__title product__title h6 text-lh-md mb-1 text-height-2 crop-text-2 h-dark">
<a href="https://livreplus.com/product/detail/the-power-of-giving-away-power" title="Book The Power of Giving Away Power LIVRE PLUS">The Power of Giving Away Power</a>
</h2>
<div class="font-size-2 mb-1 text-truncate">
<a href="https://livreplus.com/search?author=962" class="text-gray-700" title="Author Matthew Barzun LIVRE PLUS">Matthew Barzun</a>
</div>
<div class="price d-block align-items-center font-weight-medium font-size-3">
<span class="woocommerce-Price-amount amount">
25.00
<span class="woocommerce-Price-currencySymbol">DT</span>
</span>
</div>
<!--
<div class="product__rating d-flex align-items-center font-size-2">
<div class="text-yellow-darker mr-2">
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="far fa-star"></small>
<small class="far fa-star"></small>
</div>
<div class="">(3,714)</div>
</div>
-->
<span class="badge badge-md badge-primary text-white position-absolute d-flex flex-column align-items-center justify-content-center"
style="width: auto; height: auto; transform: translate(0px,-125px); --f: 10px; --r: 15px; --t: 10px; inset: var(--t) calc(-1*var(--f)) auto auto; padding: 0 10px var(--f) calc(10px + var(--r)); clip-path: polygon(0 0,100% 0,100% calc(100% - var(--f)),calc(100% - var(--f)) 100%, calc(100% - var(--f)) calc(100% - var(--f)),0 calc(100% - var(--f)), var(--r) calc(50% - var(--f)/2)); box-shadow: 0 calc(-1*var(--f)) 0 inset #0005;">
Personal development</span>
</div>
<div class="product__hover d-flex align-items-center">
<a href="https://livreplus.com/add-to-cart/the-power-of-giving-away-power" data-id="11676640796ab6ce347e70b835570725" class="text-uppercase text-dark h-dark font-weight-medium mr-auto addtocart" title="Add to cart Book The Power of Giving Away Power LIVRE PLUS">
<span class="product__add-to-cart">Add to cart</span>
<span class="product__add-to-cart-icon font-size-4"><i class="flaticon-icon-126515"></i></span>
</a>
<a href="https://livreplus.com/product/detail/the-power-of-giving-away-power" class="mr-1 h-p-bg border-0 btn btn-outline-primary" title="View Book The Power of Giving Away Power LIVRE PLUS">
<i class="flaticon-view"></i>
</a>
<a href="https://livreplus.com/wishlist/the-power-of-giving-away-power" data-id="11676640796ab6ce347e70b835570725" class="h-p-bg border-0 btn-outline-primary addtoWishList" title="Add to wishlist Book The Power of Giving Away Power LIVRE PLUS">
<i class="flaticon-heart"></i>
</a>
</div>
</div>
</div>
</li>
<li class="product product__space border rounded-md py-3">
<div class="product__inner overflow-hidden p-3 p-3 p-md-4d875" style="position: relative">
<div class="loading" id="loading_13020967416ab6ce347f316596616744"><i class="fas fa-spinner fa-spin fa-3x"></i></div>
<div class="woocommerce-LoopProduct-link woocommerce-loop-product__link d-block position-relative">
<div class="woocommerce-loop-product__thumbnail fixedProduct">
<a href="https://livreplus.com/product/detail/blue-skies-2509030319-289" class="d-block" title="Buy Book Blue Skies LIVRE PLUS">
<img name="img_product_1414"
src="https://livreplus.com/storage/photos/shares/books/6888d033bdb43.jpg.webp"
class="mx-auto attachment-shop_catalog size-shop_catalog wp-post-image img-fluid"
loading="lazy"
decoding="async"
width="180"
height="240"
style="box-shadow: black 0px 0px 5px -1px, rgba(255, 255, 255, 0.5) -1px 1px 2px inset; border-radius: 5px; background-repeat: no-repeat; background-size: contain; background-position: center;"
alt="Blue Skies">
</a>
<span class="badge badge-md badge-info position-absolute badge-pos--top-left text-white rounded-circle d-none d-md-flex flex-column align-items-center justify-content-center">Featured</span>
<span class="badge badge-sm badge-info position-absolute badge-pos--top-left text-white rounded-circle d-flex d-md-none flex-column align-items-center justify-content-center width-30 height-30 font-size-n9">Featured</span>
</div>
<div class="woocommerce-loop-product__body product__body pt-3 text-center">
<div class="text-uppercase font-size-1 mb-1 text-truncate">
<a href="https://livreplus.com/search?edition=360" title="Edition St. Martin's Press LIVRE PLUS">St. Martin's Press</a>
</div>
<h2 class="woocommerce-loop-product__title product__title h6 text-lh-md mb-1 text-height-2 crop-text-2 h-dark">
<a href="https://livreplus.com/product/detail/blue-skies-2509030319-289" title="Book Blue Skies LIVRE PLUS">Blue Skies</a>
</h2>
<div class="font-size-2 mb-1 text-truncate">
<a href="https://livreplus.com/search?author=952" class="text-gray-700" title="Author Nora Roberts LIVRE PLUS">Nora Roberts</a>
</div>
<div class="price d-block align-items-center font-weight-medium font-size-3">
<span class="woocommerce-Price-amount amount">
20.00
<span class="woocommerce-Price-currencySymbol">DT</span>
</span>
</div>
<!--
<div class="product__rating d-flex align-items-center font-size-2">
<div class="text-yellow-darker mr-2">
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="far fa-star"></small>
<small class="far fa-star"></small>
</div>
<div class="">(3,714)</div>
</div>
-->
<span class="badge badge-md badge-primary text-white position-absolute d-flex flex-column align-items-center justify-content-center"
style="width: auto; height: auto; transform: translate(0px,-125px); --f: 10px; --r: 15px; --t: 10px; inset: var(--t) calc(-1*var(--f)) auto auto; padding: 0 10px var(--f) calc(10px + var(--r)); clip-path: polygon(0 0,100% 0,100% calc(100% - var(--f)),calc(100% - var(--f)) 100%, calc(100% - var(--f)) calc(100% - var(--f)),0 calc(100% - var(--f)), var(--r) calc(50% - var(--f)/2)); box-shadow: 0 calc(-1*var(--f)) 0 inset #0005;">
Novel</span>
</div>
<div class="product__hover d-flex align-items-center">
<a href="https://livreplus.com/add-to-cart/blue-skies-2509030319-289" data-id="13020967416ab6ce347f316596616744" class="text-uppercase text-dark h-dark font-weight-medium mr-auto addtocart" title="Add to cart Book Blue Skies LIVRE PLUS">
<span class="product__add-to-cart">Add to cart</span>
<span class="product__add-to-cart-icon font-size-4"><i class="flaticon-icon-126515"></i></span>
</a>
<a href="https://livreplus.com/product/detail/blue-skies-2509030319-289" class="mr-1 h-p-bg border-0 btn btn-outline-primary" title="View Book Blue Skies LIVRE PLUS">
<i class="flaticon-view"></i>
</a>
<a href="https://livreplus.com/wishlist/blue-skies-2509030319-289" data-id="13020967416ab6ce347f316596616744" class="h-p-bg border-0 btn-outline-primary addtoWishList" title="Add to wishlist Book Blue Skies LIVRE PLUS">
<i class="flaticon-heart"></i>
</a>
</div>
</div>
</div>
</li>
<li class="product product__space border rounded-md py-3">
<div class="product__inner overflow-hidden p-3 p-3 p-md-4d875" style="position: relative">
<div class="loading" id="loading_1436654656ab6ce3480869938562862"><i class="fas fa-spinner fa-spin fa-3x"></i></div>
<div class="woocommerce-LoopProduct-link woocommerce-loop-product__link d-block position-relative">
<div class="woocommerce-loop-product__thumbnail fixedProduct">
<a href="https://livreplus.com/product/detail/graceful-hearts-2509030425-588" class="d-block" title="Buy Book Graceful Hearts LIVRE PLUS">
<img name="img_product_1413"
src="https://livreplus.com/storage/photos/shares/books/6888d03285ab7.jpg.webp"
class="mx-auto attachment-shop_catalog size-shop_catalog wp-post-image img-fluid"
loading="lazy"
decoding="async"
width="180"
height="240"
style="box-shadow: black 0px 0px 5px -1px, rgba(255, 255, 255, 0.5) -1px 1px 2px inset; border-radius: 5px; background-repeat: no-repeat; background-size: contain; background-position: center;"
alt="Graceful Hearts">
</a>
<span class="badge badge-md badge-info position-absolute badge-pos--top-left text-white rounded-circle d-none d-md-flex flex-column align-items-center justify-content-center">Featured</span>
<span class="badge badge-sm badge-info position-absolute badge-pos--top-left text-white rounded-circle d-flex d-md-none flex-column align-items-center justify-content-center width-30 height-30 font-size-n9">Featured</span>
</div>
<div class="woocommerce-loop-product__body product__body pt-3 text-center">
<div class="text-uppercase font-size-1 mb-1 text-truncate">
<a href="https://livreplus.com/search?edition=360" title="Edition St. Martin's Press LIVRE PLUS">St. Martin's Press</a>
</div>
<h2 class="woocommerce-loop-product__title product__title h6 text-lh-md mb-1 text-height-2 crop-text-2 h-dark">
<a href="https://livreplus.com/product/detail/graceful-hearts-2509030425-588" title="Book Graceful Hearts LIVRE PLUS">Graceful Hearts</a>
</h2>
<div class="font-size-2 mb-1 text-truncate">
<a href="https://livreplus.com/search?author=952" class="text-gray-700" title="Author Nora Roberts LIVRE PLUS">Nora Roberts</a>
</div>
<div class="price d-block align-items-center font-weight-medium font-size-3">
<span class="woocommerce-Price-amount amount">
20.00
<span class="woocommerce-Price-currencySymbol">DT</span>
</span>
</div>
<!--
<div class="product__rating d-flex align-items-center font-size-2">
<div class="text-yellow-darker mr-2">
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="far fa-star"></small>
<small class="far fa-star"></small>
</div>
<div class="">(3,714)</div>
</div>
-->
<span class="badge badge-md badge-primary text-white position-absolute d-flex flex-column align-items-center justify-content-center"
style="width: auto; height: auto; transform: translate(0px,-125px); --f: 10px; --r: 15px; --t: 10px; inset: var(--t) calc(-1*var(--f)) auto auto; padding: 0 10px var(--f) calc(10px + var(--r)); clip-path: polygon(0 0,100% 0,100% calc(100% - var(--f)),calc(100% - var(--f)) 100%, calc(100% - var(--f)) calc(100% - var(--f)),0 calc(100% - var(--f)), var(--r) calc(50% - var(--f)/2)); box-shadow: 0 calc(-1*var(--f)) 0 inset #0005;">
Novel</span>
</div>
<div class="product__hover d-flex align-items-center">
<a href="https://livreplus.com/add-to-cart/graceful-hearts-2509030425-588" data-id="1436654656ab6ce3480869938562862" class="text-uppercase text-dark h-dark font-weight-medium mr-auto addtocart" title="Add to cart Book Graceful Hearts LIVRE PLUS">
<span class="product__add-to-cart">Add to cart</span>
<span class="product__add-to-cart-icon font-size-4"><i class="flaticon-icon-126515"></i></span>
</a>
<a href="https://livreplus.com/product/detail/graceful-hearts-2509030425-588" class="mr-1 h-p-bg border-0 btn btn-outline-primary" title="View Book Graceful Hearts LIVRE PLUS">
<i class="flaticon-view"></i>
</a>
<a href="https://livreplus.com/wishlist/graceful-hearts-2509030425-588" data-id="1436654656ab6ce3480869938562862" class="h-p-bg border-0 btn-outline-primary addtoWishList" title="Add to wishlist Book Graceful Hearts LIVRE PLUS">
<i class="flaticon-heart"></i>
</a>
</div>
</div>
</div>
</li>
<li class="product product__space border rounded-md py-3">
<div class="product__inner overflow-hidden p-3 p-3 p-md-4d875" style="position: relative">
<div class="loading" id="loading_12849592596ab6ce3481ce7223520587"><i class="fas fa-spinner fa-spin fa-3x"></i></div>
<div class="woocommerce-LoopProduct-link woocommerce-loop-product__link d-block position-relative">
<div class="woocommerce-loop-product__thumbnail fixedProduct">
<a href="https://livreplus.com/product/detail/born-in-ice-2509030535-941" class="d-block" title="Buy Book Born in Ice LIVRE PLUS">
<img name="img_product_1412"
src="https://livreplus.com/storage/photos/shares/books/6888d0342b011.jpg.webp"
class="mx-auto attachment-shop_catalog size-shop_catalog wp-post-image img-fluid"
loading="lazy"
decoding="async"
width="180"
height="240"
style="box-shadow: black 0px 0px 5px -1px, rgba(255, 255, 255, 0.5) -1px 1px 2px inset; border-radius: 5px; background-repeat: no-repeat; background-size: contain; background-position: center;"
alt="Born in Ice">
</a>
<span class="badge badge-md badge-info position-absolute badge-pos--top-left text-white rounded-circle d-none d-md-flex flex-column align-items-center justify-content-center">Featured</span>
<span class="badge badge-sm badge-info position-absolute badge-pos--top-left text-white rounded-circle d-flex d-md-none flex-column align-items-center justify-content-center width-30 height-30 font-size-n9">Featured</span>
</div>
<div class="woocommerce-loop-product__body product__body pt-3 text-center">
<div class="text-uppercase font-size-1 mb-1 text-truncate">
<a href="https://livreplus.com/search?edition=354" title="Edition Berkley LIVRE PLUS">Berkley</a>
</div>
<h2 class="woocommerce-loop-product__title product__title h6 text-lh-md mb-1 text-height-2 crop-text-2 h-dark">
<a href="https://livreplus.com/product/detail/born-in-ice-2509030535-941" title="Book Born in Ice LIVRE PLUS">Born in Ice</a>
</h2>
<div class="font-size-2 mb-1 text-truncate">
<a href="https://livreplus.com/search?author=952" class="text-gray-700" title="Author Nora Roberts LIVRE PLUS">Nora Roberts</a>
</div>
<div class="price d-block align-items-center font-weight-medium font-size-3">
<span class="woocommerce-Price-amount amount">
20.00
<span class="woocommerce-Price-currencySymbol">DT</span>
</span>
</div>
<!--
<div class="product__rating d-flex align-items-center font-size-2">
<div class="text-yellow-darker mr-2">
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="far fa-star"></small>
<small class="far fa-star"></small>
</div>
<div class="">(3,714)</div>
</div>
-->
<span class="badge badge-md badge-primary text-white position-absolute d-flex flex-column align-items-center justify-content-center"
style="width: auto; height: auto; transform: translate(0px,-125px); --f: 10px; --r: 15px; --t: 10px; inset: var(--t) calc(-1*var(--f)) auto auto; padding: 0 10px var(--f) calc(10px + var(--r)); clip-path: polygon(0 0,100% 0,100% calc(100% - var(--f)),calc(100% - var(--f)) 100%, calc(100% - var(--f)) calc(100% - var(--f)),0 calc(100% - var(--f)), var(--r) calc(50% - var(--f)/2)); box-shadow: 0 calc(-1*var(--f)) 0 inset #0005;">
Novel</span>
</div>
<div class="product__hover d-flex align-items-center">
<a href="https://livreplus.com/add-to-cart/born-in-ice-2509030535-941" data-id="12849592596ab6ce3481ce7223520587" class="text-uppercase text-dark h-dark font-weight-medium mr-auto addtocart" title="Add to cart Book Born in Ice LIVRE PLUS">
<span class="product__add-to-cart">Add to cart</span>
<span class="product__add-to-cart-icon font-size-4"><i class="flaticon-icon-126515"></i></span>
</a>
<a href="https://livreplus.com/product/detail/born-in-ice-2509030535-941" class="mr-1 h-p-bg border-0 btn btn-outline-primary" title="View Book Born in Ice LIVRE PLUS">
<i class="flaticon-view"></i>
</a>
<a href="https://livreplus.com/wishlist/born-in-ice-2509030535-941" data-id="12849592596ab6ce3481ce7223520587" class="h-p-bg border-0 btn-outline-primary addtoWishList" title="Add to wishlist Book Born in Ice LIVRE PLUS">
<i class="flaticon-heart"></i>
</a>
</div>
</div>
</div>
</li>
<li class="product product__space border rounded-md py-3">
<div class="product__inner overflow-hidden p-3 p-3 p-md-4d875" style="position: relative">
<div class="loading" id="loading_8503804856ab6ce34834f1717430192"><i class="fas fa-spinner fa-spin fa-3x"></i></div>
<div class="woocommerce-LoopProduct-link woocommerce-loop-product__link d-block position-relative">
<div class="woocommerce-loop-product__thumbnail fixedProduct">
<a href="https://livreplus.com/product/detail/live-fearless" class="d-block" title="Buy Book Live Fearless LIVRE PLUS">
<img name="img_product_1411"
src="https://livreplus.com/storage/photos/shares/books/6888d03569f7f.jpg.webp"
class="mx-auto attachment-shop_catalog size-shop_catalog wp-post-image img-fluid"
loading="lazy"
decoding="async"
width="180"
height="240"
style="box-shadow: black 0px 0px 5px -1px, rgba(255, 255, 255, 0.5) -1px 1px 2px inset; border-radius: 5px; background-repeat: no-repeat; background-size: contain; background-position: center;"
alt="Live Fearless">
</a>
<span class="badge badge-md badge-info position-absolute badge-pos--top-left text-white rounded-circle d-none d-md-flex flex-column align-items-center justify-content-center">Featured</span>
<span class="badge badge-sm badge-info position-absolute badge-pos--top-left text-white rounded-circle d-flex d-md-none flex-column align-items-center justify-content-center width-30 height-30 font-size-n9">Featured</span>
</div>
<div class="woocommerce-loop-product__body product__body pt-3 text-center">
<div class="text-uppercase font-size-1 mb-1 text-truncate">
<a href="https://livreplus.com/search?edition=448" title="Edition Tommy Nelson LIVRE PLUS">Tommy Nelson</a>
</div>
<h2 class="woocommerce-loop-product__title product__title h6 text-lh-md mb-1 text-height-2 crop-text-2 h-dark">
<a href="https://livreplus.com/product/detail/live-fearless" title="Book Live Fearless LIVRE PLUS">Live Fearless</a>
</h2>
<div class="font-size-2 mb-1 text-truncate">
<a href="https://livreplus.com/search?author=960" class="text-gray-700" title="Author Sadie Robertson Huff LIVRE PLUS">Sadie Robertson Huff</a>
<a href="https://livreplus.com/search?author=961" class="text-gray-700" title="Author Beth Clark Louie Giglio LIVRE PLUS">Beth Clark Louie Giglio</a>
</div>
<div class="price d-block align-items-center font-weight-medium font-size-3">
<span class="woocommerce-Price-amount amount">
25.00
<span class="woocommerce-Price-currencySymbol">DT</span>
</span>
</div>
<!--
<div class="product__rating d-flex align-items-center font-size-2">
<div class="text-yellow-darker mr-2">
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="far fa-star"></small>
<small class="far fa-star"></small>
</div>
<div class="">(3,714)</div>
</div>
-->
<span class="badge badge-md badge-primary text-white position-absolute d-flex flex-column align-items-center justify-content-center"
style="width: auto; height: auto; transform: translate(0px,-125px); --f: 10px; --r: 15px; --t: 10px; inset: var(--t) calc(-1*var(--f)) auto auto; padding: 0 10px var(--f) calc(10px + var(--r)); clip-path: polygon(0 0,100% 0,100% calc(100% - var(--f)),calc(100% - var(--f)) 100%, calc(100% - var(--f)) calc(100% - var(--f)),0 calc(100% - var(--f)), var(--r) calc(50% - var(--f)/2)); box-shadow: 0 calc(-1*var(--f)) 0 inset #0005;">
Personal development</span>
</div>
<div class="product__hover d-flex align-items-center">
<a href="https://livreplus.com/add-to-cart/live-fearless" data-id="8503804856ab6ce34834f1717430192" class="text-uppercase text-dark h-dark font-weight-medium mr-auto addtocart" title="Add to cart Book Live Fearless LIVRE PLUS">
<span class="product__add-to-cart">Add to cart</span>
<span class="product__add-to-cart-icon font-size-4"><i class="flaticon-icon-126515"></i></span>
</a>
<a href="https://livreplus.com/product/detail/live-fearless" class="mr-1 h-p-bg border-0 btn btn-outline-primary" title="View Book Live Fearless LIVRE PLUS">
<i class="flaticon-view"></i>
</a>
<a href="https://livreplus.com/wishlist/live-fearless" data-id="8503804856ab6ce34834f1717430192" class="h-p-bg border-0 btn-outline-primary addtoWishList" title="Add to wishlist Book Live Fearless LIVRE PLUS">
<i class="flaticon-heart"></i>
</a>
</div>
</div>
</div>
</li>
</ul>
</div>
</section>
<div class="banner space-bottom-3">
<div class="container">
<div class="bg-gray-850 px-xl-10 px-6 py-5 rounded">
<div class="media d-block d-lg-flex">
<div class="media-body align-self-center mb-4 mb-lg-0">
<p class="banner__pretitle text-uppercase text-gray-450 font-weight-bold d-none d-md-block">Nora Roberts August</p>
<h2 class="banner__title font-size-10 font-weight-bold text-white mb-4 d-none d-md-block"><span class="font-size-7">Get </span>10% off <span class="font-size-7">for this pack.<br>Pay </span><ins class="text-decoration-none mr-2">58.50DT</ins><span class="font-size-7"> instead of </span><del class="font-size-7 font-weight-regular">65.00DT</del><span class="font-size-7">!</span></h2>
<a href="https://livreplus.com/pack/detail/nora-roberts-august-2508184403-786" class="banner_btn btn btn-wide btn-primary-green text-white" title="Explore Pack Books Nora Roberts August LIVRE PLUS">Explore Pack Books</a>
</div>
<img name="img_pack_21"
src="https://livreplus.com/storage/photos/shares/packs/689291c93a816.png.webp"
class="img-fluid"
loading="lazy"
decoding="async"
width="420"
height="234"
alt="Nora Roberts August"
style="max-height: 234px; max-width: -webkit-fill-available; width: auto;">
</div>
</div>
</div>
</div>
<section class="space-bottom-2 space-bottom-xl-3">
<div class="container">
<div class="row row-cols-1 row-cols-sm-2 row-cols-md-3" style="justify-content: center;">
<div class="col">
<div class="mb-5 mb-xl-0 position-relative">
<div class="bg-primary-light height-md-300">
<div class="p-5 pl-lg-6 pr-lg-5 pt-lg-5 pb-lg-5">
<div>
<h2 class="font-size-26 mt-lg-1 text-lh-md">
<span
class="hero__title-line-1 font-weight-bold d-block">Arabic</span>
<span
class="hero__title-line-2 font-weight-normal d-block">529
Books</span>
</h2>
</div>
<div
class="d-flex d-md-block justify-content-end position-md-absolute bottom-md-30 right-md-30">
</div>
</div>
</div>
</div>
</div>
<div class="col">
<div class="mb-5 mb-xl-0 position-relative">
<div class="bg-secondary-light height-md-300">
<div class="p-5 pl-lg-6 pr-lg-5 pt-lg-5 pb-lg-5">
<div>
<h2 class="font-size-26 mt-lg-1 text-lh-md">
<span
class="hero__title-line-1 font-weight-bold d-block">French</span>
<span
class="hero__title-line-2 font-weight-normal d-block">404
Books</span>
</h2>
</div>
<div
class="d-flex d-md-block justify-content-end position-md-absolute bottom-md-30 right-md-30">
</div>
</div>
</div>
</div>
</div>
<div class="col">
<div class="mb-5 mb-xl-0 position-relative">
<div class="bg-light height-md-300">
<div class="p-5 pl-lg-6 pr-lg-5 pt-lg-5 pb-lg-5">
<div>
<h2 class="font-size-26 mt-lg-1 text-lh-md">
<span
class="hero__title-line-1 font-weight-bold d-block">English</span>
<span
class="hero__title-line-2 font-weight-normal d-block">272
Books</span>
</h2>
</div>
<div
class="d-flex d-md-block justify-content-end position-md-absolute bottom-md-30 right-md-30">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="space-bottom-3">
<div class="container">
<header class="mb-5 d-flex justify-content-center align-items-center">
<h2 class="font-size-7 mb-3 mb-md-0">Featured Collections</h2>
<!-- <a href="https://livreplus.com/search" class="h-primary d-block" title="View All Collections LIVRE PLUS">View All <i class="glyph-icon flaticon-next"></i></a> -->
</header>
<ul class="js-slick-carousel list-unstyled my-0"
data-slides-show="6" data-slick='{"autoplay": true, "autoplaySpeed": 5000}'
data-responsive='[{"breakpoint": 1480,"settings": {"slidesToShow": 5}},{"breakpoint": 1200,"settings": {"slidesToShow": 4}},{"breakpoint": 992,"settings": {"slidesToShow": 3}},{"breakpoint": 768,"settings": {"slidesToShow": 2}},{"breakpoint": 576,"settings": {"slidesToShow": 1}}]'>
<li class="product-category col mb-4 mb-xl-0">
<div class="product-category__inner bg-primary-light px-6 py-5">
<div class="product-category__icon font-size-12 text-primary-primary">
</div>
<div class="product-category__body">
<h3 class="text-truncate font-size-3">Novel</h3>
<h4 class="text-truncate font-size-2">493 Books</h4>
</div>
</div>
</li>
<li class="product-category col mb-4 mb-xl-0">
<div class="product-category__inner bg-secondary-light px-6 py-5">
<div class="product-category__icon font-size-12 text-primary-secondary">
</div>
<div class="product-category__body">
<h3 class="text-truncate font-size-3">Personal development</h3>
<h4 class="text-truncate font-size-2">179 Books</h4>
</div>
</div>
</li>
<li class="product-category col mb-4 mb-xl-0">
<div class="product-category__inner bg-light px-6 py-5">
<div class="product-category__icon font-size-12 text-primary">
</div>
<div class="product-category__body">
<h3 class="text-truncate font-size-3">Children's Books</h3>
<h4 class="text-truncate font-size-2">175 Books</h4>
</div>
</div>
</li>
<li class="product-category col mb-4 mb-xl-0">
<div class="product-category__inner bg-indigo-light px-6 py-5">
<div class="product-category__icon font-size-12 text-primary-indigo">
</div>
<div class="product-category__body">
<h3 class="text-truncate font-size-3">Education & School Supplies</h3>
<h4 class="text-truncate font-size-2">94 Books</h4>
</div>
</div>
</li>
<li class="product-category col mb-4 mb-xl-0">
<div class="product-category__inner bg-tangerine-light px-6 py-5">
<div class="product-category__icon font-size-12 text-primary-tangerine">
</div>
<div class="product-category__body">
<h3 class="text-truncate font-size-3">Used Books</h3>
<h4 class="text-truncate font-size-2">75 Books</h4>
</div>
</div>
</li>
<li class="product-category col mb-4 mb-xl-0">
<div class="product-category__inner bg-chili-light px-6 py-5">
<div class="product-category__icon font-size-12 text-primary-chili">
</div>
<div class="product-category__body">
<h3 class="text-truncate font-size-3">Religion</h3>
<h4 class="text-truncate font-size-2">47 Books</h4>
</div>
</div>
</li>
<li class="product-category col mb-4 mb-xl-0">
<div class="product-category__inner bg-carolina-light px-6 py-5">
<div class="product-category__icon font-size-12 text-primary-carolina">
</div>
<div class="product-category__body">
<h3 class="text-truncate font-size-3">Comics & Graphic Novels</h3>
<h4 class="text-truncate font-size-2">46 Books</h4>
</div>
</div>
</li>
<li class="product-category col mb-4 mb-xl-0">
<div class="product-category__inner bg-punch-light px-6 py-5">
<div class="product-category__icon font-size-12 text-primary-punch">
</div>
<div class="product-category__body">
<h3 class="text-truncate font-size-3">Games & Coloring Books</h3>
<h4 class="text-truncate font-size-2">25 Books</h4>
</div>
</div>
</li>
<li class="product-category col mb-4 mb-xl-0">
<div class="product-category__inner bg-primary-light px-6 py-5">
<div class="product-category__icon font-size-12 text-primary-primary">
</div>
<div class="product-category__body">
<h3 class="text-truncate font-size-3">Science & Technology</h3>
<h4 class="text-truncate font-size-2">23 Books</h4>
</div>
</div>
</li>
<li class="product-category col mb-4 mb-xl-0">
<div class="product-category__inner bg-secondary-light px-6 py-5">
<div class="product-category__icon font-size-12 text-primary-secondary">
</div>
<div class="product-category__body">
<h3 class="text-truncate font-size-3">History & Politics</h3>
<h4 class="text-truncate font-size-2">22 Books</h4>
</div>
</div>
</li>
<li class="product-category col mb-4 mb-xl-0">
<div class="product-category__inner bg-light px-6 py-5">
<div class="product-category__icon font-size-12 text-primary">
</div>
<div class="product-category__body">
<h3 class="text-truncate font-size-3">Translated Literature</h3>
<h4 class="text-truncate font-size-2">18 Books</h4>
</div>
</div>
</li>
<li class="product-category col mb-4 mb-xl-0">
<div class="product-category__inner bg-indigo-light px-6 py-5">
<div class="product-category__icon font-size-12 text-primary-indigo">
</div>
<div class="product-category__body">
<h3 class="text-truncate font-size-3">Spirituality</h3>
<h4 class="text-truncate font-size-2">5 Books</h4>
</div>
</div>
</li>
<li class="product-category col mb-4 mb-xl-0">
<div class="product-category__inner bg-tangerine-light px-6 py-5">
<div class="product-category__icon font-size-12 text-primary-tangerine">
</div>
<div class="product-category__body">
<h3 class="text-truncate font-size-3">Poetry & Theatre</h3>
<h4 class="text-truncate font-size-2">1 Books</h4>
</div>
</div>
</li>
</ul>
</div>
</section>
<div class="banner space-bottom-3">
<div class="container">
<div class="bg-secondary-gray-800 px-xl-10 px-6 py-5 rounded">
<div class="media d-block d-lg-flex">
<div class="media-body align-self-center mb-4 mb-lg-0">
<p class="banner__pretitle text-uppercase text-gray-400 font-weight-bold d-none d-md-block">Pack demo Carthage Books & Publishing Demo</p>
<h2 class="banner__title font-size-10 font-weight-bold text-white mb-4 d-none d-md-block"><span class="font-size-7">Get </span>10% off <span class="font-size-7">for this pack.<br>Pay </span><ins class="text-decoration-none mr-2">56.70DT</ins><span class="font-size-7"> instead of </span><del class="font-size-7 font-weight-regular">63.00DT</del><span class="font-size-7">!</span></h2>
<a href="https://livreplus.com/pack/detail/pack-demo-carthage-books-publishing-demo" class="banner_btn btn btn-wide btn-primary-green text-white" title="Explore Pack Books Pack demo Carthage Books & Publishing Demo LIVRE PLUS">Explore Pack Books</a>
</div>
<img name="img_pack_23"
src="https://livreplus.com/storage/photos/1/book-100x166.png"
class="img-fluid"
loading="lazy"
decoding="async"
width="420"
height="234"
alt="Pack demo Carthage Books & Publishing Demo"
style="max-height: 234px; max-width: -webkit-fill-available; width: auto;">
</div>
</div>
</div>
</div>
<div class="d-none d-md-block mb-5 mb-lg-7" id="counter-container">
<div class="d-none d-md-flex align-items-center justify-content-between px-xl-10">
<div class="text-center mb-3 mb-md-0">
<div class="font-size-12 font-weight-medium counter ml-lg-2" data-count="5267">
</div>
<span class="font-size-4">Books</span>
</div>
<div class="text-center mb-3 mb-md-0">
<div class="font-size-12 font-weight-medium counter ml-2" data-count="22"></div>
<span class="font-size-4">Collections</span>
</div>
<div class="text-center mb-3 mb-md-0">
<div class="font-size-12 font-weight-medium counter ml-2" data-count="870"></div>
<span class="font-size-4">Authors</span>
</div>
<div class="text-center mb-0 mb-md-0">
<div class="font-size-12 font-weight-medium counter ml-2" data-count="86"></div>
<span class="font-size-4">Editions</span>
</div>
<div class="text-center mb-3 mb-md-0">
<div class="font-size-12 font-weight-medium counter ml-2" data-count="18021"></div>
<span class="font-size-4">Orders</span>
</div>
<div class="text-center mb-3">
<div class="font-size-12 font-weight-medium counter" data-count="290"></div>
<span class="font-size-4">Posts</span>
</div>
</div>
</div>
<section class="space-3 small">
<div class="container" style="overflow: hidden">
<header class="d-flex justify-content-between align-items-center mb-5">
<h2 class="font-size-7 mb-0">New books</h2>
</header>
<ul class="mb-0 js-slick-carousel u-slick u-slick--gutters-3 pl-0 products"
data-arrows-classes="d-block u-slick__arrow u-slick__arrow-centered--y"
data-arrow-left-classes="fas flaticon-back u-slick__arrow-inner u-slick__arrow-inner--left"
data-arrow-right-classes="fas flaticon-next u-slick__arrow-inner u-slick__arrow-inner--right"
data-slides-show="6" data-slick='{"autoplay": true, "autoplaySpeed": 5000}'
data-responsive='[{"breakpoint": 1480,"settings": {"slidesToShow": 5}},{"breakpoint": 1200,"settings": {"slidesToShow": 4}},{"breakpoint": 992,"settings": {"slidesToShow": 3}},{"breakpoint": 768,"settings": {"slidesToShow": 2}},{"breakpoint": 576,"settings": {"slidesToShow": 2}}]'>
<li class="product product__space border rounded-md py-3">
<div class="product__inner overflow-hidden p-3 p-3 p-md-4d875" style="position: relative">
<div class="loading" id="loading_13338958896ab6ce349d1d2481933283"><i class="fas fa-spinner fa-spin fa-3x"></i></div>
<div class="woocommerce-LoopProduct-link woocommerce-loop-product__link d-block position-relative">
<div class="woocommerce-loop-product__thumbnail fixedProduct">
<a href="https://livreplus.com/product/detail/hy-alhgagl-2601251919-472" class="d-block" title="Buy Book حي الهجاجل LIVRE PLUS">
<img name="img_product_1448"
src="https://livreplus.com/storage/photos/shares/books/696e91338289f.png.webp"
class="mx-auto attachment-shop_catalog size-shop_catalog wp-post-image img-fluid"
loading="lazy"
decoding="async"
width="180"
height="240"
style="box-shadow: black 0px 0px 5px -1px, rgba(255, 255, 255, 0.5) -1px 1px 2px inset; border-radius: 5px; background-repeat: no-repeat; background-size: contain; background-position: center;"
alt="حي الهجاجل">
</a>
</div>
<div class="woocommerce-loop-product__body product__body pt-3 text-center">
<div class="text-uppercase font-size-1 mb-1 text-truncate">
<a href="https://livreplus.com/search?edition=460" title="Edition Livre Plus Publishing LIVRE PLUS">Livre Plus Publishing</a>
</div>
<h2 class="woocommerce-loop-product__title product__title h6 text-lh-md mb-1 text-height-2 crop-text-2 h-dark">
<a href="https://livreplus.com/product/detail/hy-alhgagl-2601251919-472" title="Book حي الهجاجل LIVRE PLUS">حي الهجاجل</a>
</h2>
<div class="font-size-2 mb-1 text-truncate">
<a href="https://livreplus.com/search?author=988" class="text-gray-700" title="Author Sana Guebsi LIVRE PLUS">Sana Guebsi</a>
</div>
<div class="price d-block align-items-center font-weight-medium font-size-3">
<span class="woocommerce-Price-amount amount">
25.00
<span class="woocommerce-Price-currencySymbol">DT</span>
</span>
</div>
<!--
<div class="product__rating d-flex align-items-center font-size-2">
<div class="text-yellow-darker mr-2">
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="far fa-star"></small>
<small class="far fa-star"></small>
</div>
<div class="">(3,714)</div>
</div>
-->
<span class="badge badge-md badge-danger position-absolute badge-pos--top-right text-white rounded-circle d-none d-md-flex flex-column align-items-center justify-content-center">New</span>
<span class="badge badge-sm badge-danger position-absolute badge-pos--top-right text-white rounded-circle d-flex d-md-none flex-column align-items-center justify-content-center width-30 height-30 font-size-n9">Featured</span>
<span class="badge badge-md badge-primary text-white position-absolute d-flex flex-column align-items-center justify-content-center"
style="width: auto; height: auto; transform: translate(0px,-125px); --f: 10px; --r: 15px; --t: 10px; inset: var(--t) calc(-1*var(--f)) auto auto; padding: 0 10px var(--f) calc(10px + var(--r)); clip-path: polygon(0 0,100% 0,100% calc(100% - var(--f)),calc(100% - var(--f)) 100%, calc(100% - var(--f)) calc(100% - var(--f)),0 calc(100% - var(--f)), var(--r) calc(50% - var(--f)/2)); box-shadow: 0 calc(-1*var(--f)) 0 inset #0005;">
Novel</span>
</div>
<div class="product__hover d-flex align-items-center">
<a href="https://livreplus.com/add-to-cart/hy-alhgagl-2601251919-472" data-id="13338958896ab6ce349d1d2481933283" class="text-uppercase text-dark h-dark font-weight-medium mr-auto addtocart" title="Add to cart Book حي الهجاجل LIVRE PLUS">
<span class="product__add-to-cart">Add to cart</span>
<span class="product__add-to-cart-icon font-size-4"><i class="flaticon-icon-126515"></i></span>
</a>
<a href="https://livreplus.com/product/detail/hy-alhgagl-2601251919-472" class="mr-1 h-p-bg border-0 btn btn-outline-primary" title="View Book حي الهجاجل LIVRE PLUS">
<i class="flaticon-view"></i>
</a>
<a href="https://livreplus.com/wishlist/hy-alhgagl-2601251919-472" data-id="13338958896ab6ce349d1d2481933283" class="h-p-bg border-0 btn-outline-primary addtoWishList" title="Add to wishlist Book حي الهجاجل LIVRE PLUS">
<i class="flaticon-heart"></i>
</a>
</div>
</div>
</div>
</li>
<li class="product product__space border rounded-md py-3">
<div class="product__inner overflow-hidden p-3 p-3 p-md-4d875" style="position: relative">
<div class="loading" id="loading_4914116086ab6ce349df9a537121466"><i class="fas fa-spinner fa-spin fa-3x"></i></div>
<div class="woocommerce-LoopProduct-link woocommerce-loop-product__link d-block position-relative">
<div class="woocommerce-loop-product__thumbnail fixedProduct">
<a href="https://livreplus.com/product/detail/but-shes-my-best-friend-2601213757-730" class="d-block" title="Buy Book But She's My Best Friend LIVRE PLUS">
<img name="img_product_1447"
src="https://livreplus.com/storage/photos/shares/books/68c2cc42183bd.jpg.webp"
class="mx-auto attachment-shop_catalog size-shop_catalog wp-post-image img-fluid"
loading="lazy"
decoding="async"
width="180"
height="240"
style="box-shadow: black 0px 0px 5px -1px, rgba(255, 255, 255, 0.5) -1px 1px 2px inset; border-radius: 5px; background-repeat: no-repeat; background-size: contain; background-position: center;"
alt="But She's My Best Friend">
</a>
</div>
<div class="woocommerce-loop-product__body product__body pt-3 text-center">
<div class="text-uppercase font-size-1 mb-1 text-truncate">
<a href="https://livreplus.com/search?edition=460" title="Edition Livre Plus Publishing LIVRE PLUS">Livre Plus Publishing</a>
</div>
<h2 class="woocommerce-loop-product__title product__title h6 text-lh-md mb-1 text-height-2 crop-text-2 h-dark">
<a href="https://livreplus.com/product/detail/but-shes-my-best-friend-2601213757-730" title="Book But She's My Best Friend LIVRE PLUS">But She's My Best Friend</a>
</h2>
<div class="font-size-2 mb-1 text-truncate">
<a href="https://livreplus.com/search?author=986" class="text-gray-700" title="Author Johnna Gambrell LIVRE PLUS">Johnna Gambrell</a>
</div>
<div class="price d-block align-items-center font-weight-medium font-size-3">
<span class="woocommerce-Price-amount amount">
6.00
<span class="woocommerce-Price-currencySymbol">DT</span>
</span>
</div>
<!--
<div class="product__rating d-flex align-items-center font-size-2">
<div class="text-yellow-darker mr-2">
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="far fa-star"></small>
<small class="far fa-star"></small>
</div>
<div class="">(3,714)</div>
</div>
-->
<span class="badge badge-md badge-danger position-absolute badge-pos--top-right text-white rounded-circle d-none d-md-flex flex-column align-items-center justify-content-center">New</span>
<span class="badge badge-sm badge-danger position-absolute badge-pos--top-right text-white rounded-circle d-flex d-md-none flex-column align-items-center justify-content-center width-30 height-30 font-size-n9">Featured</span>
<span class="badge badge-md badge-primary text-white position-absolute d-flex flex-column align-items-center justify-content-center"
style="width: auto; height: auto; transform: translate(0px,-125px); --f: 10px; --r: 15px; --t: 10px; inset: var(--t) calc(-1*var(--f)) auto auto; padding: 0 10px var(--f) calc(10px + var(--r)); clip-path: polygon(0 0,100% 0,100% calc(100% - var(--f)),calc(100% - var(--f)) 100%, calc(100% - var(--f)) calc(100% - var(--f)),0 calc(100% - var(--f)), var(--r) calc(50% - var(--f)/2)); box-shadow: 0 calc(-1*var(--f)) 0 inset #0005;">
Children's Books</span>
</div>
<div class="product__hover d-flex align-items-center">
<a href="https://livreplus.com/add-to-cart/but-shes-my-best-friend-2601213757-730" data-id="4914116086ab6ce349df9a537121466" class="text-uppercase text-dark h-dark font-weight-medium mr-auto addtocart" title="Add to cart Book But She's My Best Friend LIVRE PLUS">
<span class="product__add-to-cart">Add to cart</span>
<span class="product__add-to-cart-icon font-size-4"><i class="flaticon-icon-126515"></i></span>
</a>
<a href="https://livreplus.com/product/detail/but-shes-my-best-friend-2601213757-730" class="mr-1 h-p-bg border-0 btn btn-outline-primary" title="View Book But She's My Best Friend LIVRE PLUS">
<i class="flaticon-view"></i>
</a>
<a href="https://livreplus.com/wishlist/but-shes-my-best-friend-2601213757-730" data-id="4914116086ab6ce349df9a537121466" class="h-p-bg border-0 btn-outline-primary addtoWishList" title="Add to wishlist Book But She's My Best Friend LIVRE PLUS">
<i class="flaticon-heart"></i>
</a>
</div>
</div>
</div>
</li>
<li class="product product__space border rounded-md py-3">
<div class="product__inner overflow-hidden p-3 p-3 p-md-4d875" style="position: relative">
<div class="loading" id="loading_9319902066ab6ce349e66a408997561"><i class="fas fa-spinner fa-spin fa-3x"></i></div>
<div class="woocommerce-LoopProduct-link woocommerce-loop-product__link d-block position-relative">
<div class="woocommerce-loop-product__thumbnail fixedProduct">
<a href="https://livreplus.com/product/detail/olknha-sdykty-almfdl" class="d-block" title="Buy Book ولكنها صديقتي المفضلة LIVRE PLUS">
<img name="img_product_1446"
src="https://livreplus.com/storage/photos/shares/books/68c2c89e66adb.jpg.webp"
class="mx-auto attachment-shop_catalog size-shop_catalog wp-post-image img-fluid"
loading="lazy"
decoding="async"
width="180"
height="240"
style="box-shadow: black 0px 0px 5px -1px, rgba(255, 255, 255, 0.5) -1px 1px 2px inset; border-radius: 5px; background-repeat: no-repeat; background-size: contain; background-position: center;"
alt="ولكنها صديقتي المفضلة">
</a>
</div>
<div class="woocommerce-loop-product__body product__body pt-3 text-center">
<div class="text-uppercase font-size-1 mb-1 text-truncate">
<a href="https://livreplus.com/search?edition=460" title="Edition Livre Plus Publishing LIVRE PLUS">Livre Plus Publishing</a>
</div>
<h2 class="woocommerce-loop-product__title product__title h6 text-lh-md mb-1 text-height-2 crop-text-2 h-dark">
<a href="https://livreplus.com/product/detail/olknha-sdykty-almfdl" title="Book ولكنها صديقتي المفضلة LIVRE PLUS">ولكنها صديقتي المفضلة</a>
</h2>
<div class="font-size-2 mb-1 text-truncate">
<a href="https://livreplus.com/search?author=986" class="text-gray-700" title="Author Johnna Gambrell LIVRE PLUS">Johnna Gambrell</a>
</div>
<div class="price d-block align-items-center font-weight-medium font-size-3">
<span class="woocommerce-Price-amount amount">
6.00
<span class="woocommerce-Price-currencySymbol">DT</span>
</span>
</div>
<!--
<div class="product__rating d-flex align-items-center font-size-2">
<div class="text-yellow-darker mr-2">
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="far fa-star"></small>
<small class="far fa-star"></small>
</div>
<div class="">(3,714)</div>
</div>
-->
<span class="badge badge-md badge-danger position-absolute badge-pos--top-right text-white rounded-circle d-none d-md-flex flex-column align-items-center justify-content-center">New</span>
<span class="badge badge-sm badge-danger position-absolute badge-pos--top-right text-white rounded-circle d-flex d-md-none flex-column align-items-center justify-content-center width-30 height-30 font-size-n9">Featured</span>
<span class="badge badge-md badge-primary text-white position-absolute d-flex flex-column align-items-center justify-content-center"
style="width: auto; height: auto; transform: translate(0px,-125px); --f: 10px; --r: 15px; --t: 10px; inset: var(--t) calc(-1*var(--f)) auto auto; padding: 0 10px var(--f) calc(10px + var(--r)); clip-path: polygon(0 0,100% 0,100% calc(100% - var(--f)),calc(100% - var(--f)) 100%, calc(100% - var(--f)) calc(100% - var(--f)),0 calc(100% - var(--f)), var(--r) calc(50% - var(--f)/2)); box-shadow: 0 calc(-1*var(--f)) 0 inset #0005;">
Children's Books</span>
</div>
<div class="product__hover d-flex align-items-center">
<a href="https://livreplus.com/add-to-cart/olknha-sdykty-almfdl" data-id="9319902066ab6ce349e66a408997561" class="text-uppercase text-dark h-dark font-weight-medium mr-auto addtocart" title="Add to cart Book ولكنها صديقتي المفضلة LIVRE PLUS">
<span class="product__add-to-cart">Add to cart</span>
<span class="product__add-to-cart-icon font-size-4"><i class="flaticon-icon-126515"></i></span>
</a>
<a href="https://livreplus.com/product/detail/olknha-sdykty-almfdl" class="mr-1 h-p-bg border-0 btn btn-outline-primary" title="View Book ولكنها صديقتي المفضلة LIVRE PLUS">
<i class="flaticon-view"></i>
</a>
<a href="https://livreplus.com/wishlist/olknha-sdykty-almfdl" data-id="9319902066ab6ce349e66a408997561" class="h-p-bg border-0 btn-outline-primary addtoWishList" title="Add to wishlist Book ولكنها صديقتي المفضلة LIVRE PLUS">
<i class="flaticon-heart"></i>
</a>
</div>
</div>
</div>
</li>
<li class="product product__space border rounded-md py-3">
<div class="product__inner overflow-hidden p-3 p-3 p-md-4d875" style="position: relative">
<div class="loading" id="loading_5419395846ab6ce349ece1478669499"><i class="fas fa-spinner fa-spin fa-3x"></i></div>
<div class="woocommerce-LoopProduct-link woocommerce-loop-product__link d-block position-relative">
<div class="woocommerce-loop-product__thumbnail fixedProduct">
<a href="https://livreplus.com/product/detail/falntyna-bnt-alromy-2508260434-697" class="d-block" title="Buy Book فالنتينا بنت الرومي LIVRE PLUS">
<img name="img_product_1258"
src="https://livreplus.com/storage/photos/shares/books/6890ad392921a.jpg.webp"
class="mx-auto attachment-shop_catalog size-shop_catalog wp-post-image img-fluid"
loading="lazy"
decoding="async"
width="180"
height="240"
style="box-shadow: black 0px 0px 5px -1px, rgba(255, 255, 255, 0.5) -1px 1px 2px inset; border-radius: 5px; background-repeat: no-repeat; background-size: contain; background-position: center;"
alt="فالنتينا بنت الرومي">
</a>
</div>
<div class="woocommerce-loop-product__body product__body pt-3 text-center">
<div class="text-uppercase font-size-1 mb-1 text-truncate">
<a href="https://livreplus.com/search?edition=460" title="Edition Livre Plus Publishing LIVRE PLUS">Livre Plus Publishing</a>
</div>
<h2 class="woocommerce-loop-product__title product__title h6 text-lh-md mb-1 text-height-2 crop-text-2 h-dark">
<a href="https://livreplus.com/product/detail/falntyna-bnt-alromy-2508260434-697" title="Book فالنتينا بنت الرومي LIVRE PLUS">فالنتينا بنت الرومي</a>
</h2>
<div class="font-size-2 mb-1 text-truncate">
<a href="https://livreplus.com/search?author=829" class="text-gray-700" title="Author هشام علي LIVRE PLUS">هشام علي</a>
</div>
<div class="price d-block align-items-center font-weight-medium font-size-3">
<span class="woocommerce-Price-amount amount">
20.00
<span class="woocommerce-Price-currencySymbol">DT</span>
</span>
</div>
<!--
<div class="product__rating d-flex align-items-center font-size-2">
<div class="text-yellow-darker mr-2">
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="far fa-star"></small>
<small class="far fa-star"></small>
</div>
<div class="">(3,714)</div>
</div>
-->
<span class="badge badge-md badge-danger position-absolute badge-pos--top-right text-white rounded-circle d-none d-md-flex flex-column align-items-center justify-content-center">New</span>
<span class="badge badge-sm badge-danger position-absolute badge-pos--top-right text-white rounded-circle d-flex d-md-none flex-column align-items-center justify-content-center width-30 height-30 font-size-n9">Featured</span>
<span class="badge badge-md badge-primary text-white position-absolute d-flex flex-column align-items-center justify-content-center"
style="width: auto; height: auto; transform: translate(0px,-125px); --f: 10px; --r: 15px; --t: 10px; inset: var(--t) calc(-1*var(--f)) auto auto; padding: 0 10px var(--f) calc(10px + var(--r)); clip-path: polygon(0 0,100% 0,100% calc(100% - var(--f)),calc(100% - var(--f)) 100%, calc(100% - var(--f)) calc(100% - var(--f)),0 calc(100% - var(--f)), var(--r) calc(50% - var(--f)/2)); box-shadow: 0 calc(-1*var(--f)) 0 inset #0005;">
Novel</span>
</div>
<div class="product__hover d-flex align-items-center">
<a href="https://livreplus.com/add-to-cart/falntyna-bnt-alromy-2508260434-697" data-id="5419395846ab6ce349ece1478669499" class="text-uppercase text-dark h-dark font-weight-medium mr-auto addtocart" title="Add to cart Book فالنتينا بنت الرومي LIVRE PLUS">
<span class="product__add-to-cart">Add to cart</span>
<span class="product__add-to-cart-icon font-size-4"><i class="flaticon-icon-126515"></i></span>
</a>
<a href="https://livreplus.com/product/detail/falntyna-bnt-alromy-2508260434-697" class="mr-1 h-p-bg border-0 btn btn-outline-primary" title="View Book فالنتينا بنت الرومي LIVRE PLUS">
<i class="flaticon-view"></i>
</a>
<a href="https://livreplus.com/wishlist/falntyna-bnt-alromy-2508260434-697" data-id="5419395846ab6ce349ece1478669499" class="h-p-bg border-0 btn-outline-primary addtoWishList" title="Add to wishlist Book فالنتينا بنت الرومي LIVRE PLUS">
<i class="flaticon-heart"></i>
</a>
</div>
</div>
</div>
</li>
<li class="product product__space border rounded-md py-3">
<div class="product__inner overflow-hidden p-3 p-3 p-md-4d875" style="position: relative">
<div class="loading" id="loading_19787386316ab6ce349eff0700546970"><i class="fas fa-spinner fa-spin fa-3x"></i></div>
<div class="woocommerce-LoopProduct-link woocommerce-loop-product__link d-block position-relative">
<div class="woocommerce-loop-product__thumbnail fixedProduct">
<a href="https://livreplus.com/product/detail/sahr-alkrn-alaashryn" class="d-block" title="Buy Book ساحر القرن العشرين LIVRE PLUS">
<img name="img_product_1257"
src="https://livreplus.com/storage/photos/shares/books/6890ad399b859.jpg.webp"
class="mx-auto attachment-shop_catalog size-shop_catalog wp-post-image img-fluid"
loading="lazy"
decoding="async"
width="180"
height="240"
style="box-shadow: black 0px 0px 5px -1px, rgba(255, 255, 255, 0.5) -1px 1px 2px inset; border-radius: 5px; background-repeat: no-repeat; background-size: contain; background-position: center;"
alt="ساحر القرن العشرين">
</a>
</div>
<div class="woocommerce-loop-product__body product__body pt-3 text-center">
<div class="text-uppercase font-size-1 mb-1 text-truncate">
<a href="https://livreplus.com/search?edition=460" title="Edition Livre Plus Publishing LIVRE PLUS">Livre Plus Publishing</a>
</div>
<h2 class="woocommerce-loop-product__title product__title h6 text-lh-md mb-1 text-height-2 crop-text-2 h-dark">
<a href="https://livreplus.com/product/detail/sahr-alkrn-alaashryn" title="Book ساحر القرن العشرين LIVRE PLUS">ساحر القرن العشرين</a>
</h2>
<div class="font-size-2 mb-1 text-truncate">
<a href="https://livreplus.com/search?author=827" class="text-gray-700" title="Author هاجر تلويزت LIVRE PLUS">هاجر تلويزت</a>
</div>
<div class="price d-block align-items-center font-weight-medium font-size-3">
<span class="woocommerce-Price-amount amount">
20.00
<span class="woocommerce-Price-currencySymbol">DT</span>
</span>
</div>
<!--
<div class="product__rating d-flex align-items-center font-size-2">
<div class="text-yellow-darker mr-2">
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="far fa-star"></small>
<small class="far fa-star"></small>
</div>
<div class="">(3,714)</div>
</div>
-->
<span class="badge badge-md badge-danger position-absolute badge-pos--top-right text-white rounded-circle d-none d-md-flex flex-column align-items-center justify-content-center">New</span>
<span class="badge badge-sm badge-danger position-absolute badge-pos--top-right text-white rounded-circle d-flex d-md-none flex-column align-items-center justify-content-center width-30 height-30 font-size-n9">Featured</span>
<span class="badge badge-md badge-primary text-white position-absolute d-flex flex-column align-items-center justify-content-center"
style="width: auto; height: auto; transform: translate(0px,-125px); --f: 10px; --r: 15px; --t: 10px; inset: var(--t) calc(-1*var(--f)) auto auto; padding: 0 10px var(--f) calc(10px + var(--r)); clip-path: polygon(0 0,100% 0,100% calc(100% - var(--f)),calc(100% - var(--f)) 100%, calc(100% - var(--f)) calc(100% - var(--f)),0 calc(100% - var(--f)), var(--r) calc(50% - var(--f)/2)); box-shadow: 0 calc(-1*var(--f)) 0 inset #0005;">
Novel</span>
</div>
<div class="product__hover d-flex align-items-center">
<a href="https://livreplus.com/add-to-cart/sahr-alkrn-alaashryn" data-id="19787386316ab6ce349eff0700546970" class="text-uppercase text-dark h-dark font-weight-medium mr-auto addtocart" title="Add to cart Book ساحر القرن العشرين LIVRE PLUS">
<span class="product__add-to-cart">Add to cart</span>
<span class="product__add-to-cart-icon font-size-4"><i class="flaticon-icon-126515"></i></span>
</a>
<a href="https://livreplus.com/product/detail/sahr-alkrn-alaashryn" class="mr-1 h-p-bg border-0 btn btn-outline-primary" title="View Book ساحر القرن العشرين LIVRE PLUS">
<i class="flaticon-view"></i>
</a>
<a href="https://livreplus.com/wishlist/sahr-alkrn-alaashryn" data-id="19787386316ab6ce349eff0700546970" class="h-p-bg border-0 btn-outline-primary addtoWishList" title="Add to wishlist Book ساحر القرن العشرين LIVRE PLUS">
<i class="flaticon-heart"></i>
</a>
</div>
</div>
</div>
</li>
<li class="product product__space border rounded-md py-3">
<div class="product__inner overflow-hidden p-3 p-3 p-md-4d875" style="position: relative">
<div class="loading" id="loading_1821403956ab6ce349f2d6941905468"><i class="fas fa-spinner fa-spin fa-3x"></i></div>
<div class="woocommerce-LoopProduct-link woocommerce-loop-product__link d-block position-relative">
<div class="woocommerce-loop-product__thumbnail fixedProduct">
<a href="https://livreplus.com/product/detail/sbaa-mhaolat-llktl" class="d-block" title="Buy Book سبع محاولات للقتل LIVRE PLUS">
<img name="img_product_1256"
src="https://livreplus.com/storage/photos/shares/books/6890ad3773a57.jpg.webp"
class="mx-auto attachment-shop_catalog size-shop_catalog wp-post-image img-fluid"
loading="lazy"
decoding="async"
width="180"
height="240"
style="box-shadow: black 0px 0px 5px -1px, rgba(255, 255, 255, 0.5) -1px 1px 2px inset; border-radius: 5px; background-repeat: no-repeat; background-size: contain; background-position: center;"
alt="سبع محاولات للقتل">
</a>
</div>
<div class="woocommerce-loop-product__body product__body pt-3 text-center">
<div class="text-uppercase font-size-1 mb-1 text-truncate">
<a href="https://livreplus.com/search?edition=460" title="Edition Livre Plus Publishing LIVRE PLUS">Livre Plus Publishing</a>
</div>
<h2 class="woocommerce-loop-product__title product__title h6 text-lh-md mb-1 text-height-2 crop-text-2 h-dark">
<a href="https://livreplus.com/product/detail/sbaa-mhaolat-llktl" title="Book سبع محاولات للقتل LIVRE PLUS">سبع محاولات للقتل</a>
</h2>
<div class="font-size-2 mb-1 text-truncate">
<a href="https://livreplus.com/search?author=826" class="text-gray-700" title="Author اماني عنان LIVRE PLUS">اماني عنان</a>
</div>
<div class="price d-block align-items-center font-weight-medium font-size-3">
<span class="woocommerce-Price-amount amount">
24.00
<span class="woocommerce-Price-currencySymbol">DT</span>
</span>
</div>
<!--
<div class="product__rating d-flex align-items-center font-size-2">
<div class="text-yellow-darker mr-2">
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="far fa-star"></small>
<small class="far fa-star"></small>
</div>
<div class="">(3,714)</div>
</div>
-->
<span class="badge badge-md badge-danger position-absolute badge-pos--top-right text-white rounded-circle d-none d-md-flex flex-column align-items-center justify-content-center">New</span>
<span class="badge badge-sm badge-danger position-absolute badge-pos--top-right text-white rounded-circle d-flex d-md-none flex-column align-items-center justify-content-center width-30 height-30 font-size-n9">Featured</span>
<span class="badge badge-md badge-primary text-white position-absolute d-flex flex-column align-items-center justify-content-center"
style="width: auto; height: auto; transform: translate(0px,-125px); --f: 10px; --r: 15px; --t: 10px; inset: var(--t) calc(-1*var(--f)) auto auto; padding: 0 10px var(--f) calc(10px + var(--r)); clip-path: polygon(0 0,100% 0,100% calc(100% - var(--f)),calc(100% - var(--f)) 100%, calc(100% - var(--f)) calc(100% - var(--f)),0 calc(100% - var(--f)), var(--r) calc(50% - var(--f)/2)); box-shadow: 0 calc(-1*var(--f)) 0 inset #0005;">
Novel</span>
</div>
<div class="product__hover d-flex align-items-center">
<a href="https://livreplus.com/add-to-cart/sbaa-mhaolat-llktl" data-id="1821403956ab6ce349f2d6941905468" class="text-uppercase text-dark h-dark font-weight-medium mr-auto addtocart" title="Add to cart Book سبع محاولات للقتل LIVRE PLUS">
<span class="product__add-to-cart">Add to cart</span>
<span class="product__add-to-cart-icon font-size-4"><i class="flaticon-icon-126515"></i></span>
</a>
<a href="https://livreplus.com/product/detail/sbaa-mhaolat-llktl" class="mr-1 h-p-bg border-0 btn btn-outline-primary" title="View Book سبع محاولات للقتل LIVRE PLUS">
<i class="flaticon-view"></i>
</a>
<a href="https://livreplus.com/wishlist/sbaa-mhaolat-llktl" data-id="1821403956ab6ce349f2d6941905468" class="h-p-bg border-0 btn-outline-primary addtoWishList" title="Add to wishlist Book سبع محاولات للقتل LIVRE PLUS">
<i class="flaticon-heart"></i>
</a>
</div>
</div>
</div>
</li>
</ul>
</div>
</section>
<section class="space-3 small">
<div class="container" style="overflow: hidden">
<header class="d-flex justify-content-between align-items-center mb-5">
<h2 class="font-size-7 mb-0">Hot books</h2>
</header>
<ul class="mb-0 js-slick-carousel u-slick u-slick--gutters-3 pl-0 products"
data-arrows-classes="d-block u-slick__arrow u-slick__arrow-centered--y"
data-arrow-left-classes="fas flaticon-back u-slick__arrow-inner u-slick__arrow-inner--left"
data-arrow-right-classes="fas flaticon-next u-slick__arrow-inner u-slick__arrow-inner--right"
data-slides-show="6" data-slick='{"autoplay": true, "autoplaySpeed": 5000}'
data-responsive='[{"breakpoint": 1480,"settings": {"slidesToShow": 5}},{"breakpoint": 1200,"settings": {"slidesToShow": 4}},{"breakpoint": 992,"settings": {"slidesToShow": 3}},{"breakpoint": 768,"settings": {"slidesToShow": 2}},{"breakpoint": 576,"settings": {"slidesToShow": 2}}]'>
<li class="product product__space border rounded-md py-3">
<div class="product__inner overflow-hidden p-3 p-3 p-md-4d875" style="position: relative">
<div class="loading" id="loading_11348312376ab6ce349f6db149169897"><i class="fas fa-spinner fa-spin fa-3x"></i></div>
<div class="woocommerce-LoopProduct-link woocommerce-loop-product__link d-block position-relative">
<div class="woocommerce-loop-product__thumbnail fixedProduct">
<a href="https://livreplus.com/product/detail/be-where-your-feet-are-2509030838-78" class="d-block" title="Buy Book Be Where Your Feet Are LIVRE PLUS">
<img name="img_product_1409"
src="https://livreplus.com/storage/photos/shares/books/688b841489405.jpg.webp"
class="mx-auto attachment-shop_catalog size-shop_catalog wp-post-image img-fluid"
loading="lazy"
decoding="async"
width="180"
height="240"
style="box-shadow: black 0px 0px 5px -1px, rgba(255, 255, 255, 0.5) -1px 1px 2px inset; border-radius: 5px; background-repeat: no-repeat; background-size: contain; background-position: center;"
alt="Be Where Your Feet Are">
</a>
</div>
<div class="woocommerce-loop-product__body product__body pt-3 text-center">
<div class="text-uppercase font-size-1 mb-1 text-truncate">
<a href="https://livreplus.com/search?edition=446" title="Edition Essentials LIVRE PLUS">Essentials</a>
</div>
<h2 class="woocommerce-loop-product__title product__title h6 text-lh-md mb-1 text-height-2 crop-text-2 h-dark">
<a href="https://livreplus.com/product/detail/be-where-your-feet-are-2509030838-78" title="Book Be Where Your Feet Are LIVRE PLUS">Be Where Your Feet Are</a>
</h2>
<div class="font-size-2 mb-1 text-truncate">
<a href="https://livreplus.com/search?author=959" class="text-gray-700" title="Author Scott O'Neil LIVRE PLUS">Scott O'Neil</a>
</div>
<div class="price d-block align-items-center font-weight-medium font-size-3">
<span class="woocommerce-Price-amount amount">
20.00
<span class="woocommerce-Price-currencySymbol">DT</span>
</span>
</div>
<!--
<div class="product__rating d-flex align-items-center font-size-2">
<div class="text-yellow-darker mr-2">
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="far fa-star"></small>
<small class="far fa-star"></small>
</div>
<div class="">(3,714)</div>
</div>
-->
<span class="badge badge-md badge-primary text-white position-absolute d-flex flex-column align-items-center justify-content-center"
style="width: auto; height: auto; transform: translate(0px,-125px); --f: 10px; --r: 15px; --t: 10px; inset: var(--t) calc(-1*var(--f)) auto auto; padding: 0 10px var(--f) calc(10px + var(--r)); clip-path: polygon(0 0,100% 0,100% calc(100% - var(--f)),calc(100% - var(--f)) 100%, calc(100% - var(--f)) calc(100% - var(--f)),0 calc(100% - var(--f)), var(--r) calc(50% - var(--f)/2)); box-shadow: 0 calc(-1*var(--f)) 0 inset #0005;">
Personal development</span>
<span class="badge badge-md badge-secondary position-absolute badge-pos--top-left text-white rounded-circle d-none d-md-flex flex-column align-items-center justify-content-center">Hot</span>
<span class="badge badge-sm badge-secondary position-absolute badge-pos--top-left text-white rounded-circle d-flex d-md-none flex-column align-items-center justify-content-center width-30 height-30 font-size-n9">Hot</span>
</div>
<div class="product__hover d-flex align-items-center">
<a href="https://livreplus.com/add-to-cart/be-where-your-feet-are-2509030838-78" data-id="11348312376ab6ce349f6db149169897" class="text-uppercase text-dark h-dark font-weight-medium mr-auto addtocart" title="Add to cart Book Be Where Your Feet Are LIVRE PLUS">
<span class="product__add-to-cart">Add to cart</span>
<span class="product__add-to-cart-icon font-size-4"><i class="flaticon-icon-126515"></i></span>
</a>
<a href="https://livreplus.com/product/detail/be-where-your-feet-are-2509030838-78" class="mr-1 h-p-bg border-0 btn btn-outline-primary" title="View Book Be Where Your Feet Are LIVRE PLUS">
<i class="flaticon-view"></i>
</a>
<a href="https://livreplus.com/wishlist/be-where-your-feet-are-2509030838-78" data-id="11348312376ab6ce349f6db149169897" class="h-p-bg border-0 btn-outline-primary addtoWishList" title="Add to wishlist Book Be Where Your Feet Are LIVRE PLUS">
<i class="flaticon-heart"></i>
</a>
</div>
</div>
</div>
</li>
<li class="product product__space border rounded-md py-3">
<div class="product__inner overflow-hidden p-3 p-3 p-md-4d875" style="position: relative">
<div class="loading" id="loading_7936086406ab6ce34a045e501644301"><i class="fas fa-spinner fa-spin fa-3x"></i></div>
<div class="woocommerce-LoopProduct-link woocommerce-loop-product__link d-block position-relative">
<div class="woocommerce-loop-product__thumbnail fixedProduct">
<a href="https://livreplus.com/product/detail/awkward-intelligence" class="d-block" title="Buy Book Awkward Intelligence LIVRE PLUS">
<img name="img_product_1406"
src="https://livreplus.com/storage/photos/shares/books/688b82ac7f562.jpg.webp"
class="mx-auto attachment-shop_catalog size-shop_catalog wp-post-image img-fluid"
loading="lazy"
decoding="async"
width="180"
height="240"
style="box-shadow: black 0px 0px 5px -1px, rgba(255, 255, 255, 0.5) -1px 1px 2px inset; border-radius: 5px; background-repeat: no-repeat; background-size: contain; background-position: center;"
alt="Awkward Intelligence">
</a>
</div>
<div class="woocommerce-loop-product__body product__body pt-3 text-center">
<div class="text-uppercase font-size-1 mb-1 text-truncate">
<a href="https://livreplus.com/search?edition=444" title="Edition The MIT Press LIVRE PLUS">The MIT Press</a>
</div>
<h2 class="woocommerce-loop-product__title product__title h6 text-lh-md mb-1 text-height-2 crop-text-2 h-dark">
<a href="https://livreplus.com/product/detail/awkward-intelligence" title="Book Awkward Intelligence LIVRE PLUS">Awkward Intelligence</a>
</h2>
<div class="font-size-2 mb-1 text-truncate">
<a href="https://livreplus.com/search?author=955" class="text-gray-700" title="Author Katharina A. Zweig LIVRE PLUS">Katharina A. Zweig</a>
<a href="https://livreplus.com/search?author=956" class="text-gray-700" title="Author Noah Harley LIVRE PLUS">Noah Harley</a>
</div>
<div class="price d-block align-items-center font-weight-medium font-size-3">
<span class="woocommerce-Price-amount amount">
40.00
<span class="woocommerce-Price-currencySymbol">DT</span>
</span>
</div>
<!--
<div class="product__rating d-flex align-items-center font-size-2">
<div class="text-yellow-darker mr-2">
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="far fa-star"></small>
<small class="far fa-star"></small>
</div>
<div class="">(3,714)</div>
</div>
-->
<span class="badge badge-md badge-primary text-white position-absolute d-flex flex-column align-items-center justify-content-center"
style="width: auto; height: auto; transform: translate(0px,-125px); --f: 10px; --r: 15px; --t: 10px; inset: var(--t) calc(-1*var(--f)) auto auto; padding: 0 10px var(--f) calc(10px + var(--r)); clip-path: polygon(0 0,100% 0,100% calc(100% - var(--f)),calc(100% - var(--f)) 100%, calc(100% - var(--f)) calc(100% - var(--f)),0 calc(100% - var(--f)), var(--r) calc(50% - var(--f)/2)); box-shadow: 0 calc(-1*var(--f)) 0 inset #0005;">
Personal development</span>
<span class="badge badge-md badge-secondary position-absolute badge-pos--top-left text-white rounded-circle d-none d-md-flex flex-column align-items-center justify-content-center">Hot</span>
<span class="badge badge-sm badge-secondary position-absolute badge-pos--top-left text-white rounded-circle d-flex d-md-none flex-column align-items-center justify-content-center width-30 height-30 font-size-n9">Hot</span>
</div>
<div class="product__hover d-flex align-items-center">
<a href="https://livreplus.com/add-to-cart/awkward-intelligence" data-id="7936086406ab6ce34a045e501644301" class="text-uppercase text-dark h-dark font-weight-medium mr-auto addtocart" title="Add to cart Book Awkward Intelligence LIVRE PLUS">
<span class="product__add-to-cart">Add to cart</span>
<span class="product__add-to-cart-icon font-size-4"><i class="flaticon-icon-126515"></i></span>
</a>
<a href="https://livreplus.com/product/detail/awkward-intelligence" class="mr-1 h-p-bg border-0 btn btn-outline-primary" title="View Book Awkward Intelligence LIVRE PLUS">
<i class="flaticon-view"></i>
</a>
<a href="https://livreplus.com/wishlist/awkward-intelligence" data-id="7936086406ab6ce34a045e501644301" class="h-p-bg border-0 btn-outline-primary addtoWishList" title="Add to wishlist Book Awkward Intelligence LIVRE PLUS">
<i class="flaticon-heart"></i>
</a>
</div>
</div>
</div>
</li>
<li class="product product__space border rounded-md py-3">
<div class="product__inner overflow-hidden p-3 p-3 p-md-4d875" style="position: relative">
<div class="loading" id="loading_9256987706ab6ce34a0b99148931158"><i class="fas fa-spinner fa-spin fa-3x"></i></div>
<div class="woocommerce-LoopProduct-link woocommerce-loop-product__link d-block position-relative">
<div class="woocommerce-loop-product__thumbnail fixedProduct">
<a href="https://livreplus.com/product/detail/shadow-spell" class="d-block" title="Buy Book Shadow Spell LIVRE PLUS">
<img name="img_product_1404"
src="https://livreplus.com/storage/photos/shares/books/688b81af9f028.jpg.webp"
class="mx-auto attachment-shop_catalog size-shop_catalog wp-post-image img-fluid"
loading="lazy"
decoding="async"
width="180"
height="240"
style="box-shadow: black 0px 0px 5px -1px, rgba(255, 255, 255, 0.5) -1px 1px 2px inset; border-radius: 5px; background-repeat: no-repeat; background-size: contain; background-position: center;"
alt="Shadow Spell">
</a>
</div>
<div class="woocommerce-loop-product__body product__body pt-3 text-center">
<div class="text-uppercase font-size-1 mb-1 text-truncate">
<a href="https://livreplus.com/search?edition=354" title="Edition Berkley LIVRE PLUS">Berkley</a>
</div>
<h2 class="woocommerce-loop-product__title product__title h6 text-lh-md mb-1 text-height-2 crop-text-2 h-dark">
<a href="https://livreplus.com/product/detail/shadow-spell" title="Book Shadow Spell LIVRE PLUS">Shadow Spell</a>
</h2>
<div class="font-size-2 mb-1 text-truncate">
<a href="https://livreplus.com/search?author=952" class="text-gray-700" title="Author Nora Roberts LIVRE PLUS">Nora Roberts</a>
</div>
<div class="price d-block align-items-center font-weight-medium font-size-3">
<span class="woocommerce-Price-amount amount">
25.00
<span class="woocommerce-Price-currencySymbol">DT</span>
</span>
</div>
<!--
<div class="product__rating d-flex align-items-center font-size-2">
<div class="text-yellow-darker mr-2">
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="far fa-star"></small>
<small class="far fa-star"></small>
</div>
<div class="">(3,714)</div>
</div>
-->
<span class="badge badge-md badge-primary text-white position-absolute d-flex flex-column align-items-center justify-content-center"
style="width: auto; height: auto; transform: translate(0px,-125px); --f: 10px; --r: 15px; --t: 10px; inset: var(--t) calc(-1*var(--f)) auto auto; padding: 0 10px var(--f) calc(10px + var(--r)); clip-path: polygon(0 0,100% 0,100% calc(100% - var(--f)),calc(100% - var(--f)) 100%, calc(100% - var(--f)) calc(100% - var(--f)),0 calc(100% - var(--f)), var(--r) calc(50% - var(--f)/2)); box-shadow: 0 calc(-1*var(--f)) 0 inset #0005;">
Novel</span>
<span class="badge badge-md badge-secondary position-absolute badge-pos--top-left text-white rounded-circle d-none d-md-flex flex-column align-items-center justify-content-center">Hot</span>
<span class="badge badge-sm badge-secondary position-absolute badge-pos--top-left text-white rounded-circle d-flex d-md-none flex-column align-items-center justify-content-center width-30 height-30 font-size-n9">Hot</span>
</div>
<div class="product__hover d-flex align-items-center">
<a href="https://livreplus.com/add-to-cart/shadow-spell" data-id="9256987706ab6ce34a0b99148931158" class="text-uppercase text-dark h-dark font-weight-medium mr-auto addtocart" title="Add to cart Book Shadow Spell LIVRE PLUS">
<span class="product__add-to-cart">Add to cart</span>
<span class="product__add-to-cart-icon font-size-4"><i class="flaticon-icon-126515"></i></span>
</a>
<a href="https://livreplus.com/product/detail/shadow-spell" class="mr-1 h-p-bg border-0 btn btn-outline-primary" title="View Book Shadow Spell LIVRE PLUS">
<i class="flaticon-view"></i>
</a>
<a href="https://livreplus.com/wishlist/shadow-spell" data-id="9256987706ab6ce34a0b99148931158" class="h-p-bg border-0 btn-outline-primary addtoWishList" title="Add to wishlist Book Shadow Spell LIVRE PLUS">
<i class="flaticon-heart"></i>
</a>
</div>
</div>
</div>
</li>
<li class="product product__space border rounded-md py-3">
<div class="product__inner overflow-hidden p-3 p-3 p-md-4d875" style="position: relative">
<div class="loading" id="loading_9664751986ab6ce34a180c581725074"><i class="fas fa-spinner fa-spin fa-3x"></i></div>
<div class="woocommerce-LoopProduct-link woocommerce-loop-product__link d-block position-relative">
<div class="woocommerce-loop-product__thumbnail fixedProduct">
<a href="https://livreplus.com/product/detail/dream-big" class="d-block" title="Buy Book Dream Big LIVRE PLUS">
<img name="img_product_1401"
src="https://livreplus.com/storage/photos/shares/books/688b80877ccaa.jpg.webp"
class="mx-auto attachment-shop_catalog size-shop_catalog wp-post-image img-fluid"
loading="lazy"
decoding="async"
width="180"
height="240"
style="box-shadow: black 0px 0px 5px -1px, rgba(255, 255, 255, 0.5) -1px 1px 2px inset; border-radius: 5px; background-repeat: no-repeat; background-size: contain; background-position: center;"
alt="Dream Big">
</a>
</div>
<div class="woocommerce-loop-product__body product__body pt-3 text-center">
<div class="text-uppercase font-size-1 mb-1 text-truncate">
<a href="https://livreplus.com/search?edition=443" title="Edition Thomas Nelson LIVRE PLUS">Thomas Nelson</a>
</div>
<h2 class="woocommerce-loop-product__title product__title h6 text-lh-md mb-1 text-height-2 crop-text-2 h-dark">
<a href="https://livreplus.com/product/detail/dream-big" title="Book Dream Big LIVRE PLUS">Dream Big</a>
</h2>
<div class="font-size-2 mb-1 text-truncate">
<a href="https://livreplus.com/search?author=951" class="text-gray-700" title="Author Bob Goff LIVRE PLUS">Bob Goff</a>
</div>
<div class="price d-block align-items-center font-weight-medium font-size-3">
<span class="woocommerce-Price-amount amount">
30.00
<span class="woocommerce-Price-currencySymbol">DT</span>
</span>
</div>
<!--
<div class="product__rating d-flex align-items-center font-size-2">
<div class="text-yellow-darker mr-2">
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="far fa-star"></small>
<small class="far fa-star"></small>
</div>
<div class="">(3,714)</div>
</div>
-->
<span class="badge badge-md badge-primary text-white position-absolute d-flex flex-column align-items-center justify-content-center"
style="width: auto; height: auto; transform: translate(0px,-125px); --f: 10px; --r: 15px; --t: 10px; inset: var(--t) calc(-1*var(--f)) auto auto; padding: 0 10px var(--f) calc(10px + var(--r)); clip-path: polygon(0 0,100% 0,100% calc(100% - var(--f)),calc(100% - var(--f)) 100%, calc(100% - var(--f)) calc(100% - var(--f)),0 calc(100% - var(--f)), var(--r) calc(50% - var(--f)/2)); box-shadow: 0 calc(-1*var(--f)) 0 inset #0005;">
Personal development</span>
<span class="badge badge-md badge-secondary position-absolute badge-pos--top-left text-white rounded-circle d-none d-md-flex flex-column align-items-center justify-content-center">Hot</span>
<span class="badge badge-sm badge-secondary position-absolute badge-pos--top-left text-white rounded-circle d-flex d-md-none flex-column align-items-center justify-content-center width-30 height-30 font-size-n9">Hot</span>
</div>
<div class="product__hover d-flex align-items-center">
<a href="https://livreplus.com/add-to-cart/dream-big" data-id="9664751986ab6ce34a180c581725074" class="text-uppercase text-dark h-dark font-weight-medium mr-auto addtocart" title="Add to cart Book Dream Big LIVRE PLUS">
<span class="product__add-to-cart">Add to cart</span>
<span class="product__add-to-cart-icon font-size-4"><i class="flaticon-icon-126515"></i></span>
</a>
<a href="https://livreplus.com/product/detail/dream-big" class="mr-1 h-p-bg border-0 btn btn-outline-primary" title="View Book Dream Big LIVRE PLUS">
<i class="flaticon-view"></i>
</a>
<a href="https://livreplus.com/wishlist/dream-big" data-id="9664751986ab6ce34a180c581725074" class="h-p-bg border-0 btn-outline-primary addtoWishList" title="Add to wishlist Book Dream Big LIVRE PLUS">
<i class="flaticon-heart"></i>
</a>
</div>
</div>
</div>
</li>
<li class="product product__space border rounded-md py-3">
<div class="product__inner overflow-hidden p-3 p-3 p-md-4d875" style="position: relative">
<div class="loading" id="loading_3318031756ab6ce34a2096018377790"><i class="fas fa-spinner fa-spin fa-3x"></i></div>
<div class="woocommerce-LoopProduct-link woocommerce-loop-product__link d-block position-relative">
<div class="woocommerce-loop-product__thumbnail fixedProduct">
<a href="https://livreplus.com/product/detail/your-turn-2507312513-134" class="d-block" title="Buy Book Your Turn LIVRE PLUS">
<img name="img_product_1397"
src="https://livreplus.com/storage/photos/shares/books/688b7c92a5756.jpg.webp"
class="mx-auto attachment-shop_catalog size-shop_catalog wp-post-image img-fluid"
loading="lazy"
decoding="async"
width="180"
height="240"
style="box-shadow: black 0px 0px 5px -1px, rgba(255, 255, 255, 0.5) -1px 1px 2px inset; border-radius: 5px; background-repeat: no-repeat; background-size: contain; background-position: center;"
alt="Your Turn">
</a>
</div>
<div class="woocommerce-loop-product__body product__body pt-3 text-center">
<div class="text-uppercase font-size-1 mb-1 text-truncate">
<a href="https://livreplus.com/search?edition=440" title="Edition Holt Paperbacks LIVRE PLUS">Holt Paperbacks</a>
</div>
<h2 class="woocommerce-loop-product__title product__title h6 text-lh-md mb-1 text-height-2 crop-text-2 h-dark">
<a href="https://livreplus.com/product/detail/your-turn-2507312513-134" title="Book Your Turn LIVRE PLUS">Your Turn</a>
</h2>
<div class="font-size-2 mb-1 text-truncate">
<a href="https://livreplus.com/search?author=947" class="text-gray-700" title="Author Julie Lythcott-Haims LIVRE PLUS">Julie Lythcott-Haims</a>
</div>
<div class="price d-block align-items-center font-weight-medium font-size-3">
<span class="woocommerce-Price-amount amount">
44.00
<span class="woocommerce-Price-currencySymbol">DT</span>
</span>
</div>
<!--
<div class="product__rating d-flex align-items-center font-size-2">
<div class="text-yellow-darker mr-2">
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="far fa-star"></small>
<small class="far fa-star"></small>
</div>
<div class="">(3,714)</div>
</div>
-->
<span class="badge badge-md badge-primary text-white position-absolute d-flex flex-column align-items-center justify-content-center"
style="width: auto; height: auto; transform: translate(0px,-125px); --f: 10px; --r: 15px; --t: 10px; inset: var(--t) calc(-1*var(--f)) auto auto; padding: 0 10px var(--f) calc(10px + var(--r)); clip-path: polygon(0 0,100% 0,100% calc(100% - var(--f)),calc(100% - var(--f)) 100%, calc(100% - var(--f)) calc(100% - var(--f)),0 calc(100% - var(--f)), var(--r) calc(50% - var(--f)/2)); box-shadow: 0 calc(-1*var(--f)) 0 inset #0005;">
Personal development</span>
<span class="badge badge-md badge-secondary position-absolute badge-pos--top-left text-white rounded-circle d-none d-md-flex flex-column align-items-center justify-content-center">Hot</span>
<span class="badge badge-sm badge-secondary position-absolute badge-pos--top-left text-white rounded-circle d-flex d-md-none flex-column align-items-center justify-content-center width-30 height-30 font-size-n9">Hot</span>
</div>
<div class="product__hover d-flex align-items-center">
<a href="https://livreplus.com/add-to-cart/your-turn-2507312513-134" data-id="3318031756ab6ce34a2096018377790" class="text-uppercase text-dark h-dark font-weight-medium mr-auto addtocart" title="Add to cart Book Your Turn LIVRE PLUS">
<span class="product__add-to-cart">Add to cart</span>
<span class="product__add-to-cart-icon font-size-4"><i class="flaticon-icon-126515"></i></span>
</a>
<a href="https://livreplus.com/product/detail/your-turn-2507312513-134" class="mr-1 h-p-bg border-0 btn btn-outline-primary" title="View Book Your Turn LIVRE PLUS">
<i class="flaticon-view"></i>
</a>
<a href="https://livreplus.com/wishlist/your-turn-2507312513-134" data-id="3318031756ab6ce34a2096018377790" class="h-p-bg border-0 btn-outline-primary addtoWishList" title="Add to wishlist Book Your Turn LIVRE PLUS">
<i class="flaticon-heart"></i>
</a>
</div>
</div>
</div>
</li>
<li class="product product__space border rounded-md py-3">
<div class="product__inner overflow-hidden p-3 p-3 p-md-4d875" style="position: relative">
<div class="loading" id="loading_9453888266ab6ce34a2d11576572257"><i class="fas fa-spinner fa-spin fa-3x"></i></div>
<div class="woocommerce-LoopProduct-link woocommerce-loop-product__link d-block position-relative">
<div class="woocommerce-loop-product__thumbnail fixedProduct">
<a href="https://livreplus.com/product/detail/why-startups-fail" class="d-block" title="Buy Book Why Startups Fail LIVRE PLUS">
<img name="img_product_1396"
src="https://livreplus.com/storage/photos/shares/books/688b7b978989a.jpg.webp"
class="mx-auto attachment-shop_catalog size-shop_catalog wp-post-image img-fluid"
loading="lazy"
decoding="async"
width="180"
height="240"
style="box-shadow: black 0px 0px 5px -1px, rgba(255, 255, 255, 0.5) -1px 1px 2px inset; border-radius: 5px; background-repeat: no-repeat; background-size: contain; background-position: center;"
alt="Why Startups Fail">
</a>
</div>
<div class="woocommerce-loop-product__body product__body pt-3 text-center">
<div class="text-uppercase font-size-1 mb-1 text-truncate">
<a href="https://livreplus.com/search?edition=439" title="Edition Crown Currency LIVRE PLUS">Crown Currency</a>
</div>
<h2 class="woocommerce-loop-product__title product__title h6 text-lh-md mb-1 text-height-2 crop-text-2 h-dark">
<a href="https://livreplus.com/product/detail/why-startups-fail" title="Book Why Startups Fail LIVRE PLUS">Why Startups Fail</a>
</h2>
<div class="font-size-2 mb-1 text-truncate">
<a href="https://livreplus.com/search?author=945" class="text-gray-700" title="Author Tom Eisenmann LIVRE PLUS">Tom Eisenmann</a>
</div>
<div class="price d-block align-items-center font-weight-medium font-size-3">
<span class="woocommerce-Price-amount amount">
30.00
<span class="woocommerce-Price-currencySymbol">DT</span>
</span>
</div>
<!--
<div class="product__rating d-flex align-items-center font-size-2">
<div class="text-yellow-darker mr-2">
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="far fa-star"></small>
<small class="far fa-star"></small>
</div>
<div class="">(3,714)</div>
</div>
-->
<span class="badge badge-md badge-primary text-white position-absolute d-flex flex-column align-items-center justify-content-center"
style="width: auto; height: auto; transform: translate(0px,-125px); --f: 10px; --r: 15px; --t: 10px; inset: var(--t) calc(-1*var(--f)) auto auto; padding: 0 10px var(--f) calc(10px + var(--r)); clip-path: polygon(0 0,100% 0,100% calc(100% - var(--f)),calc(100% - var(--f)) 100%, calc(100% - var(--f)) calc(100% - var(--f)),0 calc(100% - var(--f)), var(--r) calc(50% - var(--f)/2)); box-shadow: 0 calc(-1*var(--f)) 0 inset #0005;">
Personal development</span>
<span class="badge badge-md badge-secondary position-absolute badge-pos--top-left text-white rounded-circle d-none d-md-flex flex-column align-items-center justify-content-center">Hot</span>
<span class="badge badge-sm badge-secondary position-absolute badge-pos--top-left text-white rounded-circle d-flex d-md-none flex-column align-items-center justify-content-center width-30 height-30 font-size-n9">Hot</span>
</div>
<div class="product__hover d-flex align-items-center">
<a href="https://livreplus.com/add-to-cart/why-startups-fail" data-id="9453888266ab6ce34a2d11576572257" class="text-uppercase text-dark h-dark font-weight-medium mr-auto addtocart" title="Add to cart Book Why Startups Fail LIVRE PLUS">
<span class="product__add-to-cart">Add to cart</span>
<span class="product__add-to-cart-icon font-size-4"><i class="flaticon-icon-126515"></i></span>
</a>
<a href="https://livreplus.com/product/detail/why-startups-fail" class="mr-1 h-p-bg border-0 btn btn-outline-primary" title="View Book Why Startups Fail LIVRE PLUS">
<i class="flaticon-view"></i>
</a>
<a href="https://livreplus.com/wishlist/why-startups-fail" data-id="9453888266ab6ce34a2d11576572257" class="h-p-bg border-0 btn-outline-primary addtoWishList" title="Add to wishlist Book Why Startups Fail LIVRE PLUS">
<i class="flaticon-heart"></i>
</a>
</div>
</div>
</div>
</li>
</ul>
</div>
</section>
<div class="banner space-bottom-3">
<div class="container">
<div class="bg-gray-850 px-xl-10 px-6 py-5 rounded">
<div class="media d-block d-lg-flex">
<div class="media-body align-self-center mb-4 mb-lg-0">
<p class="banner__pretitle text-uppercase text-gray-450 font-weight-bold d-none d-md-block">Pack demo Librairie Medina Demo</p>
<h2 class="banner__title font-size-10 font-weight-bold text-white mb-4 d-none d-md-block"><span class="font-size-7">Get </span>10% off <span class="font-size-7">for this pack.<br>Pay </span><ins class="text-decoration-none mr-2">40.50DT</ins><span class="font-size-7"> instead of </span><del class="font-size-7 font-weight-regular">45.00DT</del><span class="font-size-7">!</span></h2>
<a href="https://livreplus.com/pack/detail/pack-demo-librairie-medina-demo" class="banner_btn btn btn-wide btn-primary-green text-white" title="Explore Pack Books Pack demo Librairie Medina Demo LIVRE PLUS">Explore Pack Books</a>
</div>
<img name="img_pack_22"
src="https://livreplus.com/storage/photos/1/book-100x166.png"
class="img-fluid"
loading="lazy"
decoding="async"
width="420"
height="234"
alt="Pack demo Librairie Medina Demo"
style="max-height: 234px; max-width: -webkit-fill-available; width: auto;">
</div>
</div>
</div>
</div>
<section class="space-3 small">
<div class="container" style="overflow: hidden">
<header class="d-flex justify-content-between align-items-center mb-5">
<h2 class="font-size-7 mb-0">Discounted books</h2>
</header>
<ul class="mb-0 js-slick-carousel u-slick u-slick--gutters-3 pl-0 products"
data-arrows-classes="d-block u-slick__arrow u-slick__arrow-centered--y"
data-arrow-left-classes="fas flaticon-back u-slick__arrow-inner u-slick__arrow-inner--left"
data-arrow-right-classes="fas flaticon-next u-slick__arrow-inner u-slick__arrow-inner--right"
data-slides-show="6" data-slick='{"autoplay": true, "autoplaySpeed": 5000}'
data-responsive='[{"breakpoint": 1480,"settings": {"slidesToShow": 5}},{"breakpoint": 1200,"settings": {"slidesToShow": 4}},{"breakpoint": 992,"settings": {"slidesToShow": 3}},{"breakpoint": 768,"settings": {"slidesToShow": 2}},{"breakpoint": 576,"settings": {"slidesToShow": 2}}]'>
<li class="product product__space border rounded-md py-3">
<div class="product__inner overflow-hidden p-3 p-3 p-md-4d875" style="position: relative">
<div class="loading" id="loading_13385719156ab6ce34a38a2717073500"><i class="fas fa-spinner fa-spin fa-3x"></i></div>
<div class="woocommerce-LoopProduct-link woocommerce-loop-product__link d-block position-relative">
<div class="woocommerce-loop-product__thumbnail fixedProduct">
<a href="https://livreplus.com/product/detail/nouvelle-histoire-de-lislam-2602095058-684" class="d-block" title="Buy Book Nouvelle histoire de l'islam LIVRE PLUS">
<img name="img_product_125"
src="https://livreplus.com/storage/photos/shares/books/68d2ab6be579e.jpg.webp"
class="mx-auto attachment-shop_catalog size-shop_catalog wp-post-image img-fluid"
loading="lazy"
decoding="async"
width="180"
height="240"
style="box-shadow: black 0px 0px 5px -1px, rgba(255, 255, 255, 0.5) -1px 1px 2px inset; border-radius: 5px; background-repeat: no-repeat; background-size: contain; background-position: center;"
alt="Nouvelle histoire de l'islam">
</a>
<span class="badge badge-md badge-primary-green position-absolute badge-pos--top-right text-white rounded-circle d-none d-md-flex flex-column align-items-center justify-content-center">20%</span>
<span class="badge badge-sm badge-primary-green position-absolute badge-pos--top-right text-white rounded-circle d-flex d-md-none flex-column align-items-center justify-content-center width-30 height-30 font-size-n9">20%</span>
</div>
<div class="woocommerce-loop-product__body product__body pt-3 text-center">
<div class="text-uppercase font-size-1 mb-1 text-truncate">
<a href="https://livreplus.com/search?edition=44" title="Edition Tallandier LIVRE PLUS">Tallandier</a>
</div>
<h2 class="woocommerce-loop-product__title product__title h6 text-lh-md mb-1 text-height-2 crop-text-2 h-dark">
<a href="https://livreplus.com/product/detail/nouvelle-histoire-de-lislam-2602095058-684" title="Book Nouvelle histoire de l'islam LIVRE PLUS">Nouvelle histoire de l'islam</a>
</h2>
<div class="font-size-2 mb-1 text-truncate">
<a href="https://livreplus.com/search?author=83" class="text-gray-700" title="Author John Tolan LIVRE PLUS">John Tolan</a>
</div>
<div class="price d-block align-items-center font-weight-medium font-size-3">
<ins class="text-decoration-none mr-2">
<span class="woocommerce-Price-amount amount">
72.00
<span class="woocommerce-Price-currencySymbol">DT</span>
</span>
</ins>
<del class="font-size-1 font-weight-regular text-gray-700">
<span class="woocommerce-Price-amount amount">
90.00
<span
class="woocommerce-Price-currencySymbol">DT</span>
</span>
</del>
</div>
<!--
<div class="product__rating d-flex align-items-center font-size-2">
<div class="text-yellow-darker mr-2">
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="far fa-star"></small>
<small class="far fa-star"></small>
</div>
<div class="">(3,714)</div>
</div>
-->
<span class="badge badge-md badge-primary text-white position-absolute d-flex flex-column align-items-center justify-content-center"
style="width: auto; height: auto; transform: translate(0px,-125px); --f: 10px; --r: 15px; --t: 10px; inset: var(--t) calc(-1*var(--f)) auto auto; padding: 0 10px var(--f) calc(10px + var(--r)); clip-path: polygon(0 0,100% 0,100% calc(100% - var(--f)),calc(100% - var(--f)) 100%, calc(100% - var(--f)) calc(100% - var(--f)),0 calc(100% - var(--f)), var(--r) calc(50% - var(--f)/2)); box-shadow: 0 calc(-1*var(--f)) 0 inset #0005;">
Religion</span>
</div>
<div class="product__hover d-flex align-items-center">
<a href="https://livreplus.com/add-to-cart/nouvelle-histoire-de-lislam-2602095058-684" data-id="13385719156ab6ce34a38a2717073500" class="text-uppercase text-dark h-dark font-weight-medium mr-auto addtocart" title="Add to cart Book Nouvelle histoire de l'islam LIVRE PLUS">
<span class="product__add-to-cart">Add to cart</span>
<span class="product__add-to-cart-icon font-size-4"><i class="flaticon-icon-126515"></i></span>
</a>
<a href="https://livreplus.com/product/detail/nouvelle-histoire-de-lislam-2602095058-684" class="mr-1 h-p-bg border-0 btn btn-outline-primary" title="View Book Nouvelle histoire de l'islam LIVRE PLUS">
<i class="flaticon-view"></i>
</a>
<a href="https://livreplus.com/wishlist/nouvelle-histoire-de-lislam-2602095058-684" data-id="13385719156ab6ce34a38a2717073500" class="h-p-bg border-0 btn-outline-primary addtoWishList" title="Add to wishlist Book Nouvelle histoire de l'islam LIVRE PLUS">
<i class="flaticon-heart"></i>
</a>
</div>
</div>
</div>
</li>
<li class="product product__space border rounded-md py-3">
<div class="product__inner overflow-hidden p-3 p-3 p-md-4d875" style="position: relative">
<div class="loading" id="loading_12577176776ab6ce34a3d9c876631221"><i class="fas fa-spinner fa-spin fa-3x"></i></div>
<div class="woocommerce-LoopProduct-link woocommerce-loop-product__link d-block position-relative">
<div class="woocommerce-loop-product__thumbnail fixedProduct">
<a href="https://livreplus.com/product/detail/mohammed-prophete-de-lislam" class="d-block" title="Buy Book Mohammed prophète de l'islam LIVRE PLUS">
<img name="img_product_126"
src="https://livreplus.com/storage/photos/shares/books/64b535d3244c9.jpg.webp"
class="mx-auto attachment-shop_catalog size-shop_catalog wp-post-image img-fluid"
loading="lazy"
decoding="async"
width="180"
height="240"
style="box-shadow: black 0px 0px 5px -1px, rgba(255, 255, 255, 0.5) -1px 1px 2px inset; border-radius: 5px; background-repeat: no-repeat; background-size: contain; background-position: center;"
alt="Mohammed prophète de l'islam">
</a>
<span class="badge badge-md badge-primary-green position-absolute badge-pos--top-right text-white rounded-circle d-none d-md-flex flex-column align-items-center justify-content-center">20%</span>
<span class="badge badge-sm badge-primary-green position-absolute badge-pos--top-right text-white rounded-circle d-flex d-md-none flex-column align-items-center justify-content-center width-30 height-30 font-size-n9">20%</span>
</div>
<div class="woocommerce-loop-product__body product__body pt-3 text-center">
<div class="text-uppercase font-size-1 mb-1 text-truncate">
<a href="https://livreplus.com/search?edition=44" title="Edition Tallandier LIVRE PLUS">Tallandier</a>
</div>
<h2 class="woocommerce-loop-product__title product__title h6 text-lh-md mb-1 text-height-2 crop-text-2 h-dark">
<a href="https://livreplus.com/product/detail/mohammed-prophete-de-lislam" title="Book Mohammed prophète de l'islam LIVRE PLUS">Mohammed prophète de l'islam</a>
</h2>
<div class="font-size-2 mb-1 text-truncate">
<a href="https://livreplus.com/search?author=84" class="text-gray-700" title="Author Malek Chebel LIVRE PLUS">Malek Chebel</a>
</div>
<div class="price d-block align-items-center font-weight-medium font-size-3">
<ins class="text-decoration-none mr-2">
<span class="woocommerce-Price-amount amount">
32.80
<span class="woocommerce-Price-currencySymbol">DT</span>
</span>
</ins>
<del class="font-size-1 font-weight-regular text-gray-700">
<span class="woocommerce-Price-amount amount">
41.00
<span
class="woocommerce-Price-currencySymbol">DT</span>
</span>
</del>
</div>
<!--
<div class="product__rating d-flex align-items-center font-size-2">
<div class="text-yellow-darker mr-2">
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="far fa-star"></small>
<small class="far fa-star"></small>
</div>
<div class="">(3,714)</div>
</div>
-->
<span class="badge badge-md badge-primary text-white position-absolute d-flex flex-column align-items-center justify-content-center"
style="width: auto; height: auto; transform: translate(0px,-125px); --f: 10px; --r: 15px; --t: 10px; inset: var(--t) calc(-1*var(--f)) auto auto; padding: 0 10px var(--f) calc(10px + var(--r)); clip-path: polygon(0 0,100% 0,100% calc(100% - var(--f)),calc(100% - var(--f)) 100%, calc(100% - var(--f)) calc(100% - var(--f)),0 calc(100% - var(--f)), var(--r) calc(50% - var(--f)/2)); box-shadow: 0 calc(-1*var(--f)) 0 inset #0005;">
Religion</span>
</div>
<div class="product__hover d-flex align-items-center">
<a href="https://livreplus.com/add-to-cart/mohammed-prophete-de-lislam" data-id="12577176776ab6ce34a3d9c876631221" class="text-uppercase text-dark h-dark font-weight-medium mr-auto addtocart" title="Add to cart Book Mohammed prophète de l'islam LIVRE PLUS">
<span class="product__add-to-cart">Add to cart</span>
<span class="product__add-to-cart-icon font-size-4"><i class="flaticon-icon-126515"></i></span>
</a>
<a href="https://livreplus.com/product/detail/mohammed-prophete-de-lislam" class="mr-1 h-p-bg border-0 btn btn-outline-primary" title="View Book Mohammed prophète de l'islam LIVRE PLUS">
<i class="flaticon-view"></i>
</a>
<a href="https://livreplus.com/wishlist/mohammed-prophete-de-lislam" data-id="12577176776ab6ce34a3d9c876631221" class="h-p-bg border-0 btn-outline-primary addtoWishList" title="Add to wishlist Book Mohammed prophète de l'islam LIVRE PLUS">
<i class="flaticon-heart"></i>
</a>
</div>
</div>
</div>
</li>
<li class="product product__space border rounded-md py-3">
<div class="product__inner overflow-hidden p-3 p-3 p-md-4d875" style="position: relative">
<div class="loading" id="loading_5057993236ab6ce34a40bc068368975"><i class="fas fa-spinner fa-spin fa-3x"></i></div>
<div class="woocommerce-LoopProduct-link woocommerce-loop-product__link d-block position-relative">
<div class="woocommerce-loop-product__thumbnail fixedProduct">
<a href="https://livreplus.com/product/detail/lislam" class="d-block" title="Buy Book L'Islam LIVRE PLUS">
<img name="img_product_127"
src="https://livreplus.com/storage/photos/shares/books/64b5357a4235e.jpg.webp"
class="mx-auto attachment-shop_catalog size-shop_catalog wp-post-image img-fluid"
loading="lazy"
decoding="async"
width="180"
height="240"
style="box-shadow: black 0px 0px 5px -1px, rgba(255, 255, 255, 0.5) -1px 1px 2px inset; border-radius: 5px; background-repeat: no-repeat; background-size: contain; background-position: center;"
alt="L'Islam">
</a>
<span class="badge badge-md badge-primary-green position-absolute badge-pos--top-right text-white rounded-circle d-none d-md-flex flex-column align-items-center justify-content-center">20%</span>
<span class="badge badge-sm badge-primary-green position-absolute badge-pos--top-right text-white rounded-circle d-flex d-md-none flex-column align-items-center justify-content-center width-30 height-30 font-size-n9">20%</span>
</div>
<div class="woocommerce-loop-product__body product__body pt-3 text-center">
<div class="text-uppercase font-size-1 mb-1 text-truncate">
<a href="https://livreplus.com/search?edition=51" title="Edition Liana Levi LIVRE PLUS">Liana Levi</a>
</div>
<h2 class="woocommerce-loop-product__title product__title h6 text-lh-md mb-1 text-height-2 crop-text-2 h-dark">
<a href="https://livreplus.com/product/detail/lislam" title="Book L'Islam LIVRE PLUS">L'Islam</a>
</h2>
<div class="font-size-2 mb-1 text-truncate">
<a href="https://livreplus.com/search?author=85" class="text-gray-700" title="Author Younis Tawfik LIVRE PLUS">Younis Tawfik</a>
</div>
<div class="price d-block align-items-center font-weight-medium font-size-3">
<ins class="text-decoration-none mr-2">
<span class="woocommerce-Price-amount amount">
55.20
<span class="woocommerce-Price-currencySymbol">DT</span>
</span>
</ins>
<del class="font-size-1 font-weight-regular text-gray-700">
<span class="woocommerce-Price-amount amount">
69.00
<span
class="woocommerce-Price-currencySymbol">DT</span>
</span>
</del>
</div>
<!--
<div class="product__rating d-flex align-items-center font-size-2">
<div class="text-yellow-darker mr-2">
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="far fa-star"></small>
<small class="far fa-star"></small>
</div>
<div class="">(3,714)</div>
</div>
-->
<span class="badge badge-md badge-primary text-white position-absolute d-flex flex-column align-items-center justify-content-center"
style="width: auto; height: auto; transform: translate(0px,-125px); --f: 10px; --r: 15px; --t: 10px; inset: var(--t) calc(-1*var(--f)) auto auto; padding: 0 10px var(--f) calc(10px + var(--r)); clip-path: polygon(0 0,100% 0,100% calc(100% - var(--f)),calc(100% - var(--f)) 100%, calc(100% - var(--f)) calc(100% - var(--f)),0 calc(100% - var(--f)), var(--r) calc(50% - var(--f)/2)); box-shadow: 0 calc(-1*var(--f)) 0 inset #0005;">
Religion</span>
</div>
<div class="product__hover d-flex align-items-center">
<a href="https://livreplus.com/add-to-cart/lislam" data-id="5057993236ab6ce34a40bc068368975" class="text-uppercase text-dark h-dark font-weight-medium mr-auto addtocart" title="Add to cart Book L'Islam LIVRE PLUS">
<span class="product__add-to-cart">Add to cart</span>
<span class="product__add-to-cart-icon font-size-4"><i class="flaticon-icon-126515"></i></span>
</a>
<a href="https://livreplus.com/product/detail/lislam" class="mr-1 h-p-bg border-0 btn btn-outline-primary" title="View Book L'Islam LIVRE PLUS">
<i class="flaticon-view"></i>
</a>
<a href="https://livreplus.com/wishlist/lislam" data-id="5057993236ab6ce34a40bc068368975" class="h-p-bg border-0 btn-outline-primary addtoWishList" title="Add to wishlist Book L'Islam LIVRE PLUS">
<i class="flaticon-heart"></i>
</a>
</div>
</div>
</div>
</li>
<li class="product product__space border rounded-md py-3">
<div class="product__inner overflow-hidden p-3 p-3 p-md-4d875" style="position: relative">
<div class="loading" id="loading_16227386316ab6ce34a443a626711646"><i class="fas fa-spinner fa-spin fa-3x"></i></div>
<div class="woocommerce-LoopProduct-link woocommerce-loop-product__link d-block position-relative">
<div class="woocommerce-loop-product__thumbnail fixedProduct">
<a href="https://livreplus.com/product/detail/ktab-lank-allh-rhl-al-alsmaaa-alsabaa" class="d-block" title="Buy Book كتاب لأنك الله : رحلة إلى السماء السابعة LIVRE PLUS">
<img name="img_product_128"
src="https://livreplus.com/storage/photos/shares/books/64b534cbdfd85.jpg.webp"
class="mx-auto attachment-shop_catalog size-shop_catalog wp-post-image img-fluid"
loading="lazy"
decoding="async"
width="180"
height="240"
style="box-shadow: black 0px 0px 5px -1px, rgba(255, 255, 255, 0.5) -1px 1px 2px inset; border-radius: 5px; background-repeat: no-repeat; background-size: contain; background-position: center;"
alt="كتاب لأنك الله : رحلة إلى السماء السابعة">
</a>
<span class="badge badge-md badge-primary-green position-absolute badge-pos--top-right text-white rounded-circle d-none d-md-flex flex-column align-items-center justify-content-center">20%</span>
<span class="badge badge-sm badge-primary-green position-absolute badge-pos--top-right text-white rounded-circle d-flex d-md-none flex-column align-items-center justify-content-center width-30 height-30 font-size-n9">20%</span>
</div>
<div class="woocommerce-loop-product__body product__body pt-3 text-center">
<div class="text-uppercase font-size-1 mb-1 text-truncate">
<a href="https://livreplus.com/search?edition=52" title="Edition دار الحضارة LIVRE PLUS">دار الحضارة</a>
</div>
<h2 class="woocommerce-loop-product__title product__title h6 text-lh-md mb-1 text-height-2 crop-text-2 h-dark">
<a href="https://livreplus.com/product/detail/ktab-lank-allh-rhl-al-alsmaaa-alsabaa" title="Book كتاب لأنك الله : رحلة إلى السماء السابعة LIVRE PLUS">كتاب لأنك الله : رحلة إلى السماء السابعة</a>
</h2>
<div class="font-size-2 mb-1 text-truncate">
<a href="https://livreplus.com/search?author=86" class="text-gray-700" title="Author علي جابر الفيفي LIVRE PLUS">علي جابر الفيفي</a>
</div>
<div class="price d-block align-items-center font-weight-medium font-size-3">
<ins class="text-decoration-none mr-2">
<span class="woocommerce-Price-amount amount">
20.80
<span class="woocommerce-Price-currencySymbol">DT</span>
</span>
</ins>
<del class="font-size-1 font-weight-regular text-gray-700">
<span class="woocommerce-Price-amount amount">
26.00
<span
class="woocommerce-Price-currencySymbol">DT</span>
</span>
</del>
</div>
<!--
<div class="product__rating d-flex align-items-center font-size-2">
<div class="text-yellow-darker mr-2">
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="far fa-star"></small>
<small class="far fa-star"></small>
</div>
<div class="">(3,714)</div>
</div>
-->
<span class="badge badge-md badge-primary text-white position-absolute d-flex flex-column align-items-center justify-content-center"
style="width: auto; height: auto; transform: translate(0px,-125px); --f: 10px; --r: 15px; --t: 10px; inset: var(--t) calc(-1*var(--f)) auto auto; padding: 0 10px var(--f) calc(10px + var(--r)); clip-path: polygon(0 0,100% 0,100% calc(100% - var(--f)),calc(100% - var(--f)) 100%, calc(100% - var(--f)) calc(100% - var(--f)),0 calc(100% - var(--f)), var(--r) calc(50% - var(--f)/2)); box-shadow: 0 calc(-1*var(--f)) 0 inset #0005;">
Religion</span>
</div>
<div class="product__hover d-flex align-items-center">
<a href="https://livreplus.com/add-to-cart/ktab-lank-allh-rhl-al-alsmaaa-alsabaa" data-id="16227386316ab6ce34a443a626711646" class="text-uppercase text-dark h-dark font-weight-medium mr-auto addtocart" title="Add to cart Book كتاب لأنك الله : رحلة إلى السماء السابعة LIVRE PLUS">
<span class="product__add-to-cart">Add to cart</span>
<span class="product__add-to-cart-icon font-size-4"><i class="flaticon-icon-126515"></i></span>
</a>
<a href="https://livreplus.com/product/detail/ktab-lank-allh-rhl-al-alsmaaa-alsabaa" class="mr-1 h-p-bg border-0 btn btn-outline-primary" title="View Book كتاب لأنك الله : رحلة إلى السماء السابعة LIVRE PLUS">
<i class="flaticon-view"></i>
</a>
<a href="https://livreplus.com/wishlist/ktab-lank-allh-rhl-al-alsmaaa-alsabaa" data-id="16227386316ab6ce34a443a626711646" class="h-p-bg border-0 btn-outline-primary addtoWishList" title="Add to wishlist Book كتاب لأنك الله : رحلة إلى السماء السابعة LIVRE PLUS">
<i class="flaticon-heart"></i>
</a>
</div>
</div>
</div>
</li>
<li class="product product__space border rounded-md py-3">
<div class="product__inner overflow-hidden p-3 p-3 p-md-4d875" style="position: relative">
<div class="loading" id="loading_16295324866ab6ce34a4727149231029"><i class="fas fa-spinner fa-spin fa-3x"></i></div>
<div class="woocommerce-LoopProduct-link woocommerce-loop-product__link d-block position-relative">
<div class="woocommerce-loop-product__thumbnail fixedProduct">
<a href="https://livreplus.com/product/detail/alanbyaaa-oalmrslyn-okhatmhm" class="d-block" title="Buy Book الأنبياء والمرسلين وخاتمهم LIVRE PLUS">
<img name="img_product_129"
src="https://livreplus.com/storage/photos/shares/books/64c515bf6ed37.png.webp"
class="mx-auto attachment-shop_catalog size-shop_catalog wp-post-image img-fluid"
loading="lazy"
decoding="async"
width="180"
height="240"
style="box-shadow: black 0px 0px 5px -1px, rgba(255, 255, 255, 0.5) -1px 1px 2px inset; border-radius: 5px; background-repeat: no-repeat; background-size: contain; background-position: center;"
alt="الأنبياء والمرسلين وخاتمهم">
</a>
<span class="badge badge-md badge-primary-green position-absolute badge-pos--top-right text-white rounded-circle d-none d-md-flex flex-column align-items-center justify-content-center">20%</span>
<span class="badge badge-sm badge-primary-green position-absolute badge-pos--top-right text-white rounded-circle d-flex d-md-none flex-column align-items-center justify-content-center width-30 height-30 font-size-n9">20%</span>
</div>
<div class="woocommerce-loop-product__body product__body pt-3 text-center">
<div class="text-uppercase font-size-1 mb-1 text-truncate">
<a href="https://livreplus.com/search?edition=53" title="Edition مركز الاسترخاء وتنمية القدرات LIVRE PLUS">مركز الاسترخاء وتنمية القدرات</a>
</div>
<h2 class="woocommerce-loop-product__title product__title h6 text-lh-md mb-1 text-height-2 crop-text-2 h-dark">
<a href="https://livreplus.com/product/detail/alanbyaaa-oalmrslyn-okhatmhm" title="Book الأنبياء والمرسلين وخاتمهم LIVRE PLUS">الأنبياء والمرسلين وخاتمهم</a>
</h2>
<div class="font-size-2 mb-1 text-truncate">
<a href="https://livreplus.com/search?author=87" class="text-gray-700" title="Author أشرف علي عبد الله LIVRE PLUS">أشرف علي عبد الله</a>
</div>
<div class="price d-block align-items-center font-weight-medium font-size-3">
<ins class="text-decoration-none mr-2">
<span class="woocommerce-Price-amount amount">
3.20
<span class="woocommerce-Price-currencySymbol">DT</span>
</span>
</ins>
<del class="font-size-1 font-weight-regular text-gray-700">
<span class="woocommerce-Price-amount amount">
4.00
<span
class="woocommerce-Price-currencySymbol">DT</span>
</span>
</del>
</div>
<!--
<div class="product__rating d-flex align-items-center font-size-2">
<div class="text-yellow-darker mr-2">
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="far fa-star"></small>
<small class="far fa-star"></small>
</div>
<div class="">(3,714)</div>
</div>
-->
<span class="badge badge-md badge-danger position-absolute badge-pos--top-right text-white d-none d-md-flex flex-column align-items-center justify-content-center" style="right: 75px;top: -50px;width: 5rem;height: 1rem;background-color: #ff0000;">Not Available</span>
<span class="badge badge-md badge-primary text-white position-absolute d-flex flex-column align-items-center justify-content-center"
style="width: auto; height: auto; transform: translate(0px,-125px); --f: 10px; --r: 15px; --t: 10px; inset: var(--t) calc(-1*var(--f)) auto auto; padding: 0 10px var(--f) calc(10px + var(--r)); clip-path: polygon(0 0,100% 0,100% calc(100% - var(--f)),calc(100% - var(--f)) 100%, calc(100% - var(--f)) calc(100% - var(--f)),0 calc(100% - var(--f)), var(--r) calc(50% - var(--f)/2)); box-shadow: 0 calc(-1*var(--f)) 0 inset #0005;">
Religion</span>
</div>
<div class="product__hover d-flex align-items-center">
<a href="https://livreplus.com/add-to-cart/alanbyaaa-oalmrslyn-okhatmhm" data-id="16295324866ab6ce34a4727149231029" class="text-uppercase text-dark h-dark font-weight-medium mr-auto addtocart" title="Add to cart Book الأنبياء والمرسلين وخاتمهم LIVRE PLUS">
<span class="product__add-to-cart">Add to cart</span>
<span class="product__add-to-cart-icon font-size-4"><i class="flaticon-icon-126515"></i></span>
</a>
<a href="https://livreplus.com/product/detail/alanbyaaa-oalmrslyn-okhatmhm" class="mr-1 h-p-bg border-0 btn btn-outline-primary" title="View Book الأنبياء والمرسلين وخاتمهم LIVRE PLUS">
<i class="flaticon-view"></i>
</a>
<a href="https://livreplus.com/wishlist/alanbyaaa-oalmrslyn-okhatmhm" data-id="16295324866ab6ce34a4727149231029" class="h-p-bg border-0 btn-outline-primary addtoWishList" title="Add to wishlist Book الأنبياء والمرسلين وخاتمهم LIVRE PLUS">
<i class="flaticon-heart"></i>
</a>
</div>
</div>
</div>
</li>
<li class="product product__space border rounded-md py-3">
<div class="product__inner overflow-hidden p-3 p-3 p-md-4d875" style="position: relative">
<div class="loading" id="loading_65531206ab6ce34a4a1d354474053"><i class="fas fa-spinner fa-spin fa-3x"></i></div>
<div class="woocommerce-LoopProduct-link woocommerce-loop-product__link d-block position-relative">
<div class="woocommerce-loop-product__thumbnail fixedProduct">
<a href="https://livreplus.com/product/detail/alrgl-alnbyl-2602095040-242" class="d-block" title="Buy Book الرجل النبيل LIVRE PLUS">
<img name="img_product_130"
src="https://livreplus.com/storage/photos/shares/books/68dd23282214f.jpg.webp"
class="mx-auto attachment-shop_catalog size-shop_catalog wp-post-image img-fluid"
loading="lazy"
decoding="async"
width="180"
height="240"
style="box-shadow: black 0px 0px 5px -1px, rgba(255, 255, 255, 0.5) -1px 1px 2px inset; border-radius: 5px; background-repeat: no-repeat; background-size: contain; background-position: center;"
alt="الرجل النبيل">
</a>
<span class="badge badge-md badge-primary-green position-absolute badge-pos--top-right text-white rounded-circle d-none d-md-flex flex-column align-items-center justify-content-center">20%</span>
<span class="badge badge-sm badge-primary-green position-absolute badge-pos--top-right text-white rounded-circle d-flex d-md-none flex-column align-items-center justify-content-center width-30 height-30 font-size-n9">20%</span>
</div>
<div class="woocommerce-loop-product__body product__body pt-3 text-center">
<div class="text-uppercase font-size-1 mb-1 text-truncate">
<a href="https://livreplus.com/search?edition=52" title="Edition دار الحضارة LIVRE PLUS">دار الحضارة</a>
</div>
<h2 class="woocommerce-loop-product__title product__title h6 text-lh-md mb-1 text-height-2 crop-text-2 h-dark">
<a href="https://livreplus.com/product/detail/alrgl-alnbyl-2602095040-242" title="Book الرجل النبيل LIVRE PLUS">الرجل النبيل</a>
</h2>
<div class="font-size-2 mb-1 text-truncate">
<a href="https://livreplus.com/search?author=86" class="text-gray-700" title="Author علي جابر الفيفي LIVRE PLUS">علي جابر الفيفي</a>
</div>
<div class="price d-block align-items-center font-weight-medium font-size-3">
<ins class="text-decoration-none mr-2">
<span class="woocommerce-Price-amount amount">
14.40
<span class="woocommerce-Price-currencySymbol">DT</span>
</span>
</ins>
<del class="font-size-1 font-weight-regular text-gray-700">
<span class="woocommerce-Price-amount amount">
18.00
<span
class="woocommerce-Price-currencySymbol">DT</span>
</span>
</del>
</div>
<!--
<div class="product__rating d-flex align-items-center font-size-2">
<div class="text-yellow-darker mr-2">
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="fas fa-star"></small>
<small class="far fa-star"></small>
<small class="far fa-star"></small>
</div>
<div class="">(3,714)</div>
</div>
-->
<span class="badge badge-md badge-primary text-white position-absolute d-flex flex-column align-items-center justify-content-center"
style="width: auto; height: auto; transform: translate(0px,-125px); --f: 10px; --r: 15px; --t: 10px; inset: var(--t) calc(-1*var(--f)) auto auto; padding: 0 10px var(--f) calc(10px + var(--r)); clip-path: polygon(0 0,100% 0,100% calc(100% - var(--f)),calc(100% - var(--f)) 100%, calc(100% - var(--f)) calc(100% - var(--f)),0 calc(100% - var(--f)), var(--r) calc(50% - var(--f)/2)); box-shadow: 0 calc(-1*var(--f)) 0 inset #0005;">
Religion</span>
</div>
<div class="product__hover d-flex align-items-center">
<a href="https://livreplus.com/add-to-cart/alrgl-alnbyl-2602095040-242" data-id="65531206ab6ce34a4a1d354474053" class="text-uppercase text-dark h-dark font-weight-medium mr-auto addtocart" title="Add to cart Book الرجل النبيل LIVRE PLUS">
<span class="product__add-to-cart">Add to cart</span>
<span class="product__add-to-cart-icon font-size-4"><i class="flaticon-icon-126515"></i></span>
</a>
<a href="https://livreplus.com/product/detail/alrgl-alnbyl-2602095040-242" class="mr-1 h-p-bg border-0 btn btn-outline-primary" title="View Book الرجل النبيل LIVRE PLUS">
<i class="flaticon-view"></i>
</a>
<a href="https://livreplus.com/wishlist/alrgl-alnbyl-2602095040-242" data-id="65531206ab6ce34a4a1d354474053" class="h-p-bg border-0 btn-outline-primary addtoWishList" title="Add to wishlist Book الرجل النبيل LIVRE PLUS">
<i class="flaticon-heart"></i>
</a>
</div>
</div>
</div>
</li>
</ul>
</div>
</section>
<section class="space-3">
<div class="container">
<header class="text-center mb-5">
<h2 class="font-size-7 mb-0">Favorite Authors</h2>
</header>
<ul class="authors list-unstyled js-slick-carousel u-slick--gutters-3 my-0"
data-arrows-classes="d-block u-slick__arrow u-slick__arrow-centered--y"
data-arrow-left-classes="fas fa-chevron-left u-slick__arrow-inner u-slick__arrow-inner--left"
data-arrow-right-classes="fas fa-chevron-right u-slick__arrow-inner u-slick__arrow-inner--right"
data-slides-show="6" data-slick='{"autoplay": true, "autoplaySpeed": 5000}'
data-responsive='[{"breakpoint": 1480,"settings": {"slidesToShow": 5}},{"breakpoint": 1200,"settings": {"slidesToShow": 4}},{"breakpoint": 992,"settings": {"slidesToShow": 3}},{"breakpoint": 768,"settings": {"slidesToShow": 2}},{"breakpoint": 576,"settings": {"slidesToShow": 1}}]'>
<li class="author col">
<a href="https://livreplus.com/search?author=104" class="text-reset" title="Author Paulo Coelho LIVRE PLUS">
<img id="img_author_104"
src="https://livreplus.com/storage/photos/shares/authors/68fa77f537ba0.png.webp"
class="mx-auto mb-5 rounded-circle"
loading="lazy"
decoding="async"
width="142"
height="142"
style="width:142px;height: 142px;object-fit: cover;" alt="Paulo Coelho">
<div class="author__body text-center">
<h2 class="author__name h6 mb-0">Paulo Coelho</h2>
<div class="text-gray-700 font-size-2">15
Published books
</div>
</div>
</a>
</li>
<li class="author col">
<a href="https://livreplus.com/search?author=376" class="text-reset" title="Author Danielle Steel LIVRE PLUS">
<img id="img_author_376"
src="https://livreplus.com/storage/photos/shares/authors/68fa7829681ed.png.webp"
class="mx-auto mb-5 rounded-circle"
loading="lazy"
decoding="async"
width="142"
height="142"
style="width:142px;height: 142px;object-fit: cover;" alt="Danielle Steel">
<div class="author__body text-center">
<h2 class="author__name h6 mb-0">Danielle Steel</h2>
<div class="text-gray-700 font-size-2">11
Published books
</div>
</div>
</a>
</li>
<li class="author col">
<a href="https://livreplus.com/search?author=343" class="text-reset" title="Author Salem de Bezenac LIVRE PLUS">
<img id="img_author_343"
src="https://livreplus.com/storage/photos/shares/authors/68fa78780b768.png.webp"
class="mx-auto mb-5 rounded-circle"
loading="lazy"
decoding="async"
width="142"
height="142"
style="width:142px;height: 142px;object-fit: cover;" alt="Salem de Bezenac">
<div class="author__body text-center">
<h2 class="author__name h6 mb-0">Salem de Bezenac</h2>
<div class="text-gray-700 font-size-2">10
Published books
</div>
</div>
</a>
</li>
<li class="author col">
<a href="https://livreplus.com/search?author=13" class="text-reset" title="Author حسنين بن عمو LIVRE PLUS">
<img id="img_author_13"
src="https://livreplus.com/storage/photos/shares/authors/68fa7a9dd7ffd.png.webp"
class="mx-auto mb-5 rounded-circle"
loading="lazy"
decoding="async"
width="142"
height="142"
style="width:142px;height: 142px;object-fit: cover;" alt="حسنين بن عمو">
<div class="author__body text-center">
<h2 class="author__name h6 mb-0">حسنين بن عمو</h2>
<div class="text-gray-700 font-size-2">9
Published books
</div>
</div>
</a>
</li>
<li class="author col">
<a href="https://livreplus.com/search?author=94" class="text-reset" title="Author John Gray LIVRE PLUS">
<img id="img_author_94"
src="https://livreplus.com/storage/photos/shares/authors/68fa78ce55506.png.webp"
class="mx-auto mb-5 rounded-circle"
loading="lazy"
decoding="async"
width="142"
height="142"
style="width:142px;height: 142px;object-fit: cover;" alt="John Gray">
<div class="author__body text-center">
<h2 class="author__name h6 mb-0">John Gray</h2>
<div class="text-gray-700 font-size-2">8
Published books
</div>
</div>
</a>
</li>
<li class="author col">
<a href="https://livreplus.com/search?author=262" class="text-reset" title="Author Colleen Hoover LIVRE PLUS">
<img id="img_author_262"
src="https://livreplus.com/storage/photos/shares/authors/68fa790fb07c8.png.webp"
class="mx-auto mb-5 rounded-circle"
loading="lazy"
decoding="async"
width="142"
height="142"
style="width:142px;height: 142px;object-fit: cover;" alt="Colleen Hoover">
<div class="author__body text-center">
<h2 class="author__name h6 mb-0">Colleen Hoover</h2>
<div class="text-gray-700 font-size-2">7
Published books
</div>
</div>
</a>
</li>
<li class="author col">
<a href="https://livreplus.com/search?author=952" class="text-reset" title="Author Nora Roberts LIVRE PLUS">
<img id="img_author_952"
src="https://livreplus.com/storage/photos/shares/authors/68fa797685462.png.webp"
class="mx-auto mb-5 rounded-circle"
loading="lazy"
decoding="async"
width="142"
height="142"
style="width:142px;height: 142px;object-fit: cover;" alt="Nora Roberts">
<div class="author__body text-center">
<h2 class="author__name h6 mb-0">Nora Roberts</h2>
<div class="text-gray-700 font-size-2">7
Published books
</div>
</div>
</a>
</li>
<li class="author col">
<a href="https://livreplus.com/search?author=523" class="text-reset" title="Author Claude Huguenin LIVRE PLUS">
<img id="img_author_523"
src="https://livreplus.com/storage/photos/shares/authors/68fa79bdb15d7.png.webp"
class="mx-auto mb-5 rounded-circle"
loading="lazy"
decoding="async"
width="142"
height="142"
style="width:142px;height: 142px;object-fit: cover;" alt="Claude Huguenin">
<div class="author__body text-center">
<h2 class="author__name h6 mb-0">Claude Huguenin</h2>
<div class="text-gray-700 font-size-2">6
Published books
</div>
</div>
</a>
</li>
<li class="author col">
<a href="https://livreplus.com/search?author=16" class="text-reset" title="Author Faten El Fazaa LIVRE PLUS">
<img id="img_author_16"
src="https://livreplus.com/storage/photos/shares/authors/68fa7b2a4d452.png.webp"
class="mx-auto mb-5 rounded-circle"
loading="lazy"
decoding="async"
width="142"
height="142"
style="width:142px;height: 142px;object-fit: cover;" alt="Faten El Fazaa">
<div class="author__body text-center">
<h2 class="author__name h6 mb-0">Faten El Fazaa</h2>
<div class="text-gray-700 font-size-2">6
Published books
</div>
</div>
</a>
</li>
<li class="author col">
<a href="https://livreplus.com/search?author=71" class="text-reset" title="Author إبراهيم نصر الله LIVRE PLUS">
<img id="img_author_71"
src="https://livreplus.com/storage/photos/shares/authors/68fa79fd71076.png.webp"
class="mx-auto mb-5 rounded-circle"
loading="lazy"
decoding="async"
width="142"
height="142"
style="width:142px;height: 142px;object-fit: cover;" alt="إبراهيم نصر الله">
<div class="author__body text-center">
<h2 class="author__name h6 mb-0">إبراهيم نصر الله</h2>
<div class="text-gray-700 font-size-2">6
Published books
</div>
</div>
</a>
</li>
<li class="author col">
<a href="https://livreplus.com/search?author=79" class="text-reset" title="Author أحمد خالد توفيق LIVRE PLUS">
<img id="img_author_79"
src="https://livreplus.com/storage/photos/shares/authors/68fa7a4f71af7.png.webp"
class="mx-auto mb-5 rounded-circle"
loading="lazy"
decoding="async"
width="142"
height="142"
style="width:142px;height: 142px;object-fit: cover;" alt="أحمد خالد توفيق">
<div class="author__body text-center">
<h2 class="author__name h6 mb-0">أحمد خالد توفيق</h2>
<div class="text-gray-700 font-size-2">6
Published books
</div>
</div>
</a>
</li>
<li class="author col">
<a href="https://livreplus.com/search?author=267" class="text-reset" title="Author Douglas Preston LIVRE PLUS">
<img id="img_author_267"
src="https://livreplus.com/storage/photos/shares/authors/68fa7aceb85ae.png.webp"
class="mx-auto mb-5 rounded-circle"
loading="lazy"
decoding="async"
width="142"
height="142"
style="width:142px;height: 142px;object-fit: cover;" alt="Douglas Preston">
<div class="author__body text-center">
<h2 class="author__name h6 mb-0">Douglas Preston</h2>
<div class="text-gray-700 font-size-2">5
Published books
</div>
</div>
</a>
</li>
</ul>
</div>
</section>
<section class="home-latest-news space-3">
<div class="container">
<header class="border-bottom d-md-flex justify-content-between align-items-center mb-10d75 pb-4d75">
<h2 class="font-size-7 mb-3 mb-md-0">Latest news</h2>
<a href="https://livreplus.com/blog-list" class="h-primary d-block" title="View All LIVRE PLUS">View All <i
class="glyph-icon flaticon-next"></i></a>
</header>
<ul class="blog-posts list-unstyled my-0 row row-cols-md-2 row-cols-lg-3">
<li class="blog-post col mb-4 mb-lg-0">
<div class="blog-post__inner">
<a href="https://livreplus.com/blog-single/book-launch-630-pm" title="BOOK Launch 6:30 PM LIVRE PLUS">
<img id="img_post_30"
src="https://livreplus.com/storage/photos/shares/posts/68f2835a07e4a.png.webp"
class="img-fluid rounded-md mb-3"
loading="lazy"
decoding="async"
width="360"
height="250"
style="object-fit: cover; max-height: 250px;"
alt="BOOK Launch 6:30 PM">
</a>
<div class="blog-post__body">
<ul class="blog-post__meta list-unstyled d-flex font-size-2 mb-2d75">
<li><a href="https://livreplus.com/blog-single/book-launch-630-pm"
class="text-secondary-gray-700" title="17 Oct , 2025. Fri"><i class="fa fa-calendar"
aria-hidden="true"></i>
17 Oct , 2025. Fri</a></li>
<li class="ml-3"><a href="https://livreplus.com/blog-single/book-launch-630-pm"
class="text-secondary-gray-700" title="0 Comments"><i class="fa fa-comments"
aria-hidden="true"></i> 0 Comments</a>
</li>
<li class="ml-3"><a href="#" class="text-secondary-gray-700" title="LP Alain Savary"><i
class="fa fa-user" aria-hidden="true"></i>
LP Alain Savary</a></li>
</ul>
<h2 class="blog-post__title text-truncate font-weight-regular h6"><a
href="https://livreplus.com/blog-single/book-launch-630-pm">BOOK Launch 6:30 PM</a></h2>
</div>
</div>
</li>
<li class="blog-post col mb-4 mb-lg-0">
<div class="blog-post__inner">
<a href="https://livreplus.com/blog-single/almaard-aldoly-llktab" title="المعرض الدولي للكتاب LIVRE PLUS">
<img id="img_post_29"
src="https://livreplus.com/storage/photos/shares/posts/68ee4380f2438.png.webp"
class="img-fluid rounded-md mb-3"
loading="lazy"
decoding="async"
width="360"
height="250"
style="object-fit: cover; max-height: 250px;"
alt="المعرض الدولي للكتاب">
</a>
<div class="blog-post__body">
<ul class="blog-post__meta list-unstyled d-flex font-size-2 mb-2d75">
<li><a href="https://livreplus.com/blog-single/almaard-aldoly-llktab"
class="text-secondary-gray-700" title="14 Oct , 2025. Tue"><i class="fa fa-calendar"
aria-hidden="true"></i>
14 Oct , 2025. Tue</a></li>
<li class="ml-3"><a href="https://livreplus.com/blog-single/almaard-aldoly-llktab"
class="text-secondary-gray-700" title="0 Comments"><i class="fa fa-comments"
aria-hidden="true"></i> 0 Comments</a>
</li>
<li class="ml-3"><a href="#" class="text-secondary-gray-700" title="LP Alain Savary"><i
class="fa fa-user" aria-hidden="true"></i>
LP Alain Savary</a></li>
</ul>
<h2 class="blog-post__title text-truncate font-weight-regular h6"><a
href="https://livreplus.com/blog-single/almaard-aldoly-llktab">المعرض الدولي للكتاب</a></h2>
</div>
</div>
</li>
<li class="blog-post col mb-4 mb-lg-0">
<div class="blog-post__inner">
<a href="https://livreplus.com/blog-single/1000-am-dor-shtrng" title="10:00 AM دورة شطرنج LIVRE PLUS">
<img id="img_post_28"
src="https://livreplus.com/storage/photos/shares/posts/68ecfccd13212.png.webp"
class="img-fluid rounded-md mb-3"
loading="lazy"
decoding="async"
width="360"
height="250"
style="object-fit: cover; max-height: 250px;"
alt="10:00 AM دورة شطرنج">
</a>
<div class="blog-post__body">
<ul class="blog-post__meta list-unstyled d-flex font-size-2 mb-2d75">
<li><a href="https://livreplus.com/blog-single/1000-am-dor-shtrng"
class="text-secondary-gray-700" title="13 Oct , 2025. Mon"><i class="fa fa-calendar"
aria-hidden="true"></i>
13 Oct , 2025. Mon</a></li>
<li class="ml-3"><a href="https://livreplus.com/blog-single/1000-am-dor-shtrng"
class="text-secondary-gray-700" title="0 Comments"><i class="fa fa-comments"
aria-hidden="true"></i> 0 Comments</a>
</li>
<li class="ml-3"><a href="#" class="text-secondary-gray-700" title="LP Alain Savary"><i
class="fa fa-user" aria-hidden="true"></i>
LP Alain Savary</a></li>
</ul>
<h2 class="blog-post__title text-truncate font-weight-regular h6"><a
href="https://livreplus.com/blog-single/1000-am-dor-shtrng">10:00 AM دورة شطرنج</a></h2>
</div>
</div>
</li>
</ul>
</div>
</section>
<div class="site-features border-top space-1d625">
<div class="container">
<div
class="list-unstyled my-0 list-features d-flex row align-items-center justify-content-xl-between overflow-auto overflow-xl-visible">
<div class="col-lg-3 col-12" style="text-align:center;">
<li class="flex-shrink-0 flex-xl-shrink-1 list-feature">
<div class="media">
<div class="feature__icon font-size-14 text-primary-green text-lh-xs">
<i class="glyph-icon flaticon-delivery"></i>
</div>
<div class="media-body ml-4">
<h4 class="feature__title font-size-3">Free Delivery</h4>
<p class="feature__subtitle m-0">Orders over $100</p>
</div>
</div>
</li>
</div>
<div class="col-lg-3 col-12" style="text-align:center;">
<li class="flex-shrink-0 flex-xl-shrink-1 list-feature">
<div class="media">
<div class="feature__icon font-size-14 text-primary-green text-lh-xs">
<i class="glyph-icon flaticon-credit"></i>
</div>
<div class="media-body ml-4">
<h4 class="feature__title font-size-3">Secure Payment</h4>
<p class="feature__subtitle m-0">100% Secure Payment</p>
</div>
</div>
</li>
</div>
<div class="col-lg-3 col-12" style="text-align: center">
<li class="flex-shrink-0 flex-xl-shrink-1 list-feature">
<div class="media">
<div class="feature__icon font-size-14 text-primary-green text-lh-xs">
<i class="glyph-icon flaticon-warranty"></i>
</div>
<div class="media-body ml-4">
<h4 class="feature__title font-size-3">Money back guarantee</h4>
<p class="feature__subtitle m-0">Within 30 Days</p>
</div>
</div>
</li>
</div>
<div class="col-lg-3 col-12" style="text-align: center">
<li class="flex-shrink-0 flex-xl-shrink-1 list-feature">
<div class="media">
<div class="feature__icon font-size-14 text-primary-green text-lh-xs">
<i class="glyph-icon flaticon-help"></i>
</div>
<div class="media-body ml-4">
<h4 class="feature__title font-size-3">Support</h4>
<p class="feature__subtitle m-0">Within 1 Business Day</p>
</div>
</div>
</li>
</div>
</div>
</div>
</div>
<!-- ==== END MAIN CONTENT ====== -->
<!-- ========== FOOTER ========== -->
<!-- Modal -->
<div class="modal fade" id="modalLivre" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-lg" role="document">
<div class="modal-content">
<form action="https://livreplus.com/sell/livre" method="post" enctype="multipart/form-data">
<input type="hidden" name="_token" value="HEN3OPRTrVicp8tHS5giLr5HENAMb9RTexDq3e09"> <div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Sell a used book</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<p class="col-lg-12 mb-4d75 form-row form-row-first validate-required woocommerce-invalid woocommerce-invalid-required-field"
id="billing_name_field" data-priority="10">
<label for="billing_name" class="form-label">Name
<abbr class="required" title="Name required">*</abbr></label>
<input type="text" class="input-text form-control" id="billing_name" placeholder="Name"
name="name" autocomplete="given-name"
autofocus="autofocus">
</p>
<p class="col-lg-12 mb-4d75 form-row form-row-first validate-required woocommerce-invalid woocommerce-invalid-required-field"
id="livre_email_field" data-priority="10">
<label for="livre_email" class="form-label">Email
<abbr class="required" title="Email required">*</abbr></label>
<input type="email" class="input-text form-control" id="livre_email" placeholder="Email"
name="email" autofocus="autofocus" >
</p>
<p class="col-lg-12 mb-4d75 form-row form-row-first validate-required woocommerce-invalid woocommerce-invalid-required-field"
id="phone_field" data-priority="10">
<label for="phone" class="form-label">Phone
<abbr class="required" title="Phone required">*</abbr></label>
<input type="text" class="input-text form-control" id="phone" placeholder="Phone"
name="phone" autofocus="autofocus">
</p>
<p class="col-lg-12 mb-4d75 form-row form-row-first validate-required woocommerce-invalid woocommerce-invalid-required-field"
id="billing_first_book_field" data-priority="10">
<label for="billing_first_book" class="form-label">Book name
<abbr class="required" title="Book name required">*</abbr></label>
<input type="text" class="input-text form-control" id="billing_first_book" placeholder="Book name"
name="book_name" autocomplete="given-name" autofocus="autofocus"
value="">
</p>
<p class="col-lg-12 mb-4d75 form-row form-row-first validate-required woocommerce-invalid woocommerce-invalid-required-field"
id="billing_first_prix_field" data-priority="10">
<label for="billing_first_prix" class="form-label">Price
<abbr class="required" title="Price required">*</abbr></label>
<input type="text" class="input-text form-control" id="billing_first_prix" placeholder="Price"
name="prix" autofocus="autofocus" value="">
</p>
<p class="col-lg-12 mb-4d75 form-row form-row-first validate-required woocommerce-invalid woocommerce-invalid-required-field"
id="photo_field" data-priority="10">
<label for="photo" class="form-label">Image
<abbr class="required" title="Image required">*</abbr></label>
<input type="file" accept="image/*" class="input-text form-control" id="photo"
placeholder="Image" name="photo[]" multiple autofocus="autofocus"
value="">
</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary"
data-dismiss="modal">Close</button>
<button type="submit" class="btn btn-primary">Save</button>
</div>
</form>
</div>
</div>
</div>
<a href="https://m.me/livrepluss.tn" target="_blank" class="btn message-me btn-lg rounded-circle" role="button" title="message me"><i class="fab fa-facebook-messenger" style="font-size: 1.75rem; margin-top: 0.45rem;"></i></a>
<a href="https://wa.me/21653889608?text=Hello,%20I'm%20coming%20from%20your%20website" target="_blank" class="btn whatsapp-me btn-lg rounded-circle" role="button" title="whatsapp me"><i class="fab fa-fab fa-whatsapp" style="font-size: 1.75rem; margin-top: 0.45rem;"></i></a>
<a href="#" class="btn btn-lg back-to-top rounded-circle" role="button" title="up"><i class="fas fa-chevron-up font-size-9 mt-1"></i></a>
<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-6 col-md-4 col-lg-3 mb-6 mb-lg-0">
<div class="pb-md-6">
<a href="https://livreplus.com/home" class="d-inline-block mb-5" title="Home LIVRE PLUS">
<img src="https://livreplus.com/storage/photos/shares/settings/6809f5ceb4ba5.png" alt="Logo Light" style="height:auto; width: 170px;">
</a>
<address class="font-size-2 mb-5">
<span class="mb-2 font-weight-normal text-gray-450">
22 Rue Amine Abbasi 1002 Le Belvedère Tunis
</span>
</address>
<div class="mb-4 h-white">
<a href="mailto:info@livreplus.tn" class="font-size-2 d-block text-gray-450 mb-1" title="Email LIVRE PLUS">info@livreplus.tn</a>
<a href="tel:+1246-345-0695" class="font-size-2 d-block text-gray-450" title="Phone LIVRE PLUS">+216 31 575 307</a>
</div>
<ul class="list-unstyled mb-0 d-flex">
<li class="h-white btn pl-0">
<a class="text-gray-450" href="https://www.instagram.com/livre.plus" title="instagram LIVRE PLUS" target="_blank">
<span class="fab fa-instagram"></span>
</a>
</li>
<li class="h-white btn">
<a class="text-gray-450" href="https://www.facebook.com/livrepluss.tn" title="facebook LIVRE PLUS" target="_blank">
<span class="fab fa-facebook-f"></span>
</a>
</li>
</ul>
</div>
</div>
<div class="col-6 col-md-4 col-lg-2 mb-6 mb-lg-0">
<div class="mb-3">
<h4 class="font-size-3 font-weight-medium text-white mb-2 mb-xl-5 pb-xl-1">
About us</h4>
<p class="text-gray-450 font-size-2">The site LIVRE PLUS provides more than 25,000 books in different languages such as Arabic, English and French. It also provides books from various fields</p>
<ul class="list-unstyled mb-0">
<li class="pb-2">
<a class="font-size-2 text-gray-450 widgets-hover transition-3d-hover" href="https://livreplus.com/about" title="read more LIVRE PLUS">read more..</a>
</li>
</ul>
</div>
</div>
<div class="col-6 col-md-4 col-lg-2 mb-6 mb-lg-0">
<h4 class="font-size-3 font-weight-medium text-white 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 text-gray-450 widgets-hover transition-3d-hover" href="https://livreplus.com/home" title="Home LIVRE PLUS">Home</a>
</li>
<li class="pb-2">
<a class="font-size-2 text-gray-450 widgets-hover transition-3d-hover" href="https://livreplus.com/about" title="About us LIVRE PLUS">About us</a>
</li>
<li class="pb-2">
<a class="font-size-2 text-gray-450 widgets-hover transition-3d-hover" href="https://livreplus.com/search" title="Books LIVRE PLUS">Books</a>
</li>
<li class="pb-2">
<a class="font-size-2 text-gray-450 widgets-hover transition-3d-hover" href="https://livreplus.com/blog-list" title="Blog List LIVRE PLUS">Blog List</a>
</li>
<li class="pb-2">
<a class="font-size-2 text-gray-450 widgets-hover transition-3d-hover" href="https://livreplus.com/contact" title="Contact us LIVRE PLUS">Contact us</a>
</li>
</ul>
</div>
<div class="col-6 col-md-4 col-lg-2 mb-6 mb-lg-0">
<h4 class="font-size-3 font-weight-medium text-white 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 text-gray-450 widgets-hover transition-3d-hover" href="https://livreplus.com/terms-of-use" title="Terms Of Use LIVRE PLUS">Terms Of Use</a>
</li>
<li class="pb-2">
<a class="font-size-2 text-gray-450 widgets-hover transition-3d-hover" href="https://livreplus.com/privacy" title="Privacy LIVRE PLUS">Privacy</a>
</li>
</ul>
</div>
<div class="col-12 col-md-4 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 action="https://livreplus.com/subscribe" method="post" id="subscribe_form"
class="js-validate js-form-message" novalidate="novalidate">
<input type="hidden" name="_token" value="HEN3OPRTrVicp8tHS5giLr5HENAMb9RTexDq3e09"> <div class="input-group">
<input type="email" style="height: auto;"
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">
<a href="javascript:;" class="btn btn-primary-green text-white px-3 font-size-4 border-0" id="subscribeButton" title="subscribeButton LIVRE PLUS"
onclick="document.getElementById('subscribe_form').submit();">
<span class="flaticon-send mx-1"></span>
</a>
</div>
</div>
</form>
</div>
<!-- End Newsletter -->
</div>
</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" style=" direction: ltr;">©2026
LIVRE PLUS. 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="https://livreplus.com/images/payment.png" style="max-height: 25px;width: auto;"
alt="Image-Description">
</div>
<!-- Select -->
<select class="js-select selectpicker dropdown-select mb-3 mb-md-0 changeLang"
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="https://livreplus.com/lang/ar"
>
Arabic
</option>
<option value="https://livreplus.com/lang/en"
selected>
English
</option>
<option value="https://livreplus.com/lang/fr"
>
French
</option>
</select>
<!-- End Select -->
<!-- Select -->
<select class="js-select selectpicker dropdown-select ml-md-3 selectCurrency"
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="https://livreplus.com/currency/EUR"
>
EUR : €</option>
<option value="https://livreplus.com/currency/TND"
selected>
TND : DT</option>
<option value="https://livreplus.com/currency/USD"
>
USD : $</option>
</select>
<!-- End Select -->
</div>
</div>
</div>
</div>
</footer>
<!-- ========== END FOOTER ========== -->
<script src="https://livreplus.com/bookworm/assets/vendor/jquery/dist/jquery.min.js"></script>
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://livreplus.com/bookworm/assets/vendor/jquery-migrate/dist/jquery-migrate.min.js"></script>
<script src="https://livreplus.com/bookworm/assets/vendor/popper.js/dist/umd/popper.min.js"></script>
<script src="https://livreplus.com/bookworm/assets/vendor/bootstrap/bootstrap.min.js"></script>
<script src="https://livreplus.com/bookworm/assets/vendor/bootstrap-select/dist/js/bootstrap-select.min.js"></script>
<script src="https://livreplus.com/bookworm/assets/vendor/multilevel-sliding-mobile-menu/dist/jquery.zeynep.js"></script>
<script src="https://livreplus.com/bookworm/assets/vendor/malihu-custom-scrollbar-plugin/jquery.mCustomScrollbar.concat.min.js"></script>
<script src="https://livreplus.com/bookworm/assets/vendor/slick-carousel/slick/slick.min.js"></script>
<script src="https://livreplus.com/bookworm/assets/vendor/fancybox/jquery.fancybox.min.js"></script>
<!-- JS Bookworm -->
<!-- <script src="https://livreplus.com/bookworm/assets/js/bookworm.js"></script> -->
<!-- JS HS Components -->
<script src="https://livreplus.com/bookworm/assets/js/hs.core.js"></script>
<script src="https://livreplus.com/bookworm/assets/js/components/hs.unfold.js"></script>
<script src="https://livreplus.com/bookworm/assets/js/components/hs.malihu-scrollbar.js"></script>
<script src="https://livreplus.com/bookworm/assets/js/components/hs.slick-carousel.js"></script>
<script src="https://livreplus.com/bookworm/assets/js/components/hs.show-animation.js"></script>
<script src="https://livreplus.com/bookworm/assets/js/components/hs.selectpicker.js"></script>
<script src="https://livreplus.com/bookworm/assets/js/components/hs.header.js"></script>
<script src="https://livreplus.com/bookworm/assets/js/alertify.min.js"></script>
<script src="https://livreplus.com/bookworm/assets/js/components/hs.fancybox.js"></script>
<script type="module">
import { initializeApp } from "https://www.gstatic.com/firebasejs/12.13.0/firebase-app.js";
import { getAnalytics } from "https://www.gstatic.com/firebasejs/12.13.0/firebase-analytics.js";
import { getMessaging, getToken, onMessage, isSupported } from "https://www.gstatic.com/firebasejs/12.13.0/firebase-messaging.js";
const firebaseConfig = {"apiKey":"AIzaSyBq9US0hxR9WOFVwOO11ktEUt3AkyGWO_8","authDomain":"livreplus.firebaseapp.com","projectId":"livreplus","storageBucket":"livreplus.firebasestorage.app","messagingSenderId":"498514536265","appId":"1:498514536265:web:870fdd0b5ab4c1151c1c98","measurementId":"G-D2PTHETDGE"};
const vapidKey = "BCAxQW9CVJEMAWwEqVTmWHHLhtaw3eXkd9hfBNIn1FPRACfquy6j8z4AMYAXgBjZvv6p945SJcd3u92KNzCfIEI";
const app = initializeApp(firebaseConfig);
try {
getAnalytics(app);
} catch (error) {
console.debug('Firebase Analytics skipped', error);
}
async function registerFcmToken() {
if (!vapidKey || !('serviceWorker' in navigator) || !('Notification' in window)) {
return;
}
const supported = await isSupported();
if (!supported || Notification.permission === 'denied') {
return;
}
const permission = Notification.permission === 'granted'
? 'granted'
: await Notification.requestPermission();
if (permission !== 'granted') {
return;
}
const registration = await navigator.serviceWorker.register('/firebase-messaging-sw.js');
const messaging = getMessaging(app);
const token = await getToken(messaging, {
vapidKey,
serviceWorkerRegistration: registration,
});
if (!token) {
return;
}
await fetch('https://livreplus.com/fcm/tokens', {
method: 'POST',
headers: {
'Content-Type': 'application/json',
'Accept': 'application/json',
'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]')?.content || '',
},
credentials: 'same-origin',
body: JSON.stringify({
token,
platform: 'web',
device_name: navigator.userAgent,
}),
});
onMessage(messaging, (payload) => {
if (payload.notification && window.alertify) {
alertify.message(payload.notification.title || 'Notification');
}
});
}
registerFcmToken().catch((error) => {
console.debug('FCM registration skipped', error);
});
</script>
<script>
(function() {
if (!('serviceWorker' in navigator)) {
return;
}
window.addEventListener('load', function() {
navigator.serviceWorker.register('/firebase-messaging-sw.js').catch(function(error) {
console.debug('PWA service worker skipped', error);
});
});
})();
</script>
<script>
setTimeout(function() {
$('.alert').slideUp();
}, 5000);
$(document).on('ready', function() {
// initialization of unfold component
$.HSCore.components.HSUnfold.init($('[data-unfold-target]'));
// initialization of malihu scrollbar
$.HSCore.components.HSMalihuScrollBar.init($('.js-scrollbar'));
// initialization of slick carousel
$.HSCore.components.HSSlickCarousel.init('.js-slick-carousel');
// initialization of show animations
$.HSCore.components.HSShowAnimation.init('.js-animation-link');
// initialization of popups
$.HSCore.components.HSFancyBox.init('.js-fancybox');
// init zeynepjs
var zeynep = $('.zeynep-cat-menu').zeynep({
onClosed: function () {
// enable main wrapper element clicks on any its children element
$("body main").attr("style", "");
console.log('the side menu is closed.');
},
onOpened: function () {
// disable main wrapper element clicks on any its children element
$("body main").attr("style", "pointer-events: none;");
console.log('the side menu is opened.');
}
});
var zeynep = $('.zeynep-main-menu').zeynep({
onClosed: function () {
// enable main wrapper element clicks on any its children element
$("body main").attr("style", "");
console.log('the side menu is closed.');
},
onOpened: function () {
// disable main wrapper element clicks on any its children element
$("body main").attr("style", "pointer-events: none;");
console.log('the side menu is opened.');
}
});
// handle zeynep overlay click
$(".zeynep-overlay").click(function () {
zeynep.close();
});
// open side menu if the button is clicked
$(".cat-menu").click(function () {
if ($("html").hasClass("zeynep-opened")) {
zeynep.close();
} else {
zeynep.open();
}
});
$(".main-menu").click(function () {
if ($("html").hasClass("zeynep-opened")) {
zeynep.close();
} else {
zeynep.open();
}
});
/*
*/
});
$("#btn_navbar").click(function() {
$("#navbar_content").toggleClass("active_navbar");
});
$(document).ready(function() {
/*
var chatbox = document.getElementById('fb-customer-chat');
chatbox.setAttribute("page_id", "561500917211876");
chatbox.setAttribute("attribution", "biz_inbox");
chatbox.setAttribute("theme_color", "#006683");
window.fbAsyncInit = function() {
FB.init({ xfbml : true, version : 'v15.0' });
};
(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s);
js.id = id; js.src = 'https://connect.facebook.net/en/sdk/xfbml.customerchat.js';
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
*/
function loadFacebookSdk() {
if (document.getElementById('facebook-jssdk')) return;
window.fbAsyncInit = function() {
FB.init({
appId : '673207524386147',
cookie : true,
xfbml : true,
version : 'v15.0'
});
FB.AppEvents.logPageView();
};
var js = document.createElement('script');
js.id = 'facebook-jssdk';
js.async = true;
js.src = "https://connect.facebook.net/en_US/sdk.js";
document.body.appendChild(js);
}
if ('requestIdleCallback' in window) {
requestIdleCallback(loadFacebookSdk, {timeout: 5000});
} else {
setTimeout(loadFacebookSdk, 3500);
}
$(function() {
// bind change event to select
$('.changeLang').on('change', function() {
var url = $(this).val(); // get selected value
if (url) { // require a URL
window.location = url; // redirect
}
return false;
});
$('.selectCurrency').on('change', function() {
var url = $(this).val(); // get selected value
if (url) { // require a URL
window.location = url; // redirect
}
return false;
});
});
$(window).scroll(function() {
if ($(this).scrollTop() > 50) {
$('.back-to-top').fadeIn();
} else {
$('.back-to-top').fadeOut();
}
});
// scroll body to 0px on click
$('.back-to-top').click(function() {
$('body,html').animate({
scrollTop: 0
}, 400);
return false;
});
$('.message-me').fadeIn();
$('.whatsapp-me').fadeIn();
$(() => {
$.ajaxSetup({
headers: {
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
}
})
$('.addtocart').on('click', (e) => {
let that = e.currentTarget;
let id = $(that).attr('data-id');
let loading = $('#loading_' + id);
loading.css('display', 'block');
e.preventDefault();
$.ajax({
method: "get",
url: $(that).attr('href'),
})
.done((data) => {
$('#cart_content').html(data.cartContent);
$('#count_cart_content').html(data.nbr);
$('#cartCount').html(data.nbr);
$('#total_price_cart').html(data.total);
alertify.success(data.msg);
})
.fail((data) => {
if (data.status == 400) {
alertify.error(data.responseJSON.msg);
//console.log(data.responseJSON.msg);
}
}).always(function() {
loading.css('display', 'none');
});
});
$('.addtoWishList').on('click', (e) => {
let that = e.currentTarget;
let id = $(that).attr('data-id'); //console.log(id)
let loading = $('#loading_' + id); //console.log(loading.val());
loading.css('display', 'block'); //console.log(loading.val());
e.preventDefault();
$.ajax({
method: "get",
url: $(that).attr('href'),
})
.done((data) => {
$('#wishlist_content').html(data.wishListContent);
$('#count_wishList_content').html(data.nbr);
$('#wishlistCount').html(data.nbr);
$(that).toggleClass('btn-outline-primary').toggleClass('btn-primary');
$(that).toggleClass('text-white');
alertify.success(data.msg);
})
.fail((data) => {
if (data.status == 400) {
alertify.error(data.responseJSON.msg);
// console.log(data.responseJSON.msg);
}
}).always(function() {
loading.css('display', 'none');
});
});
});
});
var regExpSearch = /search/g;
var testUrl = "https://livreplus.com";
if(!regExpSearch.test(testUrl))
testUrl = "https://livreplus.com/search"
var searchUrl = new URL(testUrl);
var params = new URLSearchParams(searchUrl.search);
function changeUrl(param, value) {
searchUrl.href = searchUrl.href.replace(/&%3B/g, "&");
searchUrl.href = searchUrl.href.replace(/&/g, "&");
searchUrl.searchParams.delete("page");
if (param === "collection") {
searchUrl.searchParams.delete("sub_collection");
}
searchUrl.searchParams.set(param, value);
window.location.href = searchUrl.href.replace(/&%3B/g, "&").replace(/&/g, "&");
}
function deleteUrl(param) {
searchUrl.href = searchUrl.href.replace(/&%3B/g, "&");
searchUrl.href = searchUrl.href.replace(/&/g, "&");
searchUrl.searchParams.delete("page");
searchUrl.searchParams.delete(param);
window.location.href = searchUrl.href.replace(/&%3B/g, "&").replace(/&/g, "&");
}
var searchInput = document.getElementById("searchInput");
searchInput.addEventListener("keypress", function(event) {
if (event.key === "Enter") {
event.preventDefault();
document.getElementById("searchButton").click();
}
});
</script>
<script>
$(window).scroll(startCounter);
function startCounter() {
let scrollY = (window.pageYOffset || document.documentElement.scrollTop) + window.innerHeight;
let divPos = document.querySelector('#counter-container').offsetTop;
if (scrollY > divPos) {
$(window).off("scroll", startCounter);
$('.counter').each(function() {
var $this = $(this);
jQuery({
Counter: 0
}).animate({
Counter: $this.attr('data-count')
}, {
duration: 1000,
easing: 'swing',
step: function() {
$this.text(commaSeparateNumber(Math.floor(this.Counter)));
},
complete: function() {
$this.text(commaSeparateNumber(this.Counter));
//alert('finished');
}
});
});
function commaSeparateNumber(num) {
return num.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
}
}
}
</script>
</body>
</html>
