Skip to content

Commit

Permalink
chore: sign-up-form
Browse files Browse the repository at this point in the history
  • Loading branch information
@ericvilla
ericvilla committed Dec 1, 2023
1 parent 605136f commit 6d504c2
Show file tree
Hide file tree
Showing 6 changed files with 208 additions and 3 deletions.
18 changes: 18 additions & 0 deletions _includes/hero-team.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9,6 +9,23 @@ <h1 class="hero-title">{{page.hero_title_1}}&nbsp;<span class="typed-text" data-
{% endif %}
</div>
{% if page.hero_image != null %}
<div class="sign-up-form">
<img src="../assets/img/leapp-logo.png" alt="leapp-logo">
<div class="inner-content-container">
<span class="title">Create your free account</span>
<span class="field-name">Work email</span>
<span class="field-description">Using your email make easier to invite teammates</span>
<input class="form-control" placeholder="Company email" required>
<button type="submit" class="button primary" >
<span>Get started for FREE</span>
</button>
</div>
<span class="privacy-policy">By joining you agree to Leapp’s
<a href="https://d3o59asa8udcq9.cloudfront.net/docs/Terms_and_conditions_SAAS.pdf">Terms</a> and
<a href="https://d3o59asa8udcq9.cloudfront.net/docs/Privacy_Policy_Noovolari.pdf">Privacy Policy</a></span>
<span class="already-signed-up">Already have an account? <a href="/sign-in">Sign In</a></span>
</div>
<!--
<div class="col media-hero team-media-hero">
<i class="fa-solid fa-circle-play play-demo-icon"></i>
<img src="{{site.url}}{{site.baseurl}}/assets/img/{{page.hero_image}}" alt="{{page.hero_title}}" width="1" height="1" class="w-100 h-auto"/>
Expand All @@ -17,6 +34,7 @@ <h1 class="hero-title">{{page.hero_title_1}}&nbsp;<span class="typed-text" data-
<iframe src="https://www.loom.com/embed/acd7e4484a6f4af38f8e2865800b264a?sid=d23989d0-efb1-40cf-ab2c-cae32872c6e0" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen style="width: 100%; height: 100%; border: none; margin: 0; padding: 0; display: block"></iframe>
</div>
</div>
-->
{% endif %}

</div>
Expand Down
6 changes: 6 additions & 0 deletions _includes/team-hero-content.html
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,12 @@
<div class="team-hero-content-container">
<p>Reduce IAM risks by approaching a developer-centric solution.</p>
<p>From Developer’s Cloud security posture to company’s identity least priviledge</p>
</div>
<!--
<p>One single panel to orchestrate Developer Cloud access.</p>
<p>Get a complete landscape on all the Multi-Cloud access of your team.</p>
<div>
<a class="btn btn-outline-primary d-inline-block mt-2 open-modal">Request Closed Beta access</a>
<a class="btn btn-secondary d-inline-block mt-2 play-demo-button">See the Demo</a>
</div>
-->
13 changes: 12 additions & 1 deletion _layouts/team.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,18 @@
{% include tagmanagerscript.html %}
{% include navbar.html %}
{% include hero-team.html %}
{% include main-features-team.html %}
{% if page.hero_image != null %}
<div class="col media-hero team-media-hero">
<span>See how to go from zero to Cloud in 3 minutes</span>
<i class="fa-solid fa-arrow-turn-right"></i>
<i class="fa-solid fa-circle-play hero-team-play-demo-icon"></i>
<img class="demo-video-image" src="{{site.url}}{{site.baseurl}}/assets/img/{{page.hero_image}}" alt="{{page.hero_title}}"/>
<div class="demo-video-modal">
<i class="fa-solid fa-x close-icon-2"></i>
<iframe src="https://www.loom.com/embed/acd7e4484a6f4af38f8e2865800b264a?sid=d23989d0-efb1-40cf-ab2c-cae32872c6e0" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen style="width: 100%; height: 100%; border: none; margin: 0; padding: 0; display: block"></iframe>
</div>
</div>
{% endif %}
{% include steps-team.html %}
{% include opensource-team.html %}
{% include footer.html %}
Expand Down
2 changes: 0 additions & 2 deletions assets/css/partials/hero-unit.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -45,7 +45,6 @@
justify-content: space-between;
align-items: center;
align-content: center;

}

&.centered {
Expand Down Expand Up @@ -356,4 +355,3 @@
}
}
}

172 changes: 172 additions & 0 deletions assets/css/partials/team.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -39,6 +39,178 @@ span.cursor.hidden {
}
}

.team-media-hero {
display: flex;
flex-direction: column;
align-items: center;
padding: 50px 0;
span {
color: #000;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: normal;
}
.demo-video-image {
width: 50%;
padding-top: 10px;
}
.hero-team-play-demo-icon {
position: absolute;
font-size: 1000%;
color: rgba(82, 72, 141, 0.76);
top: 45%;
left: 50%;
margin-left: -80px;
cursor:pointer;
}
.fa-arrow-turn-right {
width: 15.999px;
height: 13.002px;
position: relative;
left: 200px;
top: 5px;
transform: rotate(135deg);
flex-shrink: 0;
color: #C925D1;
}
}

.team-hero-content {
.team-hero-content-container {
padding-right: 170px;
}
}

.hero-unit-container {
display: flex;
flex-direction: row;
}

.sign-up-form {
position: relative;
width: 100%;
max-width: 651px;
height: 602px;
border-radius: 15px;
background: #FFF;
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
display: flex;
flex-direction: column;
align-items: center;

img {
width: 215px;
align-self: center;
margin-top: 20px;
margin-bottom: 20px;
}

.inner-content-container {
max-width: 260px;

.title {
color: #000;
font-size: 28px;
font-style: normal;
font-weight: 700;
line-height: 38px;
margin-bottom: 25px;
display: inline-block;
}

.field-name {
color: #1D1B25;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: normal;
margin-bottom: 4px;
display: inline-block;
}

.field-description {
color: #717171;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 20px;
margin-bottom: 30px;
display: inline-block;
}

.form-control {
width: 100%;
box-sizing: border-box;
height: 48px;
border-radius: 5px;
border: 1px solid var(--Grey-text, #717171);
background: #FFF;
padding: 0 14px;
margin: 0;
font: 400 14px/1.5 "Montserrat", sans-serif, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

button {
border-radius: 5px;
border: 1px solid var(--Grey-text, #717171);
background: #DE5349;
width: 100%;
height: 50px;
margin-top: 10px;
margin-bottom: 30px;
color: #FFF;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: normal;

i.fa-spinner {
margin-left: 10px
}
}
}

.privacy-policy {
margin: 0 -80px;
color: #717171;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 20px;
align-self: center;

a {
color: #717171;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 20px;
text-decoration-line: underline !important;
}
}

.already-signed-up {
position: absolute;
bottom: 20px;
color: #717171;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 20px;
align-self: center;

a {
text-decoration-line: underline !important;
color: #584293;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 20px;
}
}
}

@media screen and (min-width: 1281px) {
.team-hero-content { width: 100%!important; }
.team-media-hero { width: 100%!important; }
Expand Down
Binary file added assets/img/leapp-logo.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

0 comments on commit 6d504c2

Please sign in to comment.