Skip to content

Commit

Permalink
Footer
Browse files Browse the repository at this point in the history
  • Loading branch information
@asmaamostafa74
asmaamostafa74 committed Oct 14, 2024
1 parent e452230 commit c09317b
Show file tree
Hide file tree
Showing 2 changed files with 51 additions and 17 deletions.
64 changes: 48 additions & 16 deletions footer.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,22 @@
<footer class="bg-[#C10D10] mt-5">
<div class="container mx-auto">
<div class="lg:flex ">
<div class="grid grid-cols-[auto] md:grid-cols-[auto,1fr,1fr] lg:grid-cols-[auto,auto,1fr,1fr] gap-6">
<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>
Expand All @@ -22,21 +37,7 @@ <h3 class="text-white text-[18px]">التطبيق الاول من نوعه ال
</ul>
</div>

<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="#">Pages</a>
<a href="#">Pages</a>
<a href="#">Pages</a>
</div>
</div>
</div>
</div>


<div class="p-5">
<!-- <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>
Expand All @@ -52,6 +53,37 @@ <h2 class="font-bold text-xl md:text-2xl text-white mb-10">اتصل بنا</h2>
<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>

Expand Down
4 changes: 3 additions & 1 deletion icons.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,9 +5,11 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="2G9">
<style>
body {
@media (max-width:768px) {
body {
padding-bottom: 80px;
}
}
</style>
</head>
<body>
Expand Down

0 comments on commit c09317b

Please sign in to comment.