Skip to content

Commit

Permalink
add active acount page
Browse files Browse the repository at this point in the history
  • Loading branch information
@ibrahem-hassan2000
ibrahem-hassan2000 committed Mar 10, 2024
1 parent a1f3126 commit 9d092ab
Show file tree
Hide file tree
Showing 3 changed files with 280 additions and 2 deletions.
179 changes: 179 additions & 0 deletions activeAcount.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,179 @@
<!DOCTYPE html>
<html lang="en" dir="rtl">
<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 ixed-top navbar-expand-lg bg-body-tertiary">
<div class="container">
<div class="navbar-toggler2">
<button
class="navbar-toggler collapsed"
type="button"
data-bs-toggle="offcanvas"
data-bs-target="#offcanvasDarkNavbar"
aria-controls="offcanvasDarkNavbar"
aria-label="Toggle navigation"
>
<span class="toggler-icon top-bar"></span>
<span class="toggler-icon middle-bar"></span>
<span class="toggler-icon bottom-bar"></span>
</button>
</div>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav">
<li class="nav-item">
<a href="index.html" class="navLink"> الصفحة الرئيسية</a>
</li>
<li class="nav-item">
<a href="" class="navLink">عن نمرة</a>
</li>
<li class="nav-item">
<a href="" class="navLink">اللوحات</a>
</li>
<li class="nav-item">
<a href="myArts.html" class="navLink">لوحاتي</a>
</li>
<li class="nav-item">
<a href="" class="navLink">بيع رقمك</a>
</li>
<li class="nav-item">
<a href="art.html" class="navLink">رسم الأرقام</a>
</li>
<li class="nav-item">
<a href="login.html" class="navLink">تسجيل الدخول </a>
</li>
<li class="nav-item">
<a href="" class="btnPage1"> الانجليزيه </a>
</li>
</ul>
</div>
<a class="navbar-brand" href="index.html">
<img id="logo" src="./images/logo.svg" alt="Nemra" />
</a>
<div
class="offcanvas offcanvas-start text-bg-dark"
tabindex="-1"
id="offcanvasDarkNavbar"
aria-labelledby="offcanvasDarkNavbarLabel"
>
<div class="offcanvas-body">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a href="index.html" class="navLink"> الصفحة الرئيسية</a>
</li>
<li class="nav-item">
<a href="" class="navLink">عن نمرة</a>
</li>
<li class="nav-item">
<a href="" class="navLink">اللوحات</a>
</li>
<li class="nav-item">
<a href="myArts.html" class="navLink">لوحاتي</a>
</li>
<li class="nav-item">
<a href="" class="navLink">بيع رقمك</a>
</li>
<li class="nav-item">
<a href="art.html" class="navLink">رسم الأرقام</a>
</li>
<li class="nav-item">
<a href="" class="navLink">الأسئلة المتكررة</a>
</li>
<li class="nav-item">
<a href="" class="navLink">الشروط والأحكام</a>
</li>
<li class="nav-item">
<a href="contactUs.html" class="navLink">التواصل</a>
</li>
<li class="nav-item">
<a href="login.html" class="navLink">تسجيل الدخول </a>
</li>
<li class="nav-item">
<a href="" class="btnPage1"> الانجليزيه </a>
</li>
</ul>
</div>
</div>
</div>
</nav>

<section class="container activeAcount">

<div class="content">
<img src="./images/shap.png" alt="">

<h2>تفعيل الحساب</h2>
<p>اختر الوسيلة المناسبة لك لتحقق من رقمك</p>
<div class="boxBtnPop">
<a href="" class="link1">واتساب</a>
<a href="" class="link2">SMS</a>

</div>
</div>

</section>


<footer>
<div class="footer-container">
<div class="contact-details">
<img src="./images/logo.svg" alt="numera-logo" />
<p id="address">دبي، الإمارات العربية المتحدة</p>
<p>اتصل بنا: <span> +971 50 774 4336</span></p>
<p>البريد الإلكتروني: <span>[email protected]</span></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>روابط مهمه</h4>
<a href="">الرئسيه</a>
<a href="">التسوق</a>
<a href="">التواصل</a>
<a href="">سياسة الخصوصية</a>
<a href="">شروط الاستخدام</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>نفذته شركة :</p>
<img src="./images/10_trend.svg" alt="developed by 10Trend" />
</div>
</div>
</footer>

<script src="./js/jquery-3.6.1.min.js"></script>
<script src="./js/popper.min.js"></script>
<script src="./js/bootstrap.js"></script>

</body>
</html>
2 changes: 1 addition & 1 deletion footer.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -25,7 +25,7 @@ footer .footer-container
gap: 146px;
display: flex;

padding-top: 20px;
padding: 20px;

}

Expand Down
101 changes: 100 additions & 1 deletion style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2196,4 +2196,103 @@ font-weight: 300;
max-width: 244px;
height: 244px;
border-radius: 50%;
}
}

/*active acount*/


.activeAcount {
width: 100%;
display: flex;
justify-content: center;
min-height: 66vh;
padding: 40px 0px;
}

.activeAcount .content {
display: flex;
flex-direction: column;
gap: 20px;

align-items: center;
width: 400px;
max-width: 100%;

}
.activeAcount .content img {
margin-bottom: 2px;
max-width: 244px;
height: 244px;
border-radius: 50%;
width: 100%;
object-fit: contain;
}
.activeAcount .content h2 {
font-size: 28px;
font-weight: 800;
font-family: expofontBold;

text-align: center;
margin: 0;
}
.activeAcount .content p {
font-family: expofont;
font-size: 14px;
text-align: center;
margin: 0;
}

.activeAcount .content a {
background: rgba(25, 37, 64, 1);
width: 290px;
padding: 18px;
max-width: 94%;
border-radius: 4px;
color: rgba(243, 190, 70, 1);
font-size: 16px;
font-family: expofont;
text-decoration: none;
text-align: center;
}
.activeAcount .boxBtnPop{
display: flex;
align-items: center;
justify-content: center;
gap: 14px;
margin-bottom: 10px;
flex-wrap: wrap;
}
.activeAcount .boxBtnPop .link1{
max-width: 164px;
height: 56px;
font-family: expofontBold;

}
.activeAcount .boxBtnPop .link2{
max-width: 164px;
height: 56px;
font-family: expofontBold;
color: #192540;
border: 1px solid;
background-color: white;
}
.activeAcount .content h2{
font-family: expofont;
font-size: 24px;
margin-bottom: 12px;
font-weight: 300;
}
.activeAcount .content{
gap: 0px;
max-width: 94%;
}
.activeAcount .content p{
margin-bottom: 24px;

}
.activeAcount .content img{
margin-bottom: 2px;
max-width: 244px;
height: 244px;
border-radius: 50%;
}

0 comments on commit 9d092ab

Please sign in to comment.