Initial landing page
هذا الالتزام موجود في:
Abdul Kareem
79
index.html
Normal file
79
index.html
Normal file
@@ -0,0 +1,79 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ar" dir="rtl">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Tabeley</title>
|
||||
<link rel="stylesheet" href="styles.css">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700&display=swap" rel="stylesheet">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- Hero Section -->
|
||||
<section class="hero">
|
||||
<img src="../Tabeleymvpfront-end/assets/images/tlogo.jpg" alt="Tabeley Logo" class="logo">
|
||||
|
||||
<h1>احجز طاولتك بسهولة</h1>
|
||||
<p>منصة ذكية لحجز أفضل المطاعم بدون انتظار</p>
|
||||
|
||||
<div class="buttons">
|
||||
<a href="#" class="btn android">تحميل للأندرويد</a>
|
||||
<button class="btn ios" disabled>iPhone - Coming Soon</button>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Features -->
|
||||
<section class="features">
|
||||
<h2>ليش تختار Tabeley؟</h2>
|
||||
<div class="features-grid">
|
||||
<div class="card">
|
||||
<h3>حجز فوري</h3>
|
||||
<p>أكد حجزك بثواني بدون اتصال أو انتظار.</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<h3>أفضل المطاعم</h3>
|
||||
<p>اختر من بين مجموعة مطاعم مختارة بعناية.</p>
|
||||
</div>
|
||||
<div class="card">
|
||||
<h3>إدارة حجوزاتك</h3>
|
||||
<p>تحكم بجميع حجوزاتك من مكان واحد.</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- How It Works -->
|
||||
<section class="how">
|
||||
<h2>كيف بيشتغل؟</h2>
|
||||
<div class="steps">
|
||||
<div>1️⃣ اختر المطعم</div>
|
||||
<div>2️⃣ حدّد الوقت</div>
|
||||
<div>3️⃣ استمتع بتجربتك</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Contact -->
|
||||
<section class="contact">
|
||||
<h2>تواصل معنا</h2>
|
||||
<p>📧 Tabeley0@gmail.com</p>
|
||||
<p>📞 +963983233965</p>
|
||||
<p>
|
||||
<a href="https://www.instagram.com/tabeley_reservations?igsh=MTQ4ZzNxMzR0anExNA==" target="_blank" rel="noopener">
|
||||
Instagram
|
||||
</a>
|
||||
</p>
|
||||
|
||||
<form id="contactForm">
|
||||
<input type="text" placeholder="اسمك" required>
|
||||
<input type="email" placeholder="بريدك الإلكتروني" required>
|
||||
<textarea placeholder="رسالتك" required></textarea>
|
||||
<button type="submit">إرسال</button>
|
||||
</form>
|
||||
</section>
|
||||
|
||||
<footer>
|
||||
© 2026 Tabeley. All rights reserved.
|
||||
</footer>
|
||||
|
||||
<script src="script.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
المرجع في مشكلة جديدة
حظر مستخدم