API tools faq
paste
Advertisement
Guest User

Untitled

a guest
May 16th, 2018
124
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.42 KB | None | 0 0
raw download clone embed print report
  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>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!