379 lines
22 KiB
HTML
379 lines
22 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/tasks.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="task-section">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-md-12 task-section">
|
||
<div class="col-md-12 section-header">
|
||
<h3>تسجيل المهمات</h3>
|
||
<ul class="list-inline">
|
||
<li>الإعدادات</li>
|
||
<li>تسجيل المهمات</li>
|
||
</ul>
|
||
</div>
|
||
<div class="col-md-12 section-body list">
|
||
<div class="col-md-12 fitler-toolbar">
|
||
<ul class="list-inline">
|
||
<li class=""><i class="mdi mdi-filter"></i> <span>فلتر</span></li>
|
||
<li>
|
||
<i class="mdi mdi-sort"></i> <span>ترتيب بـ</span>
|
||
<div class="dropdown">
|
||
<a id="dLabel" data-target="#" href="http://example.com/"
|
||
data-toggle="dropdown" role="button" aria-haspopup="true"
|
||
aria-expanded="false">
|
||
<span>الأحدث</span> <span class="mdi mdi-chevron-down"></span>
|
||
</a>
|
||
<ul class="dropdown-menu" aria-labelledby="dLabel">
|
||
<li><a href="">ترتيب تصاعدي</a></li>
|
||
<li><a href="">ترتيب تنازلي</a></li>
|
||
</ul>
|
||
</div>
|
||
</li>
|
||
<li>
|
||
<i class="mdi mdi-sort-alphabetical-ascending"></i> <span>ترتيب بـ</span>
|
||
<div class="dropdown">
|
||
<a id="dLabel" data-target="#" href="http://example.com/"
|
||
data-toggle="dropdown" role="button" aria-haspopup="true"
|
||
aria-expanded="false">
|
||
<span>الأبجدية</span> <span class="mdi mdi-chevron-down"></span>
|
||
</a>
|
||
<ul class="dropdown-menu" aria-labelledby="dLabel">
|
||
<li><a href="">ترتيب تصاعدي</a></li>
|
||
<li><a href="">ترتيب تنازلي</a></li>
|
||
</ul>
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
<p><span>(</span><span>12</span><span>مهمة</span><span>)</span></p>
|
||
</div>
|
||
<div class="col-md-12 body-content">
|
||
<div class="col-md-6 content-item-container">
|
||
<div class="col-md-12 content-item">
|
||
<h4>فرصة المعلم</h4>
|
||
<ul class="list-unstyled">
|
||
<li>
|
||
<i class="mdi mdi-account"></i>
|
||
<span class="vol">10 متطوعين</span>
|
||
</li>
|
||
<li>
|
||
<i class="mdi mdi-timer-sand-complete"></i>
|
||
<span>عدد الساعات</span> <span class="time">90ساعة</span>
|
||
</li>
|
||
<li>
|
||
<i class="mdi mdi-toolbox"></i>
|
||
<span>مهمة تعليم يتيم</span>
|
||
</li>
|
||
</ul>
|
||
<a href="" class="btn btn-info"><span>المزيد</span> <i
|
||
class="mdi mdi-chevron-left"></i></a>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-6 content-item-container">
|
||
<div class="col-md-12 content-item">
|
||
<h4>فرصة المعلم</h4>
|
||
<ul class="list-unstyled">
|
||
<li>
|
||
<i class="mdi mdi-account"></i>
|
||
<span class="vol">10 متطوعين</span>
|
||
</li>
|
||
<li>
|
||
<i class="mdi mdi-timer-sand-complete"></i>
|
||
<span>عدد الساعات</span> <span class="time">90ساعة</span>
|
||
</li>
|
||
<li>
|
||
<i class="mdi mdi-toolbox"></i>
|
||
<span>مهمة تعليم يتيم</span>
|
||
</li>
|
||
</ul>
|
||
<a href="" class="btn btn-info"><span>المزيد</span> <i
|
||
class="mdi mdi-chevron-left"></i></a>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-6 content-item-container">
|
||
<div class="col-md-12 content-item">
|
||
<h4>فرصة المعلم</h4>
|
||
<ul class="list-unstyled">
|
||
<li>
|
||
<i class="mdi mdi-account"></i>
|
||
<span class="vol">10 متطوعين</span>
|
||
</li>
|
||
<li>
|
||
<i class="mdi mdi-timer-sand-complete"></i>
|
||
<span>عدد الساعات</span> <span class="time">90ساعة</span>
|
||
</li>
|
||
<li>
|
||
<i class="mdi mdi-toolbox"></i>
|
||
<span>مهمة تعليم يتيم</span>
|
||
</li>
|
||
</ul>
|
||
<a href="" class="btn btn-info"><span>المزيد</span> <i
|
||
class="mdi mdi-chevron-left"></i></a>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-6 content-item-container">
|
||
<div class="col-md-12 content-item">
|
||
<h4>فرصة المعلم</h4>
|
||
<ul class="list-unstyled">
|
||
<li>
|
||
<i class="mdi mdi-account"></i>
|
||
<span class="vol">10 متطوعين</span>
|
||
</li>
|
||
<li>
|
||
<i class="mdi mdi-timer-sand-complete"></i>
|
||
<span>عدد الساعات</span> <span class="time">90ساعة</span>
|
||
</li>
|
||
<li>
|
||
<i class="mdi mdi-toolbox"></i>
|
||
<span>مهمة تعليم يتيم</span>
|
||
</li>
|
||
</ul>
|
||
<a href="" class="btn btn-info"><span>المزيد</span> <i
|
||
class="mdi mdi-chevron-left"></i></a>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-6 content-item-container">
|
||
<div class="col-md-12 content-item">
|
||
<h4>فرصة المعلم</h4>
|
||
<ul class="list-unstyled">
|
||
<li>
|
||
<i class="mdi mdi-account"></i>
|
||
<span class="vol">10 متطوعين</span>
|
||
</li>
|
||
<li>
|
||
<i class="mdi mdi-timer-sand-complete"></i>
|
||
<span>عدد الساعات</span> <span class="time">90ساعة</span>
|
||
</li>
|
||
<li>
|
||
<i class="mdi mdi-toolbox"></i>
|
||
<span>مهمة تعليم يتيم</span>
|
||
</li>
|
||
</ul>
|
||
<a href="" class="btn btn-info"><span>المزيد</span> <i
|
||
class="mdi mdi-chevron-left"></i></a>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-6 content-item-container">
|
||
<div class="col-md-12 content-item">
|
||
<h4>فرصة المعلم</h4>
|
||
<ul class="list-unstyled">
|
||
<li>
|
||
<i class="mdi mdi-account"></i>
|
||
<span class="vol">10 متطوعين</span>
|
||
</li>
|
||
<li>
|
||
<i class="mdi mdi-timer-sand-complete"></i>
|
||
<span>عدد الساعات</span> <span class="time">90ساعة</span>
|
||
</li>
|
||
<li>
|
||
<i class="mdi mdi-toolbox"></i>
|
||
<span>مهمة تعليم يتيم</span>
|
||
</li>
|
||
</ul>
|
||
<a href="" class="btn btn-info"><span>المزيد</span> <i
|
||
class="mdi mdi-chevron-left"></i></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-md-12 section-pagination text-center">
|
||
<nav aria-label="Page navigation">
|
||
<ul class="pagination">
|
||
<li>
|
||
<a href="#" aria-label="Previous">
|
||
<span aria-hidden="true">«</span>
|
||
</a>
|
||
</li>
|
||
<li><a href="#">1</a></li>
|
||
<li><a href="#">2</a></li>
|
||
<li><a href="#">3</a></li>
|
||
<li><a href="#">4</a></li>
|
||
<li><a href="#">5</a></li>
|
||
<li>
|
||
<a href="#" aria-label="Next">
|
||
<span aria-hidden="true">»</span>
|
||
</a>
|
||
</li>
|
||
</ul>
|
||
</nav>
|
||
</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>© 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/task.js" refer></script>
|
||
</body>
|
||
|
||
</html> |