Updated website structure (#1)

updated pricing page - added more CTA
RingierIMU · Nov 27, 2023 · 9dab22d · 9dab22d
1 parent a1468f1
commit 9dab22d
Show file tree

Hide file tree

Showing 4 changed files with 55 additions and 7 deletions.
diff --git a/css/talent-matching-service.webflow.css b/css/talent-matching-service.webflow.css
@@ -31,6 +31,22 @@
   display: grid;
 }
 
+.w-embed-youtubevideo {
+  width: 100%;
+  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/youtube-placeholder.2b05e7d68d.svg');
+  background-position: 50%;
+  background-size: cover;
+  padding-bottom: 0;
+  padding-left: 0;
+  padding-right: 0;
+  position: relative;
+}
+
+.w-embed-youtubevideo:empty {
+  min-height: 75px;
+  padding-bottom: 56.25%;
+}
+
 .w-checkbox {
   margin-bottom: 5px;
   padding-left: 20px;
@@ -793,6 +809,10 @@
   left: -12rem;
 }
 
+.uui-heroheader03_arrow-image.hide-tablet {
+  position: relative;
+}
+
 .uui-heroheader03_image {
   width: 100%;
   height: 40rem;
@@ -943,6 +963,7 @@
 
 .uui-heroheader03_content {
   z-index: 1;
+  width: auto;
   flex-direction: column;
   justify-content: flex-start;
   align-items: flex-start;
@@ -1192,6 +1213,13 @@
   display: grid;
 }
 
+.uui-section_heroheader21 {
+  flex-direction: column;
+  justify-content: flex-end;
+  align-items: center;
+  display: flex;
+}
+
 .uui-testimonial13_client-heading {
   color: var(--untitled-ui-gray900);
   letter-spacing: normal;
@@ -2619,6 +2647,25 @@
   padding-right: 40px;
 }
 
+.youtube {
+  position: relative;
+}
+
+.div-block-2 {
+  width: 200px;
+  height: 50px;
+  grid-column-gap: 16px;
+  grid-row-gap: 16px;
+  object-fit: fill;
+  grid-template-rows: auto auto;
+  grid-template-columns: 1fr 1fr;
+  grid-auto-columns: 1fr;
+  justify-content: flex-start;
+  align-items: stretch;
+  display: inline-block;
+  position: relative;
+}
+
 @media screen and (min-width: 1440px) {
   .cf-wrapper.cta-wrapper {
     padding-bottom: 200px;

diff --git a/data-privacy.html b/data-privacy.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html><!--  This site was created in Webflow. https://www.webflow.com  -->
-<!--  Last Published: Fri Nov 24 2023 09:08:15 GMT+0000 (Coordinated Universal Time)  -->
+<!--  Last Published: Mon Nov 27 2023 10:51:49 GMT+0000 (Coordinated Universal Time)  -->
 <html data-wf-page="655f43e3f2827f544c2b14b3" data-wf-site="65571ef822925e21876231d2">
 <head>
   <meta charset="utf-8">

diff --git a/index.html b/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html><!--  This site was created in Webflow. https://www.webflow.com  -->
-<!--  Last Published: Fri Nov 24 2023 09:08:15 GMT+0000 (Coordinated Universal Time)  -->
+<!--  Last Published: Mon Nov 27 2023 10:51:49 GMT+0000 (Coordinated Universal Time)  -->
 <html data-wf-page="65571ef822925e21876231e2" data-wf-site="65571ef822925e21876231d2">
 <head>
   <meta charset="utf-8">
@@ -53,7 +53,9 @@ <h1 class="uui-heading-xlarge">Talent Matching Service</h1>
               </div>
             </div>
             <div class="uui-heroheader03_image-wrapper">
-              <header class="uui-section_heroheader21"><img src="images/shutterstock_2111879009.jpg" loading="lazy" sizes="(max-width: 479px) 100vw, (max-width: 991px) 94vw, (max-width: 1439px) 42vw, 568.8920288085938px" srcset="images/shutterstock_2111879009-p-500.jpg 500w, images/shutterstock_2111879009-p-800.jpg 800w, images/shutterstock_2111879009-p-1080.jpg 1080w, images/shutterstock_2111879009-p-1600.jpg 1600w, images/shutterstock_2111879009-p-2000.jpg 2000w, images/shutterstock_2111879009-p-2600.jpg 2600w, images/shutterstock_2111879009-p-3200.jpg 3200w, images/shutterstock_2111879009.jpg 5980w" alt="" class="uui-heroheader21_image"></header><img src="images/arrow-01.svg" loading="lazy" alt="Arrow" class="uui-heroheader03_arrow-image hide-tablet">
+              <header class="uui-section_heroheader21">
+                <div style="padding-top:56.17021276595745%" class="w-embed-youtubevideo youtube"><iframe src="https://www.youtube.com/embed/SShu6RDZKGo?rel=0&amp;controls=1&amp;autoplay=1&amp;mute=0&amp;start=0" frameborder="0" style="position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:auto" allow="autoplay; encrypted-media" allowfullscreen="" title="TMS Run Through"></iframe></div>
+              </header>
             </div>
           </div>
         </div>

diff --git a/sign-up.html b/sign-up.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html><!--  This site was created in Webflow. https://www.webflow.com  -->
-<!--  Last Published: Fri Nov 24 2023 09:08:15 GMT+0000 (Coordinated Universal Time)  -->
+<!--  Last Published: Mon Nov 27 2023 10:51:49 GMT+0000 (Coordinated Universal Time)  -->
 <html data-wf-page="655b3392fcfcd23afce633e0" data-wf-site="65571ef822925e21876231d2">
 <head>
   <meta charset="utf-8">
@@ -37,10 +37,9 @@
         <div class="uui-padding-vertical-xhuge-2">
           <div class="uui-text-align-center-2">
             <div class="uui-max-width-large-2 align-center">
-              <div class="uui-heading-subheading">Pricing</div>
-              <h2 class="uui-heading-medium-2">Simple, transparent pricing</h2>
               <div class="uui-space-xsmall-2"></div>
-              <div class="uui-text-size-large-2">We believe TMS should be accessible to all companies, no matter the size.</div>
+              <div class="cf-features-section-2-heading">We believe TMS should be accessible to all companies, no matter the size.</div>
+              <div class="uui-text-size-large">First time user? We&#x27;ll discount your first month of usage by 60%<br><br>Use Promo Code: <strong>unreal60</strong></div>
             </div>
           </div>
           <div class="w-layout-grid uui-pricing04_components">