update: add clickable phone and email contact cards

هذا الالتزام موجود في:
Abdul Kareem
2026-03-23 01:29:39 +03:00
الأصل 7aab3771da
التزام d12866cf9c
2 ملفات معدلة مع 134 إضافات و21 حذوفات

عرض الملف

@@ -10,13 +10,18 @@
</head>
<body>
<!-- Hero Section -->
<section class="hero">
<img src="assets/images/tlogo.jpg" alt="Tabeley Logo" class="logo">
<h1>احجز طاولتك بكل سهولة واحترافية</h1>
<p>
منصة Tabeley هي الحل الذكي لحجز الطاولات في المطاعم والمقاهي.
<!-- Hero Section -->
<section class="hero">
<div class="hero-brand">
<img src="assets/images/tlogo.jpg" alt="Tabeley Logo" class="brand-logo">
<span class="brand-name">Tabeley</span>
</div>
<img src="assets/images/tlogoapp.png" alt="Tabeley App Logo" class="logo">
<h1>احجز طاولتك بكل سهولة واحترافية</h1>
<p>
منصة Tabeley هي الحل الذكي لحجز الطاولات في المطاعم والمقاهي.
اختر المكان المناسب، حدّد الوقت الذي يناسبك، وأكّد حجزك خلال ثوانٍ
دون الحاجة إلى الاتصال أو الانتظار.
</p>
@@ -65,16 +70,32 @@
</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">
حسابنا على إنستغرام
</a>
</p>
<!-- Contact -->
<section class="contact">
<h2>تواصل معنا</h2>
<div class="contact-links">
<a href="tel:+963983233965" class="contact-link" aria-label="اتصال هاتفي">
<span class="contact-icon" aria-hidden="true"></span>
<span class="contact-copy">
<strong>رقم الهاتف</strong>
<span dir="ltr">+963983233965</span>
</span>
</a>
<a href="mailto:Tabeley0@gmail.com" class="contact-link" aria-label="إرسال بريد إلكتروني">
<span class="contact-icon" aria-hidden="true"></span>
<span class="contact-copy">
<strong>البريد الإلكتروني</strong>
<span dir="ltr">Tabeley0@gmail.com</span>
</span>
</a>
</div>
<p>
<a href="https://www.instagram.com/tabeley_reservations?igsh=MTQ4ZzNxMzR0anExNA==" target="_blank" rel="noopener">
حسابنا على إنستغرام
</a>
</p>
<form id="contactForm">
<input type="text" placeholder="الاسم الكامل" required>
@@ -90,4 +111,4 @@
<script src="script.js"></script>
</body>
</html>
</html>