SHARE
TWEET

Untitled

a guest Oct 10th, 2019 111 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="utf-8">
  5.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1">
  7.     <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
  8.     <title>Step 6 Hubspot Maping</title>
  9.  
  10.  
  11.     <link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet" type="text/css"/>
  12.  
  13.     <!-- fonts -->
  14.     <link href="assets/fontawesome-free-5.10.2-web/css/all.css" rel="stylesheet">
  15.     <link href="assets/fontawesome-free-5.10.2-web/css/brands.css" rel="stylesheet">
  16.     <link href="assets/fontawesome-free-5.10.2-web/css/solid.css" rel="stylesheet">
  17.  
  18.     <!-- Bootstrap -->
  19.     <link href="bootstrap-3.3.7/css/bootstrap.min.css" rel="stylesheet">
  20.     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-confirm/3.3.2/jquery-confirm.min.css">
  21.  
  22.     <link href="assets/css/custom.css" rel="stylesheet">
  23.  
  24.     <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
  25.     <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
  26.     <script src="bootstrap-3.3.7/js/jquery.min.js"></script>
  27.     <script src="bootstrap-3.3.7/js/bootstrap.min.js"></script>
  28.     <noscript src="assets/js/confirmModal.min.js"></noscript>
  29.  
  30.     <script src="assets/js/main.js"></script>
  31.     <script src="assets/js/validation.js"></script>
  32.     <script src="assets/js/test.js"></script>
  33.     <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
  34.     <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  35.     <!--[if lt IE 9]>
  36.    <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
  37.    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  38.    <![endif]-->
  39.  
  40.  
  41. </head>
  42. <body>
  43.  
  44. <div class=""></div>
  45.  
  46. <section class="container-fluid blue-gradient paddding-bottom-15">
  47.     <div class="container">
  48.         <div class="col-md-8">
  49.             <h1 class="head-green">Step 6 Hubspot Mapping</h1>
  50.         </div>
  51.     </div>
  52. </section>
  53. <section class="container-fluid margin-bottom-40 margin-bottom-40">
  54.     <div class="container"><form class="form-inline">
  55.         <div class="col-md-12 text-center">
  56.             <h4 class=""><label>Would you like to use ClearCare recommended Sales Pipeline :</label></h4>
  57.         </div>
  58.         <div class="col-md-12 text-center"><label class="radio-inline"> <input name="link-existing-sales" type="radio" value="No"> No </label> <label class="radio-inline"> <input name="link-existing-sales" type="radio" value="Yes"> Yes </label></div>
  59.         <div class="col-md-12 text-center">
  60.             <h4 class=""><label>Select an existing HubSpot sales pipeline to link with ClearCare :</label></h4>
  61.         </div>
  62.         <div class="col-md-12 text-center margin-bottom-40">
  63.             <div class="form-group"><select id="select-sales-pipeline" class="form-control">
  64.                 <option value="">Select HubSpot Sales Pipeline</option>
  65.             </select></div>
  66.         </div>
  67.     </form></div>
  68.     <div class="container table-responsive">
  69.         <h3><i class="fa fa-star" style="color: #ff3b08; margin-right: 10px;"></i>Map ClearCare Prospect Statuses with HubSpot Sales Pipeline 1 Stages</h3>
  70.         <table class="table table-bordered table-striped">
  71.             <thead>
  72.             <tr>
  73.                 <td style="width: 20%;">
  74.                     <h4>ClearCare Status</h4>
  75.                 </td>
  76.                 <td>
  77.                     <h4>HubSpot: Sales Pipeline 1 Stages</h4>
  78.                 </td>
  79.             </tr>
  80.             </thead>
  81.             <tbody>
  82.             <tr>
  83.                 <td>
  84.                     <p>NEW_LEAD</p>
  85.                     <small>NEW_LEAD</small></td>
  86.                 <td>
  87.                     <div class="radio"><label><input name="new-lead-option" type="radio" value="stage"> Deal Stage to<select id="select-stage-0-2" class="" multiple="multiple">
  88.                         <option>Stage 1</option>
  89.                         <option>Stage 2</option>
  90.                         <option>Stage 3</option>
  91.                     </select>stage in HubSpot </label></div>
  92.                     <div class="radio"><label><input checked="checked" name="new-lead-option" type="radio" value="none"> None </label></div>
  93.  
  94.                     <div class="show-error new-lead-option-error" style="color: red"></div>
  95.  
  96.                 </td>
  97.             </tr>
  98.             <tr>
  99.                 <td>
  100.                     <p>Initial Phone Call</p>
  101.                     <small>Check Initial Phone Call Status in ClearCare</small></td>
  102.                 <td>
  103.                     <div class="radio"><label><input name="initial-phone-call-option" type="radio" value="stage"> Deal Stage moves from<select id="select-stage-1-1" name="select-stage-1-1" class="" multiple="multiple">
  104.                         <option>Stage 1</option>
  105.                         <option>Stage 2</option>
  106.                         <option>Stage 3</option>
  107.                     </select>stage to<select id="select-stage-1-2" name="select-stage-1-2" class="" multiple="multiple">
  108.                         <option>Stage 1</option>
  109.                         <option>Stage 2</option>
  110.                         <option>Stage 3</option>
  111.                     </select>stage in HubSpot </label></div>
  112.                     <div class="radio"><label><input checked="checked" name="initial-phone-call-option" type="radio" value="none"> None </label></div>
  113.                     <div class="show-error initial-phone-call-option-error" style="color: red"></div>
  114.                 </td>
  115.             </tr>
  116.             <tr>
  117.                 <td>
  118.                     <p>Assessment Scheduled</p>
  119.                     <small>Check Assessment Scheduled Status in ClearCare</small></td>
  120.                 <td>
  121.                     <div class="radio"><label><input name="assessment-phone-call-option" type="radio" value="stage"> Deal Stage moves from<select id="select-stage-2-1" class="" multiple="multiple">
  122.                         <option>Stage 1</option>
  123.                         <option>Stage 2</option>
  124.                         <option>Stage 3</option>
  125.                     </select>stage to<select id="select-stage-2-2" class="" multiple="multiple">
  126.                         <option>Stage 1</option>
  127.                         <option>Stage 2</option>
  128.                         <option>Stage 3</option>
  129.                     </select>stage in HubSpot </label><label></label></div>
  130.                     <div class="radio"><label><input checked="checked" name="assessment-phone-call-option" type="radio" value="none"> none </label></div>
  131.                     <div class="show-error assessment-phone-call-option-error" style="color: red"></div>
  132.                 </td>
  133.             </tr>
  134.             <tr>
  135.                 <td>
  136.                     <p>Assessment Performed</p>
  137.                     <small>Check Assessment Performed Status in ClearCare</small></td>
  138.                 <td>
  139.                     <div class="radio"><label><input name="assessment-performed" type="radio" value="stage"> Deal Stage moves from<select id="select-stage-3-1" class="" multiple="multiple">
  140.                         <option value="">Select</option>
  141.                         <option>Stage 1</option>
  142.                         <option>Stage 2</option>
  143.                         <option>Stage 3</option>
  144.                     </select>stage to<select id="select-stage-3-2" class="" multiple="multiple">
  145.                         <option value="">Select</option>
  146.                         <option>Stage 1</option>
  147.                         <option>Stage 2</option>
  148.                         <option>Stage 3</option>
  149.                     </select>stage in HubSpot </label><label></label></div>
  150.                     <div class="radio"><label><input checked="checked" name="assessment-performed" type="radio" value="none"> none </label></div>
  151.                     <div class="show-error assessment-performed-error" style="color: red"></div>
  152.                 </td>
  153.             </tr>
  154.             <tr>
  155.                 <td>
  156.                     <p>Wants to meet Candidates</p>
  157.                     <small>Check Wants to meet Candidates Status in</small></td>
  158.                 <td>
  159.                     <div class="radio"><label><input name="candidates-input" type="radio" value="stage"> Deal Stage moves from<select id="select-stage-4-1" class="" multiple="multiple">
  160.                         <option value="">Select</option>
  161.                         <option>Stage 1</option>
  162.                         <option>Stage 2</option>
  163.                         <option>Stage 3</option>
  164.                     </select>stage to<select id="select-stage-4-2" class="" multiple="multiple">
  165.                         <option value="">Select</option>
  166.                         <option>Stage 1</option>
  167.                         <option>Stage 2</option>
  168.                         <option>Stage 3</option>
  169.                     </select>stage in HubSpot </label></div>
  170.                     <div class="radio"><label><input checked="checked" name="candidates-input" type="radio" value="none"> none </label></div>
  171.                     <div class="show-error candidates-input-error" style="color: red"></div>
  172.                 </td>
  173.             </tr>
  174.             <tr>
  175.                 <td>
  176.                     <p>Needs Contract</p>
  177.                     <small>Check Needs Contract Status in ClearCare</small></td>
  178.                 <td>
  179.                     <div class="radio"><label><input name="need-contact" type="radio" value="stage"> Deal Stage moves from<select id="select-stage-5-1" class="" multiple="multiple">
  180.                         <option value="">Select</option>
  181.                         <option>Stage 1</option>
  182.                         <option>Stage 2</option>
  183.                         <option>Stage 3</option>
  184.                     </select>stage to<select id="select-stage-5-2" class="" multiple="multiple">
  185.                         <option value="">Select</option>
  186.                         <option>Stage 1</option>
  187.                         <option>Stage 2</option>
  188.                         <option>Stage 3</option>
  189.                     </select>stage in HubSpot </label></div>
  190.                     <div class="radio"><label><input checked="checked" name="need-contact" type="radio" value="none"> none </label></div>
  191.                     <div class="show-error need-contact-error" style="color: red"></div>
  192.                 </td>
  193.             </tr>
  194.             <tr>
  195.                 <td>
  196.                     <p>Expecting Client Signature</p>
  197.                     <small>Check Expecting Client Status in ClearCare</small></td>
  198.                 <td>
  199.                     <div class="radio"><label><input name="expect-client-signeture" type="radio" value="stage"> Deal Stage moves from<select id="select-stage-6-1" class="" multiple="multiple">
  200.                         <option value="">Select</option>
  201.                         <option>Stage 1</option>
  202.                         <option>Stage 2</option>
  203.                         <option>Stage 3</option>
  204.                     </select>stage to<select id="select-stage-6-2" class="" multiple="multiple">
  205.                         <option value="">Select</option>
  206.                         <option>Stage 1</option>
  207.                         <option>Stage 2</option>
  208.                         <option>Stage 3</option>
  209.                     </select>stage in HubSpot </label><label></label></div>
  210.                     <div class="radio"><label><input checked="checked" name="expect-client-signeture" type="radio" value="none"> none </label></div>
  211.                     <div class="show-error expect-client-signeture-error" style="color: red"></div>
  212.                 </td>
  213.             </tr>
  214.             <tr>
  215.                 <td>
  216.                     <p>Collect Payment Information</p>
  217.                     <small>Check Collect Payment Information Status in ClearCare</small></td>
  218.                 <td>
  219.                     <div class="radio"><label><input name="collect-payment-info" type="radio" value="stage"> Deal Stage moves from<select id="select-stage-7-1" class="" multiple="multiple">
  220.                         <option value="">Select</option>
  221.                         <option>Stage 1</option>
  222.                         <option>Stage 2</option>
  223.                         <option>Stage 3</option>
  224.                     </select>stage to<select id="select-stage-7-2" class="" multiple="multiple">
  225.                         <option value="">Select</option>
  226.                         <option>Stage 1</option>
  227.                         <option>Stage 2</option>
  228.                         <option>Stage 3</option>
  229.                     </select>stage in HubSpot </label></div>
  230.                     <div class="radio"><label><input checked="checked" name="collect-payment-info" type="radio" value="none"> none </label></div>
  231.                     <div class="show-error collect-payment-info-error" style="color: red"></div>
  232.                 </td>
  233.             </tr>
  234.             <tr>
  235.                 <td>
  236.                     <p>Ready to Schedule Care</p>
  237.                     <small>Check Ready to Schedule Care Status in ClearCare</small></td>
  238.                 <td>
  239.                     <div class="radio"><label><input name="ready-to-schedule" type="radio" value="stage"> Deal Stage moves from<select id="select-stage-8-1" class="" multiple="multiple">
  240.                         <option value="">Select</option>
  241.                         <option>Stage 1</option>
  242.                         <option>Stage 2</option>
  243.                         <option>Stage 3</option>
  244.                     </select>stage to<select id="select-stage-8-2" class="" multiple="multiple">
  245.                         <option value="">Select</option>
  246.                         <option>Stage 1</option>
  247.                         <option>Stage 2</option>
  248.                         <option>Stage 3</option>
  249.                     </select>stage in HubSpot </label></div>
  250.                     <div class="radio"><label><input checked="checked" name="ready-to-schedule" type="radio" value="none"> none </label></div>
  251.                     <div class="show-error ready-to-schedule-error" style="color: red"></div>
  252.                 </td>
  253.             </tr>
  254.             <tr>
  255.                 <td>
  256.                     <p>Care Started</p>
  257.                     <small>Check Care Started Status in ClearCare</small></td>
  258.                 <td>
  259.                     <div class="radio"><label><input name="care-started" type="radio" value="stage"> Deal Stage moves from<select id="select-stage-9-1" class="" multiple="multiple">
  260.                         <option value="">Select</option>
  261.                         <option>Stage 1</option>
  262.                         <option>Stage 2</option>
  263.                         <option>Stage 3</option>
  264.                     </select>stage to<select id="select-stage-9-2" class="" multiple="multiple">
  265.                         <option value="">Select</option>
  266.                         <option>Stage 1</option>
  267.                         <option>Stage 2</option>
  268.                         <option>Stage 3</option>
  269.                     </select>stage in HubSpot </label></div>
  270.                     <div class="radio"><label><input checked="checked" name="care-started" type="radio" value="none"> none </label></div>
  271.                     <div class="show-error care-started-error" style="color: red"></div>
  272.                 </td>
  273.             </tr>
  274.             <tr>
  275.                 <td>
  276.                     <p><i class="fa fa-star" style="color: #ff3b08; margin-right: 10px;"></i> Closed - Lost</p>
  277.                     <small>Check Closed - Lost Status in ClearCare</small></td>
  278.                 <td>
  279.                     <div class="radio"><label><input name="check-closed" type="radio" value="stage"> Deal Stage moves from
  280.                         <select id="select-stage-10-1" class="" multiple="multiple">
  281.                             <option>Stage 1</option>
  282.                             <option>Stage 2</option>
  283.                             <option>Stage 3</option>
  284.                         </select>stage to<select id="select-stage-10-2" class="" multiple="multiple">
  285.                             <option>Stage 1</option>
  286.                             <option>Stage 2</option>
  287.                             <option>Stage 3</option>
  288.                         </select>stage in HubSpot </label></div>
  289.                     <div class="radio"><label><input checked="checked" name="check-closed" type="radio" value="none"> none </label></div>
  290.                     <div class="show-error check-closed-error" style="color: red"></div>
  291.                 </td>
  292.             </tr>
  293.             <tr>
  294.                 <td>
  295.                     <p><i class="fa fa-star" style="color: #ff3b08; margin-right: 10px;"></i> Closed - Won</p>
  296.                     <small>Check Closed - Won Status in ClearCare</small></td>
  297.                 <td>
  298.                     <div class="radio">
  299.                         <label> <input name="closed-won" type="radio" value="stage"> Deal Stage moves from
  300.                         <select id="select-stage-11-1" class="" multiple="multiple">
  301.                             <option>Stage 1</option>
  302.                             <option>Stage 2</option>
  303.                             <option>Stage 3</option>
  304.                         </select>stage to<select id="select-stage-11-2" class="" multiple="multiple">
  305.                             <option>Stage 1</option>
  306.                             <option>Stage 2</option>
  307.                             <option>Stage 3</option>
  308.                         </select>stage in HubSpot </label></div>
  309.                     <div class="radio">
  310.                         <label><input checked="checked" name="closed-won" type="radio" value="none"> none </label>
  311.                     </div>
  312.                     <div class="show-error closed-won-error" style="color: red"></div>
  313.                 </td>
  314.             </tr>
  315.             </tbody>
  316.             <tfoot>
  317.             <tr>
  318.                 <td>&nbsp;</td>
  319.                 <td>
  320.                     <button id="continue-btn" class="btn btn-warning pull-right" >Continue</button>
  321.                     <button id="continue-btn-submit" class="btn btn-warning pull-right">Continue Submit</button>
  322.                 </td>
  323.             </tr>
  324.             </tfoot>
  325.         </table>
  326.     </div>
  327. </section>
  328. <section class="margin-bottom-60 margin-top-40"></section>
  329. <!-- Modal -->
  330. <div class="modal fade" id="linkAnotherPipelineModal" role="dialog" aria-labelledby="linkAnotherPipelineModalLabel" aria-hidden="true" tabindex="-1">
  331.     <div class="modal-dialog modal-lg" role="document">
  332.         <div class="modal-content">
  333.             <div class="modal-header"><button class="close" type="button" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button></div>
  334.             <div class="modal-body" style="min-height: 300px;">
  335.                 <div class="col-md-12 text-center">
  336.                     <h5 class=""><label>Would you like to link another HubSpot Sales Pipeline with ClearCare:</label></h5>
  337.                 </div>
  338.                 <div class="col-md-12 text-center"><label class="radio-inline"> <input checked="checked" name="link-another-pipeline" type="radio" value="No"> No </label> <label class="radio-inline"> <input name="link-another-pipeline" type="radio" value="Yes"> Yes </label></div>
  339.                 <div id="link-another-pipeline-yes-options" style="display: none;">
  340.                     <div class="col-md-12 text-center">
  341.                         <h5 class=""><label>Select the HubSpot Sales Pipeline in which you want to create Contact and Deal from ClearCare Prospect:</label></h5>
  342.                     </div>
  343.                     <div class="col-md-offset-3 col-md-6 text-center"><select id="select-sales-pipeline" class="form-control">
  344.                         <option value="">Select HubSpot Sales Pipeline</option>
  345.                     </select></div>
  346.                 </div>
  347.                 <div id="link-another-pipeline-no-options">
  348.                     <div class="col-md-12 text-center">
  349.                         <h5 class=""><label>Prospect creation in ClearCare will create a Contact and Deal in HubSpot Sales Pipleline : <span id="existing-pipeline-name"></span></label></h5>
  350.                     </div>
  351.                 </div>
  352.             </div>
  353.             <div class="modal-footer"><button class="btn btn-secondary" type="button" data-dismiss="modal">Close</button> <button id="link-another-continue-btn" class="btn btn-primary" type="button">Continue</button></div>
  354.         </div>
  355.     </div>
  356. </div>
  357.  
  358.  
  359. <section class="margin-bottom-60 margin-top-40"></section>
  360.  
  361.  
  362. <!-- Include all compiled plugins (below), or include individual files as needed -->
  363.  
  364. </body>
  365. </html>
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top