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;