اسحب ويدجت « HTML » للصفحة > الصق الكود هنا)
============================================================ –>

.dae-hero {
position: relative;
width: 100%;
min-height: 620px;
overflow: hidden;
direction: rtl;
font-family: ‘Tajawal’, ‘Assistant’, sans-serif;
}
.dae-hero__bg {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: 1;
}
/* overlay gradient so the white text stays readable on any photo */
.dae-hero::before {
content: «  »;
position: absolute;
inset: 0;
background: linear-gradient(180deg, rgba(0,0,0,.25) 0%, rgba(0,0,0,.15) 45%, rgba(0,0,0,.45) 100%);
z-index: 2;
}
.dae-hero__content {
position: relative;
z-index: 3;
min-height: 620px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-end;
text-align: center;
padding: 40px 20px 70px;
}
/* big translucent city-name watermark text near the top */
.dae-hero__cities {
position: absolute;
top: 60px;
right: 0;
left: 0;
z-index: 3;
text-align: center;
color: rgba(255,255,255,.55);
font-size: clamp(28px, 6vw, 64px);
font-weight: 700;
letter-spacing: 2px;
pointer-events: none;
user-select: none;
}
.dae-hero__heading {
color: #fff;
font-size: clamp(22px, 4vw, 34px);
font-weight: 700;
margin: 0 0 24px;
text-shadow: 0 2px 10px rgba(0,0,0,.35);
}
.dae-hero__button {
display: inline-block;
background: #fff;
color: #111;
font-weight: 600;
font-size: 16px;
padding: 14px 38px;
border-radius: 30px;
text-decoration: none;
transition: transform .2s ease, box-shadow .2s ease;
box-shadow: 0 4px 14px rgba(0,0,0,.2);
}
.dae-hero__button:hover {
transform: translateY(-2px);
box-shadow: 0 6px 18px rgba(0,0,0,.3);
color: #111;
}
/* floating call button, bottom-left, matches screenshot */
.dae-hero__call {
position: fixed;
bottom: 90px;
left: 15px;
width: 50px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
background-color: #3173B0;
border-radius: 50%;
z-index: 9999;
box-shadow: 0 0 7px rgba(0,0,0,.25);
animation: dae-rotate-tel 8s ease infinite;
}
.dae-hero__call svg { width: 26px; height: 26px; fill: #fff; }
@keyframes dae-rotate-tel {
0%, 100% { transform: translateZ(0); }
10%, 30%, 50%, 70%, 90% { transform: rotate(-5deg); }
20%, 40%, 60%, 80% { transform: rotate(30deg); }
}
@media (max-width: 768px) {
.dae-hero, .dae-hero__content { min-height: 460px; }
.dae-hero__cities { top: 30px; }
}

.dae-about {
direction: rtl;
font-family: ‘Tajawal’, ‘Assistant’, sans-serif;
max-width: 1200px;
margin: 0 auto;
padding: 50px 30px;
}
.dae-about__grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 0;
align-items: stretch;
border: 1px solid #e5e5e5;
}
.dae-about__media {
display: flex;
align-items: center;
justify-content: center;
padding: 40px;
border-left: 1px solid #e5e5e5;
}
.dae-about__media img {
max-width: 100%;
height: auto;
}
.dae-about__text {
padding: 40px 50px;
display: flex;
flex-direction: column;
justify-content: center;
}
.dae-about__heading {
font-size: 42px;
font-weight: 700;
color: #111;
margin: 0 0 24px;
}
.dae-about__body {
font-size: 18px;
line-height: 2;
color: #333;
margin: 0 0 30px;
}
.dae-about__button {
display: inline-block;
align-self: flex-start;
background: #111;
color: #fff;
font-weight: 600;
font-size: 15px;
padding: 14px 30px;
border-radius: 6px;
text-decoration: none;
transition: background .2s ease, transform .2s ease;
}
.dae-about__button:hover {
background: #000;
color: #fff;
transform: translateY(-2px);
}
@media (max-width: 768px) {
.dae-about__grid {
grid-template-columns: 1fr;
}
.dae-about__media {
border-left: none;
border-bottom: 1px solid #e5e5e5;
}
.dae-about__text {
padding: 30px 20px;
}
.dae-about__heading {
font-size: 26px;
}
}

من نحن

السلام عليكم و رحمة الله و بركاته ، نقدم لكم المتجر الاكتروني المعتمد لدار العزة للكتاب، تأسست دار العزة للكتاب بوهران في سنة 2006، حيث تسعى جاهدة ضمن استراتيجية محددة وأهداف واضحة إلى تنمية وتطوير نشر وتوزيع الكتاب بالجزائر والوطن العربي، مزودةً المؤسسات العمومية والخاصة، ومساهمة في النشاطات والتظاهرات الاقتصادية والاجتماعية والوطنية منها والدولية وبرؤية معاصرة في عالم النشر والتوزيع تضم الان اكثر من 40000 عنوان و لديها اكبر مكاتب على المستوى الولائي و اكبر مكتبة على المستوى الوطني و كل هذا بفضل الله وحده لاشريك له

اكتشف كتبنا المتميزة

.dae-products {
direction: rtl;
font-family: ‘Tajawal’, ‘Assistant’, sans-serif;
max-width: 1300px;
margin: 0 auto;
padding: 50px 20px;
text-align: center;
}
.dae-products__heading {
font-size: 30px;
font-weight: 700;
color: #111;
margin: 0 0 35px;
}
.dae-products__grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 22px;
text-align: right;
}
.dae-product-card {
border: 1px solid #eee;
border-radius: 8px;
overflow: hidden;
text-decoration: none;
background: #fff;
display: block;
transition: box-shadow .2s ease;
}
.dae-product-card:hover { box-shadow: 0 6px 20px rgba(0,0,0,.08); }
.dae-product-card__media {
position: relative;
aspect-ratio: 1 / 1;
background: #f4f4f4;
}
.dae-product-card__media img {
width: 100%; height: 100%; object-fit: cover; display: block;
}
.dae-product-card__badge {
position: absolute; bottom: 10px; left: 10px;
background: #dff4e2; color: #1e7a35;
font-size: 12px; font-weight: 600;
padding: 4px 12px; border-radius: 20px;
}
.dae-product-card__body { padding: 14px 16px 18px; }
.dae-product-card__title {
font-size: 14px; font-weight: 500; color: #222;
margin: 0 0 10px; line-height: 1.6; min-height: 44px; display: block;
}
.dae-product-card__title:hover { color: #3173B0; }
.dae-product-card__price { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.dae-product-card__price-old { color: #999; text-decoration: line-through; font-size: 13px; }
.dae-product-card__price-new { color: #1e9e4c; font-weight: 700; font-size: 16px; }
.dae-products__viewall { margin-top: 35px; }
.dae-products__viewall a {
display: inline-block; background: #3173B0; color: #fff;
font-weight: 600; font-size: 15px; padding: 12px 34px;
border-radius: 24px; text-decoration: none;
}
@media (max-width: 990px) {
.dae-products__grid { grid-template-columns: repeat(2, 1fr); }
}

عروض مغرية

Promotion

PRODUCT NUM_1

DA 3,500 DZDDA 2,400 DZD

.dae-products2 {
direction: rtl;
font-family: ‘Tajawal’, ‘Assistant’, sans-serif;
max-width: 1300px;
margin: 0 auto;
padding: 50px 20px;
text-align: center;
}
.dae-products2__heading {
font-size: 30px;
font-weight: 700;
color: #111;
margin: 0 0 35px;
}
.dae-products2__grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 22px;
text-align: right;
}
.dae-product-card2 {
border: 1px solid #eee;
border-radius: 8px;
overflow: hidden;
text-decoration: none;
background: #fff;
transition: box-shadow .2s ease;
display: block;
}
.dae-product-card2:hover { box-shadow: 0 6px 20px rgba(0,0,0,.08); }
.dae-product-card2__media {
position: relative;
aspect-ratio: 1 / 1;
background: #f4f4f4;
}
.dae-product-card2__media img {
width: 100%; height: 100%; object-fit: cover; display: block;
}
.dae-product-card2__badge {
position: absolute; bottom: 10px; left: 10px;
background: #dff4e2; color: #1e7a35;
font-size: 12px; font-weight: 600;
padding: 4px 12px; border-radius: 20px;
}
.dae-product-card2__body { padding: 14px 16px 18px; }
.dae-product-card2__title {
font-size: 14px; font-weight: 500; color: #222;
margin: 0 0 10px; line-height: 1.6; min-height: 44px; display: block;
}
.dae-product-card2__title:hover { color: #3173B0; }
.dae-product-card2__price { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.dae-product-card2__price-old { color: #999; text-decoration: line-through; font-size: 13px; }
.dae-product-card2__price-new { color: #1e9e4c; font-weight: 700; font-size: 16px; }
.dae-products2__viewall { margin-top: 35px; }
.dae-products2__viewall a {
display: inline-block; background: #3173B0; color: #fff;
font-weight: 600; font-size: 15px; padding: 12px 34px;
border-radius: 24px; text-decoration: none;
}
@media (max-width: 990px) {
.dae-products2__grid { grid-template-columns: repeat(2, 1fr); }
}

افضل الكتب لدينا

J’APPRENDS A EPELER COLLE, JOUE ET APPRENDS 6-8 ANS

DA 350 DZD

COMPTER DE 1 A 5 COLLE, JOUE ET APPRENDS 3-5 ANS

DA 350 DZD

APPRENDRE EN S’AMUSANT JE SAIS LIRE L’HEURE ET JE CONNAIS LES CONTRAIRES 5-7 ANS COMPREND UNE AFFICH

DA 350 DZD

APPRENDRE EN S’AMUSANT JE FAIS DES JEUX DE LOGIQUE 6-8 COMPREND UNE AFFICHE GRATUITE !

DA 350 DZD

L’histoire de Coppélia

DA 1,300 DZD

1000 plats et aliments du monde entier

DA 1,200 DZD

Autocollants Usborne énigmes de la pyramide avec plus de 210 autocollants

DA 500 DZD

Mini-livre de jeux

DA 600 DZD

عرض المزيد 📚عرض أقل ➖

.dae-cta {
direction: rtl;
font-family: ‘Tajawal’, ‘Assistant’, sans-serif;
text-align: center;
padding: 40px 20px 10px;
}
.dae-cta__button {
display: inline-block;
background: #111;
color: #fff;
font-weight: 600;
font-size: 25px;
padding: 20px 44px;
border-radius: 6px;
text-decoration: none;
}
.dae-cta__button:hover { color:#fff; background:#000; }
.dae-features {
direction: rtl;
font-family: ‘Tajawal’, ‘Assistant’, sans-serif;
max-width: 1200px;
margin: 0 auto;
padding: 40px 30px;
text-align: center;
}
.dae-features__heading {
font-size: 46px;
font-weight: 700;
color: #111;
margin: 0 0 50px;
}
.dae-features__grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 30px;
}
.dae-feature {
display: flex;
flex-direction: column;
align-items: center;
gap: 18px;
}
.dae-feature svg {
width: 110px;
height: 110px;
stroke: #3173B0;
fill: none;
stroke-width: 1.5;
}
.dae-feature__label {
font-size: 17px;
font-weight: 500;
color: #111;
}
@media (max-width: 768px) {
.dae-features__grid { grid-template-columns: repeat(2, 1fr); }
}

/* ===== PUBLISHERS SECTION ===== */
.dar-publishers-section {
padding: 60px 20px 40px;
background: #ffffff;
text-align: center;
font-family: ‘Cairo’, ‘Tahoma’, sans-serif;
}
.dar-publishers-title {
font-size: 52px;
font-weight: 700;
color: #121212;
margin-bottom: 59px;
direction: rtl;
}
.dar-publishers-slider {
max-width: 1100px;
margin: 0 auto;
position: relative;
overflow: hidden;
}
.dar-publishers-track {
display: flex;
align-items: center;
justify-content: center;
gap: 30px;
flex-wrap: wrap;
}
.dar-publisher-logo {
flex: 0 0 180px;
height: 100px;
display: flex;
align-items: center;
justify-content: center;
padding: 15px;
background: #ffffff;
border-radius: 8px;
transition: all 0.3s ease;
}
.dar-publisher-logo:hover {
transform: translateY(-5px);
box-shadow: 0 10px 30px rgba(0,0,0,0.08);
}
.dar-publisher-logo img {
max-width: 100%;
max-height: 100%;
object-fit: contain;
}
/* ===== SLIDER DOTS ===== */
.dar-slider-dots {
display: flex;
justify-content: center;
align-items: center;
gap: 8px;
margin-top: 30px;
}
.dar-slider-dot {
width: 10px;
height: 10px;
border-radius: 50%;
background: #ddd;
border: none;
cursor: pointer;
transition: all 0.3s ease;
padding: 0;
}
.dar-slider-dot.active {
background: #121212;
}
.dar-slider-arrow {
background: none;
border: none;
font-size: 18px;
cursor: pointer;
color: #666;
padding: 5px 10px;
transition: color 0.3s ease;
margin: 0 10px;
}
.dar-slider-arrow:hover {
color: #121212;
}
/* ===== NEWSLETTER SECTION ===== */
.dar-newsletter-section {
background: #242833;
padding: 50px 20px;
text-align: center;
direction: rtl;
}
.dar-newsletter-text {
color: #ffffff;
font-size: 24px;
font-weight: 600;
margin-bottom: 25px;
line-height: 1.5;
max-width: 700px;
margin-left: auto;
margin-right: auto;
}
.dar-newsletter-form {
max-width: 450px;
margin: 0 auto;
display: flex;
border: 1px solid rgba(255,255,255,0.3);
border-radius: 4px;
overflow: hidden;
}
.dar-newsletter-form input {
flex: 1;
padding: 14px 18px;
border: none;
background: transparent;
color: #ffffff;
font-family: ‘Cairo’, ‘Tahoma’, sans-serif;
font-size: 15px;
outline: none;
direction: rtl;
}
.dar-newsletter-form input::placeholder {
color: rgba(255,255,255,0.5);
}
.dar-newsletter-form button {
padding: 14px 20px;
background: transparent;
border: none;
color: #ffffff;
cursor: pointer;
font-size: 20px;
transition: background 0.3s ease;
display: flex;
align-items: center;
justify-content: center;
}
.dar-newsletter-form button:hover {
background: rgba(255,255,255,0.1);
}
.dar-floating-phone svg {
width: 26px;
height: 26px;
fill: white;
}
@keyframes darPhoneRing {
0%, 100% { transform: rotate(0deg); }
10% { transform: rotate(-5deg); }
20% { transform: rotate(5deg); }
30% { transform: rotate(-5deg); }
40% { transform: rotate(5deg); }
50% { transform: rotate(0deg); }
}
/* Responsive */
@media (max-width: 768px) {
.dar-publishers-title {
font-size: 24px;
}
.dar-publishers-track {
gap: 20px;
}
.dar-publisher-logo {
flex: 0 0 140px;
height: 80px;
}
.dar-newsletter-text {
font-size: 18px;
}
.dar-floating-phone {
width: 50px;
height: 50px;
bottom: 20px;
left: 20px;
}
.dar-floating-phone svg {
width: 22px;
height: 22px;
}
}

/* ===== PUBLISHERS SECTION ===== */
.dar-publishers-section {
padding: 60px 20px 40px;
background: #ffffff;
text-align: center;
font-family: ‘Cairo’, ‘Tahoma’, sans-serif;
}
.dar-publishers-title {
font-size: 32px;
font-weight: 700;
color: #121212;
margin-bottom: 40px;
direction: rtl;
}
.dar-publishers-slider {
max-width: 1100px;
margin: 0 auto;
position: relative;
overflow: hidden;
}
.dar-publishers-track {
display: flex;
align-items: center;
justify-content: center;
gap: 30px;
flex-wrap: wrap;
}
.dar-publisher-logo {
flex: 0 0 180px;
height: 100px;
display: flex;
align-items: center;
justify-content: center;
padding: 15px;
background: #ffffff;
border-radius: 8px;
transition: all 0.3s ease;
}
.dar-publisher-logo:hover {
transform: translateY(-5px);
box-shadow: 0 10px 30px rgba(0,0,0,0.08);
}
.dar-publisher-logo img {
max-width: 100%;
max-height: 100%;
object-fit: contain;
}
/* ===== SLIDER DOTS ===== */
.dar-slider-dots {
display: flex;
justify-content: center;
align-items: center;
gap: 8px;
margin-top: 30px;
}
.dar-slider-dot {
width: 10px;
height: 10px;
border-radius: 50%;
background: #ddd;
border: none;
cursor: pointer;
transition: all 0.3s ease;
padding: 0;
}
.dar-slider-dot.active {
background: #121212;
}
.dar-slider-arrow {
background: none;
border: none;
font-size: 18px;
cursor: pointer;
color: #666;
padding: 5px 10px;
transition: color 0.3s ease;
margin: 0 10px;
}
.dar-slider-arrow:hover {
color: #121212;
}
/* ===== NEWSLETTER SECTION ===== */
.dar-newsletter-section {
background: #242833;
padding: 50px 20px;
text-align: center;
direction: rtl;
}
.dar-newsletter-text {
color: #ffffff;
font-size: 24px;
font-weight: 600;
margin-bottom: 25px;
line-height: 1.5;
max-width: 700px;
margin-left: auto;
margin-right: auto;
}
.dar-newsletter-form {
max-width: 450px;
margin: 0 auto;
display: flex;
border: 1px solid rgba(255,255,255,0.3);
border-radius: 4px;
overflow: hidden;
}
.dar-newsletter-form input {
flex: 1;
padding: 14px 18px;
border: none;
background: transparent;
color: #ffffff;
font-family: ‘Cairo’, ‘Tahoma’, sans-serif;
font-size: 15px;
outline: none;
direction: rtl;
}
.dar-newsletter-form input::placeholder {
color: rgba(255,255,255,0.5);
}
.dar-newsletter-form button {
padding: 14px 20px;
background: transparent;
border: none;
color: #ffffff;
cursor: pointer;
font-size: 20px;
transition: background 0.3s ease;
display: flex;
align-items: center;
justify-content: center;
}
.dar-newsletter-form button:hover {
background: rgba(255,255,255,0.1);
}
.dar-floating-phone svg {
width: 26px;
height: 26px;
fill: white;
}
@keyframes darPhoneRing {
0%, 100% { transform: rotate(0deg); }
10% { transform: rotate(-5deg); }
20% { transform: rotate(5deg); }
30% { transform: rotate(-5deg); }
40% { transform: rotate(5deg); }
50% { transform: rotate(0deg); }
}
/* Responsive */
@media (max-width: 768px) {
.dar-publishers-title {
font-size: 24px;
}
.dar-publishers-track {
gap: 20px;
}
.dar-publisher-logo {
flex: 0 0 140px;
height: 80px;
}
.dar-newsletter-text {
font-size: 18px;
}
.dar-floating-phone {
width: 50px;
height: 50px;
bottom: 20px;
left: 20px;
}
.dar-floating-phone svg {
width: 22px;
height: 22px;
}
}

/* ==========================
FOOTER
========================== */
*{
margin:0;
padding:0;
box-sizing:border-box;
}
.custom-footer{
direction: rtl;
background:#fff;
font-family: « Cairo », sans-serif;
color:#111;
}
.footer-container{
max-width:1200px;
margin:auto;
padding:70px 20px 40px;
display:grid;
grid-template-columns:280px 1fr 1fr 1fr;
gap:80px;
align-items:flex-start;
}
.footer-logo img{
width:170px;
display:block;
}
.footer-title{
font-size:30px;
margin-bottom:30px;
font-weight:700;
}
.footer-links{
list-style:none;
}
.footer-links li{
margin-bottom:22px;
}
.footer-links a{
text-decoration:none;
color:#222;
font-size:20px;
transition:.3s;
border-bottom:2px solid transparent;
}
.footer-links a:hover{
border-color:#000;
}
.social-icons{
display:flex;
justify-content:flex-start;
gap:25px;
margin-top:25px;
}
.social-icons a{
color:#111;
font-size:28px;
transition:.3s;
}
.social-icons a:hover{
transform:translateY(-3px);
}
.footer-bottom{
border-top:1px solid #eee;
margin-top:50px;
}
.footer-bottom-content{
max-width:1200px;
margin:auto;
padding:35px 20px;
color:#777;
font-size:17px;
}
@media(max-width:900px){
.footer-container{
grid-template-columns:1fr;
text-align:center;
gap:50px;
}
.footer-logo img{
margin:auto;
}
.social-icons{
justify-content:center;
}
}