add id

aliramezani747 · May 26, 2024 · 16c4924 · 16c4924
1 parent d2a7366
commit 16c4924
Show file tree

Hide file tree

Showing 20 changed files with 22 additions and 17 deletions.
diff --git a/img/1577 2.png b/img/1577 2.png
diff --git a/img/15772.webp b/img/15772.webp
diff --git a/img/Group 10.png b/img/Group 10.png
diff --git a/img/Group 19.png b/img/Group 19.png
diff --git a/img/Group 38 2.png b/img/Group 38 2.png
diff --git a/img/Group382.webp b/img/Group382.webp
diff --git a/img/Group_10.webp b/img/Group_10.webp
diff --git a/img/Group_19.webp b/img/Group_19.webp
diff --git a/img/Layer 1.png b/img/Layer 1.png
diff --git a/img/Layer_1.webp b/img/Layer_1.webp
diff --git a/img/Rectangle 2.png b/img/Rectangle 2.png
diff --git a/img/Rectangle2.webp b/img/Rectangle2.webp
diff --git a/img/Vector.png b/img/Vector.png
diff --git a/img/Vector.webp b/img/Vector.webp
diff --git a/img/a copy 5.png b/img/a copy 5.png
diff --git a/img/a_copy_5.webp b/img/a_copy_5.webp
diff --git a/img/logo-final2 2.png b/img/logo-final2 2.png
diff --git a/img/logo-final2_2.webp b/img/logo-final2_2.webp
diff --git a/index.html b/index.html
@@ -11,8 +11,8 @@
     <div class="main-container">
         <div class="back">
             <div class="header">
-                <img class="image0"src="./img/logo-final2 2.png" alt="">
-                <img class="image0" src="./img/1577 2.png" alt="">
+                <img class="image0"src="./img/logo-final2_2.webp" alt="لوگو پیشگامان">
+                <a id="call" class="image0" href="tel:0211577"><img src="./img/15772.webp" alt="شماره 1577"></a>
             </div>
             <div class="season">
                 <p class="text1"> جشنواره اینترنت TD-LTE پیشگامان </p>
@@ -25,55 +25,55 @@
         <main>
             <section class="second">
                 <div class="card">
-                    <img class="image2" src="./img/Group 19.png" alt="">
+                    <img class="image2" src="./img/Group_19.webp" alt="پایداری سرعت آپلود و دانلود">
                     <p class="text2"> پایداری در آپلود و دانلود </p>
                 </div>
                 <div class="card">
-                    <img class="image2" src="./img/Group 10.png" alt="">
+                    <img class="image2" src="./img/Group_10.webp" alt="بدون نیاز به تلفن">
                     <p class="text2"> بدون نیاز به تلفن  </p>
                 </div>
                 <div class="card">
-                    <img class="image2" src="./img/Layer 1.png" alt="">
+                    <img class="image2" src="./img/Layer_1.webp" alt="راه اندازی سریع">
                     <p class="text2"> راه اندازی سریع  </p>
                 </div>
                 <div class="card">
-                    <img class="image2" src="./img/Vector.png" alt="">
+                    <img class="image2" src="./img/Vector.webp" alt="سهولت در جابجایی">
                     <p class="text2">  سهولت در جابجایی </p>
                 </div>
             </section>
 
             <section class="third">
                     <div>
                         <div class="card">
-                            <img class="image3" src="./img/a copy 5.png" alt="">
+                            <img class="image3" src="./img/a_copy_5.webp" alt="تیک">
                             <p class="text3"> دارنده پروانه یکپارچه شبکه و خدمات (UNSP) </p>
                         </div>
                         <div class="card">
-                            <img class="image4" src="./img/Group 38 2.png" alt="">
+                            <img class="image4" src="./img/Group382.webp" alt="چرا پیشگامان">
                         </div>
                         <div class="card">
-                            <img class="image3" src="./img/a copy 5.png" alt="">
+                            <img class="image3" src="./img/a_copy_5.webp" alt="تیک">
                            <p class="text3">مجری توسعه جدیدترین زیرساخت های ارتباطی </p>
                        </div>
                     </div> 
                     <div>
                         <div class="card">
-                            <img class="image3" src="./img/a copy 5.png" alt="">
+                            <img class="image3" src="./img/a_copy_5.webp" alt="تیک">
                             <p class="text3">طرح های متنوع ومتناسب با نیاز و مصرف کاربران</p>
                         </div>
                         <div  class="card">
-                            <img class="image3" src="./img/a copy 5.png" alt="">
+                            <img class="image3" src="./img/a_copy_5.webp" alt="تیک">
                             <p class="text3"> بیش از ۱۵۰۰ پاپ سایت و مرکز مخابراتی فعال </p>
                         </div>
                         <div class="card">
-                            <img class="image3" src="./img/a copy 5.png" alt="">
+                            <img class="image3" src="./img/a_copy_5.webp" alt="تیک">
                            <p class="text3">پشتیبانی ۲۴ ساعته در تمامی روزهای هفته</p>
                        </div>
                     </div>      
             </section>
             <section>
                 <div>
-                    <P>  <span id="Fourth">پیشگامان،</span> همراه بدون مرز جهان آنلاین </P>
+                    <P>  <span class="slogan" id="Fourth">پیشگامان،</span> همراه بدون مرز جهان آنلاین </P>
                 </div>
             </section>
             <section class="Fourth" id="targetSection" >
@@ -84,20 +84,20 @@
                             <P class="text4"> سیم کارت  </P>
                             <P class="text4"> ۶ ماهه  </P>
                             <P class="text4"> ۲,۸۵۰,۰۰۰ تومان </P>
-                            <button class="btn"> خرید سرویس </button>
+                            <button class="btn" id="buyButton100"> خرید سرویس </button>
                         </div>
                         <div class="cards">
                             <P class="text4">  سرویس ۵۰۰ گیگ</P>
                             <P class="text4">   مودم TD-LTE  </P>
                             <P class="text4"> سیم کارت  </P>
                             <P class="text4"> ۶ ماهه  </P>
                             <P class="text4"> ۳,۸۵۰,۰۰۰  تومان </P>
-                            <button class="btn"> خرید سرویس </button>
+                            <button class="btn" id="buyButton500"> خرید سرویس </button>
                         </div>
                     </div>
             </section>
             <section class="fifth">
-                <p class="text">برای خرید سرویس فرم زیر را پر کنید</p>
+                <p class="text" id="targetHeader">برای خرید سرویس فرم زیر را پر کنید</p>
                 <div class="form">
                     <div>
                         <label for="fname">نام</label><br>

diff --git a/style.css b/style.css
@@ -24,7 +24,7 @@ html {
 
 
 .main-container .back {
-    background-image: url(./img/Rectangle\ 2.png);
+    background-image: url(./img/Rectangle2.webp);
     background-repeat: no-repeat;
     background-size: 100% 100%;
     background-position: center;
@@ -38,6 +38,11 @@ html {
     padding: 3% 3% 3% 3%;
 }
 
+.main-container .back .header a {
+    margin-left: 2%;
+    width: 10%;
+}
+
 
 .main-container .back .season {
     display: flex;