1
+ <?php session_start ();
2
+ include_once ('assets/reqphp/connectdb.php ' );
3
+ $ title = "about " ;?>
4
+
5
+ <!DOCTYPE html>
6
+ <html>
7
+
8
+ <head>
9
+ <meta charset="utf-8">
10
+ <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
11
+ <title>حول - يقظة</title>
12
+ <link rel="shortcut icon" href="assets/img/yaqdha_logo.png" />
13
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
14
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
15
+ <link rel="stylesheet" href="assets/css/about.css">
16
+ </head>
17
+
18
+ <body dir="rtl">
19
+ <?php require_once "assets/reqphp/navbar.php " ;?>
20
+
21
+ <div>
22
+ <div class="container text-center d-flex d-lg-flex d-xl-flex align-items-center align-content-center align-self-center flex-nowrap justify-content-sm-center align-items-sm-center align-content-sm-center align-self-sm-center flex-sm-nowrap justify-content-md-center align-items-md-center align-content-md-center align-self-md-center flex-md-nowrap justify-content-lg-center align-items-lg-center align-content-lg-center align-self-lg-center flex-lg-nowrap justify-content-xl-center align-items-xl-center align-content-xl-center align-self-xl-center flex-xl-nowrap"
23
+ style="margin-top: 50px;">
24
+ <div class="row">
25
+ <div class="col-sm-12 pils">
26
+ <ul class="nav nav-pills">
27
+ <li class="nav-item"><a class="nav-link active" data-toggle="tab" role="tab" aria-controls="nav-home" aria-selected="true" id="nav-home-tab" href="#nav-home">يقظة Yaqdha</a></li>
28
+ <li class="nav-item"><a class="nav-link" id="nav-profile-tab" data-toggle="tab" role="tab" aria-controls="nav-profile" aria-selected="false" href="#nav-profile">مطورو الموقع</a></li>
29
+ <li class="nav-item"><a class="nav-link" id="nav-contact-tab" data-toggle="tab" role="tab" aria-controls="nav-contact" aria-selected="false" href="#nav-contact">C4i</a></li>
30
+ </ul>
31
+ </div>
32
+ </div>
33
+ </div>
34
+ </div>
35
+
36
+
37
+ <div class="tab-content" id="nav-tabContent">
38
+ <!-- يقظه -->
39
+ <div class="tab-pane fade show active" id="nav-home" role="tabpanel" aria-labelledby="nav-home-tab">
40
+ <div class="container">
41
+ <div class="row">
42
+ <div class="col-md-2 align-self-center"><img class="yaqdhabout" src="assets/img/yaqdha_x1.png"></div>
43
+ <div class="col-md-10 boxy">
44
+ <h2 class="text-center">YAQDHA</h2>
45
+ <strong class="q1">"</strong>
46
+ <p class="text-center">
47
+ مجموعةٌ شبابية اختلفنا في أعمارنا واتفقنا في أفكارنا فتوحدت <br> أهدافنا وأردنا غرس الخير ونشر المعرفة.<br>
48
+ الرؤية<br>
49
+ صناعةُ مجتمعٍ مُبادر...<br>
50
+ الرسالة<br>
51
+ تمكين المجتمع بأشخاصه... <br>
52
+ الأهداف<br>
53
+ خدمة البلد وتمكين المجتمع<br>
54
+ تعزيز روح المبادرة لدى الشباب وتفعيل دورهم<br>
55
+ السعي إلى إعادة هيكلة وتطوير المنظومة التعليمية في البلد<br>
56
+ توفير المساعدات الطبية للمحتاجين وتعزيز الوعي الصحي لدى المجتمع<br>
57
+ تقريب القاعدة الشعبية من منظمات المجتمع المدني الفاعلة والمؤثرة بشكل واضح.<br>
58
+ إكساب أعضاء الفريق والقائمين عليه القدرة على إدارة وتنظيم الأعمال، ونسعى لنشر هذه الثقافة في المجتمع<br>
59
+ </p>
60
+ <strong class="q2">"</strong>
61
+
62
+ </div>
63
+ </div>
64
+ </div>
65
+ </div>
66
+ <!-- فريق العمل -->
67
+ <div class="tab-pane fade" id="nav-profile" role="tabpanel" aria-labelledby="nav-profile-tab">
68
+ <div class="team-boxed">
69
+ <div class="container">
70
+ <div class="row text-monospace text-center d-flex flex-fill justify-content-center justify-content-sm-center justify-content-md-center justify-content-lg-center justify-content-xl-center people">
71
+ <div class="col-md-6 col-lg-4 item">
72
+ <div class="team-memb"><img class="rounded-circle" src="assets/img/ella.jpg">
73
+ <h3 class="name">Hala Hazim<br>Abbood</h3>
74
+ <p class="title">Project Manager</p>
75
+ <div class="social"><a target="_blank" href="https://www.facebook.com/hala.hazem.731"><i class="fa fa-facebook"></i></a><a target="_blank" href="https://twitter.com/hala5hazem"><i class="fa fa-twitter"></i></a><a target="_blank" href="https://instagram.com/prog_hala"><i class="fa fa-instagram"></i></a><a target="_blank" href="http://www.linkedin.com/in/hala-hazem-02b5b5125"><i class="fa fa-linkedin"></i></a></div>
76
+ </div>
77
+ </div>
78
+ <div class="col-md-6 col-lg-4 item">
79
+ <div class="team-memb"><img class="rounded-circle" src="assets/img/zayn_n97.jpg">
80
+ <h3 class="name">Zayn Al-abdeen<br>Raheem</h3>
81
+ <p class="title">Programmer</p>
82
+ <div class="social"><a target="_blank" href="https://www.facebook.com/zayn.lachin"><i class="fa fa-facebook"></i></a><a target="_blank" href="https://twitter.com/zayn_n97"><i class="fa fa-twitter"></i></a><a target="_blank" href="http://instagram.com/zayn_n97"><i class="fa fa-instagram"></i></a><a target="_blank" href="https://www.linkedin.com/in/zayn-al-khafaji-575193b8/"><i class="fa fa-linkedin"></i></a></div>
83
+ </div>
84
+ </div>
85
+ </div>
86
+ </div>
87
+ </div>
88
+ </div>
89
+ <!-- عن المبادرة -->
90
+ <div class="tab-pane fade" id="nav-contact" role="tabpanel" aria-labelledby="nav-contact-tab">
91
+ <div>
92
+ <div class="container">
93
+ <div class="row">
94
+ <div class="col-md-8 text-justify c4ibox">
95
+ <h2 class="text-center">CODE FOR IRAQ</h2>
96
+ <strong class="q3">"</strong>
97
+ <p>وهي مبادرة إنسانية غير ربحية تهدف الى خدمة المجتمع عن طريق البرمجة، تعتبر هذه المبادرة مبادرة تعليمية حقيقية ترعى المهتمين بتعلم تصميم وبرمجة تطبيقات الهاتف الجوال ومواقع الانترنت وبرامج الحاسوب والشبكات والاتصالات ونظم تشغيل الحاسوب
98
+ باستخدام التقنيات مفتوحة المصدر كما توفر لهم جميع الدروس التعليمية الازمة وبشكل مجاني تماما بل الاهم من ذلك تعتمد على مبدا المواطنة والمشاركة الفاعلة في تأسيس وبناء المجتمع تدعو هذه المبادرة جميع الطلبة والخريجين والهواة والاساتذة
99
+ الجامعيين والمهتمين مجال البرمجة وتقنيات المعلومات وكذلك الاختصاصات الأخرى السب التطوع والمشاركة الفعلية لأجل الاتقاء بواقع البلد, حيث تعتبر فرضة عظيمة اكتساب الخبرة والمهارة عن طريق تصميم وتنفيذ برامج وتطبيقات خدمية من شأنها خدمة
100
+ المواطن وذلك ضمن مجاميع عمل نشطة وفعالة يتعاون فيها جميع الافراد كفريق واحد تبادل الآراء والخبرات ويطرح الافكار ليتم مناقشتها وتطبيقها على أرض الواقع, كما تفتح المجال لجميع المواطنين العراقيين ومن جميع الاختصاصات الى المشاركة الفاعلة
101
+ في هذه المشاريع لرفد الفريق بالخبرات والأفكار والآراء والمقترحات التي من شأنها خدمة المجتمع بأفضل ما يمكن. </p>
102
+ <strong class="q4">"</strong>
103
+
104
+ </div>
105
+ <div class="col-md-4 align-self-center"><a target="_blank" href="https://www.facebook.com/Code4Iraq"><img class="c4i" src="assets/img/codeiq.png" ></a></div>
106
+
107
+ </div>
108
+ </div>
109
+ </div>
110
+ </div>
111
+ </div>
112
+
113
+
114
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
115
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/js/bootstrap.bundle.min.js"></script>
116
+ </body>
117
+
118
+ </html>
0 commit comments