Skip to content

Commit

Permalink
Warning POPUP
Browse files Browse the repository at this point in the history
  • Loading branch information
@asmaamostafa74
asmaamostafa74 committed Oct 2, 2024
1 parent 8126f5b commit 91e2170
Show file tree
Hide file tree
Showing 5 changed files with 120 additions and 3 deletions.
44 changes: 41 additions & 3 deletions blocked.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -81,7 +81,7 @@ <h2 class="font-medium text-2xl text-[#2B2F4E]">أسماء مصطفي</h2>
<!-- Main Content -->
<div class=" flex flex-col gap-5 ">
<h1 class="text-4xl text-[#C10D10] font-bold">المحظورين </h1>
<div class="space-y-4">
<!-- <div class="space-y-4">
<div class="flex items-center justify-between bg-white pb-2">
<div class="flex items-center gap-3">
<img class="w-12 h-12 rounded-full border-2 border-[#C10D10]" src="./images/Shape.webp" alt="User Photo">
Expand Down Expand Up @@ -147,8 +147,11 @@ <h3 class="font-semibold text-lg">علي السوطي</h3>
</div>
<button class="text-red-600 border border-red-600 py-1 px-4 rounded-md font-medium">إلغاء الحظر</button>
</div>
</div>

</div> -->
<div class="flex flex-col items-center gap-10 mt-5">
<img src="./images/blockedList.webp" alt="Block">
<h1 class="font-medium text-2xl">لا يوجد محظورين</h1>
</div>
</div>
</div>
</div>
Expand All @@ -161,5 +164,40 @@ <h3 class="font-semibold text-lg">علي السوطي</h3>
<!-- Start Footer -->
<div id="footer" class="md:block hidden"></div>
<!-- End Footer -->

<!-- Warning POP UP -->
<div id="popup" class="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50 hidden">
<div class="bg-white rounded-lg shadow-lg w-[367px] max-w-md h-[700px] p-2">
<div class="flex justify-center">
<img src="./images/warningImage.svg" alt="Warning" class="w-[140px] h-[140px]">
</div>
<h2 class="text-center text-[#C10D10] text-[28px] font-medium">انتبه</h2>
<p class=" text-[#2B2F4E] font-medium text-[16px] mb-4">هل انت متاكد من حذف حسابك نهائي !!</p>
<span class="text-[#FC0000] text-center leading-relaxed">
سوف تفقد بياناتك بشكل نهائي من خلال حذف حسابك أن
</span>
<span class="text-[14px] font-normal text-[#2B2F4E]">
يستبدل في نفس المساحة، لقد تم توليد هذا النص من مولد النص العربى، حيث يمكنك أن تولد مثل هذا النص هذا النص هو مثال لنص يمكن أن يستبدل في نفس المساحة، لقد تم توليد هذا النص من مولد النص العربى، حيث يمكنك أن تولد مثل هذا النص هذا النص هو مثال لنص يمكن أن يستبدل في نفس المساحة، لقد تم توليد هذا النص من مولد النص العربى، حيث يمكنك أن تولد مثل هذا النص هذا النص هو مثال لنص يمكن أن يستبدل في نفس المساحة، لقد تم توليد هذا النص من مولد النص العربى، حيث يمكنك أن تولد مثل هذا النص هذا النص هو مثال لنص يمكن أن يستبدل في نفس المساحة، لقد تم توليد هذا النص من مولد النص العربى، حيث يمكنك أن تولد مثل هذا النص هذا النص هو مثال لنص يمكن أن يستبدل في نفس المساحة، لقد تم توليد هذا النص من مولد النص العربى
</span>
<div class="flex justify-between mt-2">
<button class="bg-[#C10D10] text-white px-6 py-2 w-[155px] h-[58px] rounded-2xl">
لا
</button>
<button class="bg-white text-[#C10D10] border border-[#C10D10] px-6 py-2 w-[155px] h-[58px] rounded-2xl">
حذف الحساب
</button>
</div>
</div>
</div>

<script>
function showPopup() {
document.getElementById("popup").classList.remove("hidden");
}

function hidePopup() {
document.getElementById("popup").classList.add("hidden");
}
</script>
</body>
</html>
35 changes: 35 additions & 0 deletions editProfile.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -127,6 +127,41 @@ <h1 class="text-2xl font-bold">⚙️ تعديل حسابي</h1>
<div id="footer" class="md:block hidden"></div>
<!-- End Footer -->

<!-- Warning POP UP -->
<div id="popup" class="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50 hidden ">
<div class="bg-white rounded-lg shadow-lg w-[367px] max-w-md h-[700px] p-2">
<div class="flex justify-center">
<img src="./images/warningImage.svg" alt="Warning" class="w-[140px] h-[140px]">
</div>
<h2 class="text-center text-[#C10D10] text-[28px] font-medium">انتبه</h2>
<p class=" text-[#2B2F4E] font-medium text-[16px] mb-4">هل انت متاكد من حذف حسابك نهائي !!</p>
<span class="text-[#FC0000] text-center leading-relaxed">
سوف تفقد بياناتك بشكل نهائي من خلال حذف حسابك أن
</span>
<span class="text-[14px] font-normal text-[#2B2F4E]">
يستبدل في نفس المساحة، لقد تم توليد هذا النص من مولد النص العربى، حيث يمكنك أن تولد مثل هذا النص هذا النص هو مثال لنص يمكن أن يستبدل في نفس المساحة، لقد تم توليد هذا النص من مولد النص العربى، حيث يمكنك أن تولد مثل هذا النص هذا النص هو مثال لنص يمكن أن يستبدل في نفس المساحة، لقد تم توليد هذا النص من مولد النص العربى، حيث يمكنك أن تولد مثل هذا النص هذا النص هو مثال لنص يمكن أن يستبدل في نفس المساحة، لقد تم توليد هذا النص من مولد النص العربى، حيث يمكنك أن تولد مثل هذا النص هذا النص هو مثال لنص يمكن أن يستبدل في نفس المساحة، لقد تم توليد هذا النص من مولد النص العربى، حيث يمكنك أن تولد مثل هذا النص هذا النص هو مثال لنص يمكن أن يستبدل في نفس المساحة، لقد تم توليد هذا النص من مولد النص العربى
</span>
<div class="flex justify-between mt-2">
<button class="bg-[#C10D10] text-white px-6 py-2 w-[155px] h-[58px] rounded-2xl">
لا
</button>
<button class="bg-white text-[#C10D10] border border-[#C10D10] px-6 py-2 w-[155px] h-[58px] rounded-2xl">
حذف الحساب
</button>
</div>
</div>
</div>

<script>
function showPopup() {
document.getElementById("popup").classList.remove("hidden");
}

function hidePopup() {
document.getElementById("popup").classList.add("hidden");
}
</script>

<script>
const changePicBtn = document.getElementById('changePicBtn');
const fileInput = document.getElementById('fileInput');
Expand Down
Binary file added images/blockedList.webp
View file
Binary file not shown.
9 changes: 9 additions & 0 deletions images/warningImage.svg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
35 changes: 35 additions & 0 deletions userAds.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -163,5 +163,40 @@ <h3 class="text-[16px] text-white bg-[#CE8939] w-full flex justify-center items-
<!-- Start Footer -->
<div id="footer" class="md:block hidden"></div>
<!-- End Footer -->

<!-- Warning POP UP -->
<div id="popup" class="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50 hidden ">
<div class="bg-white rounded-lg shadow-lg w-[367px] max-w-md h-[700px] p-2">
<div class="flex justify-center">
<img src="./images/warningImage.svg" alt="Warning" class="w-[140px] h-[140px]">
</div>
<h2 class="text-center text-[#C10D10] text-[28px] font-medium">انتبه</h2>
<p class=" text-[#2B2F4E] font-medium text-[16px] mb-4">هل انت متاكد من حذف حسابك نهائي !!</p>
<span class="text-[#FC0000] text-center leading-relaxed">
سوف تفقد بياناتك بشكل نهائي من خلال حذف حسابك أن
</span>
<span class="text-[14px] font-normal text-[#2B2F4E]">
يستبدل في نفس المساحة، لقد تم توليد هذا النص من مولد النص العربى، حيث يمكنك أن تولد مثل هذا النص هذا النص هو مثال لنص يمكن أن يستبدل في نفس المساحة، لقد تم توليد هذا النص من مولد النص العربى، حيث يمكنك أن تولد مثل هذا النص هذا النص هو مثال لنص يمكن أن يستبدل في نفس المساحة، لقد تم توليد هذا النص من مولد النص العربى، حيث يمكنك أن تولد مثل هذا النص هذا النص هو مثال لنص يمكن أن يستبدل في نفس المساحة، لقد تم توليد هذا النص من مولد النص العربى، حيث يمكنك أن تولد مثل هذا النص هذا النص هو مثال لنص يمكن أن يستبدل في نفس المساحة، لقد تم توليد هذا النص من مولد النص العربى، حيث يمكنك أن تولد مثل هذا النص هذا النص هو مثال لنص يمكن أن يستبدل في نفس المساحة، لقد تم توليد هذا النص من مولد النص العربى
</span>
<div class="flex justify-between mt-2">
<button class="bg-[#C10D10] text-white px-6 py-2 w-[155px] h-[58px] rounded-2xl">
لا
</button>
<button class="bg-white text-[#C10D10] border border-[#C10D10] px-6 py-2 w-[155px] h-[58px] rounded-2xl">
حذف الحساب
</button>
</div>
</div>
</div>

<script>
function showPopup() {
document.getElementById("popup").classList.remove("hidden");
}

function hidePopup() {
document.getElementById("popup").classList.add("hidden");
}
</script>
</body>
</html>

0 comments on commit 91e2170

Please sign in to comment.