diff --git a/index.html b/index.html index df6b7a3..8d63339 100644 --- a/index.html +++ b/index.html @@ -10,102 +10,102 @@
- - + +
- +
-

از بهار به تابستون  |   اینترنت +ADSL2

+

از بهار به تابستون  |   اینترنت +ADSL2

- - + +
- +
- -

مقرون به صرفه

+ +

مقرون به صرفه

- -

کیفیت بالا

+ +

کیفیت بالا

- -

نصب سریع

+ +

نصب سریع

- -

مجری توسعه جدیدترین زیرساخت های ارتباطی از جمله فیبرنوری

+ +

مجری توسعه جدیدترین زیرساخت های ارتباطی از جمله فیبرنوری

- +
- -

پشتیبانی 24 ساعته در تمامی روزهای هفته

+ +

پشتیبانی 24 ساعته در تمامی روزهای هفته

- -

(UNSP)دارنده پروانه یکپارچه شبکه و خدمات

+ +

(UNSP)دارنده پروانه یکپارچه شبکه و خدمات

- -

طرح های متنوع و متناسب با نیاز و مصرف کاربران

+ +

طرح های متنوع و متناسب با نیاز و مصرف کاربران

-
- -

بیش از 1500 پاپ سایت و مرکز مخابراتی فعال

+
+ +

بیش از 1500 پاپ سایت و مرکز مخابراتی فعال

- +
-

۳۰۰ گیگ بین الملل

-

معادل ۶۰۰ گیگ داخلی

-

ماهه ۳

-

۹۰ هزار تومان

- +

۳۰۰ گیگ بین الملل

+

معادل ۶۰۰ گیگ داخلی

+

ماهه ۳

+

۹۰ هزار تومان

+
-

۳۰۰ گیگ بین الملل

-

معادل ۶۰۰ گیگ داخلی

-

ماهه ۳

-

۹۰ هزار تومان

- +

۳۰۰ گیگ بین الملل

+

معادل ۶۰۰ گیگ داخلی

+

ماهه ۳

+

۹۰ هزار تومان

+
-

۳۰۰ گیگ بین الملل

-

معادل ۶۰۰ گیگ داخلی

-

ماهه ۳

-

۹۰ هزار تومان

- +

۳۰۰ گیگ بین الملل

+

معادل ۶۰۰ گیگ داخلی

+

ماهه ۳

+

۹۰ هزار تومان

+
-

۳۰۰ گیگ بین الملل

-

معادل ۶۰۰ گیگ داخلی

-

ماهه ۳

-

۹۰ هزار تومان

- +

۳۰۰ گیگ بین الملل

+

معادل ۶۰۰ گیگ داخلی

+

ماهه ۳

+

۹۰ هزار تومان

+
-

برای خرید سرویس فرم زیر را پر کنید

+

برای خرید سرویس فرم زیر را پر کنید

@@ -131,7 +131,7 @@

سوالات متداول

diff --git a/style.css b/style.css index 7b34dce..9656a6b 100644 --- a/style.css +++ b/style.css @@ -7,6 +7,7 @@ body { @font-face { font-family: 'MyCustomFont'; src: url('./font/IRANYekanWebRegular.woff') format('woff'); + font-size: 16px; } @@ -14,27 +15,30 @@ body { width: 100%; max-width: 1900px; margin: 0px auto; - font-size: 16px; font-family: 'MyCustomFont'; } header{ display: flex; + flex-wrap: wrap; justify-content: space-between; align-items: center; background-color: #E9E8EB; padding: 50px 60px 0px 60px; } + main .first { display: flex; flex-wrap: wrap; + justify-content: center; background-color: #E9E8EB; border-radius: 0px 0px 115px 115px; } + main .first .season { - width: 50%; + /*width: 50%;*/ display: flex; flex-direction: column; justify-content: center; @@ -45,13 +49,11 @@ main .first .season { main .first .register { display: flex; flex-direction: row; - font-size: 2.2em; font-weight: bold; color: #286444; } main .first .button1 { - font-size: 1.2em; padding: 5px 20px; border-radius: 10px; background-color: #bb1613; @@ -60,7 +62,6 @@ main .first .button1 { } main .first .button2 { - font-size: 1.2em; padding: 5px 55px; border-radius: 10px; background-color: #286444; @@ -74,7 +75,7 @@ main .second { flex-wrap: wrap; justify-content: center; align-items: center; - margin: 0 20%; + margin: 3% 20%; } main .second .card { @@ -88,7 +89,6 @@ main .second .card { } main .second p { - font-size: 1.5em; color: #bb1613; font-weight: bold; } @@ -98,20 +98,17 @@ main .third div { flex-wrap: wrap; justify-content: center; align-items: center; - margin: auto; } main .third .card { - width: 30%; + width: 27%; display: flex; flex-direction: column; justify-content: center; align-items: center; - margin: auto; } main .third p { - font-size: 1.4em; color: #286444; text-align: justify; } @@ -143,7 +140,6 @@ main .Fourth div { } main .Fourth button { - font-size: 1.4em; font-family: 'MyCustomFont'; background-color: #bb1613; color: #ffffff; @@ -158,7 +154,6 @@ main .Fourth div p { main .Fourth P { background-color: #FFFF; - font-size: 1.4em; } main .fifth { @@ -257,49 +252,57 @@ footer { footer p { background-color: #bb1613; color: #ffffff; - font-size: 1.1em; padding: 10px 80px; border-radius: 0px 0px 30px 30px; } /* media query */ -@media screen and (max-width:900px){ - main { - - } - main .fourth div .cards { - - } + +@media screen and (max-width:1600px){ + .main-container {width: 100%;} + .main-container .image {} + .main-container .text {font-size: 1.5em;} + .main-container .btn {font-size: 1.5em;} } +@media screen and (max-width:1200px){ + .main-container {width: 100%;} + .main-container .image {width: 75%;} + .main-container .text {font-size: 1.4em;} + .main-container .btn {font-size: 1.4em;} -@media screen and (max-width:600px){ - main .menu { - display: none; - } +} - main { - - } +@media screen and (max-width:960px){ + .main-container {width: 100%;} + .main-container .image {width: 60%;} + .main-container .text {font-size: 1.3em;} + .main-container .btn {font-size: 1.3em;} - main .first .season { - width: 50%; - } +} - main .Fourth .cards { - width: 50%; - } - main .second .card { - width: 33%; - } +@media screen and (max-width:720px){ + .main-container {width: 100%;} + .main-container .image {width: 45%} + .main-container .text {font-size: 1.2em;} + .main-container .btn {font-size: 1.2em;} - header { - flex-direction: row; - margin-top: 10px; - text-align: center; - } +} - .main-container p { - font-size: 1em; - } +@media screen and (max-width:480px){ + .main-container {width: 100%;} + .main-container .image {width : 60%;} + .main-container .text {font-size: 1.1em;} + .main-container .btn {font-size: 1.1em;} + main .Fourth .cards {width: 50%;} + +} + +@media screen and (max-width:300px){ + .main-container {width: 100%;} + .main-container .image {width : 30%;} + .main-container .text {font-size: 1em;} + .main-container .btn {font-size: 1em;} + main .Fourth .cards {width: 50%;} + }