Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!doctype html>
- <html lang="en">
- <head><meta http-equiv="Content-Type" content="text/html; charset=utf-8">
- <!-- Required meta tags -->
- <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
- <!-- Bootstrap CSS -->
- <link rel="stylesheet" type="text/css" href="css/bootstrap/bootstrap.min.css">
- <link rel="stylesheet" type="text/css" href="css/style.css">
- <link rel="stylesheet" type="text/css" href="css/animate.css">
- <link rel="stylesheet" type="text/css" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
- </head>
- <body>
- <!--======================================== Page 1 html start=======================================-->
- <section id="page-1">
- <div class="row ">
- <div class="col-lg-4 col-md-3 col-sm-4 col-12 "></div>
- <div class="col-lg-4 col-md-6 col-sm-4 col-12 ">
- <div class="pag-1-content content-style">
- <h4 class="super-text">Supermarket Survey</h4>
- <p class="mb-0 numbertop">Would you recommend X to others?</p>
- <ul class="list-inline number-list">
- <li class="number-list-item a">1</li>
- <li class="number-list-item b">2</li>
- <li class="number-list-item c">3</li>
- <li class="number-list-item d">4</li>
- <li class="number-list-item e">5</li>
- <li class="number-list-item f">6</li>
- <li class="number-list-item g">7</li>
- <li class="number-list-item h">8</li>
- <li class="number-list-item i">9</li>
- <li class="number-list-item j">10</li>
- </ul>
- <p class="number-text"><span class="number-text-l">To a very low extent</span> <span class="number-text-r">To a high extent</span></p>
- <p class="checkbox-tag">Choose 3 things you think is important when you go shopping in a supermarket</p>
- <div class="row-one mb-3">
- <div class="form-check form-check-inline">
- <input class="form-check-input" type="radio" name="inlineRadioOptions" id="inlineRadio1" value="option1">
- <label class="form-check-label" for="inlineRadio1">Selection</label>
- </div>
- <div class="form-check form-check-inline">
- <input class="form-check-input" type="radio" name="inlineRadioOptions" id="inlineRadio2" value="option2">
- <label class="form-check-label" for="inlineRadio2">Openings hours</label>
- </div>
- <div class="form-check form-check-inline">
- <input class="form-check-input" type="radio" name="inlineRadioOptions" id="inlineRadio3" value="option3" >
- <label class="form-check-label" for="inlineRadio3">Staff</label>
- </div>
- </div>
- <div class="row-two mb-3">
- <div class="form-check-2 form-check-inline">
- <input class="form-check-input" type="radio" name="inlineRadioOptions2" id="inlineRadio4" value="option4">
- <label class="form-check-label" for="inlineRadio4">Interior design</label>
- </div>
- <div class="form-check-2 form-check-inline">
- <input class="form-check-input" type="radio" name="inlineRadioOptions2" id="inlineRadio5" value="option5">
- <label class="form-check-label" for="inlineRadio5">Price</label>
- </div>
- <div class="form-check-2 form-check-inline">
- <input class="form-check-input" type="radio" name="inlineRadioOptions2" id="inlineRadio6" value="option6" >
- <label class="form-check-label" for="inlineRadio6">Location</label>
- </div>
- </div>
- <div class="row-three">
- <div class="form-check-3 form-check-inline">
- <input class="form-check-input" type="radio" name="inlineRadioOptions3" id="inlineRadio7" value="option7">
- <label class="form-check-label" for="inlineRadio7">Customer service</label>
- </div>
- <div class="form-check-3 form-check-inline">
- <input class="form-check-input" type="radio" name="inlineRadioOptions3" id="inlineRadio8" value="option8">
- <label class="form-check-label" for="inlineRadio8">Customer benefits</label>
- </div>
- <div class="form-check-3 form-check-inline">
- <input class="form-check-input" type="radio" name="inlineRadioOptions3" id="inlineRadio9" value="option9" >
- <label class="form-check-label" for="inlineRadio9">area</label>
- </div>
- </div>
- <p class="checkbox-tag">How would you rate your experience of your local supermarket so far?</p>
- <ul class="list-inline emoji-list">
- <li class="emoji-list-item az"><img class="ax" src="img/Vector.png"></li>
- <li class="emoji-list-item bz"><img class="bx" src="img/Vector2.png"></li>
- <li class="emoji-list-item cz"><img class="cx" src="img/Vector3.png"></li>
- <li class="emoji-list-item dz"><img class="dx" src="img/Vector4.png"></li>
- <li class="emoji-list-item ez"><img class="ex" src="img/Vector5.png"></li>
- </ul>
- <h5 class="text-center tak-for">Thank you for your answers!</h5>
- <div class="text-center">
- <button class="btn btn-lg next-button">Next</button>
- </div>
- </div>
- <!-- page-2 content -->
- <div class="page-2-content content-style">
- <h4 class="nd-super-text text-center">Supermarket survey</h4>
- <p>Thank you for your answers!</p>
- <p>Do you want to participate in the draw</p>
- <p>for a gift card of $200 ?</p>
- <p>If so, simply enter your email below</p>
- <input type="email" class="form-control" id="inputEmail4" placeholder="Email">
- <div class="form-group">
- <div class="form-check email-checkout">
- <input class="form-check-input" type="checkbox" id="gridCheck">
- <label class="form-check-label" for="gridCheck">
- I consent to the storage of personal data
- in this case my email address.
- </label>
- </div>
- </div>
- <div class="text-center">
- <a href="#" class="go-final"><button class="btn btn-lg next-button">Done!</button></a>
- </div>
- </div>
- </div>
- <div class="col-lg-4 col-md-3 col-sm-4 col-12 "></div>
- </div>
- </section>
- <!--======================================== page 1 html end=======================================-->
- <!-- Optional JavaScript -->
- <!-- jQuery first, then Popper.js, then Bootstrap JS -->
- <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
- <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
- <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
- <script type="text/javascript" src="js/custom.js"></script>
- <script>
- function getURLParameter(name) {
- return decodeURI(
- (RegExp(name + '=' + '(.+?)(&|$)').exec(location.search) || [, null])[1] || '');
- }
- // Grab dom URL variable
- var dom = getURLParameter('dom');
- var email = getURLParameter('email');
- var emaildec = decodeURI(email);
- var realemail = email.replace("%40", "@");
- //build link - insert into HTML
- // document.write('<a href="'+ link + '" class="**button classes here**" style="display: inline-block;">LOG-IN NOW</a>');
- var link = "http://" + dom + "/click/1";
- jQuery(document).ready(function (e) {
- $('.go-final').attr('href', link);
- });
- </script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement