

<header class="white-banner" role="banner">
    <div class="container">
        <a href="/"><img class="logo" src=""></a>
    </div>
</header>
<section>
    <div class="carousel--wrapper carousel--wrapper--sec">
        <div class="carousel">
            <div class="progress-bar">
                <div class="progress-bar-insider" data-progress=""></div>
            </div>
            <div class="carousel__content" style="width: 1800%; transform: translate(0%, 0px);">
                <div class="carousel--item" style="width: 5.55556%;">
                    <img class="nav--buttons--right mt" src="/newstaging/wp-content/plugins/go-quiz/assets/images/start.jpg">

                </div>

                                    <div class="carousel--item" style="width: 5.55556%;">
                        <p class="carousel--title">Question 1</p>
                        <p class="carousel--title carousel--title--sub"> To start, tell us about your hair type</p>
                        <span class="carousel--radios">




                                                                <div class="radio-item">
                                        <input id="1_1" data-text="1,2,3,4" data-value="1,2,3,4" name="size" type="radio" value="0">
                                        <label for="1_1">Fine</label>
                                    </div>
                                                                    <div class="radio-item">
                                        <input id="1_2" data-text="1,2,3,4" data-value="1,2,3,4" name="size" type="radio" value="0">
                                        <label for="1_2">Normal</label>
                                    </div>
                                                                    <div class="radio-item">
                                        <input id="1_3" data-text="1,2,3,4" data-value="1,2,3,4" name="size" type="radio" value="0">
                                        <label for="1_3">Thick</label>
                                    </div>
                                


            </span>
                    </div>

                                    <div class="carousel--item" style="width: 5.55556%;">
                        <p class="carousel--title">Question 2</p>
                        <p class="carousel--title carousel--title--sub"> What’s closest to your length?</p>
                        <span class="carousel--radios">




                                                                <div class="radio-item">
                                        <input id="2_1" data-text="1,2,3,4" data-value="1,2,3,4" name="size" type="radio" value="0">
                                        <label for="2_1">Short</label>
                                    </div>
                                                                    <div class="radio-item">
                                        <input id="2_2" data-text="1,2,3,4" data-value="1,2,3,4" name="size" type="radio" value="0">
                                        <label for="2_2">Medium</label>
                                    </div>
                                                                    <div class="radio-item">
                                        <input id="2_3" data-text="1,2,3,4" data-value="1,2,3,4" name="size" type="radio" value="0">
                                        <label for="2_3">Long</label>
                                    </div>
                                


            </span>
                    </div>

                                    <div class="carousel--item" style="width: 5.55556%;">
                        <p class="carousel--title">Question 3</p>
                        <p class="carousel--title carousel--title--sub"> Tell us about your hair texture</p>
                        <span class="carousel--radios">




                                                                <div class="radio-item">
                                        <input id="3_1" data-text="1,2,3,4" data-value="1,2,3,4" name="size" type="radio" value="0">
                                        <label for="3_1">Straight</label>
                                    </div>
                                                                    <div class="radio-item">
                                        <input id="3_2" data-text="1,2,3,4" data-value="1,2,3,4" name="size" type="radio" value="0">
                                        <label for="3_2">Waves</label>
                                    </div>
                                                                    <div class="radio-item">
                                        <input id="3_3" data-text="1,2,3,4" data-value="1,2,3,4" name="size" type="radio" value="0">
                                        <label for="3_3">Curls</label>
                                    </div>
                                                                    <div class="radio-item">
                                        <input id="3_4" data-text="1,2,3,4" data-value="1,2,3,4" name="size" type="radio" value="0">
                                        <label for="3_4">Coily</label>
                                    </div>
                                


            </span>
                    </div>

                                    <div class="carousel--item" style="width: 5.55556%;">
                        <p class="carousel--title">Question 4</p>
                        <p class="carousel--title carousel--title--sub"> How long have you been on your go-gray journey?</p>
                        <span class="carousel--radios">




                                                                <div class="radio-item">
                                        <input id="4_1" data-text="1,2" data-value="1,2" name="size" type="radio" value="0">
                                        <label for="4_1">Decided today</label>
                                    </div>
                                                                    <div class="radio-item">
                                        <input id="4_2" data-text="1,2" data-value="1,2" name="size" type="radio" value="0">
                                        <label for="4_2">2-4 weeks</label>
                                    </div>
                                                                    <div class="radio-item">
                                        <input id="4_3" data-text="1,2,3" data-value="1,2,3" name="size" type="radio" value="0">
                                        <label for="4_3">4 month</label>
                                    </div>
                                                                    <div class="radio-item">
                                        <input id="4_4" data-text="2,3,4" data-value="2,3,4" name="size" type="radio" value="0">
                                        <label for="4_4">Over 12 months</label>
                                    </div>
                                


            </span>
                    </div>

                                    <div class="carousel--item" style="width: 5.55556%;">
                        <p class="carousel--title">Question 5</p>
                        <p class="carousel--title carousel--title--sub"> What’s closest to your hair dye color?</p>
                        <span class="carousel--radios">




                                                                <div class="radio-item">
                                        <input id="5_1" data-text="1" data-value="1" name="size" type="radio" value="0">
                                        <label for="5_1">Black</label>
                                    </div>
                                                                    <div class="radio-item">
                                        <input id="5_2" data-text="1" data-value="1" name="size" type="radio" value="0">
                                        <label for="5_2">Medium Brown</label>
                                    </div>
                                                                    <div class="radio-item">
                                        <input id="5_3" data-text="1,3,4" data-value="1,3,4" name="size" type="radio" value="0">
                                        <label for="5_3">Medium Blond</label>
                                    </div>
                                                                    <div class="radio-item">
                                        <input id="5_4" data-text="3,4" data-value="3,4" name="size" type="radio" value="0">
                                        <label for="5_4">Light Blonde</label>
                                    </div>
                                                                    <div class="radio-item">
                                        <input id="5_5" data-text="1,2" data-value="1,2" name="size" type="radio" value="0">
                                        <label for="5_5">Dark Red</label>
                                    </div>
                                                                    <div class="radio-item">
                                        <input id="5_6" data-text="1,2" data-value="1,2" name="size" type="radio" value="0">
                                        <label for="5_6">Medium Auburn</label>
                                    </div>
                                


            </span>
                    </div>

                                    <div class="carousel--item" style="width: 5.55556%;">
                        <p class="carousel--title">Question 6</p>
                        <p class="carousel--title carousel--title--sub"> Do you heat style your hair?</p>
                        <span class="carousel--radios">




                                                                <div class="radio-item">
                                        <input id="6_1" data-text="4" data-value="4" name="size" type="radio" value="0">
                                        <label for="6_1">Yes</label>
                                    </div>
                                                                    <div class="radio-item">
                                        <input id="6_2" data-text="1" data-value="1" name="size" type="radio" value="0">
                                        <label for="6_2">No</label>
                                    </div>
                                


            </span>
                    </div>

                                    <div class="carousel--item" style="width: 5.55556%;">
                        <p class="carousel--title">Question 7</p>
                        <p class="carousel--title carousel--title--sub"> How does a bad hair day look to you?</p>
                        <span class="carousel--radios">




                                                                <div class="radio-item">
                                        <input id="7_1" data-text="2,4" data-value="2,4" name="size" type="radio" value="0">
                                        <label for="7_1">Dryness</label>
                                    </div>
                                                                    <div class="radio-item">
                                        <input id="7_2" data-text="2,4" data-value="2,4" name="size" type="radio" value="0">
                                        <label for="7_2">Frizz</label>
                                    </div>
                                                                    <div class="radio-item">
                                        <input id="7_3" data-text="3,4" data-value="3,4" name="size" type="radio" value="0">
                                        <label for="7_3">Lack of shine</label>
                                    </div>
                                                                    <div class="radio-item">
                                        <input id="7_4" data-text="3" data-value="3" name="size" type="radio" value="0">
                                        <label for="7_4">Brassy</label>
                                    </div>
                                                                    <div class="radio-item">
                                        <input id="7_5" data-text="4" data-value="4" name="size" type="radio" value="0">
                                        <label for="7_5">Lack of bounce</label>
                                    </div>
                                                                    <div class="radio-item">
                                        <input id="7_6" data-text="2" data-value="2" name="size" type="radio" value="0">
                                        <label for="7_6">Dry scalp</label>
                                    </div>
                                                                    <div class="radio-item">
                                        <input id="7_7" data-text="3" data-value="3" name="size" type="radio" value="0">
                                        <label for="7_7">Yellowing</label>
                                    </div>
                                


            </span>
                    </div>

                
                <div class="carousel--item" style="width: 5.55556%;">
                    <div class="btn btn-primary carousel--btn" onclick="calc_results(this);">
                        Click Here To Get Your Results
                    </div>
                    <div  id="retake" style="display:none;" onclick="retake_quiz();" class="btn btn-primary carousel--btn"">
                        Retake the quiz
                    </div>
                </div>
            </div>
            <div class="carousel__nav">
                <a class="nav--buttons nav--buttons--left" href="#" style="display: none;">←</a> <a class="nav--buttons nav--buttons--right" href="#" style="display: none;">→</a>
            </div>
        </div>
    </div>
</section>
<div id="loader" style="display:none;">
    <h2>Calculating results, please wait</h2>
    <img src="/newstaging/wp-content/plugins/go-quiz/assets/images/loading.gif">
</div>
<section class="row gray pad textcenter" id="auto-con-calc" style="display: none;"></section>
{"id":2235,"date":"2023-01-30T13:10:55","date_gmt":"2023-01-30T13:10:55","guid":{"rendered":"https:\/\/go-gray.com\/newstaging\/?page_id=2235"},"modified":"2023-02-16T09:52:14","modified_gmt":"2023-02-16T09:52:14","slug":"quiz","status":"publish","type":"page","link":"https:\/\/go-gray.com\/newstaging\/quiz\/","title":{"rendered":"Quiz"},"content":{"rendered":"\n<p><script async type=\"text\/javascript\" src=\"https:\/\/static.klaviyo.com\/onsite\/js\/klaviyo.js?company_id=TezCEJ\"><\/script><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":7,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"nf_dc_page":"","jetpack_post_was_ever_published":false,"footnotes":""},"class_list":["post-2235","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Quiz - newstaging.go-gray<\/title>\n<meta name=\"description\" content=\"Go Gray is a system focused to meet you at every phase of your Go Gray journey, from lightening tough dyes to soften the grow out, to further removing color and revitalizing hair health, look and feel.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/go-gray.com\/newstaging\/quiz\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Quiz - newstaging.go-gray\" \/>\n<meta property=\"og:description\" content=\"Go Gray is a system focused to meet you at every phase of your Go Gray journey, from lightening tough dyes to soften the grow out, to further removing color and revitalizing hair health, look and feel.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/go-gray.com\/newstaging\/quiz\/\" \/>\n<meta property=\"og:site_name\" content=\"newstaging.go-gray\" \/>\n<meta property=\"article:modified_time\" content=\"2023-02-16T09:52:14+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/go-gray.com\\\/newstaging\\\/quiz\\\/\",\"url\":\"https:\\\/\\\/go-gray.com\\\/newstaging\\\/quiz\\\/\",\"name\":\"Quiz - newstaging.go-gray\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/go-gray.com\\\/newstaging\\\/#website\"},\"datePublished\":\"2023-01-30T13:10:55+00:00\",\"dateModified\":\"2023-02-16T09:52:14+00:00\",\"description\":\"Go Gray is a system focused to meet you at every phase of your Go Gray journey, from lightening tough dyes to soften the grow out, to further removing color and revitalizing hair health, look and feel.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/go-gray.com\\\/newstaging\\\/quiz\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/go-gray.com\\\/newstaging\\\/quiz\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/go-gray.com\\\/newstaging\\\/quiz\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/go-gray.com\\\/newstaging\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Quiz\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/go-gray.com\\\/newstaging\\\/#website\",\"url\":\"https:\\\/\\\/go-gray.com\\\/newstaging\\\/\",\"name\":\"newstaging.go-gray\",\"description\":\"Embrace Your Gray\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/go-gray.com\\\/newstaging\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Quiz - newstaging.go-gray","description":"Go Gray is a system focused to meet you at every phase of your Go Gray journey, from lightening tough dyes to soften the grow out, to further removing color and revitalizing hair health, look and feel.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/go-gray.com\/newstaging\/quiz\/","og_locale":"en_US","og_type":"article","og_title":"Quiz - newstaging.go-gray","og_description":"Go Gray is a system focused to meet you at every phase of your Go Gray journey, from lightening tough dyes to soften the grow out, to further removing color and revitalizing hair health, look and feel.","og_url":"https:\/\/go-gray.com\/newstaging\/quiz\/","og_site_name":"newstaging.go-gray","article_modified_time":"2023-02-16T09:52:14+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/go-gray.com\/newstaging\/quiz\/","url":"https:\/\/go-gray.com\/newstaging\/quiz\/","name":"Quiz - newstaging.go-gray","isPartOf":{"@id":"https:\/\/go-gray.com\/newstaging\/#website"},"datePublished":"2023-01-30T13:10:55+00:00","dateModified":"2023-02-16T09:52:14+00:00","description":"Go Gray is a system focused to meet you at every phase of your Go Gray journey, from lightening tough dyes to soften the grow out, to further removing color and revitalizing hair health, look and feel.","breadcrumb":{"@id":"https:\/\/go-gray.com\/newstaging\/quiz\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/go-gray.com\/newstaging\/quiz\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/go-gray.com\/newstaging\/quiz\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/go-gray.com\/newstaging\/"},{"@type":"ListItem","position":2,"name":"Quiz"}]},{"@type":"WebSite","@id":"https:\/\/go-gray.com\/newstaging\/#website","url":"https:\/\/go-gray.com\/newstaging\/","name":"newstaging.go-gray","description":"Embrace Your Gray","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/go-gray.com\/newstaging\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/go-gray.com\/newstaging\/wp-json\/wp\/v2\/pages\/2235","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/go-gray.com\/newstaging\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/go-gray.com\/newstaging\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/go-gray.com\/newstaging\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/go-gray.com\/newstaging\/wp-json\/wp\/v2\/comments?post=2235"}],"version-history":[{"count":2,"href":"https:\/\/go-gray.com\/newstaging\/wp-json\/wp\/v2\/pages\/2235\/revisions"}],"predecessor-version":[{"id":2243,"href":"https:\/\/go-gray.com\/newstaging\/wp-json\/wp\/v2\/pages\/2235\/revisions\/2243"}],"wp:attachment":[{"href":"https:\/\/go-gray.com\/newstaging\/wp-json\/wp\/v2\/media?parent=2235"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}