<!-- ========== PROFESSIONAL FOOTER START ========== -->
<style>
/* ===== FOOTER VARIABLES ===== */
:root {
--footer-bg: #1a1a2e;
--footer-secondary: #16213e;
--footer-accent: #0f3460;
--footer-highlight: #e94560;
--footer-text: #a4a4b8;
--footer-heading: #ffffff;
--footer-link: #c4c4d8;
--footer-link-hover: #e94560;
--footer-border: rgba(255,255,255,0.08);
--footer-gradient: linear-gradient(135deg, #e94560 0%, #0f3460 100%);
}
/* ===== FOOTER RESET ===== */
.pro-footer * {
margin: 0;
padding: 0;
box-sizing: border-box;
}
/* ===== MAIN FOOTER WRAPPER ===== */
.pro-footer {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
direction: rtl;
text-align: right;
background: var(--footer-bg);
color: var(--footer-text);
position: relative;
overflow: hidden;
}
/* ===== DECORATIVE TOP WAVE ===== */
.footer-wave {
position: relative;
overflow: hidden;
line-height: 0;
margin-bottom: -1px;
}
.footer-wave svg {
display: block;
width: 100%;
height: 60px;
}
/* ===== TOP ACCENT BAR ===== */
.footer-top-bar {
background: var(--footer-gradient);
height: 4px;
width: 100%;
}
/* ===== FOOTER TOP SECTION ===== */
.footer-top-section {
background: var(--footer-secondary);
padding: 30px 0;
border-bottom: 1px solid var(--footer-border);
}
.footer-top-inner {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
gap: 20px;
}
.footer-brand-top {
display: flex;
align-items: center;
gap: 15px;
}
.footer-brand-top .brand-logo {
width: 50px;
height: 50px;
background: var(--footer-gradient);
border-radius: 12px;
display: flex;
align-items: center;
justify-content: center;
font-size: 24px;
font-weight: bold;
color: #fff;
box-shadow: 0 4px 15px rgba(233, 69, 96, 0.3);
}
.footer-brand-top .brand-text h3 {
color: var(--footer-heading);
font-size: 20px;
font-weight: 700;
margin-bottom: 3px;
}
.footer-brand-top .brand-text span {
font-size: 12px;
color: var(--footer-text);
letter-spacing: 2px;
text-transform: uppercase;
}
.footer-social-top {
display: flex;
gap: 10px;
flex-wrap: wrap;
}
.footer-social-top a {
width: 42px;
height: 42px;
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
text-decoration: none;
font-size: 18px;
transition: all 0.3s ease;
color: #fff;
position: relative;
overflow: hidden;
}
.footer-social-top a.fb { background: #1877f2; }
.footer-social-top a.tw { background: #000000; }
.footer-social-top a.ig { background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888); }
.footer-social-top a.yt { background: #ff0000; }
.footer-social-top a.tg { background: #0088cc; }
.footer-social-top a.wa { background: #25d366; }
.footer-social-top a.li { background: #0077b5; }
.footer-social-top a.pi { background: #bd081c; }
.footer-social-top a.tk { background: #000000; }
.footer-social-top a.th { background: #1DA1F2; }
.footer-social-top a:hover {
transform: translateY(-3px);
box-shadow: 0 5px 15px rgba(0,0,0,0.3);
}
/* ===== MAIN FOOTER CONTENT ===== */
.footer-main-content {
max-width: 1200px;
margin: 0 auto;
padding: 50px 20px 40px;
display: grid;
grid-template-columns: 2fr 1fr 1fr 1fr;
gap: 40px;
}
/* ===== ABOUT COLUMN ===== */
.footer-about {
padding-left: 30px;
}
.footer-about .about-logo {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 20px;
}
.footer-about .about-logo .logo-icon {
width: 55px;
height: 55px;
background: var(--footer-gradient);
border-radius: 14px;
display: flex;
align-items: center;
justify-content: center;
font-size: 26px;
color: #fff;
font-weight: bold;
box-shadow: 0 4px 20px rgba(233, 69, 96, 0.25);
}
.footer-about .about-logo h2 {
color: var(--footer-heading);
font-size: 24px;
font-weight: 800;
}
.footer-about .about-desc {
font-size: 14px;
line-height: 1.9;
color: var(--footer-text);
margin-bottom: 25px;
}
.footer-contact-info {
display: flex;
flex-direction: column;
gap: 12px;
}
.footer-contact-info .contact-item {
display: flex;
align-items: center;
gap: 12px;
font-size: 13px;
color: var(--footer-link);
transition: color 0.3s;
}
.footer-contact-info .contact-item:hover {
color: var(--footer-highlight);
}
.footer-contact-info .contact-item .contact-icon {
width: 36px;
height: 36px;
min-width: 36px;
background: rgba(233, 69, 96, 0.1);
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
font-size: 15px;
color: var(--footer-highlight);
}
/* ===== COLUMN HEADINGS ===== */
.footer-column h4 {
color: var(--footer-heading);
font-size: 17px;
font-weight: 700;
margin-bottom: 25px;
padding-bottom: 12px;
position: relative;
}
.footer-column h4::after {
content: '';
position: absolute;
bottom: 0;
right: 0;
width: 40px;
height: 3px;
background: var(--footer-gradient);
border-radius: 3px;
}
/* ===== LINKS LIST ===== */
.footer-links {
list-style: none;
}
.footer-links li {
margin-bottom: 10px;
}
.footer-links li a {
color: var(--footer-link);
text-decoration: none;
font-size: 14px;
display: flex;
align-items: center;
gap: 8px;
transition: all 0.3s ease;
padding: 5px 0;
}
.footer-links li a::before {
content: '◂';
font-size: 10px;
color: var(--footer-highlight);
transition: transform 0.3s;
}
.footer-links li a:hover {
color: var(--footer-highlight);
padding-right: 8px;
}
.footer-links li a:hover::before {
transform: translateX(-5px);
}
/* ===== STATS SECTION ===== */
.footer-stats-section {
background: var(--footer-secondary);
padding: 35px 0;
border-top: 1px solid var(--footer-border);
border-bottom: 1px solid var(--footer-border);
}
.footer-stats-inner {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 25px;
}
.stat-card {
background: rgba(255,255,255,0.03);
border: 1px solid var(--footer-border);
border-radius: 12px;
padding: 25px 20px;
text-align: center;
transition: all 0.3s ease;
}
.stat-card:hover {
background: rgba(233, 69, 96, 0.05);
border-color: rgba(233, 69, 96, 0.2);
transform: translateY(-3px);
}
.stat-card .stat-icon {
font-size: 28px;
margin-bottom: 10px;
}
.stat-card .stat-number {
color: var(--footer-heading);
font-size: 26px;
font-weight: 800;
margin-bottom: 5px;
}
.stat-card .stat-label {
font-size: 13px;
color: var(--footer-text);
}
/* ===== RECENT POSTS IN FOOTER ===== */
.footer-recent-post {
display: flex;
gap: 12px;
margin-bottom: 15px;
padding-bottom: 15px;
border-bottom: 1px solid var(--footer-border);
}
.footer-recent-post:last-child {
border-bottom: none;
margin-bottom: 0;
padding-bottom: 0;
}
.footer-recent-post .post-thumb {
width: 65px;
height: 65px;
min-width: 65px;
border-radius: 8px;
overflow: hidden;
background: var(--footer-accent);
}
.footer-recent-post .post-thumb img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.3s;
}
.footer-recent-post:hover .post-thumb img {
transform: scale(1.1);
}
.footer-recent-post .post-info h5 {
color: var(--footer-link);
font-size: 13px;
font-weight: 600;
line-height: 1.5;
margin-bottom: 5px;
transition: color 0.3s;
}
.footer-recent-post .post-info h5 a {
color: inherit;
text-decoration: none;
}
.footer-recent-post:hover .post-info h5 {
color: var(--footer-highlight);
}
.footer-recent-post .post-info .post-date {
font-size: 11px;
color: var(--footer-text);
display: flex;
align-items: center;
gap: 5px;
}
/* ===== TAGS CLOUD ===== */
.footer-tags {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.footer-tags a {
background: rgba(255,255,255,0.05);
border: 1px solid var(--footer-border);
color: var(--footer-link);
text-decoration: none;
padding: 6px 14px;
border-radius: 20px;
font-size: 12px;
transition: all 0.3s ease;
}
.footer-tags a:hover {
background: var(--footer-highlight);
border-color: var(--footer-highlight);
color: #fff;
}
/* ===== EXTRA INFO BAR ===== */
.footer-extra-bar {
max-width: 1200px;
margin: 0 auto;
padding: 25px 20px;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
border-bottom: 1px solid var(--footer-border);
}
.extra-item {
display: flex;
align-items: center;
gap: 15px;
padding: 15px 20px;
background: rgba(255,255,255,0.02);
border-radius: 10px;
border: 1px solid var(--footer-border);
transition: all 0.3s;
}
.extra-item:hover {
border-color: rgba(233, 69, 96, 0.3);
background: rgba(233, 69, 96, 0.03);
}
.extra-item .extra-icon {
width: 45px;
height: 45px;
min-width: 45px;
background: rgba(233, 69, 96, 0.1);
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
font-size: 20px;
color: var(--footer-highlight);
}
.extra-item .extra-text h5 {
color: var(--footer-heading);
font-size: 14px;
font-weight: 600;
margin-bottom: 3px;
}
.extra-item .extra-text p {
font-size: 12px;
color: var(--footer-text);
}
/* ===== BOTTOM FOOTER ===== */
.footer-bottom {
background: rgba(0,0,0,0.3);
padding: 20px 0;
}
.footer-bottom-inner {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
gap: 15px;
}
.footer-copyright {
font-size: 13px;
color: var(--footer-text);
}
.footer-copyright a {
color: var(--footer-highlight);
text-decoration: none;
font-weight: 600;
}
.footer-copyright a:hover {
text-decoration: underline;
}
.footer-bottom-links {
display: flex;
gap: 20px;
flex-wrap: wrap;
}
.footer-bottom-links a {
color: var(--footer-text);
text-decoration: none;
font-size: 13px;
transition: color 0.3s;
}
.footer-bottom-links a:hover {
color: var(--footer-highlight);
}
/* ===== BACK TO TOP BUTTON ===== */
.back-to-top {
position: fixed;
bottom: 30px;
left: 30px;
width: 48px;
height: 48px;
background: var(--footer-gradient);
color: #fff;
border: none;
border-radius: 12px;
font-size: 20px;
cursor: pointer;
display: none;
align-items: center;
justify-content: center;
box-shadow: 0 4px 15px rgba(233, 69, 96, 0.3);
transition: all 0.3s ease;
z-index: 999;
}
.back-to-top:hover {
transform: translateY(-3px);
box-shadow: 0 6px 25px rgba(233, 69, 96, 0.4);
}
.back-to-top.visible {
display: flex;
}
/* ===== ANIMATIONS ===== */
@keyframes fadeInUp {
from {
opacity: 0;
transform: translateY(30px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.footer-animate {
animation: fadeInUp 0.6s ease forwards;
}
/* ===== RESPONSIVE DESIGN ===== */
@media (max-width: 1024px) {
.footer-main-content {
grid-template-columns: repeat(2, 1fr);
gap: 30px;
}
.footer-about {
padding-left: 0;
grid-column: span 2;
}
.footer-stats-inner {
grid-template-columns: repeat(2, 1fr);
}
.footer-extra-bar {
grid-template-columns: 1fr;
}
}
@media (max-width: 768px) {
.footer-main-content {
grid-template-columns: 1fr;
padding: 30px 20px;
}
.footer-about {
grid-column: span 1;
}
.footer-top-inner {
flex-direction: column;
text-align: center;
}
.footer-brand-top {
flex-direction: column;
}
.footer-social-top {
justify-content: center;
}
.footer-stats-inner {
grid-template-columns: repeat(2, 1fr);
gap: 15px;
}
.footer-bottom-inner {
flex-direction: column;
text-align: center;
}
.footer-bottom-links {
justify-content: center;
}
.stat-card .stat-number {
font-size: 22px;
}
}
@media (max-width: 480px) {
.footer-stats-inner {
grid-template-columns: 1fr;
}
.footer-social-top a {
width: 38px;
height: 38px;
}
}
/* ===== WIDGET TITLES IN LAYOUT ===== */
.pro-footer .widget h2.title,
.pro-footer .widget > h2 {
color: var(--footer-heading);
font-size: 17px;
font-weight: 700;
margin-bottom: 25px;
padding-bottom: 12px;
position: relative;
}
.pro-footer .widget h2.title::after,
.pro-footer .widget > h2::after {
content: '';
position: absolute;
bottom: 0;
right: 0;
width: 40px;
height: 3px;
background: var(--footer-gradient);
border-radius: 3px;
}
</style>
<!-- WAVE SHAPE -->
<div class='footer-wave'>
<svg preserveAspectRatio='none' viewBox='0 0 1440 60'>
<path d='M0,40 C320,80 640,0 960,40 C1120,60 1280,20 1440,40 L1440,60 L0,60 Z' fill='#1a1a2e'/>
</svg>
</div>
<footer class='pro-footer'>
<!-- TOP ACCENT BAR -->
<div class='footer-top-bar'/>
<!-- TOP SECTION: BRAND + SOCIAL -->
<div class='footer-top-section'>
<div class='footer-top-inner'>
<div class='footer-brand-top'>
<div class='brand-logo'>
<b:if cond='data:blog.pageType == "index"'>
<span>📝</span>
<b:else/>
<span>📝</span>
</b:if>
</div>
<div class='brand-text'>
<h3><data:blog.title/></h3>
<span>مدونة متخصصة ومتميزة</span>
</div>
</div>
<!-- SOCIAL MEDIA ICONS -->
<div class='footer-social-top'>
<a class='fb' href='https://facebook.com/' target='_blank' title='فيسبوك'>
<svg fill='currentColor' height='18' viewBox='0 0 24 24' width='18'><path d='M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z'/></svg>
</a>
<a class='tw' href='https://twitter.com/' target='_blank' title='تويتر'>
<svg fill='currentColor' height='18' viewBox='0 0 24 24' width='18'><path d='M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z'/></svg>
</a>
<a class='ig' href='https://instagram.com/' target='_blank' title='انستغرام'>
<svg fill='currentColor' height='18' viewBox='0 0 24 24' width='18'><path d='M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z'/></svg>
</a>
<a class='yt' href='https://youtube.com/' target='_blank' title='يوتيوب'>
<svg fill='currentColor' height='18' viewBox='0 0 24 24' width='18'><path d='M23.498 6.186a3.016 3.016 0 00-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 00.502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 002.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 002.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z'/></svg>
</a>
<a class='tg' href='https://t.me/' target='_blank' title='تيليجرام'>
<svg fill='currentColor' height='18' viewBox='0 0 24 24' width='18'><path d='M11.944 0A12 12 0 000 12a12 12 0 0012 12 12 12 0 0012-12A12 12 0 0012 0zm4.962 7.224c.1-.002.321.023.465.14a.506.506 0 01.171.325c.016.093.036.306.02.472-.18 1.898-.962 6.502-1.36 8.627-.168.9-.499 1.201-.82 1.23-.696.065-1.225-.46-1.9-.902-1.056-.693-1.653-1.124-2.678-1.8-1.185-.78-.417-1.21.258-1.91.177-.184 3.247-2.977 3.307-3.23.007-.032.014-.15-.056-.212s-.174-.041-.249-.024c-.106.024-1.793 1.14-5.061 3.345-.479.33-.913.49-1.302.48-.428-.008-1.252-.241-1.865-.44-.752-.245-1.349-.374-1.297-.789.027-.216.325-.437.893-.663 3.498-1.524 5.83-2.529 6.998-3.014 3.332-1.386 4.025-1.627 4.476-1.635z'/></svg>
</a>
<a class='wa' href='https://wa.me/' target='_blank' title='واتساب'>
<svg fill='currentColor' height='18' viewBox='0 0 24 24' width='18'><path d='M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413z'/></svg>
</a>
<a class='li' href='https://linkedin.com/' target='_blank' title='لينكد إن'>
<svg fill='currentColor' height='18' viewBox='0 0 24 24' width='18'><path d='M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 01-2.063-2.065 2.064 2.064 0 112.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z'/></svg>
</a>
<a class='pi' href='https://pinterest.com/' target='_blank' title='بنتريست'>
<svg fill='currentColor' height='18' viewBox='0 0 24 24' width='18'><path d='M12.017 0C5.396 0 .029 5.367.029 11.987c0 5.079 3.158 9.417 7.618 11.162-.105-.949-.199-2.403.041-3.439.219-.937 1.406-5.957 1.406-5.957s-.359-.72-.359-1.781c0-1.668.967-2.914 2.171-2.914 1.023 0 1.518.769 1.518 1.69 0 1.029-.655 2.568-.994 3.995-.283 1.194.599 2.169 1.777 2.169 2.133 0 3.772-2.249 3.772-5.495 0-2.873-2.064-4.882-5.012-4.882-3.414 0-5.418 2.561-5.418 5.207 0 1.031.397 2.138.893 2.738a.36.36 0 01.083.345l-.333 1.36c-.053.22-.174.267-.402.161-1.499-.698-2.436-2.889-2.436-4.649 0-3.785 2.75-7.262 7.929-7.262 4.163 0 7.398 2.967 7.398 6.931 0 4.136-2.607 7.464-6.227 7.464-1.216 0-2.359-.631-2.75-1.378l-.748 2.853c-.271 1.043-1.002 2.35-1.492 3.146C9.57 23.812 10.763 24 12.017 24c6.624 0 11.99-5.367 11.99-11.988C24.007 5.367 18.641 0 12.017 0z'/></svg>
</a>
</div>
</div>
</div>
<!-- FEATURES BAR -->
<div style='max-width:1200px;margin:0 auto;padding:30px 20px 0;'>
<div class='footer-extra-bar' style='padding:0;border:none;'>
<div class='extra-item'>
<div class='extra-icon'>🚀</div>
<div class='extra-text'>
<h5>محتوى حصري</h5>
<p>مقالات ودروس حصرية ومتجددة</p>
</div>
</div>
<div class='extra-item'>
<div class='extra-icon'>🔒</div>
<div class='extra-text'>
<h5>موقع آمن</h5>
<p>حماية كاملة وتشفير SSL</p>
</div>
</div>
<div class='extra-item'>
<div class='extra-icon'>💬</div>
<div class='extra-text'>
<h5>دعم متواصل</h5>
<p>نرد على استفساراتكم دائماً</p>
</div>
</div>
</div>
</div>
<!-- MAIN FOOTER CONTENT - 4 COLUMNS -->
<div class='footer-main-content'>
<!-- COLUMN 1: ABOUT -->
<div class='footer-about footer-animate'>
<div class='about-logo'>
<div class='logo-icon'>📝</div>
<h2><data:blog.title/></h2>
</div>
<p class='about-desc'>
مرحباً بكم في مدونتنا المتخصصة. نقدم لكم أفضل المقالات والدروس والشروحات في مختلف المجالات. هدفنا هو إثراء المحتوى العربي وتقديم معلومات قيمة ومفيدة لجميع القراء. نسعى دائماً لتقديم الأفضل.
</p>
<div class='footer-contact-info'>
<div class='contact-item'>
<div class='contact-icon'>📧</div>
<span>sitedmb@gmail.com.com</span>
</div>
<div class='contact-item'>
<div class='contact-icon'>📱</div>
<span>+966 50 000 ++++</span>
</div>
<div class='contact-item'>
<div class='contact-icon'>📍</div>
<span>المملكة العربية السعودية</span>
</div>
<div class='contact-item'>
<div class='contact-icon'>⏰</div>
<span>متاح 24/7 - على مدار الساعة</span>
</div>
</div>
</div>
<!-- COLUMN 2: QUICK LINKS - Blogger Section Widget -->
<div class='footer-column footer-animate' id='footer-quick-links'>
<b:section class='footer-links-section' id='footer-section-links' preferred='yes' showaddelement='yes'>
<b:widget id='LinkList101' locked='false' title='روابط سريعة' type='LinkList' version='2' visible='true'>
<b:widget-settings>
<b:widget-setting name='link-3'>https://www.douibweb.com/search/label/المراجعات</b:widget-setting>
<b:widget-setting name='sorting'>NONE</b:widget-setting>
<b:widget-setting name='link-4'>https://www.douibweb.com/search/label/أدوات</b:widget-setting>
<b:widget-setting name='text-1'>التسويق والمبيعات</b:widget-setting>
<b:widget-setting name='link-1'>https://www.douibweb.com/search/label/التسويق والمبيعات</b:widget-setting>
<b:widget-setting name='text-0'>الربح من الانترنت</b:widget-setting>
<b:widget-setting name='link-2'>https://www.douibweb.com/search/label/العملات الرقمية</b:widget-setting>
<b:widget-setting name='text-3'>المراجعات</b:widget-setting>
<b:widget-setting name='link-0'>https://www.douibweb.com/search/label/الربح من الانترنت</b:widget-setting>
<b:widget-setting name='text-2'>العملات الرقمية</b:widget-setting>
<b:widget-setting name='text-4'>أدوات</b:widget-setting>
</b:widget-settings>
<b:includable id='main' var='this'>
<b:include name='widget-title'/>
<div class='widget-content'>
<ul class='footer-links'>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target'><data:link.name/></a></li>
</b:loop>
</ul>
</div>
</b:includable>
<b:includable id='AUTH'><b:tag name='script' type='text/javascript'>if(typeof AuthorsInfo !== 'undefined'){<b:loop values='data:links' var='link'><b:if cond='data:link.name contains "adsenseUrlAd"'>if(AuthorName === `<data:title/>`){ AuthorsInfo.postAds[`<data:link.name/>`] = `<data:link.target.jsEscaped/>`; }</b:if><b:if cond='data:link.name contains "ad-"'>if(AuthorName === `<data:title/>`){ AuthorsInfo.postAds[`<data:link.name/>`] = `<data:link.target.jsEscaped/>`; }</b:if></b:loop>}</b:tag></b:includable>
<b:includable id='DEF'>
<div class='widget-content'><ul><b:loop values='data:links' var='link'><li><a expr:href='data:link.target' expr:title='data:link.name'><data:link.name/></a></li></b:loop></ul></div>
</b:includable>
<b:includable id='content'>
<b:if cond='data:widget.sectionId == "PostA3lan2"'><b:include name='AUTH'/>
<b:else/>
<b:include name='DEF'/>
</b:if>
</b:includable>
<b:includable id='widget-title'>
<b:if cond='data:this.title'>
<h4><data:this.title/></h4>
</b:if>
</b:includable>
</b:widget>
</b:section>
</div>
<!-- COLUMN 3: CATEGORIES - Blogger Section Widget -->
<div class='footer-column footer-animate' id='footer-categories'>
<b:section class='footer-cats-section' id='footer-section-categories' preferred='yes' showaddelement='yes'>
<b:widget id='FeaturedPost1' locked='false' title='مشاركة مميزة' type='FeaturedPost' visible='true'>
<b:widget-settings>
<b:widget-setting name='showSnippet'>true</b:widget-setting>
<b:widget-setting name='showPostTitle'>true</b:widget-setting>
<b:widget-setting name='postId'>0</b:widget-setting>
<b:widget-setting name='showFirstImage'>true</b:widget-setting>
<b:widget-setting name='useMostRecentPost'>true</b:widget-setting>
</b:widget-settings>
<b:includable id='main' var='this'>
<b:include name='widget-title'/>
<div class='widget-content'>
<b:include name='snippetedPosts'/>
</div>
</b:includable>
<b:includable id='snippetedPostContent'>
<b:if cond='data:postDisplay.showFeaturedImage'>
<a class='item-thumbnail Img-Holder thumb' expr:href='data:post.url.canonical' expr:title='data:post.title'>
<b:if cond='data:post.featuredImage'>
<b:if cond='data:widget.type == "FeaturedPost"'><span class='postcat'><data:post.labels.first.name/></span></b:if>
<img expr:alt='data:post.title' expr:data-src='data:post.featuredImage' height='108' width='192'/>
<b:else/>
<span class='Noimger'/>
</b:if>
</a>
</b:if>
<b:if cond='data:postDisplay.showTitle'><h3 class='posts post-title'><span class='Date published updated'><svg><use href='#ic-clock'/></svg>
<time class='agotime' expr:datetime='data:post.lastUpdated.iso8601'/></span><a class='title' expr:href='data:post.url.canonical'><data:post.title/></a></h3></b:if>
<b:if cond='data:postDisplay.showSnippet'><p class='snippet-item'><b:if cond='data:widget.type == "FeaturedPost"'><data:post.snippets.short/></b:if></p>
</b:if>
</b:includable>
<b:includable id='snippetedPosts'>
<div expr:class='(data:postDisplay.showFeaturedImage ? "ImgShow" : "Noimg")'>
<b:loop index='i' values='data:posts filter (p => p.id != data:view.postId)' var='post'>
<article class='post' role='article'>
<b:include name='snippetedPostContent'/>
</article>
</b:loop>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
<!-- COLUMN 4: RECENT POSTS / ARCHIVE + TAGS -->
<div class='footer-column footer-animate' id='footer-col-4'>
<b:section class='footer-extra-section' id='footer-section-extra' preferred='yes' showaddelement='yes'>
<b:widget id='PopularPosts101' locked='false' title='أحدث المقالات' type='PopularPosts' version='2' visible='true'>
<b:widget-settings>
<b:widget-setting name='numItemsToShow'>3</b:widget-setting>
<b:widget-setting name='showThumbnails'>true</b:widget-setting>
<b:widget-setting name='showSnippets'>false</b:widget-setting>
<b:widget-setting name='timeRange'>ALL_TIME</b:widget-setting>
</b:widget-settings>
<b:includable id='main' var='this'>
<b:include name='widget-title'/>
<div class='widget-content'>
<b:loop values='data:posts' var='post'>
<div class='footer-recent-post'>
<b:if cond='data:post.thumbnail'>
<div class='post-thumb'>
<a expr:href='data:post.href'>
<img expr:alt='data:post.title' expr:src='data:post.thumbnail' loading='lazy'/>
</a>
</div>
</b:if>
<div class='post-info'>
<h5><a expr:href='data:post.href'><data:post.title/></a></h5>
<span class='post-date'>📅 <data:post.date/></span>
</div>
</div>
</b:loop>
</div>
</b:includable>
<b:includable id='snippetedPostContent'>
<b:if cond='data:postDisplay.showFeaturedImage'>
<a class='item-thumbnail Img-Holder thumb' expr:href='data:post.url.canonical' expr:title='data:post.title'>
<b:if cond='data:post.featuredImage'>
<b:if cond='data:widget.type == "FeaturedPost"'><span class='postcat'><data:post.labels.first.name/></span></b:if>
<img expr:alt='data:post.title' expr:data-src='data:post.featuredImage' height='108' width='192'/>
<b:else/>
<span class='Noimger'/>
</b:if>
</a>
</b:if>
<b:if cond='data:postDisplay.showTitle'><h3 class='posts post-title'><span class='Date published updated'><svg><use href='#ic-clock'/></svg>
<time class='agotime' expr:datetime='data:post.lastUpdated.iso8601'/></span><a class='title' expr:href='data:post.url.canonical'><data:post.title/></a></h3></b:if>
<b:if cond='data:postDisplay.showSnippet'><p class='snippet-item'><b:if cond='data:widget.type == "FeaturedPost"'><data:post.snippets.short/></b:if></p>
</b:if>
</b:includable>
<b:includable id='snippetedPosts'>
<div expr:class='(data:postDisplay.showFeaturedImage ? "ImgShow" : "Noimg")'>
<b:loop index='i' values='data:posts filter (p => p.id != data:view.postId)' var='post'>
<article class='post' role='article'>
<b:include name='snippetedPostContent'/>
</article>
</b:loop>
</div>
</b:includable>
<b:includable id='widget-title'>
<b:if cond='data:this.title'>
<h4><data:this.title/></h4>
</b:if>
</b:includable>
</b:widget>
</b:section>
</div>
</div>
<!-- STATS SECTION -->
<div class='footer-stats-section'>
<div class='footer-stats-inner'>
<div class='stat-card'>
<div class='stat-icon'>📝</div>
<div class='stat-number' id='stat-posts'>
<data:blog.posts.size default='150'/>+
</div>
<div class='stat-label'>مقال منشور</div>
</div>
<div class='stat-card'>
<div class='stat-icon'>👥</div>
<div class='stat-number'>10K+</div>
<div class='stat-label'>زائر شهرياً</div>
</div>
<div class='stat-card'>
<div class='stat-icon'>💬</div>
<div class='stat-number' id='stat-comments'>500+</div>
<div class='stat-label'>تعليق</div>
</div>
<div class='stat-card'>
<div class='stat-icon'>🏷️</div>
<div class='stat-number'>25+</div>
<div class='stat-label'>قسم متنوع</div>
</div>
</div>
</div>
<!-- TAGS CLOUD SECTION -->
<div style='max-width:1200px;margin:0 auto;padding:30px 20px;'>
<div class='footer-column'>
<h4>الوسوم الشائعة</h4>
<div class='footer-tags'>
<a href='/search/label/الربح من الانترنت'>الربح من الانترنت</a>
<a href='/search/label/التسويق والمبيعات'>التسويق والمبيعات</a>
<a href='/search/label/العملات الرقمية'>العملات الرقمية</a>
<a href='/search/label/المراجعات'>المراجعات</a>
<a href='/search/label/أدوات'>أدوات</a>
</div>
</div>
</div>
<!-- BOTTOM FOOTER -->
<div class='footer-bottom'>
<div class='footer-bottom-inner'>
<div class='footer-copyright'>
جميع الحقوق محفوظة © <span id='footer-year'/>
<a expr:href='data:blog.homepageUrl'><data:blog.title/></a>
<script>document.getElementById('footer-year').textContent = new Date().getFullYear();</script>
</div>
<div class='footer-bottom-links'>
<a href='/p/privacy-policy.html'>سياسة الخصوصية</a>
<a href='/p/blog-page_5.html'>الشروط والأحكام</a>
<a href='/p/disclaimer.html'>إخلاء المسؤولية</a>
<a href='/p/blog-page_44.html'>من نحن</a>
<a href='/p/blog-page_18.html'>اتصل بنا</a>
</div>
</div>
</div>
</footer>
<!-- BACK TO TOP BUTTON -->
<button class='back-to-top' id='backToTop' onclick='window.scrollTo({top:0,behavior:"smooth"})' title='العودة للأعلى'>
▲
</button>
<script>
//<![CDATA[
// Back to top button
window.addEventListener('scroll', function() {
var btn = document.getElementById('backToTop');
if (window.scrollY > 300) {
btn.classList.add('visible');
} else {
btn.classList.remove('visible');
}
});
// Animate on scroll
var footerObserver = new IntersectionObserver(function(entries) {
entries.forEach(function(entry) {
if (entry.isIntersecting) {
entry.target.style.opacity = '1';
entry.target.style.transform = 'translateY(0)';
}
});
}, { threshold: 0.1 });
document.querySelectorAll('.footer-animate').forEach(function(el) {
el.style.opacity = '0';
el.style.transform = 'translateY(30px)';
el.style.transition = 'all 0.6s ease';
footerObserver.observe(el);
});
// Counter animation
function animateCounters() {
document.querySelectorAll('.stat-number').forEach(function(counter) {
var text = counter.textContent.trim();
var match = text.match(/(\d+)/);
if (match) {
var target = parseInt(match[1]);
var suffix = text.replace(match[1], '');
var current = 0;
var increment = Math.ceil(target / 50);
var timer = setInterval(function() {
current += increment;
if (current >= target) {
current = target;
clearInterval(timer);
}
counter.textContent = current + suffix;
}, 30);
}
});
}
var statsObserver = new IntersectionObserver(function(entries) {
entries.forEach(function(entry) {
if (entry.isIntersecting) {
animateCounters();
statsObserver.unobserve(entry.target);
}
});
}, { threshold: 0.5 });
var statsSection = document.querySelector('.footer-stats-section');
if (statsSection) {
statsObserver.observe(statsSection);
}
//]]>
</script>
<!-- ========== PROFESSIONAL FOOTER END ========== -->
