done add pop 2

index.html

@@ -689,7 +689,30 @@ <h3>لوحاتك الان</h3>
         <a href="login.html" class="goHome btn2">لدي حساب </a>
       </div>
     </div>
+    <div class="popLogin false ">
+      <div class="content">
+        <h2>أضف   </h2>
+        <h3>لوحاتك الان</h3>
+        <img  src="./images/logo.svg" alt="Nemra" />
+        <p>سجل حساب لتتمكن من إضافة لوحاتك وتتبع حالتها</p>
 
+        <a href="register.html" class="goHome">سجل حساب جديد </a>
+        <a href="login.html" class="goHome btn2">لدي حساب </a>
+      </div>
+    </div>
+    <div class=" successBox successBox2 false">
+      <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>
+    </div>
     <script src="./js/jquery-3.6.1.min.js"></script>
     <script src="./js/popper.min.js"></script>
     <script src="./js/bootstrap.js"></script>

style.css

@@ -2152,4 +2152,48 @@ line-height: 120%;
   background-color: transparent;
   color: #192540;
   border: 1px solid;
+}
+
+
+.successBox .boxBtnPop{
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 14px;
+  margin-bottom: 10px;
+  flex-wrap: wrap;
+}
+.successBox .boxBtnPop .link1{
+  max-width: 164px;
+  height: 56px;
+  font-family: expofontBold;
+
+}
+.successBox .boxBtnPop .link2{
+  max-width: 164px;
+  height: 56px;
+  font-family: expofontBold;
+  color: #192540;
+  border: 1px solid;
+  background-color: transparent;
+}
+.successBox2  .content h2{
+  font-family: expofont;
+font-size: 24px;
+margin-bottom: 12px;
+font-weight: 300;
+}
+.successBox2 .content{
+  gap: 0px;
+  max-width: 94%;
+}
+.successBox2 .content  p{
+  margin-bottom: 40px;
+
+}
+.successBox2  .content img{
+  margin-bottom: 2px;
+  max-width: 244px;
+  height: 244px;
+  border-radius: 50%;
 }