-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex-ar.html
166 lines (147 loc) · 6.16 KB
/
index-ar.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
<!DOCTYPE html>
<html lang="ar" dir="rtl">
<head>
<!-- Read more about meta element from here: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/meta/name -->
<meta charset="UTF-8" />
<meta
name="description"
content="شارك الاخبار والمعلومات التقنية مع المجتمع التقني"
/>
<meta
name="keywords"
content="المدرسة, تقنية, مدونة, html, css, javascript, برمجة, كود,frontend, backend, fullstack"
/>
<link href="style.css" rel="stylesheet" />
<title>منصة التعليم التي كنت تحلم بها</title>
</head>
<body>
<div class="container">
<header class="main-header">
<h1 class="logo">✨ المدرسة ✨</h1>
<div class="nav-content">
<nav>
<a href="courses.html">الكورسات</a>
<a href="#">المدونة</a>
<a href="#">تواصل معنا</a>
</nav>
<nav class="language-nav" aria-label="language navigation">
<a href="index.html">English</a>
<span class="separation">|</span>
<a href="index-ar.html">اللغة العربية</a>
</nav>
</div>
</header>
<!-- <div class="row"> -->
<article>
<header class="post-header">
<h2>منصة التعليم التي كنت تحلم بها</h2>
<div class="author-content">
<img
class="author-img"
src="img/mohamed-abusrea.jpg"
alt="picture of Mohamed Abusrea"
height="50"
width="50"
/>
<p id="author">
كُتب بواسطة <strong>محمد أبوسريع</strong> في يوم السبت, 2 يوليو
2022
</p>
</div>
<img
class="post-img"
src="img/post-img.jpg"
alt="picture of Almdrasa"
width="500"
height="200"
/>
<div class="reactions">
<button>👍 Like</button>
<button>👏 Celebrate</button>
<button>❤️ Love</button>
</div>
</header>
<p>
<em>المدرسة</em> هي منصة تعليمية تحاول ملء الفجوة الموجودة بالمحتوى
العربي. الفكرة من وراء المنصة هي إيجاد أفضل كورسات البرمجة الموجودة
حاليا ومحاولة إعادة إنتاجها باللغة العربية بمعايير و جودة عالية (صوت,
صورة, مؤثرات بصرية و انيميشن).
</p>
<p>يمكنك ان تعرف المزيد عن منصة المدرسة المدرسة.</p>
<h3>ما الذي يجعل منصة المدرسة الاختيار الأمثل لك؟</h3>
<p>ها هي 5 أسباب لإقناعك بهذا:</p>
<ol>
<li>
<strong>نحن</strong> نختار أفضل الكورسات بعناية من حيث المراجعات
والتقييمات, المنهج, مُحَدّث ويحتوي علي أحدث المناهج
</li>
<li>
<strong>ملتزمين</strong> بتقديم الكورسات بأعلى جودة من حيث الصوت
والصورة والمؤثرات البصرية لإيصال الفكرة للمشاهد وإمتاعه
</li>
<li>
<strong>لا</strong> تحتاح للدفع مقابل كل كورس. تستطيع الحصول علي كل
كورسات منصة المدرسة من خلال اشتراك سنوى بسيط
</li>
<li><strong>تواصل</strong> مع المعلمين بسهولة</li>
<li>
<strong>احصل</strong> علي مكافآت مختلفة ورائعة في كل مرة تقوم فيها
بإنهاء كورس علي المنصة لتحفيزك علي الاستمرار
</li>
</ol>
<p>
يمكنك أن تعلم المزيد من خلال
<a href="https://www.almdrasa.com" target="_blank">
موقع منصة المدرسة </a
>.
</p>
<h3>ما هي الكورسات التي نوفرها علي المنصة؟</h3>
<p>حاليا المنصة تحتوي علي هذة الكورسات:</p>
<ul>
<li>مقدمة في لغة الـ HTML</li>
<li>مقدمة في لغة الـ CSS</li>
<li>مشاريع HTML & CSS</li>
<li>مقدمة في البرمجة</li>
<li>مقدمة في لغة الـ Javascript</li>
</ul>
<p>سيتم ايضا توفير مسارات كاملة مثل:</p>
<ul>
<li>مسار الواجهة الأمامية (Frontend)</li>
<li>مسار الواجهة الخلفية (Backend)</li>
<li>مسار الـ Fullstack</li>
</ul>
<p>كان هذا كل شئ وأراكم في المقال القادم إن شاء الله 👋</p>
</article>
<aside class="aside">
<h4>مقالات ذات صلة</h4>
<ul class="related">
<li class="related-post">
<img src="img/related-1.jpg" alt="CSS logo" width="75" width="75" />
<div>
<a href="#">تعلم تصميم صفحتك بإستخدام الـ CSS</a>
<p class="related-author">بواسطة محمد أبوسريع</p>
</div>
</li>
<li class="related-post">
<img
src="img/related-2.jpg"
alt="javascript logo"
width="75"
heigth="75"
/>
<div>
<a href="#">ابدأ بتعلم الـ Javascript</a>
<p class="related-author">بواسطة أحمد فتحي</p>
</div>
</li>
</ul>
</aside>
<!-- </div> -->
<footer>
<p id="copyright" class="copyright text">
حقوق النشر محفوظة © 2022 بواسطة المدرسة Almdrasa.
</p>
</footer>
</div>
</body>
</html>