daily pastebin goal
3%
SHARE
TWEET

Untitled

a guest May 16th, 2018 114 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!doctype html>
  2. <html class="no-js" lang="en-US" prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# article: http://ogp.me/ns/article#">
  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.     <title>Opt-out form</title>
  8.  
  9.     <!-- SEO Ultimate (http://www.seodesignsolutions.com/wordpress-seo/) -->
  10.     <link rel="canonical" href="/contact-us/" />
  11.     <meta name="description" content="Contact RelPro and start identifying quality leads, develop prospects and strengthen existing relationships." />
  12.     <meta property="og:type" content="article" />
  13.     <meta property="og:title" content="Contact us" />
  14.     <meta property="og:description" content="Contact RelPro and start identifying quality leads, develop prospects and strengthen existing relationships." />
  15.     <meta property="og:url" content="/contact-us/" />
  16.     <meta property="og:image" content="http://relprodev.dev/wp-content/uploads/2016/02/relcapp.png" />
  17.     <meta property="article:published_time" content="2016-01-11" />
  18.     <meta property="article:modified_time" content="2016-08-15" />
  19.     <meta property="og:site_name" content="Relpro | Customer Relationship Prospect Research Management Software" />
  20.     <meta name="twitter:card" content="summary" />
  21.     <meta name="twitter:site" content="@relprocom" />
  22.     <meta name="twitter:site:id" content="relcapp" />
  23.     <!-- /SEO Ultimate -->
  24.  
  25.     <link rel='dns-prefetch' href='//s.w.org' />
  26.     <!-- build:include ../_components/css.html -->
  27.     <!-- /build -->
  28.     <!-- build:include ../_components/scripts.html -->
  29.     <!-- /build -->
  30.  
  31.  
  32.     <style type="text/css">
  33.         div.wpcf7 .screen-reader-response {
  34.             display: none;
  35.         }
  36.         div.wpcf7 img.ajax-loader {
  37.             border: none;
  38.             vertical-align: middle;
  39.             margin-left: 4px;
  40.         }
  41.         div.wpcf7 .form-inline img.ajax-loader {
  42.             display: inline;
  43.         }
  44.         div.wpcf7 div.ajax-error {
  45.             display: none;
  46.         }
  47.         div.wpcf7 .wpcf7-display-none {
  48.             display: none;
  49.         }
  50.         div.wpcf7 .form-inline .form-group {
  51.             max-width: 250px;
  52.         }
  53.         div.wpcf7 .input-group-addon img {
  54.             height: 100%;
  55.             width: auto;
  56.             max-width: none !important;
  57.             border-radius: 5px;
  58.         }
  59.         div.wpcf7 .input-group-addon.input-group-has-image {
  60.             padding: 0;
  61.         }
  62.     </style>
  63.     <link rel="canonical" href="/contact-us/">
  64.     <meta name="generator" content="Powered by Slider Revolution 5.1.6 - responsive, Mobile-Friendly Slider Plugin for WordPress with comfortable drag and drop interface." />
  65.     <!-- build:include ../_components/favicon.html -->
  66.     <!-- /build -->
  67.  
  68.  
  69.  
  70. </head>
  71. <body class="page page-id-43 contact-us" onload = "document.body.style.visibility='visible';" style="visibility:hidden;" >
  72. <!--[if lt IE 9]>
  73. <div class="alert alert-warning">
  74.     You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.      </div>
  75. <![endif]-->
  76.  
  77. <!-- build:include ../_components/header.html -->
  78. <!-- /build -->
  79.  
  80. <div id="body-content" class="wrap " role="document">
  81.     <div class="content container-fluid">
  82.         <div class="row">
  83.             <div class="header-wrapper">
  84.                 <div class="container">
  85.                     <div class="page-header">
  86.                         <h1>Contact us</h1>
  87.                     </div>
  88.                 </div>
  89.             </div>
  90.             <main class="main" role="main">
  91.                 <section id="opt-out-banner" class="cta_button_green anchor">
  92.  
  93.                     <div class="container-fluid">
  94.                         <div class="row">
  95.  
  96.                             <div class="container section-height">
  97.                                 <div class="section-image col-sm-2 col-xs-3 flexLeft">
  98.                                     <img class=" img-responsive-inline text-center" src="../components/img/icons/lock_icon.png" alt="">
  99.                                 </div>
  100.                                 <div class="section-content col-sm-10 col-xs-9 flexRight">
  101.                                     <div class="row section-height">
  102.                                         <div class="col-lg-12 col-md-12 col-sm-12 section-content ">
  103.                                             <div class="content-inner msg">
  104.                                                 <br>
  105.                                                 <p>RelPro is commited to protecting your privacy and data breaches in an increasingly data-driven world. If you want us to erase your data, please fill out this opt-out form. We will process your request promptly when we receive it. </p>
  106.                                                 <br>
  107.                                                 <p>To make your request by phone, please call (888) 561-7890.</p>
  108.                                                 <p>Thank you.</p>
  109.                                                 <br>
  110.                                             </div>
  111.                                         </div>
  112.  
  113.                             </div><!-- end .container -->
  114.                         </div><!-- end .row -->
  115.  
  116.                     </div><!-- end .container-fluid -->
  117.                 </section>
  118.                 <section class="content opt-out contact_form">
  119.                     <div class="container">
  120.                         <!--<div class="input-fields">-->
  121.                         <!--<div class="row">-->
  122.                             <!--<div class="col-xs-12 col-sm-6">-->
  123.                                 <!--<h3>Opt-out Form</h3>-->
  124.                             <!--</div>-->
  125.                             <!--<div class="col-xs-12 col-sm-6">-->
  126.                                 <!--<h4>*Required Fields</h4>-->
  127.                             <!--</div>-->
  128.                         <!--</div>-->
  129.                         <!--<div class="row">-->
  130.                             <!--<div class="col-xs-12 col-sm-12">-->
  131.                                 <!--<span class="title-block">First Name <span class="star">*</span></span>-->
  132.                                 <!--<span class="title-block">Last Name <span class="star">*</span></span>-->
  133.                             <!--</div>-->
  134.                         <!--</div>-->
  135.                         <!--<div class="row">-->
  136.                             <!--<div class="col-xs-12 col-sm-12">-->
  137.                                 <!--<div class="form-group firstNameChecker">-->
  138.                                     <!--<input type="text" class="form-control" id="userFirstName" placeholder="First name*">-->
  139.                                 <!--</div>-->
  140.                                 <!--&lt;!&ndash;<span class="stroudel">@</span>&ndash;&gt;-->
  141.                                 <!--<div class="form-group lastNameChecker">-->
  142.                                     <!--<input type="text" class="form-control mLeft30" id="userLastName" placeholder="Last Name*">-->
  143.                                 <!--</div>-->
  144.                             <!--</div>-->
  145.                         <!--</div>-->
  146.                         <!--<div class="row">-->
  147.                             <!--<div class="col-xs-12 col-sm-12">-->
  148.                                 <!--<span class="title-block">Email<span class="star">*</span></span>-->
  149.                                 <!--<span class="title-block">Direct Phone <span class="star">*</span></span>-->
  150.                             <!--</div>-->
  151.                         <!--</div>-->
  152.                         <!--<div class="row">-->
  153.                             <!--<div class="col-xs-12 col-sm-12">-->
  154.                                 <!--<div class="form-group emailChecker">-->
  155.                                     <!--<input type="text" class="form-control" id="emailChecker" placeholder="Email*">-->
  156.                                 <!--</div>-->
  157.  
  158.                                 <!--<div class="form-group directPhoneChecker">-->
  159.                                     <!--<input type="text" class="form-control mLeft30"  id="directPhone" placeholder="Direct Phone*">-->
  160.                                 <!--</div>-->
  161.                             <!--</div>-->
  162.                         <!--</div>-->
  163.                         <!--<div class="row">-->
  164.                             <!--<div class="col-xs-12 col-sm-12">-->
  165.                                 <!--<span class="title-block">Company Number<span class="star">*</span></span>-->
  166.                             <!--</div>-->
  167.                         <!--</div>-->
  168.                         <!--<div class="row">-->
  169.                             <!--<div class="col-xs-12 col-sm-12">-->
  170.                                 <!--<div class="form-group companyPhoneChecker">-->
  171.                                     <!--<input type="text" class="form-control" id="companyPhone" placeholder="Email*">-->
  172.                                 <!--</div>-->
  173.                             <!--</div>-->
  174.                         <!--</div>-->
  175.                         <!--<div class="row">-->
  176.                             <!--<div class="col-xs-12 col-sm-12">-->
  177.                                 <!--<span class="title-block">Street Address</span>-->
  178.                                 <!--<span class="title-block">City</span></span>-->
  179.                             <!--</div>-->
  180.                         <!--</div>-->
  181.                         <!--<div class="row">-->
  182.                             <!--<div class="col-xs-12 col-sm-12">-->
  183.                                 <!--<div class="form-group streetAddressChecker">-->
  184.                                     <!--<input type="text" class="form-control" placeholder="Street Address">-->
  185.                                 <!--</div>-->
  186.                                 <!--<div class="form-group cityChecker">-->
  187.                                     <!--<input type="text" class="form-control mLeft30" id="city" placeholder="City">-->
  188.                                 <!--</div>-->
  189.                             <!--</div>-->
  190.                         <!--</div>-->
  191.                         <!--<div class="row">-->
  192.                             <!--<div class="col-xs-12 col-sm-12">-->
  193.                                 <!--<span class="title-block">State</span>-->
  194.                                 <!--<span class="title-block">Postal/Zip Code</span></span>-->
  195.                             <!--</div>-->
  196.                         <!--</div>-->
  197.                         <!--<div class="row">-->
  198.                             <!--<div class="col-xs-12 col-sm-12">-->
  199.                                 <!--<div class="form-group stateChecker">-->
  200.                                     <!--<input type="text" class="form-control" placeholder="Street Address">-->
  201.                                     <!--<span class="help-block"></span>-->
  202.                                 <!--</div>-->
  203.                                 <!--<div class="form-group postalCodeChecker">-->
  204.                                     <!--<input type="text" class="form-control mLeft30"  id="postalCode" placeholder="Postal Code">-->
  205.                                     <!--<span class="help-block"></span>-->
  206.                                 <!--</div>-->
  207.                             <!--</div>-->
  208.                         <!--</div>-->
  209.                         <!--<div class="row">-->
  210.                             <!--<div class="col-xs-12 col-sm-12">-->
  211.                                 <!--<span class="title-block">Country</span>-->
  212.                             <!--</div>-->
  213.                         <!--</div>-->
  214.                         <!--<div class="row">-->
  215.                             <!--<div class="col-xs-12 col-sm-12">-->
  216.                                 <!--<div class="form-group countryChecker">-->
  217.                                     <!--<input type="text" class="form-control" placeholder="Country">-->
  218.                                     <!--<span class="help-block"></span>-->
  219.                                 <!--</div>-->
  220.                             <!--</div>-->
  221.                         <!--</div>-->
  222.                         <!--<div class="row">-->
  223.                             <!--<div class="col-xs-12 col-sm-12">-->
  224.                                 <!--<span class="title-block">Position(s) <span class="star">*</span></span>-->
  225.                             <!--</div>-->
  226.                         <!--</div>-->
  227.                         <!--<div class="row">-->
  228.                             <!--<div class="col-xs-12 col-sm-12">-->
  229.                                 <!--<div class="form-group titleChecker">-->
  230.                                     <!--<input type="text" class="form-control" placeholder="Title*">-->
  231.                                 <!--</div>-->
  232.                                 <!--<span class="stroudel">at</span>-->
  233.                                 <!--<div class="form-group companyChecker">-->
  234.                                     <!--<input type="text" class="form-control" id="company" placeholder="Company*">-->
  235.                                 <!--</div>-->
  236.                             <!--</div>-->
  237.                         <!--</div>-->
  238.                         <!--</div>-->
  239.                         <!--<div class="submit-fields">-->
  240.                         <!--<div class="row">-->
  241.                             <!--<div class="col-xs-12 col-sm-12">-->
  242.                                 <!--<div class="form-group">-->
  243.                                     <!--<div class="text-left">-->
  244.                                         <!--<h2 class="addRow" id="addRow"><a>Add previous or another position</a></h2>-->
  245.                                     <!--</div>-->
  246.                                 <!--</div>-->
  247.  
  248.                             <!--</div>-->
  249.                         <!--</div>-->
  250.  
  251.                         <!--<div class="row">-->
  252.                             <!--<div class="col-xs-12 col-sm-12">-->
  253.                                 <!--<div class="form-group">-->
  254.                                     <!--<div class="text-left">-->
  255.                                         <!--<input class="btn btn-success text-center" type="submit" value="Submit">-->
  256.                                     <!--</div>-->
  257.                                 <!--</div>-->
  258.  
  259.                             <!--</div>-->
  260.                         <!--</div>-->
  261.                         <!--</div>-->
  262.  
  263.  
  264.                         <table>
  265.                             <thead>
  266.                             <tr>
  267.                                 <td>
  268.                                     <h3>Opt-out form</h3>
  269.                                 </td>
  270.                                 <td>
  271.                                     <h4>*Required Fields</h4>
  272.                                 </td>
  273.                             </tr>
  274.                             </thead>
  275.                             <tbody>
  276.                             <tr>
  277.                                 <td>
  278.                                     <span class="title-block">First Name <span class="star">*</span></span>
  279.                                     <div class="form-group firstNameChecker"><input type="text" class="form-control" id="userFirstName" placeholder="First name*"></div>
  280.                                 </td>
  281.                                 <td>
  282.                                     <span class="title-block">Last Name <span class="star">*</span></span>
  283.                                     <div class="form-group lastNameChecker"><input type="text" class="form-control"  id="userLastName" placeholder="Last Name*"></div>
  284.                                 </td>
  285.                                 <td></td>
  286.                             </tr>
  287.                             <tr>
  288.                                 <td>
  289.                                     <span class="title-block">Email <span class="star">*</span></span>
  290.                                     <div class="form-group emailChecker"><input type="text" class="form-control" placeholder="Email*"></div>
  291.                                 </td>
  292.                                 <td>
  293.                                     <span class="title-block">Direct Number</span>
  294.                                     <div class="form-group directPhoneChecker"><input type="text" class="form-control" placeholder="Direct number"></div>
  295.                                 </td>
  296.                                 <td></td>
  297.                             </tr>
  298.                             <tr>
  299.                                 <td>
  300.                                     <span class="title-block">Company Number</span>
  301.                                     <div class="form-group companyPhoneChecker"><input type="text" class="form-control" placeholder="Company number"></div>
  302.  
  303.                                 </td>
  304.                                 <td>
  305.                                 </td>
  306.                                 <td></td>
  307.                             </tr>
  308.                             <tr>
  309.                                 <td>
  310.                                     <span class="title-block">Street Address</span>
  311.                                     <div class="form-group streetAddressChecker"><input type="text" class="form-control" placeholder="Street Address"></div>
  312.                                 </td>
  313.                                 <td>
  314.                                     <span class="title-block">City</span>
  315.                                     <div class="form-group cityChecker"><input type="text" class="form-control" placeholder="City"></div>
  316.                                 </td>
  317.                                 <td>
  318.                                 </td>
  319.                             </tr>
  320.                             <tr>
  321.                                 <td>
  322.                                     <span class="title-block">State</span>
  323.                                     <div class="form-group stateChecker"><input type="text" class="form-control" placeholder="State"></div>
  324.                                 </td>
  325.                                 <td>
  326.                                     <span class="title-block">Postal/Zip Code</span>
  327.                                     <div class="form-group postalCodeChecker"><input type="text" class="form-control" placeholder="Postal/Zip Code"></div>
  328.                                 </td>
  329.                                 <td></td>
  330.                             </tr>
  331.                             <tr>
  332.                                 <td>
  333.                                     <span class="title-block">Country <span class="star">*</span></span>
  334.                                     <div class="form-group country"><input type="text" class="form-control" placeholder="Country*"></div>
  335.                                 </td>
  336.                                 <td>
  337.                                 </td>
  338.                                 <td>
  339.                                     <!--<div class="form-group" id="addRow"><div class="text-left"><input class="btn btn-primary" type="submit" value="Add role"></div></div>-->
  340.                                 </td>
  341.                             </tr>
  342.                             <tr><td><span class="title-block">Position(s) <span class="star">*</span></span></td></tr>
  343.                             <tr>
  344.                                 <td>
  345.                                     <div class="form-group titleChecker"><input type="text" name="title" class="form-control" placeholder="Title"></div>
  346.                                     <span class="stroudel">@</span>
  347.                                 </td>
  348.  
  349.                                 <td>
  350.  
  351.                                     <div class="form-group companyChecker"><input type="text" name="company" class="form-control" placeholder="Company*">
  352.                                         </div>
  353.  
  354.                                 </td>
  355.                                 <td>
  356.                                 </td>
  357.                             </tr>
  358.  
  359.                             </tbody>
  360.                             <tfoot>
  361.                             <tr>
  362.                                 <td>
  363.                                     <h2 class="addRow" id="addRow"><a>Add previous or another position</a></h2>
  364.                                     <!--<div class="form-group" id="addRow"><div class="text-left"><input class="btn btn-primary" type="submit" value="Add role"></div></div>-->
  365.                                 </td>
  366.                             </tr>
  367.                             <tr>
  368.                                 <td> <div class="form-group"><div class="text-left"><input class="btn btn-success text-center" type="submit" value="Submit"></div></div>
  369.                             </tr>
  370.                             </tfoot>
  371.                         </table>
  372.  
  373.                     </div>
  374.  
  375.                 </section>
  376.  
  377.  
  378.             </main><!-- /.main -->
  379.         </div><!-- end .row -->
  380.     </div><!-- /.content -->
  381. </div><!-- /.wrap -->
  382.  
  383. <!-- build:include ../_components/footer.html -->
  384. <!-- /build -->
  385.  
  386. </body>
  387. <!--<script src="../components/js/opt-out.js"></script>-->
  388. <script type="text/javascript">
  389.    // buildRelProSignUp({container: '.opt-out'});
  390.  
  391.     $(document).ready(function () {
  392.         var counter = 0;
  393.  
  394.         $("#addRow").on("click", function () {
  395.  
  396.             var counter = $('.input-fields .row').length - 2;
  397.  
  398.             $("#deleteBtn").on("click", function () {
  399.                 counter = -1
  400.             });
  401.  
  402.             var newRow = $("<div class='row'>");
  403.             var cols = "";
  404.             cols += '<div class="col-xs-12 col-sm-12">';
  405.  
  406.             cols += '<div class="form-group titleChecker"><input type="text" name="company' + counter + '" id="title" class="form-control" placeholder="Title"><span class="help-block"></span>';
  407.             cols += '<span class="stroudel">at</span>';
  408.             cols += '<div class="form-group companyChecker"><input type="text" name="title' + counter + '" id="company" class="form-control" placeholder="Company"><span class="help-block"></span></div>';
  409.  
  410.             cols += '<img src="../components/img/icons/red-close.png" id="deleteBtn" value="Delete" height="30" width="30">';
  411.             cols += '</div>';
  412.  
  413.             newRow.append(cols);
  414.  
  415.             $(".opt-out .input-fields").append(newRow);
  416.             counter++;
  417.         });
  418.         $(".opt-out .container").on("click", "#deleteBtn", function (event) {
  419.             $(this).closest(".input-fields .row").remove();
  420.  
  421.         });
  422.     });
  423.  
  424. </script>
  425. </html>
RAW Paste Data
Top