GRIN for Creators - Coming Soon

<!DOCTYPE html> <html lang="en-US" prefix="og: https://ogp.me/ns#"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width" /> <title>GRIN for Creators - Coming Soon</title> </head> <style> @font-face {font-family:'roobert';font-display:swap;font-style:normal;font-weight:300;src:url(/wp-content/uploads/cwicly/local-fonts/custom/roobert/Roobert-Light%20%283%29.woff2) format('woff2')}@font-face {font-family:'roobert';font-display:swap;font-style:normal;font-weight:400;src:url(/wp-content/uploads/cwicly/local-fonts/custom/roobert/Roobert-Regular.woff2) format('woff2')}@font-face {font-family:'roobert';font-display:swap;font-style:normal;font-weight:500;src:url(/wp-content/uploads/cwicly/local-fonts/custom/roobert/Roobert-Medium.woff2) format('woff2')}@font-face {font-family:'roobert';font-display:swap;font-style:normal;font-weight:600;src:url(/wp-content/uploads/cwicly/local-fonts/custom/roobert/Roobert-SemiBold.woff2) format('woff2')}@font-face {font-family:'roobert';font-display:swap;font-style:normal;font-weight:700;src:url(/wp-content/uploads/cwicly/local-fonts/custom/roobert/Roobert-Bold.woff2) format('woff2')}@font-face {font-family:'roobert';font-display:swap;font-style:normal;font-weight:900;src:url(/wp-content/uploads/cwicly/local-fonts/custom/roobert/Roobert-Heavy.woff2) format('woff2')} body{ background: #696eff; margin: 0; color: white; font-family: 'roobert'; } .creators-logo{ width: 100%; padding: 0 20px; max-width: 250px; } #maintenance-mode{ display: flex; flex-direction: column; width: 100%; min-height: 100vh; padding:30px 0; justify-content: center; align-items: center; } h1{ color: white; padding: 0 20px; text-align:center; font-size: 50px; } p{ text-align: center; font-weight: 300; padding: 0 20px; line-height: 1.2; margin:0; } form{ display: flex; flex-direction: column; width: 80vw; max-width: 300px; align-items: center; } form input[type='password']{ border: 0; padding: 10px 8px; margin-bottom: 10px; width: 100%; } form input[type='submit']{ width: 80px; border: 0; border-radius: 8px; color: #696eff; padding: 8px; background: white; } /*--Progression bar animation---*/ .progress { background-color: #d8d8d8; border-radius: 20px; position: relative; margin: 15px 0; height: 30px; width: 300px; } .progress-done { background: linear-gradient(to left, #F2709C, #FF9472); box-shadow: 0 3px 3px -5px #F2709C, 0 2px 5px #F2709C; border-radius: 20px; color: #fff; display: flex; align-items: center; justify-content: center; height: 100%; width: 0; opacity: 0; transition: 1s ease 0.3s; } .mktoForm{ max-width: 550px; margin-bottom: 15px; margin-top: 12px; } form.mktoForm .mktoButtonRow .mktoButtonWrap button.mktoButton{ background: #ff9472 !important; } form.mktoForm .mktoButtonRow .mktoButtonWrap button.mktoButton:hover{ background: #F2709C !important; } .mktoForm.waitlist-form .mktoButtonRow .mktoButtonWrap button.mktoButton{ transform: translateY(-4.5px) !important; padding: 14.5px !important; } .form-details{ display: flex; align-items: center; justify-content: center; flex-direction: column; max-width: 550px; } .form-details h2, .form-details p{ margin: 8px 0; } .mktoForm.waitlist-form .mktoError .mktoErrorMsg{ position: absolute; display: flex; } .mktoForm .mktoFormRow.Compliance_Explicit_Opt_In__c_Row .mktoCheckboxList{ margin-top: 10px; } form.mktoForm.waitlist-form .mktoFormRow .mktoFormCol .mktoFieldWrap input{ background-color: white !important; color: black !important; outline: none; } form.mktoForm.waitlist-form .mktoFormRow .mktoFormCol .mktoFieldWrap input:-webkit-autofill, form.mktoForm.waitlist-form .mktoFormRow .mktoFormCol .mktoFieldWrap input:-webkit-autofill:focus { background-color: white !important; color: black !important; } .mktoForm.waitlist-form .mktoFormRow.Compliance_Explicit_Opt_In__c_Row .mktoFormCol .mktoFieldWrap label{ color: white; } .mktoForm.waitlist-form .mktoFormRow.floatingLabelRow .mktoFormCol .mktoFieldWrap .floatingLabel{ color: #999; } .mktoForm .mktoLogicalField.mktoCheckboxList label::before{ border: 0 !important; } .mktoForm .mktoFormRow.Compliance_Explicit_Opt_In__c_Row .mktoFormCol .mktoFieldWrap label a{ color: #ff9472 !important; } </style> <link rel="stylesheet" href="/wp-content/themes/cwicly-child/style.css"></link> <script> window.onload = function() { const progress = document.querySelector('.progress-done'); const progressValue = progress.getAttribute('data-done'); progress.style.width = progressValue + '%'; progress.style.opacity = 1; }; </script>  <script src="/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script> <script src="/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" id="jquery-migrate-js"></script> <script type="text/javascript" src="/wp-content/themes/cwicly-child/js/mkto-form-script.js"></script> <script type="text/javascript" src="https://info.grin.co/js/forms2/js/forms2.min.js"></script> <script type="text/javascript"> (function() { var didInit = false; function initMunchkin() { if(didInit === false) { didInit = true; Munchkin.init('530-UCK-324'); } } var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = 'https://munchkin.marketo.net/munchkin.js'; s.onreadystatechange = function() { if (this.readyState == 'complete' || this.readyState == 'loaded') { initMunchkin(); } }; s.onload = initMunchkin; document.getElementsByTagName('head')[0].appendChild(s); })(); </script>  <body> <div id="maintenance-mode"> <img class="creators-logo" src="/wp-content/uploads/2024/01/G4CLogo.webp"/> <h1>GRIN for Creators is coming soon!</h1> <div class="form-details"> <p style="margin-bottom:15px;">This is your ticket to endless brand partnerships. Join now and be the first to harness the tools to help you grow. We're cooking up something amazing! In the meantime, enjoy these resources to help you <span style="color:#E6F796;">grow</span>. </div> <form autocomplete="off" class="mktoForm waitlist-form" data-formid="1663" data-thankyou="thank-you"></form>  <div class="blog-posts-container" style="font-family: 'roobert'; display: flex; flex-wrap: wrap; gap: 20px; justify-content: center; max-width: 1080px;">  <div class="blog-post-card" style="flex: 1; min-width: 300px; max-width: 32%; background: #afb2ff; color: black; padding: 20px; border-radius: 8px; gap: 13px; display:flex; flex-direction: column; align-items: flex-start;"> <a href="https://grin.co/blog/ways-influencers-make-money/" target="_blank"> <img src="https://grin.co/wp-content/uploads/2024/03/IM_9_Ways_Influencers_Make_Money_2023-Q4-12_Featured1.webp" alt="Cover Image" style="width: 100%; height: auto; border-radius: 8px;"> </a> <h3>9 Ways Influencers Make Money and Diversify Their Revenue Streams</h3> <a href="https://grin.co/blog/ways-influencers-make-money/" target="_blank" style="display: inline-block; background: #696eff; color: white; padding: 10px 15px; text-decoration: none; border-radius: 8px;">Read More</a> </div>  <div class="blog-post-card" style="flex: 1; min-width: 300px; max-width: 32%; background: #afb2ff; color: black; padding: 20px; border-radius: 8px; gap: 13px; display:flex; flex-direction: column; align-items: flex-start;"> <a href="https://grin.co/blog/how-to-reach-out-to-brands-as-an-influencer/" target="_blank"> <img src="https://grin.co/wp-content/uploads/2024/03/IM_G4C_How_to_Reach_Out_to_Brands_2024-Q1-01_featured1.webp" alt="Cover Image" style="width: 100%; height: auto; border-radius: 8px;"> </a> <h3>How to Reach Out to Brands as an Influencer [+ Media Kit and Email Templates]</h3> <a href="https://grin.co/blog/how-to-reach-out-to-brands-as-an-influencer/" target="_blank" style="display: inline-block; background: #696eff; color: white; padding: 10px 15px; text-decoration: none; border-radius: 8px;">Read More</a> </div>  <div class="blog-post-card" style="flex: 1; min-width: 300px; max-width: 32%; background: #afb2ff; color: black; padding: 20px; border-radius: 8px; gap: 13px; display:flex; flex-direction: column; align-items: flex-start;"> <a href="https://grin.co/blog/how-to-design-influencer-websites/" target="_blank"> <img src="https://grin.co/wp-content/uploads/2024/03/IM_The_Impact_of_Influencer_Marketing_on_Web_Design_Trends_2023-Q3-06_Featured1.webp" alt="Cover Image" style="width: 100%; height: auto; border-radius: 8px;"> </a> <h3>How to Design Influencer Websites (+ Examples)</h3> <a href="https://grin.co/blog/how-to-design-influencer-websites/" target="_blank" style="display: inline-block; background: #696eff; color: white; padding: 10px 15px; text-decoration: none; border-radius: 8px;">Read More</a> </div> </div>  </div> </body> </html>

CINXE.COM

GRIN for Creators - Coming Soon