Skip to content

Commit

Permalink
testing again (#3)
Browse files Browse the repository at this point in the history
  • Loading branch information
@matthewpage-commcube
matthewpage-commcube authored Jan 16, 2024
1 parent 9dab22d commit afc062b
Show file tree
Hide file tree
Showing 6 changed files with 295 additions and 25 deletions.
254 changes: 254 additions & 0 deletions css/talent-matching-service.webflow.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2666,6 +2666,151 @@
position: relative;
}

.spark-simple-menu-button {
width: 60px;
height: 60px;
background-color: #fff;
padding: 0 0 0 18px;
overflow: hidden;
}

.spark-simple-menu-button.w--open {
background-color: #fff;
border-radius: 8px;
}

.spark-square-menu-with-links {
width: 100%;
background-color: #dcf1f3;
padding-left: 64px;
padding-right: 64px;
display: block;
position: -webkit-sticky;
position: sticky;
top: 0%;
bottom: auto;
left: 0%;
right: 0%;
box-shadow: 0 0 5px rgba(0, 0, 0, .05);
}

.spark-brand-logo {
z-index: 2;
padding-left: 0;
}

.spark-line-4 {
z-index: 1;
width: 35px;
height: 2px;
background-color: #000;
margin-left: auto;
margin-right: auto;
display: block;
position: absolute;
top: 20px;
left: 0;
right: 0;
}

.spark-line-4.spark-simple-line {
width: 24px;
height: 3.3px;
background-color: #2b64ec;
border-radius: 3px;
top: 28px;
}

.spark-square-menu-inner {
max-width: 1440px;
justify-content: space-between;
align-items: center;
margin-left: auto;
margin-right: auto;
padding-top: 16px;
padding-bottom: 16px;
display: flex;
}

.spark-line-5 {
z-index: 2;
width: 35px;
height: 2px;
background-color: #000;
margin-left: auto;
margin-right: auto;
display: block;
position: absolute;
top: 10px;
left: 0;
right: 0;
}

.spark-line-5.spark-simple-line {
width: 24px;
height: 3.3px;
background-color: #2b64ec;
border-radius: 3px;
top: 18px;
}

.spark-nav-link {
color: #000;
text-align: center;
border-radius: 8px;
margin-left: 8px;
padding: 16px 24px;
font-size: 1rem;
font-weight: 500;
line-height: 1;
text-decoration: none;
transition: background-color .15s, color .15s, opacity .15s;
}

.spark-nav-link:hover {
opacity: 1;
color: #2b64ec;
background-color: #fff;
}

.spark-nav-link.w--current {
color: #2b64ec;
}

.spark-nav-link.spark-button {
color: #002a90;
text-align: center;
background-color: #dfe8f7;
border-style: none;
border-radius: 999px;
margin-right: 0;
padding: 18px 32px;
font-size: 1rem;
line-height: 1em;
transition: background-color .15s, opacity .15s;
}

.spark-nav-link.spark-button:hover {
opacity: 1;
color: #fff;
background-color: #002a90;
}

.spark-nav-link.spark-button.w--current {
opacity: .5;
color: #fff;
}

.bold-text-15 {
font-size: 20px;
font-weight: 700;
}

.spark-nav-menu {
align-items: center;
display: flex;
}

@media screen and (min-width: 1440px) {
.cf-wrapper.cta-wrapper {
padding-bottom: 200px;
Expand Down Expand Up @@ -2937,6 +3082,61 @@
flex-direction: column;
align-items: flex-start;
}

.spark-simple-menu-button {
background-color: rgba(0, 0, 0, 0);
padding-left: 18px;
}

.spark-simple-menu-button.w--open {
background-color: rgba(0, 0, 0, 0);
}

.spark-square-menu-with-links {
padding-left: 32px;
padding-right: 32px;
}

.spark-line-4.spark-simple-line {
width: 24px;
height: 3.33px;
background-color: #2b64ec;
border-radius: 3px;
}

.spark-square-menu-inner {
height: 60px;
padding: 0;
}

.spark-line-5.spark-simple-line {
width: 24px;
height: 3.33px;
background-color: #2b64ec;
border-radius: 2px;
}

.spark-nav-link {
text-align: left;
margin-bottom: 1rem;
margin-left: 0;
}

.spark-nav-link.spark-button {
text-align: center;
margin-bottom: 0;
margin-left: 1rem;
margin-right: 1rem;
}

.spark-nav-menu {
z-index: 99;
background-color: #fff;
border-bottom-right-radius: 42px;
border-bottom-left-radius: 42px;
margin-top: 0;
padding: 2rem 1rem 1rem;
}
}

@media screen and (max-width: 767px) {
Expand Down Expand Up @@ -3462,6 +3662,26 @@
flex-direction: column;
align-items: flex-start;
}

.spark-square-menu-with-links {
padding-left: 20px;
padding-right: 20px;
}

.spark-square-menu-inner {
padding-left: 0;
padding-right: 0;
}

.spark-nav-link {
padding-left: 20px;
padding-right: 20px;
}

.spark-nav-menu {
max-height: 90vh;
overflow: scroll;
}
}

@media screen and (max-width: 479px) {
Expand Down Expand Up @@ -3633,6 +3853,40 @@
left: auto;
right: .75rem;
}

.spark-simple-menu-button {
padding-left: 0;
}

.spark-square-menu-with-links {
padding-right: 0;
}

.spark-square-menu-inner {
background-color: #fff;
padding-top: 0;
padding-bottom: 0;
}

.spark-nav-link {
margin-bottom: .5rem;
}

.spark-nav-link.spark-button {
min-width: 120px;
padding: 16px 20px;
}

.bold-text-15 {
font-size: 16px;
}

.spark-nav-menu {
max-height: 90vh;
border-bottom-right-radius: 12px;
border-bottom-left-radius: 12px;
padding: 1rem .5rem;
}
}

#w-node-d7bbba63-7484-251e-e61d-f14ffc1115c8-876231e2 {
Expand Down
3 changes: 3 additions & 0 deletions css/webflow.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -101,6 +101,9 @@ input.w-button {
html[data-w-dynpage] [data-w-cloak] {
color: transparent !important;
}
.w-code-block {
margin: unset;
}
.w-webflow-badge,
.w-webflow-badge * {
position: static;
Expand Down
4 changes: 2 additions & 2 deletions data-privacy.html
View file
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
<!DOCTYPE html><!-- This site was created in Webflow. https://www.webflow.com -->
<!-- Last Published: Mon Nov 27 2023 10:51:49 GMT+0000 (Coordinated Universal Time) -->
<!-- Last Published: Tue Jan 16 2024 11:36:54 GMT+0000 (Coordinated Universal Time) -->
<html data-wf-page="655f43e3f2827f544c2b14b3" data-wf-site="65571ef822925e21876231d2">
<head>
<meta charset="utf-8">
Expand Down Expand Up @@ -134,7 +134,7 @@ <h1>Data Privacy</h1>
</div>
<div class="fs-cc-prefs_buttons-wrapper">
<a fs-cc="submit" href="#" class="fs-cc-prefs_button w-button">Confirm my preferences and close</a>
</div><input type="submit" value="Submit" data-wait="Please wait..." class="fs-cc-prefs_submit-hide w-button">
</div><input type="submit" data-wait="Please wait..." class="fs-cc-prefs_submit-hide w-button" value="Submit">
<div class="w-embed">
<style>
/* smooth scrolling on iOS devices */
Expand Down
19 changes: 16 additions & 3 deletions index.html
View file
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
<!DOCTYPE html><!-- This site was created in Webflow. https://www.webflow.com -->
<!-- Last Published: Mon Nov 27 2023 10:51:49 GMT+0000 (Coordinated Universal Time) -->
<!-- Last Published: Tue Jan 16 2024 11:36:54 GMT+0000 (Coordinated Universal Time) -->
<html data-wf-page="65571ef822925e21876231e2" data-wf-site="65571ef822925e21876231d2">
<head>
<meta charset="utf-8">
Expand Down Expand Up @@ -28,9 +28,22 @@
<script async="" src="https://cdn.jsdelivr.net/npm/@finsweet/cookie-consent@1/fs-cc.js" fs-cc-mode="opt-in"></script>
</head>
<body>
<div data-collapse="none" data-animation="default" data-duration="400" data-w-id="d58609ae-6ca2-a8c8-008e-6266eaa9815c" data-easing="ease" data-easing2="ease" role="banner" class="spark-square-menu-with-links w-nav">
<div class="spark-square-menu-inner">
<a href="index.html" aria-current="page" class="w-inline-block w--current"><img src="images/TMS-Logo.png" loading="lazy" alt="" class="image"></a>
<a href="#" class="spark-brand-logo w-nav-brand"></a>
<nav role="navigation" class="spark-nav-menu w-nav-menu">
<a href="sign-up.html" id="btn-find-out" class="spark-nav-link spark-button w-nav-link"><strong class="bold-text-15">Get Started</strong><br></a>
</nav>
<div data-ix="simple-menu-button" class="spark-simple-menu-button w-nav-button">
<div class="spark-line-5 spark-simple-line"></div>
<div class="spark-line-4 spark-simple-line"></div>
<div class="spark-line-4 spark-simple-line"></div>
</div>
</div>
</div>
<header class="uui-section_heroheader03">
<div class="uui-page-padding">
<a href="index.html" aria-current="page" class="w-inline-block w--current"><img src="images/TMS-Logo.png" loading="lazy" alt="" class="image"></a>
<div class="uui-container-large">
<div class="uui-padding-vertical-xhuge">
<div class="w-layout-grid uui-heroheader03_component">
Expand Down Expand Up @@ -490,7 +503,7 @@ <h1 data-w-id="f6e940bb-c5e5-50bd-df1e-ae78fc8e0809" style="opacity:0" class="cf
</div>
<div class="fs-cc-prefs_buttons-wrapper">
<a fs-cc="submit" href="#" class="fs-cc-prefs_button w-button">Confirm my preferences and close</a>
</div><input type="submit" value="Submit" data-wait="Please wait..." class="fs-cc-prefs_submit-hide w-button">
</div><input type="submit" data-wait="Please wait..." class="fs-cc-prefs_submit-hide w-button" value="Submit">
<div class="w-embed">
<style>
/* smooth scrolling on iOS devices */
Expand Down
28 changes: 14 additions & 14 deletions js/webflow.js
View file

Large diffs are not rendered by default.

12 changes: 6 additions & 6 deletions sign-up.html
View file
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
<!DOCTYPE html><!-- This site was created in Webflow. https://www.webflow.com -->
<!-- Last Published: Mon Nov 27 2023 10:51:49 GMT+0000 (Coordinated Universal Time) -->
<!-- Last Published: Tue Jan 16 2024 11:36:54 GMT+0000 (Coordinated Universal Time) -->
<html data-wf-page="655b3392fcfcd23afce633e0" data-wf-site="65571ef822925e21876231d2">
<head>
<meta charset="utf-8">
Expand Down Expand Up @@ -48,7 +48,7 @@
<div class="uui-pricing04_content-top">
<div class="uui-text-align-center-2">
<h2 class="uui-heading-xxsmall-2">Starter plan</h2>
<div class="uui-pricing04_price">$20<span class="uui-pricing04_price-text">/month</span></div>
<div class="uui-pricing04_price">$5<span class="uui-pricing04_price-text">/month</span></div>
<div class="uui-text-size-medium">Billed Monthly.</div>
</div>
<div class="uui-pricing04_feature-list">
Expand All @@ -65,7 +65,7 @@ <h2 class="uui-heading-xxsmall-2">Starter plan</h2>
</defs>
</svg></div>
</div>
<div class="uui-text-size-medium">Limit of 1,000 CVs processable per month</div>
<div class="uui-text-size-medium">Limit of 10,000 CVs processable per month</div>
</div>
<div id="w-node-_8d070875-1361-04be-81ac-b4217d2f99e2-fce633e0" class="uui-pricing04_feature">
<div class="uui-pricing04_icon-wrapper">
Expand Down Expand Up @@ -102,7 +102,7 @@ <h2 class="uui-heading-xxsmall-2">Starter plan</h2>
<div class="uui-pricing04_content-top">
<div class="uui-text-align-center-2">
<h2 class="uui-heading-xxsmall-2">Pro plan</h2>
<div class="uui-pricing04_price">$50<span class="uui-pricing04_price-text">/month</span></div>
<div class="uui-pricing04_price">$20<span class="uui-pricing04_price-text">/month</span></div>
<div class="uui-text-size-medium">Billed Monthly.</div>
</div>
<div class="uui-pricing04_feature-list">
Expand All @@ -119,7 +119,7 @@ <h2 class="uui-heading-xxsmall-2">Pro plan</h2>
</defs>
</svg></div>
</div>
<div class="uui-text-size-medium">Limit of 10,000 CVs processable per month</div>
<div class="uui-text-size-medium">Limit of 100,000 CVs processable per month</div>
</div>
<div id="w-node-fc415835-12be-fc0d-b6af-926aedc31bae-fce633e0" class="uui-pricing04_feature">
<div class="uui-pricing04_icon-wrapper">
Expand Down Expand Up @@ -274,7 +274,7 @@ <h2 class="uui-heading-xxsmall-2">Pro plan</h2>
</div>
<div class="fs-cc-prefs_buttons-wrapper">
<a fs-cc="submit" href="#" class="fs-cc-prefs_button w-button">Confirm my preferences and close</a>
</div><input type="submit" value="Submit" data-wait="Please wait..." class="fs-cc-prefs_submit-hide w-button">
</div><input type="submit" data-wait="Please wait..." class="fs-cc-prefs_submit-hide w-button" value="Submit">
<div class="w-embed">
<style>
/* smooth scrolling on iOS devices */
Expand Down

0 comments on commit afc062b

Please sign in to comment.