-
Notifications
You must be signed in to change notification settings - Fork 0
/
footer.html
124 lines (116 loc) · 9.64 KB
/
footer.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="2G9">
</head>
<body>
<footer class="bg-[#C10D10] mt-5">
<div class="container mx-auto relative">
<div class="lg:flex ">
<div class="grid grid-cols-[auto] md:grid-cols-[auto,1fr,1fr] lg:grid-cols-[auto,auto,auto,1fr] gap-6">
<div class="p-5">
<h2 class="font-bold text-xl md:text-2xl text-white mb-10">Quick Links</h2>
<div class="flex flex-col">
<div class="flex items-center gap-10">
<div class="font-normal text-white grid gap-4">
<a href="#">سياسة الخصوصية</a>
<a href="#">شروط الاستخدام</a>
<a href="#">من نحن</a>
<a href="#">مسح الحساب</a>
<a href="#">اتصل بنا</a>
</div>
</div>
</div>
</div>
<div class="p-5">
<h2 class="font-bold text-xl md:text-2xl text-white mb-10">من نحن</h2>
<h3 class="text-white text-[18px]">التطبيق الاول من نوعه الذي يقدم خدمات متكاملة</h3>
<ul class="text-white text-[18px] list-disc list-inside mt-5">
<li>بيع وشراء السيارات</li>
<li>خدمات أخرى متعلقة بالسيارات</li>
<li>تصميم إعلان سيارات باستخدام الذكاء الاصطناعي (منشور/قصة)</li>
<li>استخدام رقم الهيكل VIN لملء بيانات السيارة</li>
</ul>
</div>
<!-- <div class="p-5">
<h2 class="font-bold text-xl md:text-2xl text-white mb-10">اتصل بنا</h2>
<form class="w-full md:w-auto mb-5">
<div>
<div>
<input type="text" id="first_name" class="bg-white border-gray-300 text-gray-900 text-sm rounded-lg w-full md:w-[300px] mb-5 p-2.5 text-right outline-none ltr:text-left" placeholder="الاسم" required />
</div>
<div>
<input type="text" id="last_name" class="bg-white border-gray-300 text-gray-900 text-sm rounded-lg w-full md:w-[300px] mb-5 p-2.5 text-right outline-none ltr:text-left" placeholder="الايميل" required />
</div>
<textarea id="message" rows="4" class="block p-2.5 w-full text-sm text-gray-900 bg-gray-50 rounded-lg border border-gray-300 text-right outline-none ltr:text-left" placeholder="اترك تعليقك"></textarea>
</div>
</form>
<a href="#" class="text-white border rounded-[10px] p-2 w-[84px] h-[42px]">
إرسال
</a>
</div> -->
<div class="p-5">
<h2 class="font-bold text-xl md:text-2xl text-white mb-10">تابعنا</h2>
<div class="grid lg:grid-cols-2 gap-10">
<div>
<div class="font-normal text-white grid gap-4">
<a href="https://www.snapchat.com//add/yd8/">
سناب شات
</a>
<a href="https://www.instagram.com/2g9">
انستغرام
</a>
<a href="mailto:[email protected]">
بريد إلكتروني
</a>
</div>
</div>
<div>
<div class="grid gap-4 text-white">
<a href="https://www.snapchat.com//add/yd8/">
<svg class="w-6 h-6 text-2xl md:text-2xl" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor"><path d="M496,347.21a190.31,190.31,0,0,1-32.79-5.31c-27.28-6.63-54.84-24.26-68.12-52.43-6.9-14.63-2.64-18.59,11.86-24,14.18-5.27,29.8-7.72,36.86-23,5.89-12.76,1.13-27.76-10.41-35.49-15.71-10.53-30.35-.21-46.62,2.07,3.73-46.66,8.66-88.57-22.67-127.73C338.14,48.86,297.34,32,256.29,32S174.43,48.86,148.48,81.33c-31.38,39.26-26.4,81.18-22.67,127.92C109.49,207,95,196.46,79.18,207.07c-14.72,9.85-17,29.76-5.44,43s31.64,9.5,43.45,20.6c6.49,6.09,3.49,12.61-.35,20.14-14.48,28.4-39.26,45.74-69.84,51.56-4,.76-22.31,2.87-31,3.65,0,9.28.52,16.78,1.63,21.73,2.94,13.06,12.32,23.58,23.69,30.1C52.5,404.25,76.8,404.28,83,413.36c3,4.48,1.76,12.28,5.33,17.38a23.8,23.8,0,0,0,15.37,9.75c18.61,3.61,37.32-7.2,56.42-2.1,14.85,3.95,26.52,15.87,39.26,24,15.51,9.85,32.34,16.42,50.83,17.49,38.1,2.21,59.93-18.91,90.58-36.42,19.5-11.14,38.15-3.86,58.88-2.68,20.1,1.15,23.53-9.25,29.62-24.88a27.37,27.37,0,0,0,1.54-4.85,10.52,10.52,0,0,0,2.28-1.47c2-1.57,10.55-2.34,12.76-2.86,10.28-2.44,20.34-5.15,29.17-11.2,11.31-7.76,17.65-18.5,19.58-32.64A93.73,93.73,0,0,0,496,347.21ZM208,128c8.84,0,16,10.74,16,24s-7.16,24-16,24-16-10.74-16-24S199.16,128,208,128Zm103.62,77.7c-15.25,15-35,23.3-55.62,23.3a78.37,78.37,0,0,1-55.66-23.34,8,8,0,0,1,11.32-11.32A62.46,62.46,0,0,0,256,213c16.39,0,32.15-6.64,44.39-18.7a8,8,0,0,1,11.23,11.4ZM304,176c-8.84,0-16-10.75-16-24s7.16-24,16-24,16,10.75,16,24S312.84,176,304,176Z"></path></svg>
</a>
<a href="https://www.instagram.com/2g9">
<svg class="w-6 h-6 text-2xl md:text-2xl" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor"><path d="M349.33,69.33a93.62,93.62,0,0,1,93.34,93.34V349.33a93.62,93.62,0,0,1-93.34,93.34H162.67a93.62,93.62,0,0,1-93.34-93.34V162.67a93.62,93.62,0,0,1,93.34-93.34H349.33m0-37.33H162.67C90.8,32,32,90.8,32,162.67V349.33C32,421.2,90.8,480,162.67,480H349.33C421.2,480,480,421.2,480,349.33V162.67C480,90.8,421.2,32,349.33,32Z"></path><path d="M377.33,162.67a28,28,0,1,1,28-28A27.94,27.94,0,0,1,377.33,162.67Z"></path><path d="M256,181.33A74.67,74.67,0,1,1,181.33,256,74.75,74.75,0,0,1,256,181.33M256,144A112,112,0,1,0,368,256,112,112,0,0,0,256,144Z"></path></svg>
</a>
<a href="mailto:[email protected]">
<svg class="w-6 h-6 text-2xl md:text-2xl" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="none" stroke="currentColor"><rect x="48" y="96" width="416" height="320" rx="40" ry="40" style="fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"></rect><polyline points="112 160 256 272 400 160" style="fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"></polyline></svg>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="flex flex-col">
<div class="p-5 lg:pt-2 absolute rtl:left-0 ltr:right-0">
<img src="./images/Group2.png" alt="">
</div>
<div class="top-[23%] p-5 lg:pt-2 absolute rtl:left-0 ltr:right-0 ">
<div class="flex flex-col gap-4 ">
<a href="https://apps.apple.com/us/app/2g9/id6503017000" class="w-[172px] h-[51px] flex items-center justify-center bg-white rounded-md shadow-md">
<img src="./images/appStore.png" alt="App Store">
</a>
<a href="https://play.google.com/store/apps/details?id=com.app.twognine" class="w-[172px] h-[51px] flex items-center justify-center bg-white rounded-md shadow-md">
<img src="./images/googlePlay.png" alt="Google Play">
</a>
</div>
</div>
</div>
</div>
<hr>
<div class="mt-5 mr-5 md:mr-10 md:flex items-center justify-between" >
<div class="flex items-center justify-between mb-5 ml-5" >
<h2 class="text-white font-normal">طورت بواسطة : </h2>
<img src="./images/Group186.png" alt="Group186">
</div>
<div class="flex justify-between font-normal text-white ml-5" >
<p>جميع الحقوق محفوظة</p>
<a href="" style="text-decoration: underline;">2G9 UAE.</a>
</div>
</div>
</div>
</footer>
</body>
</html>