diff --git a/assets/css/style.css b/assets/css/style.css index 5d132d5..a302a68 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -1,74 +1,288 @@ @font-face { - font-family: 'IRAN SANS'; - src: url('../font/IRAN SANS.TTF') format("truetype"); + font-family: "IRAN SANS"; + src: url("../font/IRAN SANS.TTF") format("truetype"); } @font-face { - font-family: "MTNIrancell-Regular"; - src: url("../font/MTNIrancell-Regular.eot?#iefix"); - src: url("../font/MTNIrancell-Regular.eot?#iefix") format("eot"), url("../font/MTNIrancell-Regular.woff") format("woff"), url("../font/MTNIrancell-Regular.woff2") format("woff2"), url("../font/MTNIrancell-Regular.ttf") format("truetype"); - font-weight: normal; - font-style: normal; + font-family: "Lato-Regular"; + src: url("../font/Lato-Regular.ttf") format("truetype"); } @font-face { - font-family: "MTNIrancell-Bold"; - src: url("../font/MTNIrancell-Bold.eot?#iefix"); - src: url("../font/MTNIrancell-Bold.eot?#iefix") format("eot"), url("../font/MTNIrancell-Bold.woff") format("woff"), url("./assets/fonts/MTNIrancell-Bold.woff2") format("woff2"), url("./assets/fonts/MTNIrancell-Bold.ttf") format("truetype"); - font-weight: normal; - font-style: normal; + font-family: "Roboto"; + src: url("../font/Roboto-Regular.ttf") format("truetype"); +} +@font-face { + font-family: "Roboto-Bold"; + src: url("../font/Roboto-ExtraBold.ttf") format("truetype"); } html body { position: relative; min-height: 100%; - font-family: "MTNIrancell-Regular"; + font-family: "Roboto"; font-size: 16px; color: #505050; margin: 0; + direction: ltr; } + html:focus, body:focus, *:focus { outline: unset; } + * { box-sizing: border-box; } + +a { + text-decoration: none; +} + ul { padding: 0; margin: 0; } + li { list-style: none; } + +ul, +li, +h1, +h2, +h3, +h4, +h5, +h6, +p, +strong, +span { + margin: 0; + padding: 0; +} + html body button { cursor: pointer; } + html body a { color: #505050; } + html body a:hover { text-decoration: none; color: #505050; } + ::-webkit-scrollbar { width: 7.5px; } + ::-webkit-scrollbar-track { box-shadow: inset 0 0 5px grey; border-radius: 15px; } + ::-webkit-scrollbar-thumb { background: #a0a0a0; border-radius: 15px; } + ::-webkit-scrollbar-thumb:hover { background: #a0a0a0; } -.english { - font-family: 'Lato-Regular' !important; - font-size: 14px !important; - vertical-align: -2px; + +.blue-btn { + font-size: 14px; + padding: 20px 49px; + background-color: #0164FF; + color: #fff; + border-radius: 50px; + margin: 0 10px; + font-weight: 500; } -.persian { - font-family: "MTNIrancell-Regular" !important; - font-size: 20px !important; + +.white-btn { + font-size: 14px; + padding: 20px 10px; + background-color: #fff; + color: #0164FF; + border-radius: 50px; + margin: 0 10px; + font-weight: 500; } + +.main-section { + position: relative; +} +.main-section .effect-one { + height: 384px; + width: 384px; + position: absolute; + left: 0; + top: 100px; + z-index: -1; +} + +.container { + max-width: 1080px; + margin-right: auto; + margin-left: auto; +} + +.header { + height: 76px; + display: flex; + align-items: center; + justify-content: space-between; +} +.header .header-side { + display: flex; + align-items: center; + justify-content: center; +} + +.slider { + padding-top: 15px; +} +.slider .slider-inner { + display: flex; + justify-content: space-between; +} +.slider .s-left { + width: 50%; + padding-top: 50px; +} +.slider .s-left h1 { + font-family: "Roboto-Bold"; + font-size: 89px; + font-weight: 900; + background-image: radial-gradient(52.27% 52.27% at 50% 50%, #0164FF 0%, #2EEAE1 100%); + -webkit-background-clip: text; + background-clip: text; + color: transparent; +} +.slider .s-left h3 { + font-family: "Roboto-Bold"; + font-weight: 900; + font-size: 48px; + color: #0164FF; + margin-top: 40px; + margin-bottom: 40px; +} +.slider .s-left strong { + font-family: "Roboto-Bold"; + font-weight: 900; + font-size: 32px; + color: #222222; +} +.slider .s-left p { + font-size: 16px; + font-weight: 400; + color: #777; + margin-top: 20px; +} +.slider .s-right { + width: 50%; +} +.slider .s-right .s-right-inner { + position: relative; +} +.slider .s-right .s-right-inner img { + position: absolute; + top: 0; + right: -25%; +} + +.our-sec { + padding-top: 120px; + padding-bottom: 130px; +} +.our-sec .our-sec-inner { + display: flex; + align-items: center; + justify-content: space-between; +} +.our-sec .our-sec-inner .os-item { + width: 30%; + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; +} +.our-sec .our-sec-inner .os-item h1 { + font-family: "Roboto-Bold"; + font-size: 89px; + font-weight: 900; + background-image: radial-gradient(52.27% 52.27% at 50% 50%, #0164FF 0%, #2EEAE1 100%); + -webkit-background-clip: text; + background-clip: text; + color: transparent; + margin-bottom: 20px; +} +.our-sec .our-sec-inner .os-item span { + font-size: 20px; + color: #000; + font-weight: 600; +} +.our-sec .our-sec-inner .os-item p { + margin-top: 20px; + font-size: 16px; + color: #777777; + text-align: center; +} + +.footer { + position: relative; +} +.footer .effect-2 { + position: absolute; + right: 0; + bottom: 0; + z-index: -1; +} +.footer .footter-inner { + display: flex; + align-items: center; + justify-content: space-between; + flex-direction: column; + padding-top: 30px; + padding-bottom: 50px; + border-top: 1px solid #e7e7e7; +} +.footer .footter-inner .f-top { + padding-bottom: 40px; +} +.footer .footter-inner .f-top img { + width: 177px; +} +.footer .footter-inner .f-midd { + width: 100%; + display: flex; + align-items: center; + justify-content: space-between; + padding-bottom: 40px; +} +.footer .footter-inner .f-midd .footer-item { + width: 32%; + display: flex; + align-items: center; + justify-content: center; +} +.footer .footter-inner .f-midd .footer-item span { + display: flex; + align-items: center; + justify-content: center; +} +.footer .footter-inner .f-midd .footer-item span img { + margin-right: 20px; +} +.footer .footter-inner .f-bott p { + font-size: 12px; + color: #9E9E9E; + text-align: center; + padding-bottom: 15px; +} + +/*# sourceMappingURL=style.css.map */ diff --git a/assets/css/style.css.map b/assets/css/style.css.map index d30d4d5..55ebd58 100644 --- a/assets/css/style.css.map +++ b/assets/css/style.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["../scss/style.scss"],"names":[],"mappings":"AAAA;EACI","file":"style.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["../scss/style.scss"],"names":[],"mappings":"AAAA;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;AAAA;AAAA;EAGE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAWE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAaF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAQF;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;;AAIJ;EACE;EACA;EACA;;;AAIF;EACE;EACA;EACA;EACA;;AAIA;EACE;EACA;EACA;;;AAKJ;EACE;;AAEA;EACE;EAEA;;AAGF;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAIJ;EACE;;AAEA;EACE;;AAEA;EACE;EACA;EACA;;;AAcR;EACE;EACA;;AAEA;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;;AAOR;EACE;;AAGA;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACE;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAEA;EACE;;AAYN;EACE;EACA;EACA;EACA","file":"style.css"} \ No newline at end of file diff --git a/assets/font/Roboto-ExtraBold.ttf b/assets/font/Roboto-ExtraBold.ttf new file mode 100644 index 0000000..7092a88 Binary files /dev/null and b/assets/font/Roboto-ExtraBold.ttf differ diff --git a/assets/font/Roboto-Regular.ttf b/assets/font/Roboto-Regular.ttf new file mode 100644 index 0000000..7e3bb2f Binary files /dev/null and b/assets/font/Roboto-Regular.ttf differ diff --git a/assets/image/Location.svg b/assets/image/Location.svg new file mode 100644 index 0000000..8f3a70a --- /dev/null +++ b/assets/image/Location.svg @@ -0,0 +1,4 @@ + + + + diff --git a/assets/image/Message.svg b/assets/image/Message.svg new file mode 100644 index 0000000..ef2ee65 --- /dev/null +++ b/assets/image/Message.svg @@ -0,0 +1,4 @@ + + + + diff --git a/assets/image/Phone.png b/assets/image/Phone.png new file mode 100644 index 0000000..435af3b Binary files /dev/null and b/assets/image/Phone.png differ diff --git a/assets/image/effect-1.svg b/assets/image/effect-1.svg new file mode 100644 index 0000000..26f5141 --- /dev/null +++ b/assets/image/effect-1.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/assets/image/effect-2.svg b/assets/image/effect-2.svg new file mode 100644 index 0000000..fc48712 --- /dev/null +++ b/assets/image/effect-2.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/assets/image/logo.png b/assets/image/logo.png new file mode 100644 index 0000000..25cb6c9 Binary files /dev/null and b/assets/image/logo.png differ diff --git a/assets/image/mobile.png b/assets/image/mobile.png new file mode 100644 index 0000000..e78f267 Binary files /dev/null and b/assets/image/mobile.png differ diff --git a/assets/scss/style.scss b/assets/scss/style.scss index a5ba293..a55d68e 100644 --- a/assets/scss/style.scss +++ b/assets/scss/style.scss @@ -7,13 +7,26 @@ font-family: 'Lato-Regular'; src: url('../font/Lato-Regular.ttf') format("truetype"); } + +@font-face { + font-family: 'Roboto'; + src: url('../font/Roboto-Regular.ttf') format("truetype"); +} + +@font-face { + font-family: 'Roboto-Bold'; + src: url('../font/Roboto-ExtraBold.ttf') format("truetype"); +} + + html body { position: relative; min-height: 100%; - font-family: "Lato-Regular"; + font-family: "Roboto"; font-size: 16px; color: #505050; margin: 0; + direction: ltr; } html:focus, @@ -21,41 +34,322 @@ body:focus, *:focus { outline: unset; } + * { box-sizing: border-box; } + +a { + text-decoration: none; +} + ul { padding: 0; margin: 0; } + li { list-style: none; } -ul , li , h1 , h2 , h3 , h4 , h5 , h6 , p ,strong , span{ - margin: 0; - padding: 0; + +ul, +li, +h1, +h2, +h3, +h4, +h5, +h6, +p, +strong, +span { + margin: 0; + padding: 0; } + html body button { cursor: pointer; } + html body a { color: #505050; } + html body a:hover { text-decoration: none; color: #505050; } + ::-webkit-scrollbar { width: 7.5px; } + ::-webkit-scrollbar-track { box-shadow: inset 0 0 5px grey; border-radius: 15px; } + ::-webkit-scrollbar-thumb { background: #a0a0a0; border-radius: 15px; } + ::-webkit-scrollbar-thumb:hover { background: #a0a0a0; } + + + + + + + + + +// ===================================== + +.blue-btn { + font-size: 14px; + padding: 20px 49px; + background-color: #0164FF; + color: #fff; + border-radius: 50px; + margin: 0 10px; + font-weight: 500; +} + +.white-btn { + font-size: 14px; + padding: 20px 10px; + background-color: #fff; + color: #0164FF; + border-radius: 50px; + margin: 0 10px; + font-weight: 500; +} + + + +// ===================================== + + +.main-section { + position: relative; + + .effect-one { + height: 384px; + width: 384px; + position: absolute; + left: 0; + top: 100px; + z-index: -1; + } +} + +.container { + max-width: 1080px; + margin-right: auto; + margin-left: auto; +} + + +.header { + height: 76px; + display: flex; + align-items: center; + justify-content: space-between; + + .header-logo {} + + .header-side { + display: flex; + align-items: center; + justify-content: center; + } +} + + +.slider { + padding-top: 15px; + + .slider-inner { + display: flex; + // align-items: center; + justify-content: space-between; + } + + .s-left { + width: 50%; + padding-top: 50px; + + h1 { + font-family: 'Roboto-Bold'; + font-size: 89px; + font-weight: 900; + background-image: radial-gradient(52.27% 52.27% at 50% 50%, #0164FF 0%, #2EEAE1 100%); + -webkit-background-clip: text; + background-clip: text; + color: transparent; + // margin-bottom: 50px; + } + + h3 { + font-family: 'Roboto-Bold'; + font-weight: 900; + font-size: 48px; + color: #0164FF; + margin-top: 40px; + margin-bottom: 40px; + } + + strong { + font-family: 'Roboto-Bold'; + font-weight: 900; + font-size: 32px; + color: #222222; + } + + p { + font-size: 16px; + font-weight: 400; + color: #777; + margin-top: 20px; + } + } + + .s-right { + width: 50%; + + .s-right-inner { + position: relative; + + img { + position: absolute; + top: 0; + right: -25%; + } + } + + + + + } +} + + + + + +.our-sec { + padding-top: 120px; + padding-bottom: 130px; + + .our-sec-inner { + display: flex; + align-items: center; + justify-content: space-between; + + .os-item { + width: 30%; + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; + + h1 { + font-family: 'Roboto-Bold'; + font-size: 89px; + font-weight: 900; + background-image: radial-gradient(52.27% 52.27% at 50% 50%, #0164FF 0%, #2EEAE1 100%); + -webkit-background-clip: text; + background-clip: text; + color: transparent; + margin-bottom: 20px; + } + + span { + font-size: 20px; + color: #000; + font-weight: 600; + } + + p { + margin-top: 20px; + font-size: 16px; + color: #777777; + text-align: center; + } + } + } +} + + +.footer { + position: relative; + + + .effect-2 { + position: absolute; + right: 0; + bottom: 0; + z-index: -1; + } + + .footter-inner { + display: flex; + align-items: center; + justify-content: space-between; + flex-direction: column; + padding-top: 30px; + padding-bottom: 50px; + border-top: 1px solid #e7e7e7; + + + .f-top { + padding-bottom: 40px; + + img { + width: 177px; + } + } + + .f-midd { + width: 100%; + display: flex; + align-items: center; + justify-content: space-between; + padding-bottom: 40px; + + .footer-item { + width: 32%; + display: flex; + align-items: center; + justify-content: center; + + span { + display: flex; + align-items: center; + justify-content: center; + + img { + margin-right: 20px; + } + } + } + + + + + + } + + .f-bott { + p { + font-size: 12px; + color: #9E9E9E; + text-align: center; + padding-bottom: 15px; + } + } + } +} \ No newline at end of file diff --git a/css/style.css b/css/style.css deleted file mode 100644 index 4a0c689..0000000 --- a/css/style.css +++ /dev/null @@ -1,73 +0,0 @@ -@font-face { - font-family: "IRAN SANS"; - src: url("../font/IRAN SANS.TTF") format("truetype"); -} -@font-face { - font-family: "Lato-Regular"; - src: url("../font/Lato-Regular.ttf") format("truetype"); -} -html body { - position: relative; - min-height: 100%; - font-family: "Lato-Regular"; - font-size: 16px; - color: #505050; - margin: 0; -} - -html:focus, -body:focus, -*:focus { - outline: unset; -} - -* { - box-sizing: border-box; -} - -ul { - padding: 0; - margin: 0; -} - -li { - list-style: none; -} - -ul, li, h1, h2, h3, h4, h5, h6, p, strong, span { - margin: 0; - padding: 0; -} - -html body button { - cursor: pointer; -} - -html body a { - color: #505050; -} - -html body a:hover { - text-decoration: none; - color: #505050; -} - -::-webkit-scrollbar { - width: 7.5px; -} - -::-webkit-scrollbar-track { - box-shadow: inset 0 0 5px grey; - border-radius: 15px; -} - -::-webkit-scrollbar-thumb { - background: #a0a0a0; - border-radius: 15px; -} - -::-webkit-scrollbar-thumb:hover { - background: #a0a0a0; -} - -/*# sourceMappingURL=style.css.map */ diff --git a/css/style.css.map b/css/style.css.map deleted file mode 100644 index e46bd69..0000000 --- a/css/style.css.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"sourceRoot":"","sources":["../assets/scss/style.scss"],"names":[],"mappings":"AAAA;EACE;EACA;;AAGF;EACE;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;AAAA;AAAA;EAGE;;;AAEF;EACE;;;AAEF;EACE;EACA;;;AAEF;EACE;;;AAEF;EACI;EACA;;;AAEJ;EACE;;;AAEF;EACE;;;AAEF;EACE;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE","file":"style.css"} \ No newline at end of file diff --git a/index.html b/index.html index ac5cf34..3e78f1b 100644 --- a/index.html +++ b/index.html @@ -1,49 +1,141 @@ + - Irancell + tm landing - -
-
-
-
    -
  • - - -
    • + +
    +
    + +
    -
  • - - -
    • -
  • - - -
    • -
+
-
-
+
+ -
- -
-
- -
- محصولات ایرانسل - جستجو در گوگل +
+ +
+ eng
+ +
+
+
+

AI-Powered

+

Tender
Management

+ Win more tenders, automatically! +

Our platform finds tenders tailored to your business,
automates document handling, and + sends + real-time alerts. Win
more opportunities with less effort and zero manual search.

+
+
+
+ + +
+
+
+
+ +
+
+
+

200

+ User +

+ Lacking the time, dedicated staff, and + expertise to constantly monitor the market + and prepare high-quality bids. +

+
+ +
+

520

+ Contract +

+ Lacking the time, dedicated staff, and + expertise to constantly monitor the market + and prepare high-quality bids. +

+
+ +
+

1500

+ tenders +

+ Lacking the time, dedicated staff, and + expertise to constantly monitor the market + and prepare high-quality bids. +

+
+
+ +
+ + +
+
+ + +
+
+ +
+ + +
+
+ +
+ + + USA , California + +
+ +
+ + + USA , California + +
+ +
+ + + USA , California + +
+
+
+

© 2025 Opplens.com by PBL Partners AB. All Rights Reserved.

+

Democratizing Tender Access for SMEs.

+
+ + +
+
+
+
+ + + \ No newline at end of file