Skip to content

Commit

Permalink
edit css
Browse files Browse the repository at this point in the history
  • Loading branch information
@aliramezani747
aliramezani747 committed Apr 25, 2024
1 parent d0ed70f commit c6282fa
Show file tree
Hide file tree
Showing 2 changed files with 51 additions and 47 deletions.
25 changes: 10 additions & 15 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -45,34 +45,29 @@
<section class="third">
<div>
<div class="card">
<img class="image3" src="./img/Group 16 1.png" alt="">
<!-- <img class="image3" src="./img/a copy 5.png" alt="">
<p class="text3">مجری توسعه جدیدترین زیرساخت های ارتباطی از جمله فیبرنوری</p> -->
<img class="image3" src="./img/a copy 5.png" alt="">
<p class="text3">مجری توسعه جدیدترین زیرساخت های ارتباطی از جمله فیبرنوری</p>
</div>
<div class="card">
<img class="image4" src="./img/Group 38 2.png" alt="">
</div>
<div class="card">
<img class="image3" src="./img/Group 15 1.png" alt="">
<!-- <img class="image3" src="./img/a copy 5.png" alt="">
<p class="text3">پشتیبانی 24 ساعته در تمامی روزهای هفته</p>-->
<img class="image3" src="./img/a copy 5.png" alt="">
<p class="text3">پشتیبانی 24 ساعته در تمامی روزهای هفته</p>
</div>
</div>
<div>
<div class="card">
<img class="image3" src="./img/Group 12 1.png" alt="">
<!--<img class="image3" src="./img/a copy 5.png" alt="">
<p class="text3"> (UNSP)دارنده پروانه یکپارچه شبکه و خدمات</p>-->
<img class="image3" src="./img/a copy 5.png" alt="">
<p class="text3"> (UNSP)دارنده پروانه یکپارچه شبکه و خدمات</p>
</div>
<div class="card">
<img class="image3" src="./img/Group 13 1.png" alt="">
<!-- <img class="image3" src="./img/a copy 5.png" alt="">
<p class="text3">طرح های متنوع و متناسب با نیاز و مصرف کاربران</p>-->
<img class="image3" src="./img/a copy 5.png" alt="">
<p class="text3">طرح های متنوع ومتناسب با نیاز و مصرف کاربران</p>
</div>
<div class="card">
<img class="image3" src="./img/Group 14 1.png" alt="">
<!--<img class="image3" src="./img/a copy 5.png" alt="">
<p class="text3"> بیش از 1500 پاپ سایت و مرکز مخابراتی فعال </p>-->
<img class="image3" src="./img/a copy 5.png" alt="">
<p class="text3"> بیش از 1500 پاپ سایت و مرکز مخابراتی فعال </p>
</div>
</div>
</section>
Expand Down
73 changes: 41 additions & 32 deletions style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -53,12 +53,14 @@ main .first .register {
color: #286444;
margin: 0px;
padding: 0px;
font-size: 1.3em;
}

main .first .btnBox {
display: flex;
display: block;
justify-content: center;
text-align: center;
border: 0px;
}

main .first .button1 {
Expand All @@ -67,6 +69,8 @@ main .first .button1 {
background-color: #bb1613;
color: #ffffff;
font-family: 'MyCustomFont';
padding: 2px 10px;
border: 0px;
}

main .first .button2 {
Expand All @@ -75,6 +79,8 @@ main .first .button2 {
background-color: #286444;
color: #ffffff;
font-family: 'MyCustomFont';
padding: 2px 18px;
border: 0px;
}


Expand Down Expand Up @@ -104,7 +110,7 @@ main .third div {
grid-template-columns: repeat(3,1fr);
justify-content: center;
align-items: center;
margin: 2% 5%;
margin: 2% 4%;
}

main .third .card {
Expand All @@ -114,10 +120,12 @@ main .third .card {
align-items: center;
}

/*main .third p {
main .third p {
color: #286444;
text-align: justify;*
}*/
text-align: center;
font-stretch: ultra-expanded;
padding: 0% 10%;
}

main .Fourth {
display: flex;
Expand All @@ -135,7 +143,7 @@ main .Fourth .cards {
justify-content: center;
align-items: stretch;
background-color: #FFFF;
padding: 20pX;
padding: 10pX;
border-radius: 15px;
}

Expand All @@ -157,6 +165,7 @@ main .Fourth button {
background-color: #bb1613;
color: #ffffff;
border-radius: 30px;
border: none;
}

main .Fourth div p {
Expand Down Expand Up @@ -202,7 +211,7 @@ main .fifth {
margin: 0;
display: flex;
width: 100%;
font-size: 0.9em;
font-size: 0.8em;
cursor: pointer;
justify-content: space-between;
flex-direction: row-reverse;
Expand All @@ -228,6 +237,7 @@ main .fifth {
}
.accordion-item input[type="checkbox"]:checked ~ .accordion-item-desc {
display: block;
text-align: justify;
}
.accordion-item
input[type="checkbox"]:checked
Expand All @@ -244,15 +254,15 @@ main .fifth {
margin-top: 0;
}
.accordion-item .icon {
margin-left: 14px;
margin-left: 10px;
}

@media screen and (max-width: 767px) {
.accordion {
padding: 0 16px;
}
.accordion h1 {
font-size: 1.3em;
font-size: 1em;
}
}

Expand All @@ -262,7 +272,6 @@ footer {
justify-content: center;
align-items: center;
background-color: #E9E8EB ;
padding: 20px 0px 20px 0px;
}

footer p {
Expand All @@ -283,18 +292,18 @@ footer p {


main .first .image1 {width: 100%;}
main .first .text1 {font-size: 2.3em;}
main .first .text1 {font-size: 2em;}


main .second .image2 {width: 40%;}
main .second .text2 {font-size: 1.3em;}

main .third .image3 {width: 70%;}
main .third .image3 {width: 20%;}
main .third .image4 {width: 80%;}
main .third .text3 {font-size: 1.3em;}

main .Fourth .image5 {width: 30%;}
main .Fourth .text4 {font-size: 1.3em;}
main .Fourth .text4 {font-size: 1.1em;}

footer p {font-size: 1.3em;}

Expand All @@ -312,16 +321,16 @@ footer p {
header .image0 {width: 15%;}


main .first .image1 {width: 80%;}
main .first .image1 {width: 100%;}
main .first .text1 {font-size: 1.3em;}


main .second .image2 {width: 50%;}
main .second .text2 {font-size: 1.3em;}

main .third .image3 {width: 70%;}
main .third .image3 {width: 20%;}
main .third .image4 {width: 80%;}
main .third .text3 {font-size: 1.3em;}
main .third .text3 {font-size: 1.1em;}


main .Fourth .image5 {width: 40%;}
Expand All @@ -344,16 +353,16 @@ footer p {
header .image0 {width: 15%;}


main .first .image1 {width: 80%;}
main .first .image1 {width: 100%;}
main .first .text1 {font-size: 0.9em;}


main .second .image2 {width: 50%;}
main .second .text2 {font-size: 0.9em;}

main .third .image3 {width: 70%;}
main .third .image3 {width: 20%;}
main .third .image4 {width: 80%;}
main .third .text3 {font-size: 0.9em;}
main .third .text3 {font-size: 0.7em;}

main .Fourth .image5 {width: 50%;}
main .Fourth .text4 {font-size: 0.9em;}
Expand All @@ -376,21 +385,21 @@ footer p {
header .image0 {width: 15%;}


main .first .image1 {width: 80%;}
main .first .image1 {width: 100%;}
main .first .text1 {font-size: 0.8em;}


main .second .image2 {width: 50%;}
main .second .text2 {font-size: 0.8em;}

main .third .image3 {width: 70%;}
main .third .image3 {width: 20%;}
main .third .image4 {width: 80%;}
main .third .text3 {font-size: 0.8em;}
main .third .text3 {font-size: 0.7em;}

main .Fourth .image5 {width: 50%;}
main .Fourth .text4 {font-size: 0.8em;}

footer p {font-size: 0.8em;}
footer p {font-size: 0.7em;}



Expand All @@ -407,27 +416,27 @@ footer p {
header .image0 {width: 15%;}


main .first .image1 {width: 80%;}
main .first .text1 {font-size: 0.5em;}
main .first .image1 {width: 100%;}
main .first .text1 {font-size: 0.6em;}


main .second .image2 {width: 50%;}
main .second .text2 {font-size: 0.5em;}

main .third .image3 {width: 70%;}
main .third .image3 {width: 20%;}
main .third .image4 {width: 80%;}
main .third .text3 {font-size: 0.5em;}

main .Fourth .image5 {width: 50%;}
main .Fourth .text4 {font-size: 0.5em;}
main .Fourth .text4 {font-size: 0.7em;}

footer p {font-size: 0.5em;}
footer p {font-size: 0.7em;}



.main-container .image {width : 100%;}
.main-container .text {font-size: 1em;}
.main-container .btn {font-size: 0.6em;}
.main-container .text {font-size: 0.8em;}
.main-container .btn {font-size: 0.7em;}
main .Fourth .cards {width: 40%;}


Expand All @@ -440,7 +449,7 @@ footer p {
header .image0 {width: 15%;}


main .first .image1 {width: 80%;}
main .first .image1 {width: 100%;}
main .first .text1 {font-size: 0.5em;}


Expand All @@ -453,7 +462,7 @@ footer p {
main .third .text3 {font-size: 0.5em;}

main .Fourth .image5 {width: 40%;}
main .Fourth .text4 {font-size: 0.5em;}
main .Fourth .text4 {font-size: 0.9em;}


footer p {font-size: 0.5em;}
Expand Down

0 comments on commit c6282fa

Please sign in to comment.