diff --git a/static_langing_page/index.html b/static_langing_page/index.html index f95e92e..6fb7592 100644 --- a/static_langing_page/index.html +++ b/static_langing_page/index.html @@ -104,54 +104,27 @@
- -

For organizations

-

Find talented developers fast

-

- Post bounties, build your team and move your project forward today. -

+ +

For organizations

+

Find talented developers fast

+

+ Post bounties, build your team and move your project forward today. +

+ +
- - - - - -
- +
diff --git a/static_langing_page/src/scss/actions.scss b/static_langing_page/src/scss/actions.scss index bb61d62..f7b3a34 100644 --- a/static_langing_page/src/scss/actions.scss +++ b/static_langing_page/src/scss/actions.scss @@ -57,9 +57,8 @@ color: #ffffff; } -.action button { - width: 240px; - height: 45px; +.action button, +.hs_submit .hs-button { object-fit: contain; border-radius: 8px; background-color: #1e3751; @@ -69,13 +68,15 @@ font-weight: 500; line-height: 1.15; letter-spacing: 1px; + padding: 16px 32px; text-align: center; text-transform: uppercase; color: #ffffff; transition: opacity .2s ease; } -.action button:hover { +.action button:hover, +.hs_submit .hs-button:hover { opacity: 0.5; cursor: pointer; } @@ -97,4 +98,4 @@ .logo-organisations { padding-top: 35px; } -} \ No newline at end of file +} diff --git a/static_langing_page/src/scss/email-form.scss b/static_langing_page/src/scss/email-form.scss index 0e00757..45cdd0f 100644 --- a/static_langing_page/src/scss/email-form.scss +++ b/static_langing_page/src/scss/email-form.scss @@ -1,6 +1,5 @@ .email-form { display: flex; - width: 460px; position: relative; } @@ -78,25 +77,23 @@ .email-form__inner { display: flex; - width: 460px; position: relative; } -.email-form__input { - height: 45px; - line-height: 45px; +.email-form .hs_email.hs-form-field label { + display: none; } -.email-form__input--email { +.email-form__input--email, +.email-form .hs_email.hs-form-field input { text-align: left; - background-color: #F2F6F8; - color: #49555F; - width: 240px; - padding: 0 15px; + background-color: #4c81b6; + color: #b6cbe1; + padding: 16px 15px 15px 15px; margin: 0 0 0 0; font-family: 'PostGrotesk-Book', sans-serif; box-sizing: border-box; - border-radius: 8px 0 0 8px; + border-radius: 8px; transition: background-color .2s ease; font-weight: 400; @@ -121,14 +118,8 @@ input.email-form__input--email:disabled { } -.email-form__input--email::-webkit-input-placeholder { - color: #AEB5BA; -} - -.email-form__input--email::-moz-placeholder { - color: #AEB5BA; -} - +.email-form__input--email::-webkit-input-placeholder, +.email-form__input--email::-moz-placeholder, .email-form__input--email:-ms-input-placeholder { color: #AEB5BA; } @@ -137,11 +128,28 @@ input.email-form__input--email:disabled { color: rgba(255, 255, 255, .6); } +.email-form .hbspt-form { + width: 100%; + + & > .submitted-message { + color: #ffffff; + opacity: 0.6; + } + + & > form > div { + display: inline-block; + + & > div { + margin: 0; + } + } +} + .email-form input[type="submit"] { - width: 220px; flex-shrink: 0; flex-grow: 0; - border-radius: 0 8px 8px 0; + margin-left: 1em; + border-radius: 8px; } .email-form input[type="submit"]:hover { @@ -170,17 +178,6 @@ input.email-form__input--email:disabled { flex-direction: column; } - .email-form__input--email { - width: 240px; - border-radius: 8px; - margin: 0 0 16px 0; - } - - .email-form input[type="submit"] { - width: 240px; - border-radius: 8px; - } - .email-form__responces { width: 240px; text-align: center;