https://webflow-cms-interactive-quiz.webflow.io/sign-up

1<!DOCTYPE html><!-- Last Published: Mon Nov 10 2025 09:54:38 GMT+0000 (Coordinated Universal Time) --><html data-wf-domain="webflow-cms-interactive-quiz.webflow.io" data-wf-page="69020d0bf0771e258f210bf2" data-wf-site="69020d0bf0771e258f210bf7" lang="en"><head><meta charset="utf-8"/><link href="https://cdn.prod.website-files.com" rel="preconnect" crossorigin="anonymous"/><title>Sign up</title><meta content="width=device-width, initial-scale=1" name="viewport"/><link href="https://cdn.prod.website-files.com/69020d0bf0771e258f210bf7/css/webflow-cms-interactive-quiz.shared.fe2c28e5f.css" rel="stylesheet" type="text/css"/><link href="https://fonts.googleapis.com" rel="preconnect"/><link href="https://fonts.gstatic.com" rel="preconnect" crossorigin="anonymous"/>

1<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script>

1<script type="text/javascript">WebFont.load({  google: {    families: ["DM Sans:100,200,300,regular,500,600,700,800,900","Plus Jakarta Sans:200,300,regular,500,600,700,800","Manrope:200,300,regular,500,600,700,800"]  }});</script>

1<script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>

1<link href="https://cdn.prod.website-files.com/66a0e364c9ecfecfb8386e5d/66a0e364c9ecfecfb8386ee9_fav-icon.png" rel="shortcut icon" type="image/x-icon"/><link href="https://cdn.prod.website-files.com/66a0e364c9ecfecfb8386e5d/66a0e364c9ecfecfb8386eea_web-clip.png" rel="apple-touch-icon"/><!-- Memberstack webflow package -->

2<script data-memberstack-app="app_cm7udc887013h0sqhgt8y2b2q" src="https://static.memberstack.com/scripts/v1/memberstack.js" type="text/javascript"></script>

2
3
4
5<!-- 💙 MEMBERSCRIPT #23 v0.1 💙 SKELETON SCREENS/CONTENT LOADERS -->

6<script>
7window.addEventListener("DOMContentLoaded", (event) => {
8  const skeletonElements = document.querySelectorAll('[ms-code-skeleton]');
9  
10  skeletonElements.forEach(element => {
11    // Create a skeleton div
12    const skeletonDiv = document.createElement('div');
13    skeletonDiv.classList.add('skeleton-loader');
14
15    // Add the skeleton div to the current element
16    element.style.position = 'relative';
17    element.appendChild(skeletonDiv);
18
19    // Get delay from the attribute
20    let delay = element.getAttribute('ms-code-skeleton');
21
22    // If attribute value is not a number, set default delay as 2000ms
23    if (isNaN(delay)) {
24      delay = 2000;
25    }
26
27    setTimeout(() => {
28      // Remove the skeleton loader div after delay
29      const skeletonDiv = element.querySelector('.skeleton-loader');
30      element.removeChild(skeletonDiv);
31    }, delay);
32  });
33});
34</script>

34
35<style>
36.skeleton-loader {
37  position: absolute;
38  top: 0;
39  bottom: 0;
40  left: 0;
41  right: 0;
42  border-radius: inherit; /* Inherit the border-radius of the parent element */
43  background: linear-gradient(to right, #f6f7f8 25%, #e0e0e0 50%, #f6f7f8 75%);
44  background-size: 200% 100%;  /* Increase the size of the background image */
45  z-index: 1; /* Make sure the skeleton loader is on top of the content */
46  animation: skeleton 1s infinite linear;
47}
48
49@keyframes skeleton {
50  0% { background-position: -100% 0; }
51  100% { background-position: 100% 0; }
52}
53
54[ms-code-skeleton] {
55  background-clip: padding-box;
56}
57</style>
58</head><body><div class="page-wrapper"><div class="global-styles w-embed"><style>
59
60/* Make text look crisper and more legible in all browsers */
61body {
62  -webkit-font-smoothing: antialiased;
63  -moz-osx-font-smoothing: grayscale;
64  font-smoothing: antialiased;
65  text-rendering: optimizeLegibility;
66}
67
68/* Focus state style for keyboard navigation for the focusable elements */
69*[tabindex]:focus-visible,
70  input[type="file"]:focus-visible {
71   outline: 0.125rem solid #4d65ff;
72   outline-offset: 0.125rem;
73}
74
75/* Set color style to inherit */
76.inherit-color * {
77    color: inherit;
78}
79

80/* Get rid of top margin on first element in any rich text element */
81.w-richtext > :not(div):first-child, .w-richtext > div:first-child > :first-child {
82  margin-top: 0 !important;
83}
84
85/* Get rid of bottom margin on last element in any rich text element */
86.w-richtext>:last-child, .w-richtext ol li:last-child, .w-richtext ul li:last-child {
87	margin-bottom: 0 !important;
88}
89
90
91/* Make sure containers never lose their center alignment */
92.container-medium,.container-small, .container-large {
93	margin-right: auto !important;
94  margin-left: auto !important;
95}
96
97/* 
98Make the following elements inherit typography styles from the parent and not have hardcoded values. 
99Important: You will not be able to style for example "All Links" in Designer with this CSS applied.
100Uncomment this CSS to use it in the project. Leave this message for future hand-off.
101*/
102/*
103a,
104.w-input,
105.w-select,
106.w-tab-link,
107.w-nav-link,
108.w-dropdown-btn,
109.w-dropdown-toggle,
110.w-dropdown-link {
111  color: inherit;
112  text-decoration: inherit;
113  font-size: inherit;
114}
115*/
116
117/* Apply "..." after 3 lines of text */
118.text-style-3lines {
119	display: -webkit-box;
120	overflow: hidden;
121	-webkit-line-clamp: 3;
122	-webkit-box-orient: vertical;
123}
124
125/* Apply "..." after 2 lines of text */
126.text-style-2lines {
127	display: -webkit-box;
128	overflow: hidden;
129	-webkit-line-clamp: 2;
130	-webkit-box-orient: vertical;
131}
132
133/* These classes are never overwritten */
134.hide {
135  display: none !important;
136}
137
138@media screen and (max-width: 991px) {
139    .hide, .hide-tablet {
140        display: none !important;
141    }
142}
143  @media screen and (max-width: 767px) {
144    .hide-mobile-landscape{
145      display: none !important;
146    }
147}
148  @media screen and (max-width: 479px) {
149    .hide-mobile{
150      display: none !important;
151    }
152}
153 
154.margin-0 {
155  margin: 0rem !important;
156}
157  
158.padding-0 {
159  padding: 0rem !important;
160}
161
162.spacing-clean {
163padding: 0rem !important;
164margin: 0rem !important;
165}
166
167.margin-top {
168  margin-right: 0rem !important;
169  margin-bottom: 0rem !important;
170  margin-left: 0rem !important;
171}
172
173.padding-top {
174  padding-right: 0rem !important;
175  padding-bottom: 0rem !important;
176  padding-left: 0rem !important;
177}
178  
179.margin-right {
180  margin-top: 0rem !important;
181  margin-bottom: 0rem !important;
182  margin-left: 0rem !important;
183}
184
185.padding-right {
186  padding-top: 0rem !important;
187  padding-bottom: 0rem !important;
188  padding-left: 0rem !important;
189}
190
191.margin-bottom {
192  margin-top: 0rem !important;
193  margin-right: 0rem !important;
194  margin-left: 0rem !important;
195}
196
197.padding-bottom {
198  padding-top: 0rem !important;
199  padding-right: 0rem !important;
200  padding-left: 0rem !important;
201}
202
203.margin-left {
204  margin-top: 0rem !important;
205  margin-right: 0rem !important;
206  margin-bottom: 0rem !important;
207}
208  
209.padding-left {
210  padding-top: 0rem !important;
211  padding-right: 0rem !important;
212  padding-bottom: 0rem !important;
213}
214  
215.margin-horizontal {
216  margin-top: 0rem !important;
217  margin-bottom: 0rem !important;
218}
219
220.padding-horizontal {
221  padding-top: 0rem !important;
222  padding-bottom: 0rem !important;
223}
224
225.margin-vertical {
226  margin-right: 0rem !important;
227  margin-left: 0rem !important;
228}
229  
230.padding-vertical {
231  padding-right: 0rem !important;
232  padding-left: 0rem !important;
233}
234</style></div><main class="main-wrapper"><div class="section_auth"><div class="auth_left"><div class="max-width-medium align-center w-form"><form id="email-form" name="email-form" data-name="Email Form" method="get" data-ms-form="signup" class="auth_form" data-wf-page-id="69020d0bf0771e258f210bf2" data-wf-element-id="98f4f8eb-bb28-c202-fdb5-2b594abcbc52"><div class="auth_text-wrap"><a href="/" class="w-inline-block"><img src="https://cdn.prod.website-files.com/69020d0bf0771e258f210bf7/69020d0bf0771e258f210c1e_memberstacklogo.svg" loading="lazy" alt="" class="auth_logo"/></a><div class="spacer-medium"></div><h1 class="heading-style-h3">Create a fake account</h1><div class="spacer-xsmall"></div><p class="text-style-muted">To test this Memberscript, you need to be a member. You do not need to use real details, you just need to have an account logged in.</p><div class="spacer-medium"></div></div><input class="form_input w-input" maxlength="256" name="email" data-name="email" placeholder="Enter your email" type="email" id="email-2" data-ms-member="email"/><input class="form_input w-input" maxlength="256" name="password" data-name="password" placeholder="Enter your password" type="password" id="password" data-ms-member="password" required=""/><input type="submit" data-wait="Please wait..." class="button is-full-width is-brand w-button" value="Create account →"/><div class="auth_or-wrap"><div class="auth_or-line"></div><div>or</div><div class="auth_or-line"></div></div><a data-ms-auth-provider="google" href="#" class="button is-full-width is-icon w-inline-block"><div class="icon-embed-xxsmall w-embed"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--bx" width="100%" height="100%" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24">

234<path d="M20.283 10.356h-8.327v3.451h4.792c-.446 2.193-2.313 3.453-4.792 3.453a5.27 5.27 0 0 1-5.279-5.28a5.27 5.27 0 0 1 5.279-5.279c1.259 0 2.397.447 3.29 1.178l2.6-2.599c-1.584-1.381-3.615-2.233-5.89-2.233a8.908 8.908 0 0 0-8.934 8.934a8.907 8.907 0 0 0 8.934 8.934c4.467 0 8.529-3.249 8.529-8.934c0-.528-.081-1.097-.202-1.625z" fill="currentColor"></path></svg></div><div>Continue with Google</div></a><div class="auth_google-msg">Psst... this entire authentication system can be remade in just a few minutes on your Webflow site using <a href="https://memberstack.com" target="_blank">Memberstack</a>!</div><div class="auth_google-msg">Already have an account?  <a href="/log-in" target="_blank">Login</a></div></form><div class="w-form-done"><div>Thank you! Your submission has been received!</div></div><div class="w-form-fail"><div>Oops! Something went wrong while submitting the form.</div></div></div></div><div class="auth_screenshot-wrap"><img src="https://cdn.prod.website-files.com/69020d0bf0771e258f210bf7/69020d0bf0771e258f210c27_Screenshot%202024-09-02%20at%2014.05.54.png" loading="lazy" sizes="(max-width: 2952px) 100vw, 2952px" srcset="https://cdn.prod.website-files.com/69020d0bf0771e258f210bf7/69020d0bf0771e258f210c27_Screenshot%25202024-09-02%2520at%252014.05.54-p-500.png 500w, https://cdn.prod.website-files.com/69020d0bf0771e258f210bf7/69020d0bf0771e258f210c27_Screenshot%25202024-09-02%2520at%252014.05.54-p-800.png 800w, https://cdn.prod.website-files.com/69020d0bf0771e258f210bf7/69020d0bf0771e258f210c27_Screenshot%25202024-09-02%2520at%252014.05.54-p-1080.png 1080w, https://cdn.prod.website-files.com/69020d0bf0771e258f210bf7/69020d0bf0771e258f210c27_Screenshot%25202024-09-02%2520at%252014.05.54-p-1600.png 1600w, https://cdn.prod.website-files.com/69020d0bf0771e258f210bf7/69020d0bf0771e258f210c27_Screenshot%25202024-09-02%2520at%252014.05.54-p-2000.png 2000w, https://cdn.prod.website-files.com/69020d0bf0771e258f210bf7/69020d0bf0771e258f210c27_Screenshot%25202024-09-02%2520at%252014.05.54-p-2600.png 2600w, https://cdn.prod.website-files.com/69020d0bf0771e258f210bf7/69020d0bf0771e258f210c27_Screenshot%202024-09-02%20at%2014.05.54.png 2952w" alt="" class="auth_screenshot"/></div></div></main></div>

234<script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=69020d0bf0771e258f210bf7" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>

234<script src="https://cdn.prod.website-files.com/69020d0bf0771e258f210bf7/js/webflow-cms-interactive-quiz.schunk.36b8fb49256177c8.js" type="text/javascript"></script>

234<script src="https://cdn.prod.website-files.com/69020d0bf0771e258f210bf7/js/webflow-cms-interactive-quiz.schunk.63d6f87a3cea4b8f.js" type="text/javascript"></script>

234<script src="https://cdn.prod.website-files.com/69020d0bf0771e258f210bf7/js/webflow-cms-interactive-quiz.901dd47b.fbd66c91d21bfbeb.js" type="text/javascript"></script>

234</body></html>