-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
288 lines (265 loc) · 14.2 KB
/
Copy pathindex.html
File metadata and controls
288 lines (265 loc) · 14.2 KB
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
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
<!DOCTYPE html>
<html lang="ar" dir="rtl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>دكتور لاين - ابتسامتك تبدأ من هنا</title>
<meta name="description" content="عيادة دكتور لاين لطب الأسنان. نقدم أفضل خدمات علاج وتجميل الأسنان بأحدث التقنيات. احجز موعدك الآن.">
<!-- Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700&family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="style.css">
<!-- Font Awesome for Icons -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
</head>
<body>
<!-- Header -->
<header>
<div class="container">
<a href="#" class="logo">
<i class="fas fa-tooth"></i>
دكتور لاين
</a>
<div class="mobile-toggle" id="mobile-toggle">
<i class="fas fa-bars"></i>
</div>
<nav>
<ul class="nav-links" id="nav-links">
<li><a href="#hero">الرئيسية</a></li>
<li><a href="#services">الخدمات</a></li>
<li><a href="#about">عن الطبيب</a></li>
<li><a href="#testimonials">آراء المرضى</a></li>
<li><a href="#contact">اتصل بنا</a></li>
<li><a href="en.html" class="lang-switch">English</a></li>
</ul>
</nav>
</div>
</header>
<!-- Hero Section -->
<section id="hero" class="hero">
<div class="container hero-content">
<h1>ابتسامة مشرقة لمستقبل أفضل</h1>
<p>نقدم لك رعاية أسنان متكاملة بأحدث التقنيات وفي بيئة مريحة ومعقمة بالكامل.</p>
<div class="hero-buttons">
<a href="#contact" class="btn btn-primary">احجز موعدك الآن</a>
<a href="tel:+123456789" class="btn btn-secondary">اتصل الآن</a>
</div>
</div>
</section>
<!-- Why Us -->
<section class="why-us">
<div class="container">
<div class="section-title">
<h2>لماذا تختار دكتور لاين؟</h2>
<p>نحرص على تقديم أفضل تجربة علاجية لمرضانا من خلال معايير جودة عالية.</p>
</div>
<div class="features-grid">
<div class="feature-card">
<i class="fas fa-user-md feature-icon"></i>
<h3>خبرة طبية عالية</h3>
<p>فريق طبي متخصص ذو خبرة طويلة في طب الأسنان.</p>
</div>
<div class="feature-card">
<i class="fas fa-pump-medical feature-icon"></i>
<h3>تعقيم صارم</h3>
<p>نتبع أعلى معايير التعقيم العالمية لضمان سلامتكم.</p>
</div>
<div class="feature-card">
<i class="fas fa-couch feature-icon"></i>
<h3>راحة تامة</h3>
<p>عيادة مصممة لتوفير أقصى درجات الراحة والهدوء.</p>
</div>
<div class="feature-card">
<i class="fas fa-tools feature-icon"></i>
<h3>أحدث التقنيات</h3>
<p>نستخدم أحدث الأجهزة لضمان دقة العلاج وسرعته.</p>
</div>
</div>
</div>
</section>
<!-- Services -->
<section id="services" class="services">
<div class="container">
<div class="section-title">
<h2>خدماتنا العلاجية</h2>
<p>نقدم مجموعة شاملة من خدمات طب الأسنان لتلبية جميع احتياجاتكم.</p>
</div>
<div class="services-grid">
<div class="service-card">
<div class="service-icon"><i class="fas fa-teeth-open"></i></div>
<div>
<h3>تنظيف الأسنان</h3>
<p>إزالة الجير والتصبغات للحصول على أسنان نظيفة وصحية.</p>
</div>
</div>
<div class="service-card">
<div class="service-icon"><i class="fas fa-magic"></i></div>
<div>
<h3>تبييض الأسنان</h3>
<p>تقنيات تبييض حديثة لابتسامة ناصعة البياض.</p>
</div>
</div>
<div class="service-card">
<div class="service-icon"><i class="fas fa-fill-drip"></i></div>
<div>
<h3>حشوات تجميلية</h3>
<p>حشوات بلون الأسنان تعيد وظيفة وشكل السن الطبيعي.</p>
</div>
</div>
<div class="service-card">
<div class="service-icon"><i class="fas fa-teeth"></i></div>
<div>
<h3>تقويم الأسنان</h3>
<p>حلول تقويمية متنوعة لتصحيح انتظام الأسنان.</p>
</div>
</div>
<div class="service-card">
<div class="service-icon"><i class="fas fa-heartbeat"></i></div>
<div>
<h3>علاج اللثة</h3>
<p>علاج التهابات اللثة والحفاظ على صحة الفم.</p>
</div>
</div>
<div class="service-card">
<div class="service-icon"><i class="fas fa-child"></i></div>
<div>
<h3>أسنان الأطفال</h3>
<p>رعاية خاصة بأسنان الأطفال في جو مرح وآمن.</p>
</div>
</div>
</div>
</div>
</section>
<!-- About Doctor -->
<section id="about" class="about">
<div class="container about-content">
<div class="doctor-img">
<img src="assets/images/doctor.png" alt="الدكتورة">
</div>
<div class="doctor-info">
<h2>د. سارة الأحمد</h2>
<p>استشارية طب وجراحة الأسنان، بخبرة تزيد عن 10 سنوات في تقديم أفضل العلاجات السنية. تتميز د. سارة بأسلوبها الهادئ والمهني الذي يزيل رهبة طبيب الأسنان.</p>
<ul class="qualifications">
<li><i class="fas fa-check-circle check-icon"></i> بكالوريوس طب وجراحة الفم والأسنان</li>
<li><i class="fas fa-check-circle check-icon"></i> ماجستير في تجميل الأسنان</li>
<li><i class="fas fa-check-circle check-icon"></i> عضو الجمعية السعودية لطب الأسنان</li>
</ul>
</div>
</div>
</section>
<!-- Gallery -->
<section class="gallery">
<div class="container">
<div class="section-title">
<h2>جولة في العيادة</h2>
<p>بيئة علاجية عصرية ومريحة.</p>
</div>
<div class="gallery-grid">
<div class="gallery-item"><img src="assets/images/clinic-1.png" alt="عيادة 1"></div>
<!-- Reusing images for gallery demo since we have limited generated images -->
<div class="gallery-item"><img src="assets/images/hero-bg.png" alt="عيادة 2"></div>
<div class="gallery-item"><img src="assets/images/clinic-1.png" alt="عيادة 3"></div>
</div>
</div>
</section>
<!-- Testimonials -->
<section id="testimonials" class="testimonials">
<div class="container">
<div class="section-title">
<h2>قالوا عنا</h2>
<p>آراء مرضانا هي وسام نفخر به.</p>
</div>
<div class="features-grid"> <!-- Reusing grid layout -->
<div class="testimonial-card">
<div class="stars">
<i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i>
</div>
<p>"تجربة ممتازة جداً. العيادة نظيفة والتعامل راقي. أنصح الجميع بزيارتها."</p>
<div class="client-name">- أحمد محمد</div>
</div>
<div class="testimonial-card">
<div class="stars">
<i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i>
</div>
<p>"الدكتورة يدها خفيفة جداً، ما حسيت بأي ألم خلال علاج العصب. شكراً لكم."</p>
<div class="client-name">- فاطمة علي</div>
</div>
<div class="testimonial-card">
<div class="stars">
<i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i>
</div>
<p>"أخيراً لقيت عيادة أرتاح فيها نفسياً. شكراً على اهتمامكم وعنايتكم."</p>
<div class="client-name">- خالد العتيبي</div>
</div>
</div>
</div>
</section>
<!-- FAQ -->
<section class="faq">
<div class="container faq-container">
<div class="section-title">
<h2>الأسئلة الشائعة</h2>
</div>
<div class="faq-item">
<div class="faq-question">
هل العلاج مؤلم؟
<i class="fas fa-chevron-down toggle-icon"></i>
</div>
<div class="faq-answer">
<p>نحن نستخدم أحدث تقنيات التخدير لضمان تجربة علاجية خالية من الألم تماماً. راحتكم هي أولويتنا.</p>
</div>
</div>
<div class="faq-item">
<div class="faq-question">
هل التعقيم مضمون؟
<i class="fas fa-chevron-down toggle-icon"></i>
</div>
<div class="faq-answer">
<p>بالتأكيد. نتبع بروتوكولات تعقيم صارمة جداً ونستخدم أجهزة تعقيم حديثة لضمان سلامة كل مريض.</p>
</div>
</div>
<div class="faq-item">
<div class="faq-question">
كيف يمكنني حجز موعد؟
<i class="fas fa-chevron-down toggle-icon"></i>
</div>
<div class="faq-answer">
<p>يمكنكم الحجز بسهولة عبر الاتصال بنا هاتفياً أو إرسال رسالة عبر واتساب، أو زيارة العيادة مباشرة.</p>
</div>
</div>
</div>
</section>
<!-- Contact & Footer -->
<section id="contact" class="contact">
<div class="container">
<h2>تواصل معنا</h2>
<p>نحن هنا للرد على استفساراتكم وحجز مواعيدكم.</p>
<div class="contact-info">
<div class="contact-item">
<i class="fas fa-phone-alt"></i>
<a href="tel:0501234567">0501234567</a>
</div>
<div class="contact-item">
<i class="fab fa-whatsapp"></i>
<a href="https://wa.me/966501234567">0501234567</a>
</div>
<div class="contact-item">
<i class="fas fa-map-marker-alt"></i>
<span>الرياض، طريق الملك فهد</span>
</div>
</div>
<div class="map">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d115214.54226343516!2d46.62657270908203!3d24.72379532661875!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3e2f03890d489399%3A0xba974d1c98e79fd5!2sRiyadh!5e0!3m2!1sen!2ssa!4v1689512345678!5m2!1sen!2ssa" width="100%" height="100%" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
</div>
</section>
<footer>
<div class="container">
<p>جميع الحقوق محفوظة © 2024 عيادة دكتور لاين & <a href="https://syrmoha.github.io/MOHAMMAD/">محمد أبو خشريف</a></p>
<p>ابتسامتك تبدأ من هنا</p>
</div>
</footer>
<script src="script.js"></script>
</body>
</html>