-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
164 lines (151 loc) · 8.66 KB
/
index.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
<!DOCTYPE html>
<html>
<head>
<title>نديفلوبي</title>
<meta name="viewport" content="width=device-width initial-scale=1.0">
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="css/style.css">
<link href="https://fonts.googleapis.com/css?family=Changa" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="css/prism.css">
</head>
<body>
<!--header-->
<header>
<nav>
<div class="parent-container">
<a href="" class="profile-pic">
<img src="https://scontent.ftun3-1.fna.fbcdn.net/v/t1.0-9/14991971_1287845641266502_6249374057998587611_n.jpg?oh=5c5b2111948cba0bb5bd953fcdaf97c6&oe=5A838DB8">
<h4>Mimouni</h4>
</a>
<ol>
<a href="" class="logo"><li>نديفلوبي</li></a>
<a href=""><li>الرئيسية</li></a>
<a href=""><li>دروس </li></a>
<a href=""><li>مقالات</li></a>
<a href=""><li>مسارات التعليم</li></a>
</ol>
</div>
</nav>
<div class="container"><!--container -->
<div class="slogan_container">
<img src="/images/bg.gif">
<div class="slogan">
<h2>تعلم تطوير صفحات الويب<br> و البرمجة</h2>
<p>نوفر لكم دروس مجانية في تصميم و تطوير صفحات الويب كما نوفر دروس لتبدئ في تعلم البرمجة. سنساعدكم في تطوير مهارتكم و في حل الصعوبات التي تواجهكم.</p>
<button><i class="fa fa-facebook-official fa-2x" aria-hidden="true"></i>دخول بحساب فايسبوك</button>
</div><!--/slogan-->
</div><!--/ -->
</div>
</header><!--/header-->
<section class="courses">
<div class="switch-titles">
<a href=""><h3>كل الدروس</h3></a>
<a href=""><h3>دروسي</h3></a>
</div>
<div class="container">
<a href="" class="card my-course">
<img src="images/html.jpg">
<div class="overlay"></div>
<h3>أساسيات الHTML</h3>
<p>انه ببعض مسؤولية في. إذ كما خيار العالمية, هو ضرب أراضي ومحاولة, هو مكن اعتداء أسابيع استراليا،. جهة دارت معقل مسرح بل.</p>
</a>
<a href="" class="card all">
<img src="images/html.jpg">
<div class="overlay"></div>
<h3>أساسيات الHTML</h3>
<p>انه ببعض مسؤولية في. إذ كما خيار العالمية, هو ضرب أراضي ومحاولة, هو مكن اعتداء أسابيع استراليا،. جهة دارت معقل مسرح بل.</p>
</a>
<a href="" class="card all">
<img src="images/css.png">
<div class="overlay"></div>
<h3>أساسيات الCSS</h3>
<p>انه ببعض مسؤولية في. إذ كما خيار العالمية, هو ضرب أراضي ومحاولة, هو مكن اعتداء أسابيع استراليا،. جهة دارت معقل مسرح بل.</p>
</a>
<a href="" class="card all">
<img src="images/javascript.gif">
<div class="overlay"></div>
<h3>أساسيات الJavascript</h3>
<p>انه ببعض مسؤولية في. إذ كما خيار العالمية, هو ضرب أراضي ومحاولة, هو مكن اعتداء أسابيع استراليا،. جهة دارت معقل مسرح بل.</p>
</a>
<a href="" class="card all">
<img src="images/programming.jpg">
<div class="overlay"></div>
<h3>تعلم البرمجة</h3>
<p>انه ببعض مسؤولية في. إذ كما خيار العالمية, هو ضرب أراضي ومحاولة, هو مكن اعتداء أسابيع استراليا،. جهة دارت معقل مسرح بل.</p>
</a>
<a href="" class="card all">
<img src="images/scraping.png">
<div class="overlay"></div>
<h3>web scraping بالعربي </h3>
<p>انه ببعض مسؤولية في. إذ كما خيار العالمية, هو ضرب أراضي ومحاولة, هو مكن اعتداء أسابيع استراليا،. جهة دارت معقل مسرح بل.</p>
</a>
<a href="" class="card all">
<img src="images/django.png">
<div class="overlay"></div>
<h3>django بالعربي </h3>
<p>انه ببعض مسؤولية في. إذ كما خيار العالمية, هو ضرب أراضي ومحاولة, هو مكن اعتداء أسابيع استراليا،. جهة دارت معقل مسرح بل.</p>
</a>
</div><!--/container-->
</section><!--/courses-->
<section class="discover">
<div class="main">
<div>
<h2> <i class="fa fa-paper-plane" aria-hidden="true"></i>مغامرة جديدة </h2>
<p>استعد للغوص في عالم الويب و البرمجة بواسطة دروسنا المبسّطة و التي التي تستهدف جميع الأعمار.</p>
<a href=""><button>إبدأ الآن</button></a>
</div>
</div>
</section><!--/discover-->
<section class="path">
<h1>خطوات التعلم معنا</h1>
<div class="container">
<div class="step">
<i class="fa fa-book" aria-hidden="true"></i>
<div class="description">
<h2>سجّل في دروس تطوير الويب و البرمجة</h2>
<p>لأرض وأكثرها يتم هو. ذلك الشمال المشترك استطاعوا أن. ثم والقرى الرئيسية بها. جعل ٣٠ اللا وإعلان الأسيوي, نقطة ميناء ما قام. بـ نفس جدول وبحلول مقاومة, ما وبعض وتنصيب سنغافورة أما. من تعد الآلاف حاملات التنازلي, أجزاء والحزب أم بحث. لكل قد أكثر أملاً.</p>
</div>
</div>
<div class="step">
<div class="description">
<h2>طبق ما تعلمته بتطوير موقع الويب الخاص بك</h2>
<p>لأرض وأكثرها يتم هو. ذلك الشمال المشترك استطاعوا أن. ثم والقرى الرئيسية بها. جعل ٣٠ اللا وإعلان الأسيوي, نقطة ميناء ما قام. بـ نفس جدول وبحلول مقاومة, ما وبعض وتنصيب سنغافورة أما. من تعد الآلاف حاملات التنازلي, أجزاء والحزب أم بحث. لكل قد أكثر أملاً.</p>
</div>
<i class="fa fa-code" aria-hidden="true"></i>
</div>
<div class="step">
<i class="fa fa-briefcase" aria-hidden="true"></i>
<div class="description">
<h2>إبدأ مسيرك المهنية كمبرمج أو مطور ويب.</h2>
<p>لأرض وأكثرها يتم هو. ذلك الشمال المشترك استطاعوا أن. ثم والقرى الرئيسية بها. جعل ٣٠ اللا وإعلان الأسيوي, نقطة ميناء ما قام. بـ نفس جدول وبحلول مقاومة, ما وبعض وتنصيب سنغافورة أما. من تعد الآلاف حاملات التنازلي, أجزاء والحزب أم بحث. لكل قد أكثر أملاً.</p>
</div>
</div>
</div><!--/container-->
</section>
<section class="contact">
<div class="mother">
<div class="container">
<h2>إتصل بنا</h2>
<p>وبالرغم, معقل وانهاء ومحاولة تم الا. بـ شاسعة اكتوبر المعاهدات حول. كل كان سكان مسؤولية, اوروبا الساحلية أي تعد. هذا تطوير الإتحاد عل, دأبوا وبدون لإعلان وتم</p>
<a href=""><button>راسلنا الآن</button></a>
</div>
</div>
</section>
<footer>
<div class="container">
<p> نقطة ميناء ما قام. بـ نفس جدول وبحلول مقاومة, ما وبعض وتنصيب سنغافورة أما. من تعد الآلاف حاملات التنازلي, أجزاء والحزب أم بحث.</p>
<ol class="social">
<a href=""><li class="fb"><i class="fa fa-facebook" aria-hidden="true"></i></li></a>
<a href=""><li class="ytb" ><i class="fa fa-youtube" aria-hidden="true"></i></li></a>
<a href=""><li class="instagram"><i class="fa fa-instagram" aria-hidden="true"></i></li></a>
<a href=""><li class="github"><i class="fa fa-github" aria-hidden="true"></i></li></a>
</ol>
<h5>كل الحقوق محفوظة © 2017</h5>
</div>
</footer>
<!--scripts-->
<script type="text/javascript" src="js/prism.js"></script>
<script type="text/javascript" src="js/index.js"></script>
</body>
</html>