odex25_standard/odex25_takaful/takaful_website_template_b3/index.html

324 lines
17 KiB
HTML

<!DOCTYPE html>
<html dir="rtl" lang="ar">
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<title>تكافل | الصفحة الرئيسية</title>
<meta content="" name="description">
<meta content="" name="keywords">
<!-- Favicons -->
<link href="assets/img/favicon.png" rel="icon">
<link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon">
<!-- Vendor CSS Files -->
<link href="assets/vendor/animate.css/animate.min.css" rel="stylesheet"/>
<link href="assets/vendor/aos/aos.css" rel="stylesheet"/>
<link href="assets/lib/bootstrap3/bootstrap.min.css" rel="stylesheet"/>
<link href="assets/lib/bootstrap3/bootstrap-theme.min.css" rel="stylesheet"/>
<link href="assets/lib/mdi/css/materialdesignicons.css" rel="stylesheet"/>
<link href="assets/lib/owl-carousel/assets/owl.carousel.min.css" rel="stylesheet"/>
<link href="assets/lib/owl-carousel/assets/owl.theme.default.min.css" rel="stylesheet"/>
<!-- Template Main CSS File -->
<link href="assets/css/header.css" rel="stylesheet"/>
<link href="assets/css/footer.css" rel="stylesheet"/>
<link href="assets/css/style.css" rel="stylesheet"/>
<!-- =======================================================
* Template Name: Takaful
* Template URL: https://exp-sa.com/takaful-bootstrap-template/
* Author: exp-sa.com
======================================================== -->
</head>
<body>
<header>
<nav class="navbar navbar-default">
<div class="container">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<a class="" href="#">
<img src="assets/img/logo.png" alt="">
</a>
<ul class="nav navbar-nav">
<li class="active"><a href="#">الرئيسية</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button"
aria-haspopup="true" aria-expanded="false">عن الجمعية</a>
<ul class="dropdown-menu">
<li><a href="#">نبذة عن الجمعية</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button"
aria-haspopup="true" aria-expanded="false">تواصل معنا</a>
<ul class="dropdown-menu">
<li><a href="#">نبذة عن الجمعية</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button"
aria-haspopup="true" aria-expanded="false">المتجر</a>
<ul class="dropdown-menu">
<li><a href="#">نبذة عن الجمعية</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button"
aria-haspopup="true" aria-expanded="false">الحوكمة</a>
<ul class="dropdown-menu">
<li><a href="#">نبذة عن الجمعية</a></li>
</ul>
</li>
<li class="active"><a href="#">الكفالات</a></li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li>
<div class="search-button">
<img src="assets/img/search.png" alt="">
</div>
</li>
<li><a href="#"><img src="assets/img/user.png" alt="" /> <span>تسجيل الدخول</span></a></li>
<li><a href="#"><img src="assets/img/shopping-cart.png" alt="" /></a></li>
</ul>
</div><!-- /.navbar-collapse -->
</div><!-- /.container-fluid -->
</nav>
</header>
<main>
<section id="slider-section">
<div class="container-fluid">
<div class="row">
<div class="col-md-12 owl-carousel owl-theme main-slider">
<div class="item" style="background: url(assets/img/banner.png) no-repeat center/cover;">
<div class="col-md-12 item-content">
<h2>لا تنساني</h2>
<p>تبرعوا الآن وساهموا معنا بالتغيير في الصدقة الجارية لصالح أيتام المدينة المنورة جيران
رسول الله صلى الله عليه وسلم</p>
<a href="" class="btn btn-default"> <span>تبرع الان</span></a>
</div>
</div>
<div class="item" style="background: url(assets/img/banner.png) no-repeat center/cover;">
<div class="col-md-12 item-content">
<h2>لا تنساني</h2>
<p>تبرعوا الآن وساهموا معنا بالتغيير في الصدقة الجارية لصالح أيتام المدينة المنورة جيران
رسول الله صلى الله عليه وسلم</p>
<a href="" class="btn btn-default"> <span>تبرع الان</span></a>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="services-section">
<div class="container">
<div class="row">
<div class="col-md-12 section-head">
<h2>خدماتنا</h2>
<p>أطلقت جمعية تكافل مشاريع لكفالة الأيتام تطبيقاً لسنة نبينا الكريم حيث قال: (أنا وكافل اليتيم
في الجنة هكذا و أشار بالسبابة والوسطى،وفرق بينهما شيئاً)</p>
</div>
<div class="col-md-12 service-items">
<div class="col-md-3 service-item">
<div class="col-md-12 item-content">
<h3>كفالة اليتيم</h3>
</div>
</div>
<div class="col-md-3 service-item">
<div class="col-md-12 item-content">
<h3>أوقف نخلة</h3>
</div>
</div>
<div class="col-md-3 service-item">
<div class="col-md-12 item-content">
<h3>مشاريع منوعة</h3>
</div>
</div>
<div class="col-md-3 service-item">
<div class="col-md-12 item-content">
<h3>تبرع اﻵن</h3>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="news-section">
<div class="container">
<div class="row">
<div class="col-md-12 section-head">
<h2>آخر الأخبار</h2>
<p>لا يخفى على الجميع أهمية ومكانة المدينة المنورة في نفوس جميع المسلمين من كل بقاع العالم،
ورغبتهم السكنى فيها، أو الصدقة وعمل الخير فيها، مروراً بالأمنيات أن يكون لهم أصلاً فيها، من
هنا انطلقت فكرة مشروع "نخيل اليتامى" المشروع الذي سيحقق للملايين من المسلمين رغبتهم</p>
</div>
<div class="col-md-12" style="display: flex;align-items:center;justify-content: center;">
<div class="col-md-12 owl-carousel owl-theme news-slider">
<div class="item" style="background: url(assets/img/service-1.png) no-repeat center/cover">
<div class="col-md-12 item-content">
<h3>كفالة اليتيم</h3>
</div>
</div>
<div class="item" style="background: url(assets/img/service-1.png) no-repeat center/cover">
<div class="col-md-12 item-content">
<h3>كفالة اليتيم</h3>
</div>
</div>
<div class="item" style="background: url(assets/img/service-1.png) no-repeat center/cover">
<div class="col-md-12 item-content">
<h3>كفالة اليتيم</h3>
</div>
</div>
<div class="item" style="background: url(assets/img/service-1.png) no-repeat center/cover">
<div class="col-md-12 item-content">
<h3>كفالة اليتيم</h3>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="ads-section">
<div class="container">
<div class="row">
<div class="col-md-12 section-text">
<p>شاركنا الأجر في خدمة أيتام مدينة المصطفى صلى الله عليه و سلم</p>
</div>
<div class="col-md-12 section-card">
<div class="col-md-9 section-card-a">
<div class="col-md-12">
<h4>تبرع بالرسائل النصية</h4>
<p>للتبرع بـ 12 ريال شهرياً 40 هلله يومياً أرسل 1 إلى 5084، للتبرع مرة واحدة بـ 10 ريال أرسل رسالة فارغة إلى 5084.</p>
</div>
</div>
<div class="col-md-3 section-card-b">
<div class="ads-banner"></div>
</div>
</div>
</div>
</div>
</section>
<section id="parteners-section">
<div class="container">
<div class="row">
<div class="col-md-12 section-head">
<h2>شركاؤنا</h2>
<p>نحن نحترم ونشكر كل شركاؤنا الموثوقون الدائمون ونقدر خدماتهم</p>
</div>
<div class="col-md-12 section-content">
<div class="col-md-12 owl-carousel owl-theme parteners-logo-slider">
<div class="item">
<img src="assets/img/employee.png" />
</div>
<div class="item">
<img src="assets/img/employee.png" />
</div>
<div class="item">
<img src="assets/img/employee.png" />
</div>
<div class="item">
<img src="assets/img/employee.png" />
</div>
<div class="item">
<img src="assets/img/employee.png" />
</div>
</div>
</div>
</div>
</div>
</section>
</main>
<footer>
<div class="container">
<div class="row">
<div class="col-md-3 footer-desc">
<img src="assets/img/footer-logo.png" alt="" />
<p>جمعية تكافل الخيرية لرعاية الأيتام بمنطقة المدينة المنورة وهي جمعية أهلية تطوعية غير ربحية ذات
شخصية إعتبارية ولها ذمة مالية مستقلة.</p>
<ul class="list-inline social-accounts">
<li><a href=""><i class="mdi mdi-instagram"></i></a></li>
<li><a href=""><i class="mdi mdi-twitter"></i></a></li>
<li><a href=""><i class="mdi mdi-facebook"></i></a></li>
</ul>
</div>
<div class="col-md-9 footer-links">
<div class="col-md-3">
<ul class="list-unstyled">
<li><a href="#">الرئيسية</a></li>
<li><a href="#">من نحن</a></li>
<li><a href="#">تواصل معنا</a></li>
<li><a href="#">سياسة الخصوصية</a></li>
</ul>
</div>
<div class="col-md-3">
<ul class="list-unstyled">
<li><a href="#">الخدمات</a></li>
<li><a href="#">المتجر</a></li>
<li><a href="#">التبرعات</a></li>
<li><a href="#">الأسئلة الشائعة</a></li>
<li><a href="#">طرق الدفع</a></li>
<li><a href="#">الشكاوي و المقترحات</a></li>
</ul>
</div>
<div class="col-md-3">
<ul class="list-unstyled">
<li><a href="#">حسابك</a></li>
<li><a href="#">تبرعاتك</a></li>
<li><a href="#">المساعدة</a></li>
</ul>
</div>
<div class="col-md-3">
<h3>تواصل معنا أسرع عبر</h3>
<ul class="list-unstyled">
<li><span></span> <a href="#"><span>(002)12247078846</span></a></li>
<li><span></span> <a href="#"><span>(002)12247078846</span></a></li>
<li><span></span> <a href="#"><span>contact@takaful-store.com</span></a></li>
</ul>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12 footer-bottom">
<img src="assets/img/visa.png" alt="" />
<img src="assets/img/mastercard.png" alt="" />
<img src="assets/img/paypal.png" alt="" />
</div>
<div class="col-md-12 footer-copyright">
<p><span>جميع الحقوق محفوظة لشركة الخبير للتسويق الإلكتروني</span> <span>&copy; 2022</span></p>
</div>
</div>
</div>
</footer>
<!-- JS SCRIPTS -->
<script src="assets/lib/bootstrap3/jquery.min.js"></script>
<script src="assets/lib/bootstrap3/bootstrap.min.js"></script>
<script src="assets/lib/owl-carousel/owl.carousel.min.js"></script>
<!-- Latest compiled and minified JavaScript -->
<script src="assets/js/home.js" refer></script>
</body>
</html>