diff --git a/src/css/platform.css b/src/css/platform.css index 9ee3ae4..d443b5a 100644 --- a/src/css/platform.css +++ b/src/css/platform.css @@ -563,6 +563,11 @@ p { .section__move-faster p { max-width: 655px; } +@media screen and (max-width: 660px) { + .section__move-faster .section-heading p { + max-width: 320px; + } +} .section__features p { max-width: 490px; } @@ -916,3 +921,142 @@ p { margin-bottom: 16px; } } +.section__clients .section-heading p { + max-width: 655px; +} +.clients { + margin-top: 64px; + display: grid; + grid-template-columns: repeat(4, 1fr); + grid-gap: 16px; +} +.clients__item { + border: 1px solid #E7E7E7; + box-sizing: border-box; + border-radius: 20px; + display: flex; + align-items: center; + justify-content: center; + height: 156px; +} +.clients_stats_line { + position: relative; + text-align: center; +} +.clients_stats_line .line { + border: 2px solid rgba(42, 56, 96, 0.15); + border-top: none; + height: 37px; + width: 668px; + margin: 45px auto 86px; + border-bottom-right-radius: 10px; + border-bottom-left-radius: 10px; +} +.clients_stats_line .line_text { + position: absolute; + top: 20px; + left: calc(50% - 64px); +} +.clients_stats_line .line_text p { + font-weight: 600; + font-size: 24px; + line-height: 30px; + margin: 0 auto 10px; + width: 100px; + background-color: #ffffff; +} +.clients_stats_line .line_text span { + font-size: 16px; + line-height: 18px; + color: #505050; +} +.clients_stats { + display: grid; + grid-template-columns: repeat(3, 1fr); + grid-gap: 20px; +} +.clients_stats__item { + border: 1px solid #fff; + border-radius: 20px; + padding: 43px 32px; + background-color: #f5f5f7; +} +.clients_stats__item-content { + font-weight: 600; + font-size: 18px; + line-height: 18px; + color: #171717; +} +.clients_stats__item-value { + display: inline-block; + margin-bottom: 10px; + font-weight: bold; + font-size: 22px; + line-height: 40px; + color: #2C5EF6; +} +.clients_stats__item-value span{ + font-size: 32px; +} +@media screen and (max-width: 768px) { + .clients__item { + height: 105px; + } + .clients_stats__item-content { + font-size: 16px; + } + .clients__item:nth-child(1) img { + width: 102px; + height: auto; + } + .clients__item:nth-child(2) img { + width: 61px; + height: auto; + } + .clients__item:nth-child(3) img { + width: 109px; + height: auto; + } + .clients__item:nth-child(4) img { + width: 109px; + height: auto; + } + .clients_stats_line .line { + width: 100%; + } + .clients_stats__item { + padding: 29px 32px; + } +} +@media screen and (max-width: 660px) { + .clients { + margin-top: 40px; + grid-template-columns: repeat(2, 1fr); + grid-gap: 15px; + grid-row-gap: 14px; + } + .clients_stats_line .line { + margin: 40px auto 63px; + } + .clients_stats_line .line_text { + width: 168px; + background-color: #ffffff; + top: 5px; + left: calc(50% - 84px); + } + .clients_stats_line .line_text p { + margin-bottom: 8px; + } + .clients_stats { + grid-template-columns: 1fr; + grid-gap: 16px; + } + .clients_stats__item { + height: 128px; + } +} +@media screen and (max-width: 550px) { + .section__clients .section-heading p { + max-width: 320px; + } +} diff --git a/src/images/1xl-icon.png b/src/images/1xl-icon.png new file mode 100644 index 0000000..b433978 Binary files /dev/null and b/src/images/1xl-icon.png differ diff --git a/src/images/archant-icon.png b/src/images/archant-icon.png new file mode 100644 index 0000000..90b1074 Binary files /dev/null and b/src/images/archant-icon.png differ diff --git a/src/images/jpimedia-icon.png b/src/images/jpimedia-icon.png new file mode 100644 index 0000000..bb8763c Binary files /dev/null and b/src/images/jpimedia-icon.png differ diff --git a/src/images/newsquest-icon.png b/src/images/newsquest-icon.png new file mode 100644 index 0000000..e08be7a Binary files /dev/null and b/src/images/newsquest-icon.png differ diff --git a/src/platform.html b/src/platform.html index 40a0eb8..00e82a2 100644 --- a/src/platform.html +++ b/src/platform.html @@ -14,7 +14,7 @@ Made for publishers. + + + + Our clients. + + + Built for publishers who’d rather spend time creating content than managing ad-tech infrastructure. + + + + + + + + + + + + + + + + + + + + + + + + + + + + Stats + across our clients + + + + + + + + + 500+ + + total sites + + + + + 400 MM + + monthly pageviews + + + + + 30 MM + + monthly users + + + + + + @@ -802,6 +869,7 @@ Contact us onkeyup="fieldChanged(event, 'message')" required > +
+ Built for publishers who’d rather spend time creating content than managing ad-tech infrastructure. +
Stats