Skip to content

Commit

Permalink
Merge pull request #1 from AQuadic/main
Browse files Browse the repository at this point in the history 
add fillter and next prev
  • Loading branch information
@SHEFOO10
SHEFOO10 authored Feb 8, 2024
2 parents 46f4a94 + 31993fc commit e501c49
Show file tree
Hide file tree
Showing 21 changed files with 19,198 additions and 615 deletions.
Binary file added BebasKai.ttf
View file
Binary file not shown.
258 changes: 258 additions & 0 deletions contactUs.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,258 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="./css/bootstrap.css" />
<link
rel="stylesheet"
href="https://code.jquery.com/ui/1.13.0/themes/base/jquery-ui.css"
/>
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.rtl.min.css"
integrity="sha384-gXt9imSW0VcJVHezoNQsP+TNrjYXoGcrqBZJpry9zJt8PCQjobwmhMGaDHTASo9N"
crossorigin="anonymous"
/>
<link rel="stylesheet" href="style.css" />
<link rel="stylesheet" href="navbar.css" />
<link rel="stylesheet" href="ad.css" />
<link rel="stylesheet" href="status.css" />
<link rel="stylesheet" href="filter.css" />
<link rel="stylesheet" href="./mediaqueries.css" />
<link rel="stylesheet" href="footer.css" />
<link rel="stylesheet" href="./css/all.min.css" />
<title>Car Services</title>
</head>
<body>
<nav class="navbar">
<div class="nav">
<img id="logo" src="./images/logo.svg" alt="Nemra" />
<img
id="menu"
src="./images/iconamoon_menu-burger-horizontal-fill.svg"
alt="menu"
/>
</div>
<div class="dropdown"></div>
</nav>
<div class="contactUs">
<h1>اعرض رقم سيارتك للبيع الآن !!</h1>
<form action="">
<div class="form-group">
<div class="topInput">
<label for="exampleFormControlSelect1">إمارة الإصدار</label>
<p>اختر الإمارة الصادرة منها لوحتك</p>
</div>
<div class="sel">
<select class="form-control">
<option selected>دبي</option>
<option>دبي</option>
<option>ابوظبي</option>
<option>دبي</option>
<option>ابوظبي</option>
</select>
</div>
</div>
<div class="form-group">
<div class="topInput">
<label for="exampleFormControlSelect1"> نوع اللوحة</label>
<p>اختر نوع لوحتك</p>
</div>
<div class="sel">
<select class="form-control">
<option selected>خصوصي</option>
<option>خصوصي</option>
<option>خصوصي</option>
</select>
</div>
</div>
<div class="form-group">
<div class="topInput">
<label for="exampleFormControlSelect1">رمز اللوحة </label>
<p>اختر الرمز لوحتك</p>
</div>
<div class="sel">
<select class="form-control">
<option selected>W</option>
<option>H</option>
<option>G</option>
<option>H</option>
<option>G</option>
</select>
</div>
</div>
<div class="form-group">
<div class="topInput">
<label for="exampleFormControlSelect1">رقم اللوحة </label>
<p>اكتب رقم لوحتك</p>
</div>
<input type="text" />
</div>
<div class="form-group">
<div class="topInput">
<label for="exampleFormControlSelect1">السعر المطلوب </label>
<p>اكتب السعر المطلوب</p>
</div>
<div class="price">
<input type="text" value="5,700" name="" id="" />
<h2>درهم</h2>
</div>
<p class="info">
هذا السعر الذي سوف يظهر في الإعلان<br />
يفضل عدم المغالاة والمبالغة في السعر لسرعة البيع
</p>
</div>
<div class="form-group">
<div class="topInput">
<label for="exampleFormControlSelect1"> رقم التواصل </label>
<p>اكتب رقم التواصل للتواصل مع المشترين</p>
</div>
<div class="price">
<input type="tel" value="54 54 64 665" name="" id="" />
<div class="codeCountry">
<p>+971</p>
<img src="./images/emirates.png" alt="emirates" />
</div>
</div>
<p class="info">كيف تفضل التواصل معك ؟</p>
<div class="selectTypeContact">
<div class="part1">
<div class="custom-control custom-checkbox">
<div class="form-check">
<input
class="form-check-input checkType"
type="checkbox"
value=""
id="flexCheckChecked"
checked
/>
</div>
<label class="custom-control-label" for="customCheck1"
>إتصال</label
>
</div>
<div class="custom-control custom-checkbox">
<div class="form-check">
<input
class="form-check-input checkType"
type="checkbox"
value=""
id="flexCheckChecked"

/>
</div>
<label class="custom-control-label" for="customCheck1"
>واتساب</label
>
</div>
<div class="custom-control custom-checkbox">
<div class="form-check">
<input
class="form-check-input checkType"
type="checkbox"
value=""
id="flexCheckChecked"

/>
</div>
<label class="custom-control-label" for="customCheck1"
>الاثنين معاً</label
>
</div>
</div>
</div>
</div>
<div class="form-group">
<div class="topInput">
<label for="exampleFormControlSelect1">عرض الرقم على سيارة </label>
<p>اختر التصميم المناسب لك</p>
</div>
<div class="sel">
<select class="form-control">
<option selected>BMW</option>
<option>MG</option>
<option>HU</option>
<option>KIA</option>
<option>BMW</option>
</select>
</div>
</div>

<div class="form-check checkAgree">
<label class="form-check-label" for="flexCheckDefault">
اوافق على الشروط والأحكام
</label>
<input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">

</div>
<button type="submit" class="btnSend">
<p>ارسال الإعلان للمراجعة والنشر</p>
<img src="./images/send.svg" alt="send">
</button>
</form>
</div>

<footer>
<div class="footer-container">
<div class="contact-details">
<img src="./images/logo.svg" alt="numera-logo" />
<p id="address">Dubai, UAE</p>
<p>Call us: +971 50 774 4336</p>
<p>Email: [email protected]</p>
<div class="social-links">
<a href="https://facebook.com"></a>
<a href="https://instagram.com"></a>
<a href="https://tiktok.com"></a>
</div>
</div>
<div class="quick-links">
<h4>Quick Links</h4>
<a href="">Home</a>
<a href="">Shop</a>
<a href="">Contact</a>
<a href="">Privacy Policy</a>
<a href="">Terms of Use</a>
</div>
</div>
<hr />
<div class="copy_rights">
<div class="copy-right">
<p>2023 Future Car Care</p>
<p>All rights reserved</p>
</div>
<div class="developed_by">
<p>developed by :</p>
<img src="./images/10_trend.svg" alt="developed by 10Trend" />
</div>
</div>
</footer>
<div class="successBox false">
<div class="content">
<img src="./images/sucsess.png" alt="sucsess">
<h2>تم إضافة الرقم بنجاح</h2>
<p>سوف يتم مراجعة البيانات والنشر في أقرب وقت</p>
<a href="" class="goHome">ارسال الإعلان للمراجعة والنشر</a>
</div>
</div>
<script src="./js/jquery-3.6.1.min.js"></script>

<script src="./js/popper.min.js"></script>
<script src="./js/bootstrap.js"></script>
<script>
const checkboxes = document.querySelectorAll(".checkType");

checkboxes.forEach((checkbox) => {
checkbox.addEventListener("click", () => {
if (checkbox.checked) {
checkboxes.forEach((otherCheckbox) => {
if (otherCheckbox !== checkbox) {
otherCheckbox.checked = false;
}
});
}
});
});
</script>
</body>
</html>
6 changes: 6 additions & 0 deletions css/all.min.css
View file

Large diffs are not rendered by default.

Loading

0 comments on commit e501c49

Please sign in to comment.