API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Feb 15th, 2017
258
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 165.94 KB | None | 0 0
raw download clone embed print report
  1.  
  2. <!DOCTYPE html><html><head><title>Editing | Full Width Landing</title><meta content="KickoffLabs helps businesses get customers with viral landing pages, widgets, and useful customer insights you can build yourself!" name="description" /><link rel="shortcut icon" type="image/x-icon" href="https://d3td0z80adncmt.cloudfront.net/assets/favicon-552f611382ac624952e74175cc0ca173ca4a0cc25cdd8a44f1f4995acd069a35.ico" /><link rel="stylesheet" media="all" href="https://d3td0z80adncmt.cloudfront.net/assets/application-99ad244a532de070ad1851e194c0fa343e2285682eba9ba4923fe821b81086c4.css" />
  3. <link rel="stylesheet" media="all" href="https://d3td0z80adncmt.cloudfront.net/assets/kickoff-froala-editor-22a739d55d64d6c6a3808c6c8c1ea8c08579dbb46a44cfccf726aee572ecdfc7.css" />
  4. <link rel="stylesheet" media="all" href="https://d3td0z80adncmt.cloudfront.net/assets/droppable-b92955944b8e33be3b582dbd0c6a20faf1e91128f05538faf88a5bd9245e6f69.css" /><link href="//fast.fonts.net/cssapi/e405e4e3-a629-4d12-82b0-a6ac0d3b10a6.css" rel="stylesheet" type="text/css" /><script data-apikey="57973a4be794580834404f9557d1ea76" data-releasestage="production" src="//d2wy8f7a9ursnm.cloudfront.net/bugsnag-3.min.js"></script><script>if (typeof Bugsnag !== 'undefined') {
  5. Bugsnag.beforeNotify = function(payload) {
  6. var match = payload.file.match(/d3td0z80adncmt|d3dcmpbx20rftp|app\.kickofflabs/i);
  7. return !!(match && match[0].length > 0);
  8. };
  9. Bugsnag.user = {id: "90275", plan: "free", uid: "90275"};
  10. }</script><script src="https://d3td0z80adncmt.cloudfront.net/assets/application-ed7bdf9e65aeb020f0622ec0425b0fa33e24dd831ff1e2db21b9a5bba96e0614.js"></script>
  11. <script src="https://d3td0z80adncmt.cloudfront.net/assets/droppable-designer-6348a9db29765cec14d4eb65819c9bd71b2a1f42792e7e8360b41543ab4b33cb.js"></script></head><body><div class="kol_page_designer droppable-designer landing-page-designer " data-unsaved-changes="false" data-wide-mode="false" id="main"><div id="designer-actions"><nav class="navbar navbar-default navbar-fixed-top" id="editor-navigation"><div class="container-fluid"><div class="navbar-header"><button class="navbar-toggle collapsed" data-target="#droppable-navbar-collapse" data-toggle="collapse" type="button"><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a exact_match="true" title="KickoffLabs" class="navbar-brand" href="/dashboard"><img width="131px" src="https://d3td0z80adncmt.cloudfront.net/assets/logo_on_light_262x46-7fb26e1a60ab8655237d1d0d4c010726f0b331d06aaaa9b6724ce4e0d6d64ab0.png" alt="Logo on light 262x46" /></a></div><div aria-expanded="false" class="collapse navbar-collapse" id="droppable-navbar-collapse"><div aria-expanded="false" class="navbar-left"><p class="unsaved navbar-text" id="save_warning" style="display:none"><i class="fa fa-warning"></i><span class="warning-text"> Unsaved changes </span></p></div><div aria-expanded="false" class="navbar-right"><ul class="nav navbar-nav"><li class="active"><a aria-controls="edit-page" data-state="" data-toggle="tab" href="#edit-page" role="tab">Edit</a></li><li><a aria-controls="preview-page" data-state="preview" data-toggle="tab" href="#preview-page" id="preview-page-btn" role="tab">Preview</a></li><a class="btn btn-blue submit navbar-btn hint-bottom" data-original-title="Saves your changes as the most recent draft." id="save_changes">Save</a><a class="btn btn-teal navbar-btn btn submit hint-bottom publish_page" data-original-title="Publishes the page you see here to the internet." id="publish_changes"> Publish </a><a class="navbar-btn btn hint-bottom" data-original-title="Close the designer and go back to your dashboard." href="/dashboard/campaigns/87224/landing_pages/149684" id="done_button" rel="tooltip">X</a></ul></div></div></div></nav><form id="theme_options" method="post"><div style="display:hidden"><input id="__publish_landing_page" name="__publish_landing_page" type="hidden" value="false" /><input id="template_form" name="template_form" type="hidden" /></div><input type="hidden" name="authenticity_token" value="ONY50mQaV7ZXKtB2dw7J+2tk9jxsrxI+UbNx6pKx6hnsZbzSwiyQvU3WXK31/NqZRXewaP2KkczD5elEXFt1CQ==" /><div class="tab-content" id="editor-tabs"><div class="tab-pane active" id="edit-page" role="tabpanel"><div class="left-nav-wrapper"><div class="floating-nav"><div class="left-nav-item" id="add-content-button"><a href="#" id="add-content-btn"><i class="fa fa-plus"></i></a><div class="left-nav-hover left-nav-hover-show"><i class="fa fa-plus"></i>Add Content</div></div><div class="left-nav-item non-custom-sidebar"><a href="#" id="page-styles-btn"><i class="fa fa-paint-brush"></i></a><div class="left-nav-hover left-nav-hover-show"><i class="fa fa-paint-brush"></i>Page Design</div></div><div class="left-nav-item non-custom-sidebar"><a href="#" id="edit-settings-btn"><i class="fa fa-gear"></i></a><div class="left-nav-hover left-nav-hover-show"><i class="fa fa-gear"></i>Settings</div></div><div class="left-nav-item non-custom-sidebar"><a href="#" id="thanks-message-btn"><i class="fa fa-external-link"></i></a><div class="left-nav-hover left-nav-hover-show"><i class="fa fa-external-link"></i>Thanks</div></div><div class="left-nav-item custom-sidebar"><div id="dashboard-support"><i class="fa fa-question"></i></div><div class="left-nav-hover left-nav-hover-show" id="dashboard-support-2"><i class="fa fa-question"></i><span class="support">Need Help?</span></div></div></div><div id="left-nav-content-container"><div class="hidden"><div class="top"><h3 class="headline normal">Edit HTML<span class="pull-right"><a class="btn btn-default trigger-preview-on-click">Update Preview</a></span></h3><p>You should <a target="_new" href="http://kickofflabs.com/support/editing-landing-page-theme-html">read our documentation</a> on editing HTML. </p><div class="clearfix"></div></div><div class="clearfix"></div><div class="code-edit-wrapper"><div class="ace_editors hidden"><div class="theme_editor" id="html_edit_window">&lt;!DOCTYPE html&gt;
  12. &lt;html&gt;
  13. &lt;head&gt;
  14. &lt;script src=&quot;{% jquery 1.10.2 %}&quot;&gt;&lt;/script&gt;
  15. {% common_header %}
  16. {% font_awesome %}
  17. &lt;meta charset=&quot;utf-8&quot;&gt;
  18. &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no&quot;&gt;
  19. &lt;!-- Bootstrap core CSS --&gt;
  20. &lt;link href=&quot;{% asset_path css/bootstrap/3.2.0/bootstrap.min.css %}&quot; rel=&quot;stylesheet&quot;&gt;
  21. &lt;link href=&quot;{% droppable_theme_styles %}&quot; media=&quot;screen&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot;/&gt;
  22. &lt;!-- Loading custom fonts --&gt;
  23. {% load_custom_fonts %}
  24.  
  25.  
  26. &lt;!-- Add custom CSS here --&gt;
  27. &lt;style&gt;
  28. body, p {
  29. font-family: &#39;Lato&#39;, sans-serif;
  30. }
  31. h1,h2,h3,h4,h5,h6 {
  32. font-family: &#39;Abel&#39;, sans-serif;
  33. }
  34.  
  35. /* Hero Section */
  36. #hero_section h1, #hero_section h2, #hero_section h3, #hero_section h4, #hero_section h5, #hero_section h6, #hero_section p {
  37. color: #ffffff;
  38. }
  39. #hero_section label {
  40. color: #ffffff !important;
  41. }
  42. /* Hero Section - Form Styles */
  43.  
  44. /* Buttons and Inputs */
  45. /* Inputs */
  46. #signup-form-stacked .input-sm {
  47. border-radius: 0px;
  48. padding: 6px 10px 5px 10px !important;
  49. }
  50. #signup-form-stacked .input-md {
  51. padding: 8px 16px 9px !important;
  52. font-size: 16px !important;
  53. line-height: 1.33;
  54. border-radius: 0px;
  55. }
  56. #signup-form-stacked .input-lg {
  57. border-radius: 0px;
  58. padding: 12px 29px !important;
  59. font-size: 18px !important;
  60. }
  61. /* Buttons */
  62. #signup-form-stacked .kol-btn-sm {
  63. padding: 7px 25px !important;
  64. }
  65. #signup-form-stacked .kol-btn-md {
  66. font-size: 16px !important;
  67. padding: 9px 29px !important;
  68. }
  69. #signup-form-stacked .kol-btn-lg {
  70. padding: 12px 45px !important;
  71. }
  72. @media (max-width: 768px) {
  73. #kol-signup-button-stacked {
  74. width: 100%;
  75. }
  76. .kol-signup-form.form-inline {
  77. width: 60%;
  78. }
  79. }
  80. @media (max-width: 420px) {
  81. .kol-signup-form.form-inline {
  82. width: 95%;
  83. }
  84. }
  85. /* End Buttons and Inputs */
  86.  
  87. /* Label styles */
  88. #signup-form-stacked {
  89. margin-top: 22px;
  90. }
  91. #signup-form-stacked label {
  92. margin-bottom: 2px;
  93. }
  94. #signup-form-stacked .form-group {
  95. position: relative;
  96. padding-bottom: 20px;
  97. }
  98. #kol-signup-button-stacked {
  99. margin-bottom: 20px !important;
  100. }
  101. #signup-form-stacked .form-group label {
  102. position: absolute;
  103. top:-22px;
  104. }
  105. /* END: Label styles */
  106.  
  107. /* Textarea styles */
  108. #signup-form-stacked textarea {
  109. border-radius: 2px;
  110. margin-bottom: 0 !important;
  111. }
  112. #signup-form-stacked textarea.input-md {
  113. max-height: 40px;
  114. }
  115. #signup-form-stacked textarea.input-lg {
  116. max-height: 49px;
  117. }
  118. #signup-form-stacked textarea.input-sm {
  119. max-height: 31px;
  120. }
  121. /* END: Textarea styles */
  122.  
  123. /* Checkboxes and Radios */
  124. #signup-form-stacked .form-group[data-input-type=&quot;radio&quot;] label, #signup-form-stacked .form-group[data-input-type=&quot;checkbox&quot;] label {
  125. position: relative;
  126. top: 0px;
  127. }
  128. /* END: Checkboxes and Radios */
  129.  
  130. /* Feature Section */
  131. .feature .image {
  132. height: 400px;
  133. width: 100%;
  134. object-fit: cover;
  135. overflow: hidden;
  136. }
  137. .feature .image img {
  138. margin: 0;
  139. width: 100%;
  140. position: relative;
  141. top: 50%;
  142. transform: perspective(1px) translateY(-50%);
  143. }
  144. .feature .text {
  145. text-align: center;
  146. }
  147.  
  148. /* Testimonial Section */
  149. .quote-simple-image.zigzag, .quote-simple-image.zigzag footer p {
  150. color: #ffffff;
  151. }
  152.  
  153.  
  154. #testimonials_section_container p {
  155. color: #ffffff;
  156. }
  157. #testimonials_section_container h1,#testimonials_section_container h2,#testimonials_section_container h3,#testimonials_section_container h4,#testimonials_section_container h5,#testimonials_section_container h6 {
  158. color: #ffffff;
  159. }
  160.  
  161. &lt;/style&gt;
  162.  
  163. &lt;!-- These styles are reserved for the KickoffLabs designer --&gt;
  164. &lt;style data-content-name=&quot;kol_designer_styling&quot; id=&quot;kol_designer_styling&quot; data-mercury=&quot;froala&quot;&gt;
  165. {{content.kol_designer_styling}}
  166. &lt;/style&gt;
  167.  
  168. {% integrations header %}
  169. &lt;link href=&quot;//fonts.googleapis.com/css?family=Abel|Lato&quot; rel=&quot;stylesheet&quot; property=&quot;stylesheet&quot; type=&quot;text/css&quot; class=&quot;kol-font-style&quot; data-kol-font=&quot;abel&quot;&gt;
  170. &lt;/head&gt;
  171.  
  172. &lt;body&gt;
  173.  
  174. &lt;div class=&quot;container&quot;&gt;
  175. &lt;div id=&quot;top_bar&quot; class=&quot;kol-container kol-hideable-section&quot; data-designer-region=&quot;droppable&quot; data-content-name=&quot;top_bar&quot; data-friendly-name=&quot;Top Bar&quot;&gt;
  176. {{content.top_bar}}
  177. &lt;/div&gt;
  178. &lt;/div&gt;
  179.  
  180. &lt;div class=&quot;kol-editable-section&quot; data-style-tdo=&quot;hero_styles&quot; style=&quot;{{content.hero_styles}}&quot;&gt;
  181. &lt;div class=&quot;container&quot;&gt;
  182. &lt;div id=&quot;hero_section&quot; data-designer-region=&quot;droppable&quot; data-content-name=&quot;hero_section&quot;&gt;
  183. {{content.hero_section}}
  184. &lt;/div&gt;
  185. &lt;/div&gt;
  186. &lt;/div&gt;
  187.  
  188. &lt;div id=&quot;feature_first_section_container&quot; class=&quot;kol-editable-section kol-hideable-section&quot; data-friendly-name=&quot;First Feature Section&quot;&gt;
  189. &lt;div class=&quot;container-fluid&quot;&gt;
  190. &lt;div id=&quot;feature_first_section&quot; data-designer-region=&quot;droppable&quot; data-content-name=&quot;feature_first_section&quot;&gt;
  191. {{content.feature_first_section}}
  192. &lt;/div&gt;
  193. &lt;/div&gt;
  194. &lt;/div&gt;
  195.  
  196. &lt;div id=&quot;feature_second_section_container&quot; class=&quot;kol-editable-section kol-hideable-section&quot; data-friendly-name=&quot;Second Feature Section&quot;&gt;
  197. &lt;div class=&quot;container-fluid&quot;&gt;
  198. &lt;div id=&quot;feature_second_section&quot; data-designer-region=&quot;droppable&quot; data-content-name=&quot;feature_second_section&quot;&gt;
  199. {{content.feature_second_section}}
  200. &lt;/div&gt;
  201. &lt;/div&gt;
  202. &lt;/div&gt;
  203.  
  204. &lt;div id=&quot;feature_third_section_container&quot; class=&quot;kol-editable-section kol-hideable-section&quot; data-friendly-name=&quot;Third Feature Section&quot;&gt;
  205. &lt;div class=&quot;container-fluid&quot;&gt;
  206. &lt;div id=&quot;feature_third_section&quot; data-designer-region=&quot;droppable&quot; data-content-name=&quot;feature_third_section&quot;&gt;
  207. {{content.feature_third_section}}
  208. &lt;/div&gt;
  209. &lt;/div&gt;
  210. &lt;/div&gt;
  211.  
  212. &lt;div id=&quot;testimonials_section_container&quot; class=&quot;kol-editable-section kol-hideable-section&quot; data-style-tdo=&quot;testimonial_styles&quot; data-friendly-name=&quot;Testimonials Section&quot; style=&quot;{{content.testimonial_styles}}&quot;&gt;
  213. &lt;div class=&quot;container&quot;&gt;
  214. &lt;div id=&quot;testimonials_section&quot; data-designer-region=&quot;droppable&quot; data-content-name=&quot;testimonials_section&quot;&gt;
  215. {{content.testimonials_section}}
  216. &lt;/div&gt;
  217. &lt;/div&gt;
  218. &lt;/div&gt;
  219.  
  220. &lt;div id=&quot;footer-container&quot; class=&quot;kol-hideable-section&quot; data-friendly-name=&quot;Footer&quot;&gt;
  221. &lt;div class=&quot;footer&quot;&gt;
  222. &lt;div class=&quot;container&quot;&gt;
  223. &lt;footer&gt;
  224.  
  225. &lt;div class=&quot;row&quot;&gt;
  226. &lt;div class=&quot;col-lg-12&quot;&gt;
  227. &lt;div id=&quot;footer_content&quot; data-designer-region=&quot;droppable&quot; data-content-name=&quot;footer_content&quot;&gt;
  228. {{content.footer_content}}
  229. &lt;/div&gt;
  230. &lt;/div&gt;
  231.  
  232. &lt;div class=&quot;col-md-6&quot;&gt;
  233. &lt;div id=&quot;the_footer_text&quot; class=&quot;footer-text pull-left&quot; data-mercury=&quot;froala&quot; data-content-name=&quot;the_footer_text&quot;&gt;
  234. {{content.the_footer_text}}
  235. &lt;/div&gt;
  236. &lt;/div&gt;
  237.  
  238. &lt;div class=&quot;col-md-6&quot;&gt;
  239. &lt;p class=&quot;footer-text pull-right&quot;&gt;
  240. &lt;a id=&quot;privacy_link&quot; href=&quot;{{page_url}}/privacy&quot; &gt;{{content.privacy_link_text}}&lt;/a&gt;
  241. &lt;/p&gt;
  242. &lt;/div&gt;
  243. &lt;/div&gt;
  244. &lt;/footer&gt;
  245. &lt;/div&gt;
  246. &lt;/div&gt;
  247. &lt;/div&gt;
  248. &lt;!-- Placed at the end of the document so the pages load faster --&gt;
  249. {% droppable_form_script %}
  250. {% integrations footer %}
  251. &lt;/body&gt;
  252. &lt;/html&gt;
  253. </div><div class="clearfix"></div><div><input id="template_content" name="template_content" type="hidden" /></div></div></div><div class="top"><div class="clearfix"></div><p> You like to get your hands dirty, don't you? Upgrade to a premium level account, and you'll be able to edit the raw HTML and CSS of your landing page to create just the right impression. </p><div class="spacer"></div><p><a class="btn btn-warning upgrade upgrade-html-access" href="/dashboard/account/upgrade/premium">No Risk, 30 Day Money Back Guarantee</a></p><div class="spacer"></div><div class="spacer"></div><div class="text-center"><a class="thumbnail" href="/dashboard/account/upgrade/premium"><img src="https://d3td0z80adncmt.cloudfront.net/assets/upgrade_previews/edit_html-89fa6c4b1a2c3f3d4c73f992c27d7e2746afd8d13c6e9dc6ca166ebf8f038352.png" alt="Edit html" /></a></div></div><div class="top"><h3 class="headline normal">Edit Theme Data<span class="pull-right"><a class="btn btn-default trigger-preview-on-click">Update Preview</a></span></h3><div class="clearfix"></div><h4>Warning - Geeks only on this tab. </h4><p>You can this tab to define new variables (and more) in a theme.
  254. If you are not helping us build a new theme, you likely don't need
  255. to make any changes here. Contact support@kickofflabs.com for help
  256. until we publish documentation. <strong>For now - test by using "Save Draft". </strong></p></div><div class="ace_editors hidden" style="top:184px;"><div class="theme_editor" id="yaml_edit_window">---
  257. include_default_options: default_droppable_options_4
  258. editor: droppable
  259. designer_version: 4
  260. options:
  261. inline:
  262. headline_font:
  263. default: Abel
  264. editor: string
  265. body_font:
  266. default: Lato
  267. editor: string
  268. kol_designer_styling:
  269. hint: Append custom CSS to this style tag.
  270. editor: html
  271. default: &quot;body, p { color: #394046; }\nh1,h2,h3,h4,h5,h6 { color: #394046; }\na
  272. { color: #0088cc; }\na:hover { color: #005599; }\nbody { background-color:
  273. #ffffff; \nbackground-image: none; \n}\n&quot;
  274. page_background_color:
  275. editor: string
  276. default: &quot;#ffffff&quot;
  277. body_text_color:
  278. editor: string
  279. default: &quot;#394046&quot;
  280. headline_text_color:
  281. editor: string
  282. default: &quot;#394046&quot;
  283. page_link_color:
  284. editor: string
  285. default: &quot;#0088cc&quot;
  286. page_link_hover_color:
  287. editor: string
  288. default: &quot;#005599&quot;
  289. hero_styles:
  290. editor: string
  291. default: &#39;background-image: none; background-color: #394046; background-size:
  292. cover; background-position: center center; background-repeat: no-repeat; padding:
  293. 40px 0 30px;
  294.  
  295. &#39;
  296. testimonial_styles:
  297. editor: string
  298. default: &#39;background-image: none; background-color: rgb(82, 87, 91); background-size:
  299. cover; background-position: center center; background-repeat: no-repeat; padding:
  300. 50px 0 40px;
  301.  
  302. &#39;
  303. top_bar:
  304. editor: html
  305. allow_blank: true
  306. default: |
  307. &lt;div class=&quot;row clearfix&quot; data-kol-editor=&quot;froala&quot; style=&quot;padding: 10px 0&quot;&gt;
  308. &lt;div class=&quot;col-xs-12&quot;&gt;
  309. &lt;p style=&quot;text-align: center;&quot;&gt;
  310. &lt;img alt=&quot;Image title&quot; src=&quot;https://d1y0v6ricksqp.cloudfront.net/images/logos/horizontal_dark.png&quot; style=&quot;width: 211px;marign: auto&quot;&gt;
  311. &lt;/p&gt;
  312. &lt;/div&gt;
  313. &lt;/div&gt;
  314. hero_section:
  315. editor: html
  316. allow_blank: true
  317. default: &quot;&lt;div class=\&quot;row\&quot; data-kol-editor=\&quot;froala\&quot; style=\&quot;padding: 0px
  318. 0 10px\&quot;&gt;\n &lt;div id=\&quot;top-container\&quot; class=\&quot;col-md-10 col-md-offset-1\&quot;&gt;\n
  319. \ &lt;div class=\&quot;text-center\&quot; &gt;\n &lt;h1 class=&#39;hero-headline&#39; style=\&quot;color:
  320. #fff;font-size:50px\&quot;&gt;YOUR HEADLINE&lt;/h1&gt;\n &lt;p class=&#39;hero-subhead&#39; style=\&quot;color:
  321. #fff;font-size:21px;\&quot;&gt;Provide a short description here. You may want to describe
  322. what you have to offer and why your audience would be interested.&lt;/p&gt;\n &lt;/div&gt;\n
  323. \ &lt;/div&gt;\n&lt;/div&gt;\n&lt;div class=\&quot;row\&quot; style=\&quot;padding: 0 0 40px\&quot;&gt;\n &lt;div
  324. class=\&quot;col-md-10 col-md-offset-1\&quot;&gt;\n &lt;div class=\&quot;row clearfix\&quot;&gt;\n &lt;div
  325. class=\&quot;col-md-12 text-center\&quot;&gt;\n &lt;div class=\&quot;display\&quot;&gt;\n &lt;form
  326. accept-charset=\&quot;UTF-8\&quot; class=\&quot;kol-signup-form kol-form-inline-centered
  327. form-inline signup_form\&quot; data-remote=\&quot;true\&quot; id=\&quot;signup-form-stacked\&quot;
  328. method=\&quot;post\&quot;&gt;\n &lt;fieldset class=\&quot;inline kol-form-group-stacked\&quot;
  329. data-kol-editor=\&quot;form\&quot; style=\&quot;display:inline-block;\&quot;&gt;\n &lt;div
  330. class=\&quot;kol-form-group kol-no-delete form-group\&quot; data-name=\&quot;email\&quot; data-input-type=\&quot;email\&quot;
  331. data-label=\&quot;Email address\&quot; data-placeholder=\&quot;Email\&quot; data-required=\&quot;on\&quot;
  332. data-input_size=\&quot;input-md\&quot; data-helptext=\&quot;\&quot; data-show_label=\&quot;true\&quot;&gt;\n
  333. \ &lt;input type=\&quot;email\&quot; class=\&quot;kol-form-control kol-form-control-stacked
  334. input-md form-control required\&quot; name=\&quot;Email\&quot; id=\&quot;email\&quot; placeholder=\&quot;Enter
  335. your email here\&quot; required&gt;\n &lt;/div&gt;\n &lt;div class=\&quot;kol-form-group
  336. kol-no-delete kol-has-hidden-fields form-group kol-form-submit\&quot; data-input-type=\&quot;submit-button\&quot;
  337. data-label=\&quot;Submit\&quot; data-placeholder=\&quot;\&quot; data-required=\&quot;\&quot; data-input_size=\&quot;btn-md\&quot;
  338. data-helptext=\&quot;\&quot; data-form_name=\&quot;Default Form\&quot;&gt;\n &lt;input
  339. type=\&quot;hidden\&quot; value=\&quot;Default Form\&quot; name=\&quot;__form_name\&quot;&gt;\n &lt;/div&gt;\n
  340. \ &lt;/fieldset&gt;\n &lt;div class=\&quot;row clearfix kol-form-button-row-inline
  341. kol-form-button-stacked\&quot; style=\&quot;position:relative;display:inline-block;\&quot;&gt;\n
  342. \ &lt;div data-kol-editor=\&quot;button\&quot; class=\&quot;text-center\&quot; data-settings=&#39;{\&quot;type\&quot;:\&quot;submit\&quot;,\&quot;text\&quot;:\&quot;Signup
  343. Now!\&quot;,\&quot;style\&quot;:\&quot;square\&quot;,\&quot;background-color\&quot;:\&quot;#0088CC\&quot;,\&quot;color\&quot;:\&quot;#ffffff\&quot;,\&quot;alignment\&quot;:\&quot;center\&quot;,\&quot;size\&quot;:\&quot;md\&quot;,\&quot;hover-background-color\&quot;:\&quot;#005599\&quot;,\&quot;hover-color\&quot;:\&quot;#ffffff\&quot;}&#39;&gt;\n
  344. \ &lt;input type=\&quot;submit\&quot; id=\&quot;kol-signup-button-stacked\&quot; class=\&quot;btn
  345. kol-cta-btn kol-cta-btn-stacked kol-btn-md\&quot; value=\&quot;Signup Now!\&quot;&gt;\n &lt;style
  346. class=\&quot;button-style\&quot;&gt;\n #kol-signup-button-stacked {\n
  347. \ background-color: #0088CC !important; \n color:
  348. #ffffff !important; \n -moz-border-radius: 0px; \n -webkit-border-radius:
  349. 0px; \n border-radius: 0px; \n border:0;\n
  350. \ }\n #kol-signup-button-stacked:hover {
  351. background-color: #005599 !important; color: #ffffff !important; }\n &lt;/style&gt;\n
  352. \ &lt;/div&gt;\n &lt;/div&gt;\n &lt;/form&gt;\n &lt;/div&gt;\n
  353. \ &lt;/div&gt;&lt;!-- col-md-6--&gt;\n &lt;/div&gt;\n &lt;/div&gt;\n&lt;/div&gt;\n&quot;
  354. feature_first_section:
  355. editor: html
  356. allow_blank: true
  357. default: |
  358. &lt;div class=&quot;row clearfix kol-background-image&quot; style=&quot;background-image: linear-gradient(rgba(145, 148, 150, 0.19), rgba(58, 65, 71, 0.701961)), url(&#39;//d1y0v6ricksqp.cloudfront.net/images/snippets/snippet%20images/used_in_snippets/minimal-1-long.jpg&#39;); background-color: transparent; background-size: cover; background-position: center center; background-repeat: no-repeat; padding: 150px 0;&quot;&gt;&lt;/div&gt;
  359. &lt;div class=&quot;row clearfix&quot; data-kol-editor=&quot;froala&quot; style=&quot;padding: 50px 0 80px 0;&quot;&gt;
  360. &lt;div class=&quot;container-fluid&quot;&gt;
  361. &lt;div class=&quot;row feature&quot;&gt;
  362. &lt;div class=&quot;col-md-8 col-md-offset-2 text&quot;&gt;
  363. &lt;h2 style=&quot;font-size: 40px;&quot;&gt;Feature&lt;/h2&gt;
  364. &lt;p&gt;Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&#39;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.&lt;/p&gt;
  365. &lt;/div&gt;
  366. &lt;/div&gt;
  367. &lt;/div&gt;
  368. &lt;/div&gt;
  369. feature_second_section:
  370. editor: html
  371. allow_blank: true
  372. default: |
  373. &lt;div class=&quot;row clearfix kol-background-image&quot; style=&quot;background-image: linear-gradient(rgba(145, 148, 150, 0.19), rgba(58, 65, 71, 0.701961)), url(&#39;//d1y0v6ricksqp.cloudfront.net/images/backgrounds/pictures/streetpeople.jpg&#39;); background-color: transparent; background-size: cover; background-position: center center; background-repeat: no-repeat; padding: 150px 0;&quot;&gt;&lt;/div&gt;
  374. &lt;div class=&quot;row clearfix&quot; data-kol-editor=&quot;froala&quot; style=&quot;padding: 50px 0 80px 0;&quot;&gt;
  375. &lt;div class=&quot;container-fluid&quot;&gt;
  376. &lt;div class=&quot;row feature&quot;&gt;
  377. &lt;div class=&quot;col-md-8 col-md-offset-2 text&quot;&gt;
  378. &lt;h2 style=&quot;font-size: 40px;&quot;&gt;Feature&lt;/h2&gt;
  379. &lt;p&gt;Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&#39;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.&lt;/p&gt;
  380. &lt;/div&gt;
  381. &lt;/div&gt;
  382. &lt;/div&gt;
  383. &lt;/div&gt;
  384. feature_third_section:
  385. editor: html
  386. allow_blank: true
  387. default: |
  388. &lt;div class=&quot;row clearfix kol-background-image&quot; style=&quot;background-image: linear-gradient(rgba(145, 148, 150, 0.19), rgba(58, 65, 71, 0.701961)), url(&#39;//d1y0v6ricksqp.cloudfront.net/images/backgrounds/pictures/things_silverpenwithadiary_small.jpg&#39;); background-color: transparent; background-size: cover; background-position: center center; background-repeat: no-repeat; padding: 150px 0;&quot;&gt;&lt;/div&gt;
  389. &lt;div class=&quot;row clearfix&quot; data-kol-editor=&quot;froala&quot; style=&quot;padding: 50px 0 80px 0;&quot;&gt;
  390. &lt;div class=&quot;container-fluid&quot;&gt;
  391. &lt;div class=&quot;row feature&quot;&gt;
  392. &lt;div class=&quot;col-md-8 col-md-offset-2 text&quot;&gt;
  393. &lt;h2 style=&quot;font-size: 40px;&quot;&gt;Feature&lt;/h2&gt;
  394. &lt;p&gt;Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&#39;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.&lt;/p&gt;
  395. &lt;/div&gt;
  396. &lt;/div&gt;
  397. &lt;/div&gt;
  398. &lt;/div&gt;
  399. testimonials_section:
  400. editor: html
  401. allow_blank: true
  402. default: |
  403. &lt;div class=&quot;row clearfix quote-simple-image two zigzag&quot; style=&quot;padding: 10px 0;&quot;&gt;
  404. &lt;div data-kol-editor=&quot;froala&quot; class=&quot;col-sm-6&quot;&gt;
  405. &lt;blockquote class=&quot;text-center&quot;&gt;
  406. &lt;span class=&quot;kol-icon-container&quot; style=&quot;font-size:48px; color: #FFFFFF;&quot;&gt;&lt;i class=&quot;kol-icon fa fa-quote-left&quot;&gt;&lt;/i&gt;&lt;/span&gt;&lt;p&gt;Lorem Ipsum has been the industry&#39;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.&lt;/p&gt;&lt;footer&gt;&lt;div class=&quot;row clearfix&quot;&gt;&lt;div class=&quot;col-xs-12 col-xs-offset-1 col-sm-12 col-sm-offset-1 col-md-8 col-md-offset-4 kol-citation&quot;&gt;&lt;div class=&quot;col-xs-4&quot;&gt;&lt;img src=&quot;https://d3aa8b1gak9v1d.cloudfront.net/assets/2/4fi5uszl1ppsabb123dq/kids-4-square.jpg&quot; class=&quot;img-circle&quot;&gt;&lt;/div&gt;&lt;div class=&quot;col-xs-8 kol-reference&quot;&gt;&lt;p&gt;&lt;cite&gt;Your Name&lt;/cite&gt;Your Title&lt;/p&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/footer&gt;
  407. &lt;/blockquote&gt;
  408. &lt;/div&gt;
  409. &lt;div data-kol-editor=&quot;froala&quot; class=&quot;col-sm-6&quot;&gt;
  410. &lt;blockquote class=&quot;text-center&quot;&gt;
  411. &lt;span class=&quot;kol-icon-container&quot; style=&quot;font-size:48px; color: #FFFFFF;&quot;&gt;&lt;i class=&quot;kol-icon fa fa-quote-left&quot;&gt;&lt;/i&gt;&lt;/span&gt;&lt;p&gt;Lorem Ipsum has been the industry&#39;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.&lt;/p&gt;&lt;footer&gt;&lt;div class=&quot;row clearfix&quot;&gt;&lt;div class=&quot;col-xs-12 col-xs-offset-1 col-sm-12 col-sm-offset-1 col-md-8 col-md-offset-4 kol-citation&quot;&gt;&lt;div class=&quot;col-xs-4&quot;&gt;&lt;img src=&quot;https://d3aa8b1gak9v1d.cloudfront.net/assets/2/4fi5uszl1ppsabb123dq/kids-4-square.jpg&quot; class=&quot;img-circle&quot;&gt;&lt;/div&gt;&lt;div class=&quot;col-xs-8 kol-reference&quot;&gt;&lt;p&gt;&lt;cite&gt;Your Name&lt;/cite&gt;Your Title&lt;/p&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/footer&gt;
  412. &lt;/blockquote&gt;
  413. &lt;/div&gt;
  414. &lt;/div&gt;
  415. footer_content:
  416. editor: html
  417. allow_blank: true
  418. default: &quot;&lt;div class=\&quot;row\&quot; style=\&quot;padding: 30px 0;\&quot;&gt;\n &lt;div class=\&quot;col-xs-12\&quot;&gt;\n
  419. \ &lt;div data-kol-editor=\&quot;button\&quot; class=\&quot;text-center\&quot; data-settings=&#39;{\&quot;type\&quot;:\&quot;form\&quot;,\&quot;text\&quot;:\&quot;Signup
  420. Now!\&quot;,\&quot;style\&quot;:\&quot;square\&quot;,\&quot;background-color\&quot;:\&quot;#0088cc\&quot;,\&quot;color\&quot;:\&quot;#ffffff\&quot;,\&quot;alignment\&quot;:\&quot;center\&quot;,\&quot;size\&quot;:\&quot;md\&quot;,\&quot;hover-background-color\&quot;:\&quot;#005599\&quot;,\&quot;hover-color\&quot;:\&quot;#ffffff\&quot;}&#39;&gt;\n
  421. \ &lt;a id=\&quot;kol-default-cta\&quot; class=\&quot;btn kol-cta-btn kol-cta-btn-zigzag
  422. kol-btn-lg\&quot;&gt;Signup Now!&lt;/a&gt;\n &lt;script class=&#39;scroll-script&#39;&gt;\n $(document).ready(function()
  423. { \n var form = $(&#39;.kol-signup-form&#39;).first(),\n button
  424. = $(&#39;#kol-default-cta&#39;);\n $(button).on(&#39;click&#39;, function(e) {\n
  425. \ e.preventDefault();\n $(&#39;html, body&#39;).animate({scrollTop:
  426. form.offset().top}, 500);\n form.find(&#39;input&#39;).first().focus();
  427. \n });\n });\n &lt;/script&gt;\n &lt;style class=\&quot;button-style\&quot;&gt;\n
  428. \ #kol-default-cta {\n background-color: #0088cc; \n color:
  429. #ffffff; \n -moz-border-radius: 0; \n -webkit-border-radius:
  430. 0; \n border-radius: 0; \n border:0;\n }\n #kol-default-cta:hover
  431. { background-color: #005599 !important; color: #ffffff !important; }\n &lt;/style&gt;\n
  432. \ &lt;/div&gt;\n &lt;/div&gt;\n&lt;/div&gt;\n&lt;div class=\&quot;row\&quot; style=\&quot;padding: 30px 0;\&quot;&gt;\n
  433. \ &lt;div class=\&quot;col-sm-6 text-left\&quot; data-kol-editor=\&quot;froala\&quot;&gt;\n &lt;p&gt;©
  434. 2017&lt;/p&gt;\n &lt;/div&gt;\n &lt;div class=\&quot;col-sm-6 text-right\&quot; data-kol-editor=\&quot;froala\&quot;&gt;\n
  435. \ &lt;p&gt;Privacy Policy&lt;/p&gt;\n &lt;/div&gt;\n&lt;/div&gt;\n&quot;
  436. </div><div class="clearfix"></div><div><input id="template_settings" name="template_settings" type="hidden" /></div></div><div class="top"><p><a class="btn btn-teal" href="/dashboard/account">Upgrade Required!</a></p><p> You like to get your hands really dirty, don't you? Upgrade to a premium level account, and you'll be able to edit the data and default settings of this theme. </p><div class="row"><a class="thumbnail span7" href="/dashboard/account"><img src="https://d3td0z80adncmt.cloudfront.net/assets/upgrade_previews/edit_data-c0c01e6aa01ff7809d42aa9c8a96eb7786fa5500f2aa4e294e1770778df24140.png" alt="Edit data" /></a></div></div></div><div class="hidden"><div class="top"><h3 class="headline normal">Edit HTML<span class="pull-right"><a class="btn btn-default trigger-preview-on-click">Update Preview</a></span></h3><p>You should <a target="_new" href="http://kickofflabs.com/support/editing-landing-page-theme-html">read our documentation</a> on editing HTML. </p><div class="clearfix"></div></div><div class="clearfix"></div><div class="code-edit-wrapper"><div class="ace_editors hidden"><div class="theme_editor" id="html_edit_window">&lt;!DOCTYPE html&gt;
  437. &lt;html&gt;
  438. &lt;head&gt;
  439. &lt;script src=&quot;{% jquery 1.10.2 %}&quot;&gt;&lt;/script&gt;
  440. {% common_header %}
  441. {% font_awesome %}
  442. &lt;meta charset=&quot;utf-8&quot;&gt;
  443. &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no&quot;&gt;
  444. &lt;!-- Bootstrap core CSS --&gt;
  445. &lt;link href=&quot;{% asset_path css/bootstrap/3.2.0/bootstrap.min.css %}&quot; rel=&quot;stylesheet&quot;&gt;
  446. &lt;link href=&quot;{% droppable_theme_styles %}&quot; media=&quot;screen&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot;/&gt;
  447. &lt;!-- Loading custom fonts --&gt;
  448. {% load_custom_fonts %}
  449.  
  450.  
  451. &lt;!-- Add custom CSS here --&gt;
  452. &lt;style&gt;
  453. body, p {
  454. font-family: &#39;Lato&#39;, sans-serif;
  455. }
  456. h1,h2,h3,h4,h5,h6 {
  457. font-family: &#39;Abel&#39;, sans-serif;
  458. }
  459.  
  460. /* Hero Section */
  461. #hero_section h1, #hero_section h2, #hero_section h3, #hero_section h4, #hero_section h5, #hero_section h6, #hero_section p {
  462. color: #ffffff;
  463. }
  464. #hero_section label {
  465. color: #ffffff !important;
  466. }
  467. /* Hero Section - Form Styles */
  468.  
  469. /* Buttons and Inputs */
  470. /* Inputs */
  471. #signup-form-stacked .input-sm {
  472. border-radius: 0px;
  473. padding: 6px 10px 5px 10px !important;
  474. }
  475. #signup-form-stacked .input-md {
  476. padding: 8px 16px 9px !important;
  477. font-size: 16px !important;
  478. line-height: 1.33;
  479. border-radius: 0px;
  480. }
  481. #signup-form-stacked .input-lg {
  482. border-radius: 0px;
  483. padding: 12px 29px !important;
  484. font-size: 18px !important;
  485. }
  486. /* Buttons */
  487. #signup-form-stacked .kol-btn-sm {
  488. padding: 7px 25px !important;
  489. }
  490. #signup-form-stacked .kol-btn-md {
  491. font-size: 16px !important;
  492. padding: 9px 29px !important;
  493. }
  494. #signup-form-stacked .kol-btn-lg {
  495. padding: 12px 45px !important;
  496. }
  497. @media (max-width: 768px) {
  498. #kol-signup-button-stacked {
  499. width: 100%;
  500. }
  501. .kol-signup-form.form-inline {
  502. width: 60%;
  503. }
  504. }
  505. @media (max-width: 420px) {
  506. .kol-signup-form.form-inline {
  507. width: 95%;
  508. }
  509. }
  510. /* End Buttons and Inputs */
  511.  
  512. /* Label styles */
  513. #signup-form-stacked {
  514. margin-top: 22px;
  515. }
  516. #signup-form-stacked label {
  517. margin-bottom: 2px;
  518. }
  519. #signup-form-stacked .form-group {
  520. position: relative;
  521. padding-bottom: 20px;
  522. }
  523. #kol-signup-button-stacked {
  524. margin-bottom: 20px !important;
  525. }
  526. #signup-form-stacked .form-group label {
  527. position: absolute;
  528. top:-22px;
  529. }
  530. /* END: Label styles */
  531.  
  532. /* Textarea styles */
  533. #signup-form-stacked textarea {
  534. border-radius: 2px;
  535. margin-bottom: 0 !important;
  536. }
  537. #signup-form-stacked textarea.input-md {
  538. max-height: 40px;
  539. }
  540. #signup-form-stacked textarea.input-lg {
  541. max-height: 49px;
  542. }
  543. #signup-form-stacked textarea.input-sm {
  544. max-height: 31px;
  545. }
  546. /* END: Textarea styles */
  547.  
  548. /* Checkboxes and Radios */
  549. #signup-form-stacked .form-group[data-input-type=&quot;radio&quot;] label, #signup-form-stacked .form-group[data-input-type=&quot;checkbox&quot;] label {
  550. position: relative;
  551. top: 0px;
  552. }
  553. /* END: Checkboxes and Radios */
  554.  
  555. /* Feature Section */
  556. .feature .image {
  557. height: 400px;
  558. width: 100%;
  559. object-fit: cover;
  560. overflow: hidden;
  561. }
  562. .feature .image img {
  563. margin: 0;
  564. width: 100%;
  565. position: relative;
  566. top: 50%;
  567. transform: perspective(1px) translateY(-50%);
  568. }
  569. .feature .text {
  570. text-align: center;
  571. }
  572.  
  573. /* Testimonial Section */
  574. .quote-simple-image.zigzag, .quote-simple-image.zigzag footer p {
  575. color: #ffffff;
  576. }
  577.  
  578.  
  579. #testimonials_section_container p {
  580. color: #ffffff;
  581. }
  582. #testimonials_section_container h1,#testimonials_section_container h2,#testimonials_section_container h3,#testimonials_section_container h4,#testimonials_section_container h5,#testimonials_section_container h6 {
  583. color: #ffffff;
  584. }
  585.  
  586. &lt;/style&gt;
  587.  
  588. &lt;!-- These styles are reserved for the KickoffLabs designer --&gt;
  589. &lt;style data-content-name=&quot;kol_designer_styling&quot; id=&quot;kol_designer_styling&quot; data-mercury=&quot;froala&quot;&gt;
  590. {{content.kol_designer_styling}}
  591. &lt;/style&gt;
  592.  
  593. {% integrations header %}
  594. &lt;link href=&quot;//fonts.googleapis.com/css?family=Abel|Lato&quot; rel=&quot;stylesheet&quot; property=&quot;stylesheet&quot; type=&quot;text/css&quot; class=&quot;kol-font-style&quot; data-kol-font=&quot;abel&quot;&gt;
  595. &lt;/head&gt;
  596.  
  597. &lt;body&gt;
  598.  
  599. &lt;div class=&quot;container&quot;&gt;
  600. &lt;div id=&quot;top_bar&quot; class=&quot;kol-container kol-hideable-section&quot; data-designer-region=&quot;droppable&quot; data-content-name=&quot;top_bar&quot; data-friendly-name=&quot;Top Bar&quot;&gt;
  601. {{content.top_bar}}
  602. &lt;/div&gt;
  603. &lt;/div&gt;
  604.  
  605. &lt;div class=&quot;kol-editable-section&quot; data-style-tdo=&quot;hero_styles&quot; style=&quot;{{content.hero_styles}}&quot;&gt;
  606. &lt;div class=&quot;container&quot;&gt;
  607. &lt;div id=&quot;hero_section&quot; data-designer-region=&quot;droppable&quot; data-content-name=&quot;hero_section&quot;&gt;
  608. {{content.hero_section}}
  609. &lt;/div&gt;
  610. &lt;/div&gt;
  611. &lt;/div&gt;
  612.  
  613. &lt;div id=&quot;feature_first_section_container&quot; class=&quot;kol-editable-section kol-hideable-section&quot; data-friendly-name=&quot;First Feature Section&quot;&gt;
  614. &lt;div class=&quot;container-fluid&quot;&gt;
  615. &lt;div id=&quot;feature_first_section&quot; data-designer-region=&quot;droppable&quot; data-content-name=&quot;feature_first_section&quot;&gt;
  616. {{content.feature_first_section}}
  617. &lt;/div&gt;
  618. &lt;/div&gt;
  619. &lt;/div&gt;
  620.  
  621. &lt;div id=&quot;feature_second_section_container&quot; class=&quot;kol-editable-section kol-hideable-section&quot; data-friendly-name=&quot;Second Feature Section&quot;&gt;
  622. &lt;div class=&quot;container-fluid&quot;&gt;
  623. &lt;div id=&quot;feature_second_section&quot; data-designer-region=&quot;droppable&quot; data-content-name=&quot;feature_second_section&quot;&gt;
  624. {{content.feature_second_section}}
  625. &lt;/div&gt;
  626. &lt;/div&gt;
  627. &lt;/div&gt;
  628.  
  629. &lt;div id=&quot;feature_third_section_container&quot; class=&quot;kol-editable-section kol-hideable-section&quot; data-friendly-name=&quot;Third Feature Section&quot;&gt;
  630. &lt;div class=&quot;container-fluid&quot;&gt;
  631. &lt;div id=&quot;feature_third_section&quot; data-designer-region=&quot;droppable&quot; data-content-name=&quot;feature_third_section&quot;&gt;
  632. {{content.feature_third_section}}
  633. &lt;/div&gt;
  634. &lt;/div&gt;
  635. &lt;/div&gt;
  636.  
  637. &lt;div id=&quot;testimonials_section_container&quot; class=&quot;kol-editable-section kol-hideable-section&quot; data-style-tdo=&quot;testimonial_styles&quot; data-friendly-name=&quot;Testimonials Section&quot; style=&quot;{{content.testimonial_styles}}&quot;&gt;
  638. &lt;div class=&quot;container&quot;&gt;
  639. &lt;div id=&quot;testimonials_section&quot; data-designer-region=&quot;droppable&quot; data-content-name=&quot;testimonials_section&quot;&gt;
  640. {{content.testimonials_section}}
  641. &lt;/div&gt;
  642. &lt;/div&gt;
  643. &lt;/div&gt;
  644.  
  645. &lt;div id=&quot;footer-container&quot; class=&quot;kol-hideable-section&quot; data-friendly-name=&quot;Footer&quot;&gt;
  646. &lt;div class=&quot;footer&quot;&gt;
  647. &lt;div class=&quot;container&quot;&gt;
  648. &lt;footer&gt;
  649.  
  650. &lt;div class=&quot;row&quot;&gt;
  651. &lt;div class=&quot;col-lg-12&quot;&gt;
  652. &lt;div id=&quot;footer_content&quot; data-designer-region=&quot;droppable&quot; data-content-name=&quot;footer_content&quot;&gt;
  653. {{content.footer_content}}
  654. &lt;/div&gt;
  655. &lt;/div&gt;
  656.  
  657. &lt;div class=&quot;col-md-6&quot;&gt;
  658. &lt;div id=&quot;the_footer_text&quot; class=&quot;footer-text pull-left&quot; data-mercury=&quot;froala&quot; data-content-name=&quot;the_footer_text&quot;&gt;
  659. {{content.the_footer_text}}
  660. &lt;/div&gt;
  661. &lt;/div&gt;
  662.  
  663. &lt;div class=&quot;col-md-6&quot;&gt;
  664. &lt;p class=&quot;footer-text pull-right&quot;&gt;
  665. &lt;a id=&quot;privacy_link&quot; href=&quot;{{page_url}}/privacy&quot; &gt;{{content.privacy_link_text}}&lt;/a&gt;
  666. &lt;/p&gt;
  667. &lt;/div&gt;
  668. &lt;/div&gt;
  669. &lt;/footer&gt;
  670. &lt;/div&gt;
  671. &lt;/div&gt;
  672. &lt;/div&gt;
  673. &lt;!-- Placed at the end of the document so the pages load faster --&gt;
  674. {% droppable_form_script %}
  675. {% integrations footer %}
  676. &lt;/body&gt;
  677. &lt;/html&gt;
  678. </div><div class="clearfix"></div><div><input id="template_content" name="template_content" type="hidden" /></div></div></div><div class="top"><div class="clearfix"></div><p> You like to get your hands dirty, don't you? Upgrade to a premium level account, and you'll be able to edit the raw HTML and CSS of your landing page to create just the right impression. </p><div class="spacer"></div><p><a class="btn btn-warning upgrade upgrade-html-access" href="/dashboard/account/upgrade/premium">No Risk, 30 Day Money Back Guarantee</a></p><div class="spacer"></div><div class="spacer"></div><div class="text-center"><a class="thumbnail" href="/dashboard/account/upgrade/premium"><img src="https://d3td0z80adncmt.cloudfront.net/assets/upgrade_previews/edit_html-89fa6c4b1a2c3f3d4c73f992c27d7e2746afd8d13c6e9dc6ca166ebf8f038352.png" alt="Edit html" /></a></div></div><div class="top"><h3 class="headline normal">Edit Theme Data<span class="pull-right"><a class="btn btn-default trigger-preview-on-click">Update Preview</a></span></h3><div class="clearfix"></div><h4>Warning - Geeks only on this tab. </h4><p>You can this tab to define new variables (and more) in a theme.
  679. If you are not helping us build a new theme, you likely don't need
  680. to make any changes here. Contact support@kickofflabs.com for help
  681. until we publish documentation. <strong>For now - test by using "Save Draft". </strong></p></div><div class="ace_editors hidden" style="top:184px;"><div class="theme_editor" id="yaml_edit_window">---
  682. include_default_options: default_droppable_options_4
  683. editor: droppable
  684. designer_version: 4
  685. options:
  686. inline:
  687. headline_font:
  688. default: Abel
  689. editor: string
  690. body_font:
  691. default: Lato
  692. editor: string
  693. kol_designer_styling:
  694. hint: Append custom CSS to this style tag.
  695. editor: html
  696. default: &quot;body, p { color: #394046; }\nh1,h2,h3,h4,h5,h6 { color: #394046; }\na
  697. { color: #0088cc; }\na:hover { color: #005599; }\nbody { background-color:
  698. #ffffff; \nbackground-image: none; \n}\n&quot;
  699. page_background_color:
  700. editor: string
  701. default: &quot;#ffffff&quot;
  702. body_text_color:
  703. editor: string
  704. default: &quot;#394046&quot;
  705. headline_text_color:
  706. editor: string
  707. default: &quot;#394046&quot;
  708. page_link_color:
  709. editor: string
  710. default: &quot;#0088cc&quot;
  711. page_link_hover_color:
  712. editor: string
  713. default: &quot;#005599&quot;
  714. hero_styles:
  715. editor: string
  716. default: &#39;background-image: none; background-color: #394046; background-size:
  717. cover; background-position: center center; background-repeat: no-repeat; padding:
  718. 40px 0 30px;
  719.  
  720. &#39;
  721. testimonial_styles:
  722. editor: string
  723. default: &#39;background-image: none; background-color: rgb(82, 87, 91); background-size:
  724. cover; background-position: center center; background-repeat: no-repeat; padding:
  725. 50px 0 40px;
  726.  
  727. &#39;
  728. top_bar:
  729. editor: html
  730. allow_blank: true
  731. default: |
  732. &lt;div class=&quot;row clearfix&quot; data-kol-editor=&quot;froala&quot; style=&quot;padding: 10px 0&quot;&gt;
  733. &lt;div class=&quot;col-xs-12&quot;&gt;
  734. &lt;p style=&quot;text-align: center;&quot;&gt;
  735. &lt;img alt=&quot;Image title&quot; src=&quot;https://d1y0v6ricksqp.cloudfront.net/images/logos/horizontal_dark.png&quot; style=&quot;width: 211px;marign: auto&quot;&gt;
  736. &lt;/p&gt;
  737. &lt;/div&gt;
  738. &lt;/div&gt;
  739. hero_section:
  740. editor: html
  741. allow_blank: true
  742. default: &quot;&lt;div class=\&quot;row\&quot; data-kol-editor=\&quot;froala\&quot; style=\&quot;padding: 0px
  743. 0 10px\&quot;&gt;\n &lt;div id=\&quot;top-container\&quot; class=\&quot;col-md-10 col-md-offset-1\&quot;&gt;\n
  744. \ &lt;div class=\&quot;text-center\&quot; &gt;\n &lt;h1 class=&#39;hero-headline&#39; style=\&quot;color:
  745. #fff;font-size:50px\&quot;&gt;YOUR HEADLINE&lt;/h1&gt;\n &lt;p class=&#39;hero-subhead&#39; style=\&quot;color:
  746. #fff;font-size:21px;\&quot;&gt;Provide a short description here. You may want to describe
  747. what you have to offer and why your audience would be interested.&lt;/p&gt;\n &lt;/div&gt;\n
  748. \ &lt;/div&gt;\n&lt;/div&gt;\n&lt;div class=\&quot;row\&quot; style=\&quot;padding: 0 0 40px\&quot;&gt;\n &lt;div
  749. class=\&quot;col-md-10 col-md-offset-1\&quot;&gt;\n &lt;div class=\&quot;row clearfix\&quot;&gt;\n &lt;div
  750. class=\&quot;col-md-12 text-center\&quot;&gt;\n &lt;div class=\&quot;display\&quot;&gt;\n &lt;form
  751. accept-charset=\&quot;UTF-8\&quot; class=\&quot;kol-signup-form kol-form-inline-centered
  752. form-inline signup_form\&quot; data-remote=\&quot;true\&quot; id=\&quot;signup-form-stacked\&quot;
  753. method=\&quot;post\&quot;&gt;\n &lt;fieldset class=\&quot;inline kol-form-group-stacked\&quot;
  754. data-kol-editor=\&quot;form\&quot; style=\&quot;display:inline-block;\&quot;&gt;\n &lt;div
  755. class=\&quot;kol-form-group kol-no-delete form-group\&quot; data-name=\&quot;email\&quot; data-input-type=\&quot;email\&quot;
  756. data-label=\&quot;Email address\&quot; data-placeholder=\&quot;Email\&quot; data-required=\&quot;on\&quot;
  757. data-input_size=\&quot;input-md\&quot; data-helptext=\&quot;\&quot; data-show_label=\&quot;true\&quot;&gt;\n
  758. \ &lt;input type=\&quot;email\&quot; class=\&quot;kol-form-control kol-form-control-stacked
  759. input-md form-control required\&quot; name=\&quot;Email\&quot; id=\&quot;email\&quot; placeholder=\&quot;Enter
  760. your email here\&quot; required&gt;\n &lt;/div&gt;\n &lt;div class=\&quot;kol-form-group
  761. kol-no-delete kol-has-hidden-fields form-group kol-form-submit\&quot; data-input-type=\&quot;submit-button\&quot;
  762. data-label=\&quot;Submit\&quot; data-placeholder=\&quot;\&quot; data-required=\&quot;\&quot; data-input_size=\&quot;btn-md\&quot;
  763. data-helptext=\&quot;\&quot; data-form_name=\&quot;Default Form\&quot;&gt;\n &lt;input
  764. type=\&quot;hidden\&quot; value=\&quot;Default Form\&quot; name=\&quot;__form_name\&quot;&gt;\n &lt;/div&gt;\n
  765. \ &lt;/fieldset&gt;\n &lt;div class=\&quot;row clearfix kol-form-button-row-inline
  766. kol-form-button-stacked\&quot; style=\&quot;position:relative;display:inline-block;\&quot;&gt;\n
  767. \ &lt;div data-kol-editor=\&quot;button\&quot; class=\&quot;text-center\&quot; data-settings=&#39;{\&quot;type\&quot;:\&quot;submit\&quot;,\&quot;text\&quot;:\&quot;Signup
  768. Now!\&quot;,\&quot;style\&quot;:\&quot;square\&quot;,\&quot;background-color\&quot;:\&quot;#0088CC\&quot;,\&quot;color\&quot;:\&quot;#ffffff\&quot;,\&quot;alignment\&quot;:\&quot;center\&quot;,\&quot;size\&quot;:\&quot;md\&quot;,\&quot;hover-background-color\&quot;:\&quot;#005599\&quot;,\&quot;hover-color\&quot;:\&quot;#ffffff\&quot;}&#39;&gt;\n
  769. \ &lt;input type=\&quot;submit\&quot; id=\&quot;kol-signup-button-stacked\&quot; class=\&quot;btn
  770. kol-cta-btn kol-cta-btn-stacked kol-btn-md\&quot; value=\&quot;Signup Now!\&quot;&gt;\n &lt;style
  771. class=\&quot;button-style\&quot;&gt;\n #kol-signup-button-stacked {\n
  772. \ background-color: #0088CC !important; \n color:
  773. #ffffff !important; \n -moz-border-radius: 0px; \n -webkit-border-radius:
  774. 0px; \n border-radius: 0px; \n border:0;\n
  775. \ }\n #kol-signup-button-stacked:hover {
  776. background-color: #005599 !important; color: #ffffff !important; }\n &lt;/style&gt;\n
  777. \ &lt;/div&gt;\n &lt;/div&gt;\n &lt;/form&gt;\n &lt;/div&gt;\n
  778. \ &lt;/div&gt;&lt;!-- col-md-6--&gt;\n &lt;/div&gt;\n &lt;/div&gt;\n&lt;/div&gt;\n&quot;
  779. feature_first_section:
  780. editor: html
  781. allow_blank: true
  782. default: |
  783. &lt;div class=&quot;row clearfix kol-background-image&quot; style=&quot;background-image: linear-gradient(rgba(145, 148, 150, 0.19), rgba(58, 65, 71, 0.701961)), url(&#39;//d1y0v6ricksqp.cloudfront.net/images/snippets/snippet%20images/used_in_snippets/minimal-1-long.jpg&#39;); background-color: transparent; background-size: cover; background-position: center center; background-repeat: no-repeat; padding: 150px 0;&quot;&gt;&lt;/div&gt;
  784. &lt;div class=&quot;row clearfix&quot; data-kol-editor=&quot;froala&quot; style=&quot;padding: 50px 0 80px 0;&quot;&gt;
  785. &lt;div class=&quot;container-fluid&quot;&gt;
  786. &lt;div class=&quot;row feature&quot;&gt;
  787. &lt;div class=&quot;col-md-8 col-md-offset-2 text&quot;&gt;
  788. &lt;h2 style=&quot;font-size: 40px;&quot;&gt;Feature&lt;/h2&gt;
  789. &lt;p&gt;Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&#39;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.&lt;/p&gt;
  790. &lt;/div&gt;
  791. &lt;/div&gt;
  792. &lt;/div&gt;
  793. &lt;/div&gt;
  794. feature_second_section:
  795. editor: html
  796. allow_blank: true
  797. default: |
  798. &lt;div class=&quot;row clearfix kol-background-image&quot; style=&quot;background-image: linear-gradient(rgba(145, 148, 150, 0.19), rgba(58, 65, 71, 0.701961)), url(&#39;//d1y0v6ricksqp.cloudfront.net/images/backgrounds/pictures/streetpeople.jpg&#39;); background-color: transparent; background-size: cover; background-position: center center; background-repeat: no-repeat; padding: 150px 0;&quot;&gt;&lt;/div&gt;
  799. &lt;div class=&quot;row clearfix&quot; data-kol-editor=&quot;froala&quot; style=&quot;padding: 50px 0 80px 0;&quot;&gt;
  800. &lt;div class=&quot;container-fluid&quot;&gt;
  801. &lt;div class=&quot;row feature&quot;&gt;
  802. &lt;div class=&quot;col-md-8 col-md-offset-2 text&quot;&gt;
  803. &lt;h2 style=&quot;font-size: 40px;&quot;&gt;Feature&lt;/h2&gt;
  804. &lt;p&gt;Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&#39;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.&lt;/p&gt;
  805. &lt;/div&gt;
  806. &lt;/div&gt;
  807. &lt;/div&gt;
  808. &lt;/div&gt;
  809. feature_third_section:
  810. editor: html
  811. allow_blank: true
  812. default: |
  813. &lt;div class=&quot;row clearfix kol-background-image&quot; style=&quot;background-image: linear-gradient(rgba(145, 148, 150, 0.19), rgba(58, 65, 71, 0.701961)), url(&#39;//d1y0v6ricksqp.cloudfront.net/images/backgrounds/pictures/things_silverpenwithadiary_small.jpg&#39;); background-color: transparent; background-size: cover; background-position: center center; background-repeat: no-repeat; padding: 150px 0;&quot;&gt;&lt;/div&gt;
  814. &lt;div class=&quot;row clearfix&quot; data-kol-editor=&quot;froala&quot; style=&quot;padding: 50px 0 80px 0;&quot;&gt;
  815. &lt;div class=&quot;container-fluid&quot;&gt;
  816. &lt;div class=&quot;row feature&quot;&gt;
  817. &lt;div class=&quot;col-md-8 col-md-offset-2 text&quot;&gt;
  818. &lt;h2 style=&quot;font-size: 40px;&quot;&gt;Feature&lt;/h2&gt;
  819. &lt;p&gt;Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&#39;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.&lt;/p&gt;
  820. &lt;/div&gt;
  821. &lt;/div&gt;
  822. &lt;/div&gt;
  823. &lt;/div&gt;
  824. testimonials_section:
  825. editor: html
  826. allow_blank: true
  827. default: |
  828. &lt;div class=&quot;row clearfix quote-simple-image two zigzag&quot; style=&quot;padding: 10px 0;&quot;&gt;
  829. &lt;div data-kol-editor=&quot;froala&quot; class=&quot;col-sm-6&quot;&gt;
  830. &lt;blockquote class=&quot;text-center&quot;&gt;
  831. &lt;span class=&quot;kol-icon-container&quot; style=&quot;font-size:48px; color: #FFFFFF;&quot;&gt;&lt;i class=&quot;kol-icon fa fa-quote-left&quot;&gt;&lt;/i&gt;&lt;/span&gt;&lt;p&gt;Lorem Ipsum has been the industry&#39;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.&lt;/p&gt;&lt;footer&gt;&lt;div class=&quot;row clearfix&quot;&gt;&lt;div class=&quot;col-xs-12 col-xs-offset-1 col-sm-12 col-sm-offset-1 col-md-8 col-md-offset-4 kol-citation&quot;&gt;&lt;div class=&quot;col-xs-4&quot;&gt;&lt;img src=&quot;https://d3aa8b1gak9v1d.cloudfront.net/assets/2/4fi5uszl1ppsabb123dq/kids-4-square.jpg&quot; class=&quot;img-circle&quot;&gt;&lt;/div&gt;&lt;div class=&quot;col-xs-8 kol-reference&quot;&gt;&lt;p&gt;&lt;cite&gt;Your Name&lt;/cite&gt;Your Title&lt;/p&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/footer&gt;
  832. &lt;/blockquote&gt;
  833. &lt;/div&gt;
  834. &lt;div data-kol-editor=&quot;froala&quot; class=&quot;col-sm-6&quot;&gt;
  835. &lt;blockquote class=&quot;text-center&quot;&gt;
  836. &lt;span class=&quot;kol-icon-container&quot; style=&quot;font-size:48px; color: #FFFFFF;&quot;&gt;&lt;i class=&quot;kol-icon fa fa-quote-left&quot;&gt;&lt;/i&gt;&lt;/span&gt;&lt;p&gt;Lorem Ipsum has been the industry&#39;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.&lt;/p&gt;&lt;footer&gt;&lt;div class=&quot;row clearfix&quot;&gt;&lt;div class=&quot;col-xs-12 col-xs-offset-1 col-sm-12 col-sm-offset-1 col-md-8 col-md-offset-4 kol-citation&quot;&gt;&lt;div class=&quot;col-xs-4&quot;&gt;&lt;img src=&quot;https://d3aa8b1gak9v1d.cloudfront.net/assets/2/4fi5uszl1ppsabb123dq/kids-4-square.jpg&quot; class=&quot;img-circle&quot;&gt;&lt;/div&gt;&lt;div class=&quot;col-xs-8 kol-reference&quot;&gt;&lt;p&gt;&lt;cite&gt;Your Name&lt;/cite&gt;Your Title&lt;/p&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/footer&gt;
  837. &lt;/blockquote&gt;
  838. &lt;/div&gt;
  839. &lt;/div&gt;
  840. footer_content:
  841. editor: html
  842. allow_blank: true
  843. default: &quot;&lt;div class=\&quot;row\&quot; style=\&quot;padding: 30px 0;\&quot;&gt;\n &lt;div class=\&quot;col-xs-12\&quot;&gt;\n
  844. \ &lt;div data-kol-editor=\&quot;button\&quot; class=\&quot;text-center\&quot; data-settings=&#39;{\&quot;type\&quot;:\&quot;form\&quot;,\&quot;text\&quot;:\&quot;Signup
  845. Now!\&quot;,\&quot;style\&quot;:\&quot;square\&quot;,\&quot;background-color\&quot;:\&quot;#0088cc\&quot;,\&quot;color\&quot;:\&quot;#ffffff\&quot;,\&quot;alignment\&quot;:\&quot;center\&quot;,\&quot;size\&quot;:\&quot;md\&quot;,\&quot;hover-background-color\&quot;:\&quot;#005599\&quot;,\&quot;hover-color\&quot;:\&quot;#ffffff\&quot;}&#39;&gt;\n
  846. \ &lt;a id=\&quot;kol-default-cta\&quot; class=\&quot;btn kol-cta-btn kol-cta-btn-zigzag
  847. kol-btn-lg\&quot;&gt;Signup Now!&lt;/a&gt;\n &lt;script class=&#39;scroll-script&#39;&gt;\n $(document).ready(function()
  848. { \n var form = $(&#39;.kol-signup-form&#39;).first(),\n button
  849. = $(&#39;#kol-default-cta&#39;);\n $(button).on(&#39;click&#39;, function(e) {\n
  850. \ e.preventDefault();\n $(&#39;html, body&#39;).animate({scrollTop:
  851. form.offset().top}, 500);\n form.find(&#39;input&#39;).first().focus();
  852. \n });\n });\n &lt;/script&gt;\n &lt;style class=\&quot;button-style\&quot;&gt;\n
  853. \ #kol-default-cta {\n background-color: #0088cc; \n color:
  854. #ffffff; \n -moz-border-radius: 0; \n -webkit-border-radius:
  855. 0; \n border-radius: 0; \n border:0;\n }\n #kol-default-cta:hover
  856. { background-color: #005599 !important; color: #ffffff !important; }\n &lt;/style&gt;\n
  857. \ &lt;/div&gt;\n &lt;/div&gt;\n&lt;/div&gt;\n&lt;div class=\&quot;row\&quot; style=\&quot;padding: 30px 0;\&quot;&gt;\n
  858. \ &lt;div class=\&quot;col-sm-6 text-left\&quot; data-kol-editor=\&quot;froala\&quot;&gt;\n &lt;p&gt;©
  859. 2017&lt;/p&gt;\n &lt;/div&gt;\n &lt;div class=\&quot;col-sm-6 text-right\&quot; data-kol-editor=\&quot;froala\&quot;&gt;\n
  860. \ &lt;p&gt;Privacy Policy&lt;/p&gt;\n &lt;/div&gt;\n&lt;/div&gt;\n&quot;
  861. </div><div class="clearfix"></div><div><input id="template_settings" name="template_settings" type="hidden" /></div></div><div class="top"><p><a class="btn btn-teal" href="/dashboard/account">Upgrade Required!</a></p><p> You like to get your hands really dirty, don't you? Upgrade to a premium level account, and you'll be able to edit the data and default settings of this theme. </p><div class="row"><a class="thumbnail span7" href="/dashboard/account"><img src="https://d3td0z80adncmt.cloudfront.net/assets/upgrade_previews/edit_data-c0c01e6aa01ff7809d42aa9c8a96eb7786fa5500f2aa4e294e1770778df24140.png" alt="Edit data" /></a></div></div></div><div class="hidden"><div class="top"><h3 class="headline normal">Edit HTML<span class="pull-right"><a class="btn btn-default trigger-preview-on-click">Update Preview</a></span></h3><p>You should <a target="_new" href="http://kickofflabs.com/support/editing-landing-page-theme-html">read our documentation</a> on editing HTML. </p><div class="clearfix"></div></div><div class="clearfix"></div><div class="code-edit-wrapper"><div class="ace_editors hidden"><div class="theme_editor" id="html_edit_window">&lt;!DOCTYPE html&gt;
  862. &lt;html&gt;
  863. &lt;head&gt;
  864. &lt;script src=&quot;{% jquery 1.10.2 %}&quot;&gt;&lt;/script&gt;
  865. {% common_header %}
  866. {% font_awesome %}
  867. &lt;meta charset=&quot;utf-8&quot;&gt;
  868. &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no&quot;&gt;
  869. &lt;!-- Bootstrap core CSS --&gt;
  870. &lt;link href=&quot;{% asset_path css/bootstrap/3.2.0/bootstrap.min.css %}&quot; rel=&quot;stylesheet&quot;&gt;
  871. &lt;link href=&quot;{% droppable_theme_styles %}&quot; media=&quot;screen&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot;/&gt;
  872. &lt;!-- Loading custom fonts --&gt;
  873. {% load_custom_fonts %}
  874.  
  875.  
  876. &lt;!-- Add custom CSS here --&gt;
  877. &lt;style&gt;
  878. body, p {
  879. font-family: &#39;Lato&#39;, sans-serif;
  880. }
  881. h1,h2,h3,h4,h5,h6 {
  882. font-family: &#39;Abel&#39;, sans-serif;
  883. }
  884.  
  885. /* Hero Section */
  886. #hero_section h1, #hero_section h2, #hero_section h3, #hero_section h4, #hero_section h5, #hero_section h6, #hero_section p {
  887. color: #ffffff;
  888. }
  889. #hero_section label {
  890. color: #ffffff !important;
  891. }
  892. /* Hero Section - Form Styles */
  893.  
  894. /* Buttons and Inputs */
  895. /* Inputs */
  896. #signup-form-stacked .input-sm {
  897. border-radius: 0px;
  898. padding: 6px 10px 5px 10px !important;
  899. }
  900. #signup-form-stacked .input-md {
  901. padding: 8px 16px 9px !important;
  902. font-size: 16px !important;
  903. line-height: 1.33;
  904. border-radius: 0px;
  905. }
  906. #signup-form-stacked .input-lg {
  907. border-radius: 0px;
  908. padding: 12px 29px !important;
  909. font-size: 18px !important;
  910. }
  911. /* Buttons */
  912. #signup-form-stacked .kol-btn-sm {
  913. padding: 7px 25px !important;
  914. }
  915. #signup-form-stacked .kol-btn-md {
  916. font-size: 16px !important;
  917. padding: 9px 29px !important;
  918. }
  919. #signup-form-stacked .kol-btn-lg {
  920. padding: 12px 45px !important;
  921. }
  922. @media (max-width: 768px) {
  923. #kol-signup-button-stacked {
  924. width: 100%;
  925. }
  926. .kol-signup-form.form-inline {
  927. width: 60%;
  928. }
  929. }
  930. @media (max-width: 420px) {
  931. .kol-signup-form.form-inline {
  932. width: 95%;
  933. }
  934. }
  935. /* End Buttons and Inputs */
  936.  
  937. /* Label styles */
  938. #signup-form-stacked {
  939. margin-top: 22px;
  940. }
  941. #signup-form-stacked label {
  942. margin-bottom: 2px;
  943. }
  944. #signup-form-stacked .form-group {
  945. position: relative;
  946. padding-bottom: 20px;
  947. }
  948. #kol-signup-button-stacked {
  949. margin-bottom: 20px !important;
  950. }
  951. #signup-form-stacked .form-group label {
  952. position: absolute;
  953. top:-22px;
  954. }
  955. /* END: Label styles */
  956.  
  957. /* Textarea styles */
  958. #signup-form-stacked textarea {
  959. border-radius: 2px;
  960. margin-bottom: 0 !important;
  961. }
  962. #signup-form-stacked textarea.input-md {
  963. max-height: 40px;
  964. }
  965. #signup-form-stacked textarea.input-lg {
  966. max-height: 49px;
  967. }
  968. #signup-form-stacked textarea.input-sm {
  969. max-height: 31px;
  970. }
  971. /* END: Textarea styles */
  972.  
  973. /* Checkboxes and Radios */
  974. #signup-form-stacked .form-group[data-input-type=&quot;radio&quot;] label, #signup-form-stacked .form-group[data-input-type=&quot;checkbox&quot;] label {
  975. position: relative;
  976. top: 0px;
  977. }
  978. /* END: Checkboxes and Radios */
  979.  
  980. /* Feature Section */
  981. .feature .image {
  982. height: 400px;
  983. width: 100%;
  984. object-fit: cover;
  985. overflow: hidden;
  986. }
  987. .feature .image img {
  988. margin: 0;
  989. width: 100%;
  990. position: relative;
  991. top: 50%;
  992. transform: perspective(1px) translateY(-50%);
  993. }
  994. .feature .text {
  995. text-align: center;
  996. }
  997.  
  998. /* Testimonial Section */
  999. .quote-simple-image.zigzag, .quote-simple-image.zigzag footer p {
  1000. color: #ffffff;
  1001. }
  1002.  
  1003.  
  1004. #testimonials_section_container p {
  1005. color: #ffffff;
  1006. }
  1007. #testimonials_section_container h1,#testimonials_section_container h2,#testimonials_section_container h3,#testimonials_section_container h4,#testimonials_section_container h5,#testimonials_section_container h6 {
  1008. color: #ffffff;
  1009. }
  1010.  
  1011. &lt;/style&gt;
  1012.  
  1013. &lt;!-- These styles are reserved for the KickoffLabs designer --&gt;
  1014. &lt;style data-content-name=&quot;kol_designer_styling&quot; id=&quot;kol_designer_styling&quot; data-mercury=&quot;froala&quot;&gt;
  1015. {{content.kol_designer_styling}}
  1016. &lt;/style&gt;
  1017.  
  1018. {% integrations header %}
  1019. &lt;link href=&quot;//fonts.googleapis.com/css?family=Abel|Lato&quot; rel=&quot;stylesheet&quot; property=&quot;stylesheet&quot; type=&quot;text/css&quot; class=&quot;kol-font-style&quot; data-kol-font=&quot;abel&quot;&gt;
  1020. &lt;/head&gt;
  1021.  
  1022. &lt;body&gt;
  1023.  
  1024. &lt;div class=&quot;container&quot;&gt;
  1025. &lt;div id=&quot;top_bar&quot; class=&quot;kol-container kol-hideable-section&quot; data-designer-region=&quot;droppable&quot; data-content-name=&quot;top_bar&quot; data-friendly-name=&quot;Top Bar&quot;&gt;
  1026. {{content.top_bar}}
  1027. &lt;/div&gt;
  1028. &lt;/div&gt;
  1029.  
  1030. &lt;div class=&quot;kol-editable-section&quot; data-style-tdo=&quot;hero_styles&quot; style=&quot;{{content.hero_styles}}&quot;&gt;
  1031. &lt;div class=&quot;container&quot;&gt;
  1032. &lt;div id=&quot;hero_section&quot; data-designer-region=&quot;droppable&quot; data-content-name=&quot;hero_section&quot;&gt;
  1033. {{content.hero_section}}
  1034. &lt;/div&gt;
  1035. &lt;/div&gt;
  1036. &lt;/div&gt;
  1037.  
  1038. &lt;div id=&quot;feature_first_section_container&quot; class=&quot;kol-editable-section kol-hideable-section&quot; data-friendly-name=&quot;First Feature Section&quot;&gt;
  1039. &lt;div class=&quot;container-fluid&quot;&gt;
  1040. &lt;div id=&quot;feature_first_section&quot; data-designer-region=&quot;droppable&quot; data-content-name=&quot;feature_first_section&quot;&gt;
  1041. {{content.feature_first_section}}
  1042. &lt;/div&gt;
  1043. &lt;/div&gt;
  1044. &lt;/div&gt;
  1045.  
  1046. &lt;div id=&quot;feature_second_section_container&quot; class=&quot;kol-editable-section kol-hideable-section&quot; data-friendly-name=&quot;Second Feature Section&quot;&gt;
  1047. &lt;div class=&quot;container-fluid&quot;&gt;
  1048. &lt;div id=&quot;feature_second_section&quot; data-designer-region=&quot;droppable&quot; data-content-name=&quot;feature_second_section&quot;&gt;
  1049. {{content.feature_second_section}}
  1050. &lt;/div&gt;
  1051. &lt;/div&gt;
  1052. &lt;/div&gt;
  1053.  
  1054. &lt;div id=&quot;feature_third_section_container&quot; class=&quot;kol-editable-section kol-hideable-section&quot; data-friendly-name=&quot;Third Feature Section&quot;&gt;
  1055. &lt;div class=&quot;container-fluid&quot;&gt;
  1056. &lt;div id=&quot;feature_third_section&quot; data-designer-region=&quot;droppable&quot; data-content-name=&quot;feature_third_section&quot;&gt;
  1057. {{content.feature_third_section}}
  1058. &lt;/div&gt;
  1059. &lt;/div&gt;
  1060. &lt;/div&gt;
  1061.  
  1062. &lt;div id=&quot;testimonials_section_container&quot; class=&quot;kol-editable-section kol-hideable-section&quot; data-style-tdo=&quot;testimonial_styles&quot; data-friendly-name=&quot;Testimonials Section&quot; style=&quot;{{content.testimonial_styles}}&quot;&gt;
  1063. &lt;div class=&quot;container&quot;&gt;
  1064. &lt;div id=&quot;testimonials_section&quot; data-designer-region=&quot;droppable&quot; data-content-name=&quot;testimonials_section&quot;&gt;
  1065. {{content.testimonials_section}}
  1066. &lt;/div&gt;
  1067. &lt;/div&gt;
  1068. &lt;/div&gt;
  1069.  
  1070. &lt;div id=&quot;footer-container&quot; class=&quot;kol-hideable-section&quot; data-friendly-name=&quot;Footer&quot;&gt;
  1071. &lt;div class=&quot;footer&quot;&gt;
  1072. &lt;div class=&quot;container&quot;&gt;
  1073. &lt;footer&gt;
  1074.  
  1075. &lt;div class=&quot;row&quot;&gt;
  1076. &lt;div class=&quot;col-lg-12&quot;&gt;
  1077. &lt;div id=&quot;footer_content&quot; data-designer-region=&quot;droppable&quot; data-content-name=&quot;footer_content&quot;&gt;
  1078. {{content.footer_content}}
  1079. &lt;/div&gt;
  1080. &lt;/div&gt;
  1081.  
  1082. &lt;div class=&quot;col-md-6&quot;&gt;
  1083. &lt;div id=&quot;the_footer_text&quot; class=&quot;footer-text pull-left&quot; data-mercury=&quot;froala&quot; data-content-name=&quot;the_footer_text&quot;&gt;
  1084. {{content.the_footer_text}}
  1085. &lt;/div&gt;
  1086. &lt;/div&gt;
  1087.  
  1088. &lt;div class=&quot;col-md-6&quot;&gt;
  1089. &lt;p class=&quot;footer-text pull-right&quot;&gt;
  1090. &lt;a id=&quot;privacy_link&quot; href=&quot;{{page_url}}/privacy&quot; &gt;{{content.privacy_link_text}}&lt;/a&gt;
  1091. &lt;/p&gt;
  1092. &lt;/div&gt;
  1093. &lt;/div&gt;
  1094. &lt;/footer&gt;
  1095. &lt;/div&gt;
  1096. &lt;/div&gt;
  1097. &lt;/div&gt;
  1098. &lt;!-- Placed at the end of the document so the pages load faster --&gt;
  1099. {% droppable_form_script %}
  1100. {% integrations footer %}
  1101. &lt;/body&gt;
  1102. &lt;/html&gt;
  1103. </div><div class="clearfix"></div><div><input id="template_content" name="template_content" type="hidden" /></div></div></div><div class="top"><div class="clearfix"></div><p> You like to get your hands dirty, don't you? Upgrade to a premium level account, and you'll be able to edit the raw HTML and CSS of your landing page to create just the right impression. </p><div class="spacer"></div><p><a class="btn btn-warning upgrade upgrade-html-access" href="/dashboard/account/upgrade/premium">No Risk, 30 Day Money Back Guarantee</a></p><div class="spacer"></div><div class="spacer"></div><div class="text-center"><a class="thumbnail" href="/dashboard/account/upgrade/premium"><img src="https://d3td0z80adncmt.cloudfront.net/assets/upgrade_previews/edit_html-89fa6c4b1a2c3f3d4c73f992c27d7e2746afd8d13c6e9dc6ca166ebf8f038352.png" alt="Edit html" /></a></div></div><div class="top"><h3 class="headline normal">Edit Theme Data<span class="pull-right"><a class="btn btn-default trigger-preview-on-click">Update Preview</a></span></h3><div class="clearfix"></div><h4>Warning - Geeks only on this tab. </h4><p>You can this tab to define new variables (and more) in a theme.
  1104. If you are not helping us build a new theme, you likely don't need
  1105. to make any changes here. Contact support@kickofflabs.com for help
  1106. until we publish documentation. <strong>For now - test by using "Save Draft". </strong></p></div><div class="ace_editors hidden" style="top:184px;"><div class="theme_editor" id="yaml_edit_window">---
  1107. include_default_options: default_droppable_options_4
  1108. editor: droppable
  1109. designer_version: 4
  1110. options:
  1111. inline:
  1112. headline_font:
  1113. default: Abel
  1114. editor: string
  1115. body_font:
  1116. default: Lato
  1117. editor: string
  1118. kol_designer_styling:
  1119. hint: Append custom CSS to this style tag.
  1120. editor: html
  1121. default: &quot;body, p { color: #394046; }\nh1,h2,h3,h4,h5,h6 { color: #394046; }\na
  1122. { color: #0088cc; }\na:hover { color: #005599; }\nbody { background-color:
  1123. #ffffff; \nbackground-image: none; \n}\n&quot;
  1124. page_background_color:
  1125. editor: string
  1126. default: &quot;#ffffff&quot;
  1127. body_text_color:
  1128. editor: string
  1129. default: &quot;#394046&quot;
  1130. headline_text_color:
  1131. editor: string
  1132. default: &quot;#394046&quot;
  1133. page_link_color:
  1134. editor: string
  1135. default: &quot;#0088cc&quot;
  1136. page_link_hover_color:
  1137. editor: string
  1138. default: &quot;#005599&quot;
  1139. hero_styles:
  1140. editor: string
  1141. default: &#39;background-image: none; background-color: #394046; background-size:
  1142. cover; background-position: center center; background-repeat: no-repeat; padding:
  1143. 40px 0 30px;
  1144.  
  1145. &#39;
  1146. testimonial_styles:
  1147. editor: string
  1148. default: &#39;background-image: none; background-color: rgb(82, 87, 91); background-size:
  1149. cover; background-position: center center; background-repeat: no-repeat; padding:
  1150. 50px 0 40px;
  1151.  
  1152. &#39;
  1153. top_bar:
  1154. editor: html
  1155. allow_blank: true
  1156. default: |
  1157. &lt;div class=&quot;row clearfix&quot; data-kol-editor=&quot;froala&quot; style=&quot;padding: 10px 0&quot;&gt;
  1158. &lt;div class=&quot;col-xs-12&quot;&gt;
  1159. &lt;p style=&quot;text-align: center;&quot;&gt;
  1160. &lt;img alt=&quot;Image title&quot; src=&quot;https://d1y0v6ricksqp.cloudfront.net/images/logos/horizontal_dark.png&quot; style=&quot;width: 211px;marign: auto&quot;&gt;
  1161. &lt;/p&gt;
  1162. &lt;/div&gt;
  1163. &lt;/div&gt;
  1164. hero_section:
  1165. editor: html
  1166. allow_blank: true
  1167. default: &quot;&lt;div class=\&quot;row\&quot; data-kol-editor=\&quot;froala\&quot; style=\&quot;padding: 0px
  1168. 0 10px\&quot;&gt;\n &lt;div id=\&quot;top-container\&quot; class=\&quot;col-md-10 col-md-offset-1\&quot;&gt;\n
  1169. \ &lt;div class=\&quot;text-center\&quot; &gt;\n &lt;h1 class=&#39;hero-headline&#39; style=\&quot;color:
  1170. #fff;font-size:50px\&quot;&gt;YOUR HEADLINE&lt;/h1&gt;\n &lt;p class=&#39;hero-subhead&#39; style=\&quot;color:
  1171. #fff;font-size:21px;\&quot;&gt;Provide a short description here. You may want to describe
  1172. what you have to offer and why your audience would be interested.&lt;/p&gt;\n &lt;/div&gt;\n
  1173. \ &lt;/div&gt;\n&lt;/div&gt;\n&lt;div class=\&quot;row\&quot; style=\&quot;padding: 0 0 40px\&quot;&gt;\n &lt;div
  1174. class=\&quot;col-md-10 col-md-offset-1\&quot;&gt;\n &lt;div class=\&quot;row clearfix\&quot;&gt;\n &lt;div
  1175. class=\&quot;col-md-12 text-center\&quot;&gt;\n &lt;div class=\&quot;display\&quot;&gt;\n &lt;form
  1176. accept-charset=\&quot;UTF-8\&quot; class=\&quot;kol-signup-form kol-form-inline-centered
  1177. form-inline signup_form\&quot; data-remote=\&quot;true\&quot; id=\&quot;signup-form-stacked\&quot;
  1178. method=\&quot;post\&quot;&gt;\n &lt;fieldset class=\&quot;inline kol-form-group-stacked\&quot;
  1179. data-kol-editor=\&quot;form\&quot; style=\&quot;display:inline-block;\&quot;&gt;\n &lt;div
  1180. class=\&quot;kol-form-group kol-no-delete form-group\&quot; data-name=\&quot;email\&quot; data-input-type=\&quot;email\&quot;
  1181. data-label=\&quot;Email address\&quot; data-placeholder=\&quot;Email\&quot; data-required=\&quot;on\&quot;
  1182. data-input_size=\&quot;input-md\&quot; data-helptext=\&quot;\&quot; data-show_label=\&quot;true\&quot;&gt;\n
  1183. \ &lt;input type=\&quot;email\&quot; class=\&quot;kol-form-control kol-form-control-stacked
  1184. input-md form-control required\&quot; name=\&quot;Email\&quot; id=\&quot;email\&quot; placeholder=\&quot;Enter
  1185. your email here\&quot; required&gt;\n &lt;/div&gt;\n &lt;div class=\&quot;kol-form-group
  1186. kol-no-delete kol-has-hidden-fields form-group kol-form-submit\&quot; data-input-type=\&quot;submit-button\&quot;
  1187. data-label=\&quot;Submit\&quot; data-placeholder=\&quot;\&quot; data-required=\&quot;\&quot; data-input_size=\&quot;btn-md\&quot;
  1188. data-helptext=\&quot;\&quot; data-form_name=\&quot;Default Form\&quot;&gt;\n &lt;input
  1189. type=\&quot;hidden\&quot; value=\&quot;Default Form\&quot; name=\&quot;__form_name\&quot;&gt;\n &lt;/div&gt;\n
  1190. \ &lt;/fieldset&gt;\n &lt;div class=\&quot;row clearfix kol-form-button-row-inline
  1191. kol-form-button-stacked\&quot; style=\&quot;position:relative;display:inline-block;\&quot;&gt;\n
  1192. \ &lt;div data-kol-editor=\&quot;button\&quot; class=\&quot;text-center\&quot; data-settings=&#39;{\&quot;type\&quot;:\&quot;submit\&quot;,\&quot;text\&quot;:\&quot;Signup
  1193. Now!\&quot;,\&quot;style\&quot;:\&quot;square\&quot;,\&quot;background-color\&quot;:\&quot;#0088CC\&quot;,\&quot;color\&quot;:\&quot;#ffffff\&quot;,\&quot;alignment\&quot;:\&quot;center\&quot;,\&quot;size\&quot;:\&quot;md\&quot;,\&quot;hover-background-color\&quot;:\&quot;#005599\&quot;,\&quot;hover-color\&quot;:\&quot;#ffffff\&quot;}&#39;&gt;\n
  1194. \ &lt;input type=\&quot;submit\&quot; id=\&quot;kol-signup-button-stacked\&quot; class=\&quot;btn
  1195. kol-cta-btn kol-cta-btn-stacked kol-btn-md\&quot; value=\&quot;Signup Now!\&quot;&gt;\n &lt;style
  1196. class=\&quot;button-style\&quot;&gt;\n #kol-signup-button-stacked {\n
  1197. \ background-color: #0088CC !important; \n color:
  1198. #ffffff !important; \n -moz-border-radius: 0px; \n -webkit-border-radius:
  1199. 0px; \n border-radius: 0px; \n border:0;\n
  1200. \ }\n #kol-signup-button-stacked:hover {
  1201. background-color: #005599 !important; color: #ffffff !important; }\n &lt;/style&gt;\n
  1202. \ &lt;/div&gt;\n &lt;/div&gt;\n &lt;/form&gt;\n &lt;/div&gt;\n
  1203. \ &lt;/div&gt;&lt;!-- col-md-6--&gt;\n &lt;/div&gt;\n &lt;/div&gt;\n&lt;/div&gt;\n&quot;
  1204. feature_first_section:
  1205. editor: html
  1206. allow_blank: true
  1207. default: |
  1208. &lt;div class=&quot;row clearfix kol-background-image&quot; style=&quot;background-image: linear-gradient(rgba(145, 148, 150, 0.19), rgba(58, 65, 71, 0.701961)), url(&#39;//d1y0v6ricksqp.cloudfront.net/images/snippets/snippet%20images/used_in_snippets/minimal-1-long.jpg&#39;); background-color: transparent; background-size: cover; background-position: center center; background-repeat: no-repeat; padding: 150px 0;&quot;&gt;&lt;/div&gt;
  1209. &lt;div class=&quot;row clearfix&quot; data-kol-editor=&quot;froala&quot; style=&quot;padding: 50px 0 80px 0;&quot;&gt;
  1210. &lt;div class=&quot;container-fluid&quot;&gt;
  1211. &lt;div class=&quot;row feature&quot;&gt;
  1212. &lt;div class=&quot;col-md-8 col-md-offset-2 text&quot;&gt;
  1213. &lt;h2 style=&quot;font-size: 40px;&quot;&gt;Feature&lt;/h2&gt;
  1214. &lt;p&gt;Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&#39;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.&lt;/p&gt;
  1215. &lt;/div&gt;
  1216. &lt;/div&gt;
  1217. &lt;/div&gt;
  1218. &lt;/div&gt;
  1219. feature_second_section:
  1220. editor: html
  1221. allow_blank: true
  1222. default: |
  1223. &lt;div class=&quot;row clearfix kol-background-image&quot; style=&quot;background-image: linear-gradient(rgba(145, 148, 150, 0.19), rgba(58, 65, 71, 0.701961)), url(&#39;//d1y0v6ricksqp.cloudfront.net/images/backgrounds/pictures/streetpeople.jpg&#39;); background-color: transparent; background-size: cover; background-position: center center; background-repeat: no-repeat; padding: 150px 0;&quot;&gt;&lt;/div&gt;
  1224. &lt;div class=&quot;row clearfix&quot; data-kol-editor=&quot;froala&quot; style=&quot;padding: 50px 0 80px 0;&quot;&gt;
  1225. &lt;div class=&quot;container-fluid&quot;&gt;
  1226. &lt;div class=&quot;row feature&quot;&gt;
  1227. &lt;div class=&quot;col-md-8 col-md-offset-2 text&quot;&gt;
  1228. &lt;h2 style=&quot;font-size: 40px;&quot;&gt;Feature&lt;/h2&gt;
  1229. &lt;p&gt;Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&#39;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.&lt;/p&gt;
  1230. &lt;/div&gt;
  1231. &lt;/div&gt;
  1232. &lt;/div&gt;
  1233. &lt;/div&gt;
  1234. feature_third_section:
  1235. editor: html
  1236. allow_blank: true
  1237. default: |
  1238. &lt;div class=&quot;row clearfix kol-background-image&quot; style=&quot;background-image: linear-gradient(rgba(145, 148, 150, 0.19), rgba(58, 65, 71, 0.701961)), url(&#39;//d1y0v6ricksqp.cloudfront.net/images/backgrounds/pictures/things_silverpenwithadiary_small.jpg&#39;); background-color: transparent; background-size: cover; background-position: center center; background-repeat: no-repeat; padding: 150px 0;&quot;&gt;&lt;/div&gt;
  1239. &lt;div class=&quot;row clearfix&quot; data-kol-editor=&quot;froala&quot; style=&quot;padding: 50px 0 80px 0;&quot;&gt;
  1240. &lt;div class=&quot;container-fluid&quot;&gt;
  1241. &lt;div class=&quot;row feature&quot;&gt;
  1242. &lt;div class=&quot;col-md-8 col-md-offset-2 text&quot;&gt;
  1243. &lt;h2 style=&quot;font-size: 40px;&quot;&gt;Feature&lt;/h2&gt;
  1244. &lt;p&gt;Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&#39;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.&lt;/p&gt;
  1245. &lt;/div&gt;
  1246. &lt;/div&gt;
  1247. &lt;/div&gt;
  1248. &lt;/div&gt;
  1249. testimonials_section:
  1250. editor: html
  1251. allow_blank: true
  1252. default: |
  1253. &lt;div class=&quot;row clearfix quote-simple-image two zigzag&quot; style=&quot;padding: 10px 0;&quot;&gt;
  1254. &lt;div data-kol-editor=&quot;froala&quot; class=&quot;col-sm-6&quot;&gt;
  1255. &lt;blockquote class=&quot;text-center&quot;&gt;
  1256. &lt;span class=&quot;kol-icon-container&quot; style=&quot;font-size:48px; color: #FFFFFF;&quot;&gt;&lt;i class=&quot;kol-icon fa fa-quote-left&quot;&gt;&lt;/i&gt;&lt;/span&gt;&lt;p&gt;Lorem Ipsum has been the industry&#39;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.&lt;/p&gt;&lt;footer&gt;&lt;div class=&quot;row clearfix&quot;&gt;&lt;div class=&quot;col-xs-12 col-xs-offset-1 col-sm-12 col-sm-offset-1 col-md-8 col-md-offset-4 kol-citation&quot;&gt;&lt;div class=&quot;col-xs-4&quot;&gt;&lt;img src=&quot;https://d3aa8b1gak9v1d.cloudfront.net/assets/2/4fi5uszl1ppsabb123dq/kids-4-square.jpg&quot; class=&quot;img-circle&quot;&gt;&lt;/div&gt;&lt;div class=&quot;col-xs-8 kol-reference&quot;&gt;&lt;p&gt;&lt;cite&gt;Your Name&lt;/cite&gt;Your Title&lt;/p&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/footer&gt;
  1257. &lt;/blockquote&gt;
  1258. &lt;/div&gt;
  1259. &lt;div data-kol-editor=&quot;froala&quot; class=&quot;col-sm-6&quot;&gt;
  1260. &lt;blockquote class=&quot;text-center&quot;&gt;
  1261. &lt;span class=&quot;kol-icon-container&quot; style=&quot;font-size:48px; color: #FFFFFF;&quot;&gt;&lt;i class=&quot;kol-icon fa fa-quote-left&quot;&gt;&lt;/i&gt;&lt;/span&gt;&lt;p&gt;Lorem Ipsum has been the industry&#39;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.&lt;/p&gt;&lt;footer&gt;&lt;div class=&quot;row clearfix&quot;&gt;&lt;div class=&quot;col-xs-12 col-xs-offset-1 col-sm-12 col-sm-offset-1 col-md-8 col-md-offset-4 kol-citation&quot;&gt;&lt;div class=&quot;col-xs-4&quot;&gt;&lt;img src=&quot;https://d3aa8b1gak9v1d.cloudfront.net/assets/2/4fi5uszl1ppsabb123dq/kids-4-square.jpg&quot; class=&quot;img-circle&quot;&gt;&lt;/div&gt;&lt;div class=&quot;col-xs-8 kol-reference&quot;&gt;&lt;p&gt;&lt;cite&gt;Your Name&lt;/cite&gt;Your Title&lt;/p&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/footer&gt;
  1262. &lt;/blockquote&gt;
  1263. &lt;/div&gt;
  1264. &lt;/div&gt;
  1265. footer_content:
  1266. editor: html
  1267. allow_blank: true
  1268. default: &quot;&lt;div class=\&quot;row\&quot; style=\&quot;padding: 30px 0;\&quot;&gt;\n &lt;div class=\&quot;col-xs-12\&quot;&gt;\n
  1269. \ &lt;div data-kol-editor=\&quot;button\&quot; class=\&quot;text-center\&quot; data-settings=&#39;{\&quot;type\&quot;:\&quot;form\&quot;,\&quot;text\&quot;:\&quot;Signup
  1270. Now!\&quot;,\&quot;style\&quot;:\&quot;square\&quot;,\&quot;background-color\&quot;:\&quot;#0088cc\&quot;,\&quot;color\&quot;:\&quot;#ffffff\&quot;,\&quot;alignment\&quot;:\&quot;center\&quot;,\&quot;size\&quot;:\&quot;md\&quot;,\&quot;hover-background-color\&quot;:\&quot;#005599\&quot;,\&quot;hover-color\&quot;:\&quot;#ffffff\&quot;}&#39;&gt;\n
  1271. \ &lt;a id=\&quot;kol-default-cta\&quot; class=\&quot;btn kol-cta-btn kol-cta-btn-zigzag
  1272. kol-btn-lg\&quot;&gt;Signup Now!&lt;/a&gt;\n &lt;script class=&#39;scroll-script&#39;&gt;\n $(document).ready(function()
  1273. { \n var form = $(&#39;.kol-signup-form&#39;).first(),\n button
  1274. = $(&#39;#kol-default-cta&#39;);\n $(button).on(&#39;click&#39;, function(e) {\n
  1275. \ e.preventDefault();\n $(&#39;html, body&#39;).animate({scrollTop:
  1276. form.offset().top}, 500);\n form.find(&#39;input&#39;).first().focus();
  1277. \n });\n });\n &lt;/script&gt;\n &lt;style class=\&quot;button-style\&quot;&gt;\n
  1278. \ #kol-default-cta {\n background-color: #0088cc; \n color:
  1279. #ffffff; \n -moz-border-radius: 0; \n -webkit-border-radius:
  1280. 0; \n border-radius: 0; \n border:0;\n }\n #kol-default-cta:hover
  1281. { background-color: #005599 !important; color: #ffffff !important; }\n &lt;/style&gt;\n
  1282. \ &lt;/div&gt;\n &lt;/div&gt;\n&lt;/div&gt;\n&lt;div class=\&quot;row\&quot; style=\&quot;padding: 30px 0;\&quot;&gt;\n
  1283. \ &lt;div class=\&quot;col-sm-6 text-left\&quot; data-kol-editor=\&quot;froala\&quot;&gt;\n &lt;p&gt;©
  1284. 2017&lt;/p&gt;\n &lt;/div&gt;\n &lt;div class=\&quot;col-sm-6 text-right\&quot; data-kol-editor=\&quot;froala\&quot;&gt;\n
  1285. \ &lt;p&gt;Privacy Policy&lt;/p&gt;\n &lt;/div&gt;\n&lt;/div&gt;\n&quot;
  1286. </div><div class="clearfix"></div><div><input id="template_settings" name="template_settings" type="hidden" /></div></div><div class="top"><p><a class="btn btn-teal" href="/dashboard/account">Upgrade Required!</a></p><p> You like to get your hands really dirty, don't you? Upgrade to a premium level account, and you'll be able to edit the data and default settings of this theme. </p><div class="row"><a class="thumbnail span7" href="/dashboard/account"><img src="https://d3td0z80adncmt.cloudfront.net/assets/upgrade_previews/edit_data-c0c01e6aa01ff7809d42aa9c8a96eb7786fa5500f2aa4e294e1770778df24140.png" alt="Edit data" /></a></div></div></div><div class="hidden"><div class="top"><h3 class="headline normal">Edit HTML<span class="pull-right"><a class="btn btn-default trigger-preview-on-click">Update Preview</a></span></h3><p>You should <a target="_new" href="http://kickofflabs.com/support/editing-landing-page-theme-html">read our documentation</a> on editing HTML. </p><div class="clearfix"></div></div><div class="clearfix"></div><div class="code-edit-wrapper"><div class="ace_editors hidden"><div class="theme_editor" id="html_edit_window">&lt;!DOCTYPE html&gt;
  1287. &lt;html&gt;
  1288. &lt;head&gt;
  1289. &lt;script src=&quot;{% jquery 1.10.2 %}&quot;&gt;&lt;/script&gt;
  1290. {% common_header %}
  1291. {% font_awesome %}
  1292. &lt;meta charset=&quot;utf-8&quot;&gt;
  1293. &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no&quot;&gt;
  1294. &lt;!-- Bootstrap core CSS --&gt;
  1295. &lt;link href=&quot;{% asset_path css/bootstrap/3.2.0/bootstrap.min.css %}&quot; rel=&quot;stylesheet&quot;&gt;
  1296. &lt;link href=&quot;{% droppable_theme_styles %}&quot; media=&quot;screen&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot;/&gt;
  1297. &lt;!-- Loading custom fonts --&gt;
  1298. {% load_custom_fonts %}
  1299.  
  1300.  
  1301. &lt;!-- Add custom CSS here --&gt;
  1302. &lt;style&gt;
  1303. body, p {
  1304. font-family: &#39;Lato&#39;, sans-serif;
  1305. }
  1306. h1,h2,h3,h4,h5,h6 {
  1307. font-family: &#39;Abel&#39;, sans-serif;
  1308. }
  1309.  
  1310. /* Hero Section */
  1311. #hero_section h1, #hero_section h2, #hero_section h3, #hero_section h4, #hero_section h5, #hero_section h6, #hero_section p {
  1312. color: #ffffff;
  1313. }
  1314. #hero_section label {
  1315. color: #ffffff !important;
  1316. }
  1317. /* Hero Section - Form Styles */
  1318.  
  1319. /* Buttons and Inputs */
  1320. /* Inputs */
  1321. #signup-form-stacked .input-sm {
  1322. border-radius: 0px;
  1323. padding: 6px 10px 5px 10px !important;
  1324. }
  1325. #signup-form-stacked .input-md {
  1326. padding: 8px 16px 9px !important;
  1327. font-size: 16px !important;
  1328. line-height: 1.33;
  1329. border-radius: 0px;
  1330. }
  1331. #signup-form-stacked .input-lg {
  1332. border-radius: 0px;
  1333. padding: 12px 29px !important;
  1334. font-size: 18px !important;
  1335. }
  1336. /* Buttons */
  1337. #signup-form-stacked .kol-btn-sm {
  1338. padding: 7px 25px !important;
  1339. }
  1340. #signup-form-stacked .kol-btn-md {
  1341. font-size: 16px !important;
  1342. padding: 9px 29px !important;
  1343. }
  1344. #signup-form-stacked .kol-btn-lg {
  1345. padding: 12px 45px !important;
  1346. }
  1347. @media (max-width: 768px) {
  1348. #kol-signup-button-stacked {
  1349. width: 100%;
  1350. }
  1351. .kol-signup-form.form-inline {
  1352. width: 60%;
  1353. }
  1354. }
  1355. @media (max-width: 420px) {
  1356. .kol-signup-form.form-inline {
  1357. width: 95%;
  1358. }
  1359. }
  1360. /* End Buttons and Inputs */
  1361.  
  1362. /* Label styles */
  1363. #signup-form-stacked {
  1364. margin-top: 22px;
  1365. }
  1366. #signup-form-stacked label {
  1367. margin-bottom: 2px;
  1368. }
  1369. #signup-form-stacked .form-group {
  1370. position: relative;
  1371. padding-bottom: 20px;
  1372. }
  1373. #kol-signup-button-stacked {
  1374. margin-bottom: 20px !important;
  1375. }
  1376. #signup-form-stacked .form-group label {
  1377. position: absolute;
  1378. top:-22px;
  1379. }
  1380. /* END: Label styles */
  1381.  
  1382. /* Textarea styles */
  1383. #signup-form-stacked textarea {
  1384. border-radius: 2px;
  1385. margin-bottom: 0 !important;
  1386. }
  1387. #signup-form-stacked textarea.input-md {
  1388. max-height: 40px;
  1389. }
  1390. #signup-form-stacked textarea.input-lg {
  1391. max-height: 49px;
  1392. }
  1393. #signup-form-stacked textarea.input-sm {
  1394. max-height: 31px;
  1395. }
  1396. /* END: Textarea styles */
  1397.  
  1398. /* Checkboxes and Radios */
  1399. #signup-form-stacked .form-group[data-input-type=&quot;radio&quot;] label, #signup-form-stacked .form-group[data-input-type=&quot;checkbox&quot;] label {
  1400. position: relative;
  1401. top: 0px;
  1402. }
  1403. /* END: Checkboxes and Radios */
  1404.  
  1405. /* Feature Section */
  1406. .feature .image {
  1407. height: 400px;
  1408. width: 100%;
  1409. object-fit: cover;
  1410. overflow: hidden;
  1411. }
  1412. .feature .image img {
  1413. margin: 0;
  1414. width: 100%;
  1415. position: relative;
  1416. top: 50%;
  1417. transform: perspective(1px) translateY(-50%);
  1418. }
  1419. .feature .text {
  1420. text-align: center;
  1421. }
  1422.  
  1423. /* Testimonial Section */
  1424. .quote-simple-image.zigzag, .quote-simple-image.zigzag footer p {
  1425. color: #ffffff;
  1426. }
  1427.  
  1428.  
  1429. #testimonials_section_container p {
  1430. color: #ffffff;
  1431. }
  1432. #testimonials_section_container h1,#testimonials_section_container h2,#testimonials_section_container h3,#testimonials_section_container h4,#testimonials_section_container h5,#testimonials_section_container h6 {
  1433. color: #ffffff;
  1434. }
  1435.  
  1436. &lt;/style&gt;
  1437.  
  1438. &lt;!-- These styles are reserved for the KickoffLabs designer --&gt;
  1439. &lt;style data-content-name=&quot;kol_designer_styling&quot; id=&quot;kol_designer_styling&quot; data-mercury=&quot;froala&quot;&gt;
  1440. {{content.kol_designer_styling}}
  1441. &lt;/style&gt;
  1442.  
  1443. {% integrations header %}
  1444. &lt;link href=&quot;//fonts.googleapis.com/css?family=Abel|Lato&quot; rel=&quot;stylesheet&quot; property=&quot;stylesheet&quot; type=&quot;text/css&quot; class=&quot;kol-font-style&quot; data-kol-font=&quot;abel&quot;&gt;
  1445. &lt;/head&gt;
  1446.  
  1447. &lt;body&gt;
  1448.  
  1449. &lt;div class=&quot;container&quot;&gt;
  1450. &lt;div id=&quot;top_bar&quot; class=&quot;kol-container kol-hideable-section&quot; data-designer-region=&quot;droppable&quot; data-content-name=&quot;top_bar&quot; data-friendly-name=&quot;Top Bar&quot;&gt;
  1451. {{content.top_bar}}
  1452. &lt;/div&gt;
  1453. &lt;/div&gt;
  1454.  
  1455. &lt;div class=&quot;kol-editable-section&quot; data-style-tdo=&quot;hero_styles&quot; style=&quot;{{content.hero_styles}}&quot;&gt;
  1456. &lt;div class=&quot;container&quot;&gt;
  1457. &lt;div id=&quot;hero_section&quot; data-designer-region=&quot;droppable&quot; data-content-name=&quot;hero_section&quot;&gt;
  1458. {{content.hero_section}}
  1459. &lt;/div&gt;
  1460. &lt;/div&gt;
  1461. &lt;/div&gt;
  1462.  
  1463. &lt;div id=&quot;feature_first_section_container&quot; class=&quot;kol-editable-section kol-hideable-section&quot; data-friendly-name=&quot;First Feature Section&quot;&gt;
  1464. &lt;div class=&quot;container-fluid&quot;&gt;
  1465. &lt;div id=&quot;feature_first_section&quot; data-designer-region=&quot;droppable&quot; data-content-name=&quot;feature_first_section&quot;&gt;
  1466. {{content.feature_first_section}}
  1467. &lt;/div&gt;
  1468. &lt;/div&gt;
  1469. &lt;/div&gt;
  1470.  
  1471. &lt;div id=&quot;feature_second_section_container&quot; class=&quot;kol-editable-section kol-hideable-section&quot; data-friendly-name=&quot;Second Feature Section&quot;&gt;
  1472. &lt;div class=&quot;container-fluid&quot;&gt;
  1473. &lt;div id=&quot;feature_second_section&quot; data-designer-region=&quot;droppable&quot; data-content-name=&quot;feature_second_section&quot;&gt;
  1474. {{content.feature_second_section}}
  1475. &lt;/div&gt;
  1476. &lt;/div&gt;
  1477. &lt;/div&gt;
  1478.  
  1479. &lt;div id=&quot;feature_third_section_container&quot; class=&quot;kol-editable-section kol-hideable-section&quot; data-friendly-name=&quot;Third Feature Section&quot;&gt;
  1480. &lt;div class=&quot;container-fluid&quot;&gt;
  1481. &lt;div id=&quot;feature_third_section&quot; data-designer-region=&quot;droppable&quot; data-content-name=&quot;feature_third_section&quot;&gt;
  1482. {{content.feature_third_section}}
  1483. &lt;/div&gt;
  1484. &lt;/div&gt;
  1485. &lt;/div&gt;
  1486.  
  1487. &lt;div id=&quot;testimonials_section_container&quot; class=&quot;kol-editable-section kol-hideable-section&quot; data-style-tdo=&quot;testimonial_styles&quot; data-friendly-name=&quot;Testimonials Section&quot; style=&quot;{{content.testimonial_styles}}&quot;&gt;
  1488. &lt;div class=&quot;container&quot;&gt;
  1489. &lt;div id=&quot;testimonials_section&quot; data-designer-region=&quot;droppable&quot; data-content-name=&quot;testimonials_section&quot;&gt;
  1490. {{content.testimonials_section}}
  1491. &lt;/div&gt;
  1492. &lt;/div&gt;
  1493. &lt;/div&gt;
  1494.  
  1495. &lt;div id=&quot;footer-container&quot; class=&quot;kol-hideable-section&quot; data-friendly-name=&quot;Footer&quot;&gt;
  1496. &lt;div class=&quot;footer&quot;&gt;
  1497. &lt;div class=&quot;container&quot;&gt;
  1498. &lt;footer&gt;
  1499.  
  1500. &lt;div class=&quot;row&quot;&gt;
  1501. &lt;div class=&quot;col-lg-12&quot;&gt;
  1502. &lt;div id=&quot;footer_content&quot; data-designer-region=&quot;droppable&quot; data-content-name=&quot;footer_content&quot;&gt;
  1503. {{content.footer_content}}
  1504. &lt;/div&gt;
  1505. &lt;/div&gt;
  1506.  
  1507. &lt;div class=&quot;col-md-6&quot;&gt;
  1508. &lt;div id=&quot;the_footer_text&quot; class=&quot;footer-text pull-left&quot; data-mercury=&quot;froala&quot; data-content-name=&quot;the_footer_text&quot;&gt;
  1509. {{content.the_footer_text}}
  1510. &lt;/div&gt;
  1511. &lt;/div&gt;
  1512.  
  1513. &lt;div class=&quot;col-md-6&quot;&gt;
  1514. &lt;p class=&quot;footer-text pull-right&quot;&gt;
  1515. &lt;a id=&quot;privacy_link&quot; href=&quot;{{page_url}}/privacy&quot; &gt;{{content.privacy_link_text}}&lt;/a&gt;
  1516. &lt;/p&gt;
  1517. &lt;/div&gt;
  1518. &lt;/div&gt;
  1519. &lt;/footer&gt;
  1520. &lt;/div&gt;
  1521. &lt;/div&gt;
  1522. &lt;/div&gt;
  1523. &lt;!-- Placed at the end of the document so the pages load faster --&gt;
  1524. {% droppable_form_script %}
  1525. {% integrations footer %}
  1526. &lt;/body&gt;
  1527. &lt;/html&gt;
  1528. </div><div class="clearfix"></div><div><input id="template_content" name="template_content" type="hidden" /></div></div></div><div class="top"><div class="clearfix"></div><p> You like to get your hands dirty, don't you? Upgrade to a premium level account, and you'll be able to edit the raw HTML and CSS of your landing page to create just the right impression. </p><div class="spacer"></div><p><a class="btn btn-warning upgrade upgrade-html-access" href="/dashboard/account/upgrade/premium">No Risk, 30 Day Money Back Guarantee</a></p><div class="spacer"></div><div class="spacer"></div><div class="text-center"><a class="thumbnail" href="/dashboard/account/upgrade/premium"><img src="https://d3td0z80adncmt.cloudfront.net/assets/upgrade_previews/edit_html-89fa6c4b1a2c3f3d4c73f992c27d7e2746afd8d13c6e9dc6ca166ebf8f038352.png" alt="Edit html" /></a></div></div><div class="top"><h3 class="headline normal">Edit Theme Data<span class="pull-right"><a class="btn btn-default trigger-preview-on-click">Update Preview</a></span></h3><div class="clearfix"></div><h4>Warning - Geeks only on this tab. </h4><p>You can this tab to define new variables (and more) in a theme.
  1529. If you are not helping us build a new theme, you likely don't need
  1530. to make any changes here. Contact support@kickofflabs.com for help
  1531. until we publish documentation. <strong>For now - test by using "Save Draft". </strong></p></div><div class="ace_editors hidden" style="top:184px;"><div class="theme_editor" id="yaml_edit_window">---
  1532. include_default_options: default_droppable_options_4
  1533. editor: droppable
  1534. designer_version: 4
  1535. options:
  1536. inline:
  1537. headline_font:
  1538. default: Abel
  1539. editor: string
  1540. body_font:
  1541. default: Lato
  1542. editor: string
  1543. kol_designer_styling:
  1544. hint: Append custom CSS to this style tag.
  1545. editor: html
  1546. default: &quot;body, p { color: #394046; }\nh1,h2,h3,h4,h5,h6 { color: #394046; }\na
  1547. { color: #0088cc; }\na:hover { color: #005599; }\nbody { background-color:
  1548. #ffffff; \nbackground-image: none; \n}\n&quot;
  1549. page_background_color:
  1550. editor: string
  1551. default: &quot;#ffffff&quot;
  1552. body_text_color:
  1553. editor: string
  1554. default: &quot;#394046&quot;
  1555. headline_text_color:
  1556. editor: string
  1557. default: &quot;#394046&quot;
  1558. page_link_color:
  1559. editor: string
  1560. default: &quot;#0088cc&quot;
  1561. page_link_hover_color:
  1562. editor: string
  1563. default: &quot;#005599&quot;
  1564. hero_styles:
  1565. editor: string
  1566. default: &#39;background-image: none; background-color: #394046; background-size:
  1567. cover; background-position: center center; background-repeat: no-repeat; padding:
  1568. 40px 0 30px;
  1569.  
  1570. &#39;
  1571. testimonial_styles:
  1572. editor: string
  1573. default: &#39;background-image: none; background-color: rgb(82, 87, 91); background-size:
  1574. cover; background-position: center center; background-repeat: no-repeat; padding:
  1575. 50px 0 40px;
  1576.  
  1577. &#39;
  1578. top_bar:
  1579. editor: html
  1580. allow_blank: true
  1581. default: |
  1582. &lt;div class=&quot;row clearfix&quot; data-kol-editor=&quot;froala&quot; style=&quot;padding: 10px 0&quot;&gt;
  1583. &lt;div class=&quot;col-xs-12&quot;&gt;
  1584. &lt;p style=&quot;text-align: center;&quot;&gt;
  1585. &lt;img alt=&quot;Image title&quot; src=&quot;https://d1y0v6ricksqp.cloudfront.net/images/logos/horizontal_dark.png&quot; style=&quot;width: 211px;marign: auto&quot;&gt;
  1586. &lt;/p&gt;
  1587. &lt;/div&gt;
  1588. &lt;/div&gt;
  1589. hero_section:
  1590. editor: html
  1591. allow_blank: true
  1592. default: &quot;&lt;div class=\&quot;row\&quot; data-kol-editor=\&quot;froala\&quot; style=\&quot;padding: 0px
  1593. 0 10px\&quot;&gt;\n &lt;div id=\&quot;top-container\&quot; class=\&quot;col-md-10 col-md-offset-1\&quot;&gt;\n
  1594. \ &lt;div class=\&quot;text-center\&quot; &gt;\n &lt;h1 class=&#39;hero-headline&#39; style=\&quot;color:
  1595. #fff;font-size:50px\&quot;&gt;YOUR HEADLINE&lt;/h1&gt;\n &lt;p class=&#39;hero-subhead&#39; style=\&quot;color:
  1596. #fff;font-size:21px;\&quot;&gt;Provide a short description here. You may want to describe
  1597. what you have to offer and why your audience would be interested.&lt;/p&gt;\n &lt;/div&gt;\n
  1598. \ &lt;/div&gt;\n&lt;/div&gt;\n&lt;div class=\&quot;row\&quot; style=\&quot;padding: 0 0 40px\&quot;&gt;\n &lt;div
  1599. class=\&quot;col-md-10 col-md-offset-1\&quot;&gt;\n &lt;div class=\&quot;row clearfix\&quot;&gt;\n &lt;div
  1600. class=\&quot;col-md-12 text-center\&quot;&gt;\n &lt;div class=\&quot;display\&quot;&gt;\n &lt;form
  1601. accept-charset=\&quot;UTF-8\&quot; class=\&quot;kol-signup-form kol-form-inline-centered
  1602. form-inline signup_form\&quot; data-remote=\&quot;true\&quot; id=\&quot;signup-form-stacked\&quot;
  1603. method=\&quot;post\&quot;&gt;\n &lt;fieldset class=\&quot;inline kol-form-group-stacked\&quot;
  1604. data-kol-editor=\&quot;form\&quot; style=\&quot;display:inline-block;\&quot;&gt;\n &lt;div
  1605. class=\&quot;kol-form-group kol-no-delete form-group\&quot; data-name=\&quot;email\&quot; data-input-type=\&quot;email\&quot;
  1606. data-label=\&quot;Email address\&quot; data-placeholder=\&quot;Email\&quot; data-required=\&quot;on\&quot;
  1607. data-input_size=\&quot;input-md\&quot; data-helptext=\&quot;\&quot; data-show_label=\&quot;true\&quot;&gt;\n
  1608. \ &lt;input type=\&quot;email\&quot; class=\&quot;kol-form-control kol-form-control-stacked
  1609. input-md form-control required\&quot; name=\&quot;Email\&quot; id=\&quot;email\&quot; placeholder=\&quot;Enter
  1610. your email here\&quot; required&gt;\n &lt;/div&gt;\n &lt;div class=\&quot;kol-form-group
  1611. kol-no-delete kol-has-hidden-fields form-group kol-form-submit\&quot; data-input-type=\&quot;submit-button\&quot;
  1612. data-label=\&quot;Submit\&quot; data-placeholder=\&quot;\&quot; data-required=\&quot;\&quot; data-input_size=\&quot;btn-md\&quot;
  1613. data-helptext=\&quot;\&quot; data-form_name=\&quot;Default Form\&quot;&gt;\n &lt;input
  1614. type=\&quot;hidden\&quot; value=\&quot;Default Form\&quot; name=\&quot;__form_name\&quot;&gt;\n &lt;/div&gt;\n
  1615. \ &lt;/fieldset&gt;\n &lt;div class=\&quot;row clearfix kol-form-button-row-inline
  1616. kol-form-button-stacked\&quot; style=\&quot;position:relative;display:inline-block;\&quot;&gt;\n
  1617. \ &lt;div data-kol-editor=\&quot;button\&quot; class=\&quot;text-center\&quot; data-settings=&#39;{\&quot;type\&quot;:\&quot;submit\&quot;,\&quot;text\&quot;:\&quot;Signup
  1618. Now!\&quot;,\&quot;style\&quot;:\&quot;square\&quot;,\&quot;background-color\&quot;:\&quot;#0088CC\&quot;,\&quot;color\&quot;:\&quot;#ffffff\&quot;,\&quot;alignment\&quot;:\&quot;center\&quot;,\&quot;size\&quot;:\&quot;md\&quot;,\&quot;hover-background-color\&quot;:\&quot;#005599\&quot;,\&quot;hover-color\&quot;:\&quot;#ffffff\&quot;}&#39;&gt;\n
  1619. \ &lt;input type=\&quot;submit\&quot; id=\&quot;kol-signup-button-stacked\&quot; class=\&quot;btn
  1620. kol-cta-btn kol-cta-btn-stacked kol-btn-md\&quot; value=\&quot;Signup Now!\&quot;&gt;\n &lt;style
  1621. class=\&quot;button-style\&quot;&gt;\n #kol-signup-button-stacked {\n
  1622. \ background-color: #0088CC !important; \n color:
  1623. #ffffff !important; \n -moz-border-radius: 0px; \n -webkit-border-radius:
  1624. 0px; \n border-radius: 0px; \n border:0;\n
  1625. \ }\n #kol-signup-button-stacked:hover {
  1626. background-color: #005599 !important; color: #ffffff !important; }\n &lt;/style&gt;\n
  1627. \ &lt;/div&gt;\n &lt;/div&gt;\n &lt;/form&gt;\n &lt;/div&gt;\n
  1628. \ &lt;/div&gt;&lt;!-- col-md-6--&gt;\n &lt;/div&gt;\n &lt;/div&gt;\n&lt;/div&gt;\n&quot;
  1629. feature_first_section:
  1630. editor: html
  1631. allow_blank: true
  1632. default: |
  1633. &lt;div class=&quot;row clearfix kol-background-image&quot; style=&quot;background-image: linear-gradient(rgba(145, 148, 150, 0.19), rgba(58, 65, 71, 0.701961)), url(&#39;//d1y0v6ricksqp.cloudfront.net/images/snippets/snippet%20images/used_in_snippets/minimal-1-long.jpg&#39;); background-color: transparent; background-size: cover; background-position: center center; background-repeat: no-repeat; padding: 150px 0;&quot;&gt;&lt;/div&gt;
  1634. &lt;div class=&quot;row clearfix&quot; data-kol-editor=&quot;froala&quot; style=&quot;padding: 50px 0 80px 0;&quot;&gt;
  1635. &lt;div class=&quot;container-fluid&quot;&gt;
  1636. &lt;div class=&quot;row feature&quot;&gt;
  1637. &lt;div class=&quot;col-md-8 col-md-offset-2 text&quot;&gt;
  1638. &lt;h2 style=&quot;font-size: 40px;&quot;&gt;Feature&lt;/h2&gt;
  1639. &lt;p&gt;Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&#39;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.&lt;/p&gt;
  1640. &lt;/div&gt;
  1641. &lt;/div&gt;
  1642. &lt;/div&gt;
  1643. &lt;/div&gt;
  1644. feature_second_section:
  1645. editor: html
  1646. allow_blank: true
  1647. default: |
  1648. &lt;div class=&quot;row clearfix kol-background-image&quot; style=&quot;background-image: linear-gradient(rgba(145, 148, 150, 0.19), rgba(58, 65, 71, 0.701961)), url(&#39;//d1y0v6ricksqp.cloudfront.net/images/backgrounds/pictures/streetpeople.jpg&#39;); background-color: transparent; background-size: cover; background-position: center center; background-repeat: no-repeat; padding: 150px 0;&quot;&gt;&lt;/div&gt;
  1649. &lt;div class=&quot;row clearfix&quot; data-kol-editor=&quot;froala&quot; style=&quot;padding: 50px 0 80px 0;&quot;&gt;
  1650. &lt;div class=&quot;container-fluid&quot;&gt;
  1651. &lt;div class=&quot;row feature&quot;&gt;
  1652. &lt;div class=&quot;col-md-8 col-md-offset-2 text&quot;&gt;
  1653. &lt;h2 style=&quot;font-size: 40px;&quot;&gt;Feature&lt;/h2&gt;
  1654. &lt;p&gt;Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&#39;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.&lt;/p&gt;
  1655. &lt;/div&gt;
  1656. &lt;/div&gt;
  1657. &lt;/div&gt;
  1658. &lt;/div&gt;
  1659. feature_third_section:
  1660. editor: html
  1661. allow_blank: true
  1662. default: |
  1663. &lt;div class=&quot;row clearfix kol-background-image&quot; style=&quot;background-image: linear-gradient(rgba(145, 148, 150, 0.19), rgba(58, 65, 71, 0.701961)), url(&#39;//d1y0v6ricksqp.cloudfront.net/images/backgrounds/pictures/things_silverpenwithadiary_small.jpg&#39;); background-color: transparent; background-size: cover; background-position: center center; background-repeat: no-repeat; padding: 150px 0;&quot;&gt;&lt;/div&gt;
  1664. &lt;div class=&quot;row clearfix&quot; data-kol-editor=&quot;froala&quot; style=&quot;padding: 50px 0 80px 0;&quot;&gt;
  1665. &lt;div class=&quot;container-fluid&quot;&gt;
  1666. &lt;div class=&quot;row feature&quot;&gt;
  1667. &lt;div class=&quot;col-md-8 col-md-offset-2 text&quot;&gt;
  1668. &lt;h2 style=&quot;font-size: 40px;&quot;&gt;Feature&lt;/h2&gt;
  1669. &lt;p&gt;Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&#39;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.&lt;/p&gt;
  1670. &lt;/div&gt;
  1671. &lt;/div&gt;
  1672. &lt;/div&gt;
  1673. &lt;/div&gt;
  1674. testimonials_section:
  1675. editor: html
  1676. allow_blank: true
  1677. default: |
  1678. &lt;div class=&quot;row clearfix quote-simple-image two zigzag&quot; style=&quot;padding: 10px 0;&quot;&gt;
  1679. &lt;div data-kol-editor=&quot;froala&quot; class=&quot;col-sm-6&quot;&gt;
  1680. &lt;blockquote class=&quot;text-center&quot;&gt;
  1681. &lt;span class=&quot;kol-icon-container&quot; style=&quot;font-size:48px; color: #FFFFFF;&quot;&gt;&lt;i class=&quot;kol-icon fa fa-quote-left&quot;&gt;&lt;/i&gt;&lt;/span&gt;&lt;p&gt;Lorem Ipsum has been the industry&#39;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.&lt;/p&gt;&lt;footer&gt;&lt;div class=&quot;row clearfix&quot;&gt;&lt;div class=&quot;col-xs-12 col-xs-offset-1 col-sm-12 col-sm-offset-1 col-md-8 col-md-offset-4 kol-citation&quot;&gt;&lt;div class=&quot;col-xs-4&quot;&gt;&lt;img src=&quot;https://d3aa8b1gak9v1d.cloudfront.net/assets/2/4fi5uszl1ppsabb123dq/kids-4-square.jpg&quot; class=&quot;img-circle&quot;&gt;&lt;/div&gt;&lt;div class=&quot;col-xs-8 kol-reference&quot;&gt;&lt;p&gt;&lt;cite&gt;Your Name&lt;/cite&gt;Your Title&lt;/p&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/footer&gt;
  1682. &lt;/blockquote&gt;
  1683. &lt;/div&gt;
  1684. &lt;div data-kol-editor=&quot;froala&quot; class=&quot;col-sm-6&quot;&gt;
  1685. &lt;blockquote class=&quot;text-center&quot;&gt;
  1686. &lt;span class=&quot;kol-icon-container&quot; style=&quot;font-size:48px; color: #FFFFFF;&quot;&gt;&lt;i class=&quot;kol-icon fa fa-quote-left&quot;&gt;&lt;/i&gt;&lt;/span&gt;&lt;p&gt;Lorem Ipsum has been the industry&#39;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.&lt;/p&gt;&lt;footer&gt;&lt;div class=&quot;row clearfix&quot;&gt;&lt;div class=&quot;col-xs-12 col-xs-offset-1 col-sm-12 col-sm-offset-1 col-md-8 col-md-offset-4 kol-citation&quot;&gt;&lt;div class=&quot;col-xs-4&quot;&gt;&lt;img src=&quot;https://d3aa8b1gak9v1d.cloudfront.net/assets/2/4fi5uszl1ppsabb123dq/kids-4-square.jpg&quot; class=&quot;img-circle&quot;&gt;&lt;/div&gt;&lt;div class=&quot;col-xs-8 kol-reference&quot;&gt;&lt;p&gt;&lt;cite&gt;Your Name&lt;/cite&gt;Your Title&lt;/p&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/footer&gt;
  1687. &lt;/blockquote&gt;
  1688. &lt;/div&gt;
  1689. &lt;/div&gt;
  1690. footer_content:
  1691. editor: html
  1692. allow_blank: true
  1693. default: &quot;&lt;div class=\&quot;row\&quot; style=\&quot;padding: 30px 0;\&quot;&gt;\n &lt;div class=\&quot;col-xs-12\&quot;&gt;\n
  1694. \ &lt;div data-kol-editor=\&quot;button\&quot; class=\&quot;text-center\&quot; data-settings=&#39;{\&quot;type\&quot;:\&quot;form\&quot;,\&quot;text\&quot;:\&quot;Signup
  1695. Now!\&quot;,\&quot;style\&quot;:\&quot;square\&quot;,\&quot;background-color\&quot;:\&quot;#0088cc\&quot;,\&quot;color\&quot;:\&quot;#ffffff\&quot;,\&quot;alignment\&quot;:\&quot;center\&quot;,\&quot;size\&quot;:\&quot;md\&quot;,\&quot;hover-background-color\&quot;:\&quot;#005599\&quot;,\&quot;hover-color\&quot;:\&quot;#ffffff\&quot;}&#39;&gt;\n
  1696. \ &lt;a id=\&quot;kol-default-cta\&quot; class=\&quot;btn kol-cta-btn kol-cta-btn-zigzag
  1697. kol-btn-lg\&quot;&gt;Signup Now!&lt;/a&gt;\n &lt;script class=&#39;scroll-script&#39;&gt;\n $(document).ready(function()
  1698. { \n var form = $(&#39;.kol-signup-form&#39;).first(),\n button
  1699. = $(&#39;#kol-default-cta&#39;);\n $(button).on(&#39;click&#39;, function(e) {\n
  1700. \ e.preventDefault();\n $(&#39;html, body&#39;).animate({scrollTop:
  1701. form.offset().top}, 500);\n form.find(&#39;input&#39;).first().focus();
  1702. \n });\n });\n &lt;/script&gt;\n &lt;style class=\&quot;button-style\&quot;&gt;\n
  1703. \ #kol-default-cta {\n background-color: #0088cc; \n color:
  1704. #ffffff; \n -moz-border-radius: 0; \n -webkit-border-radius:
  1705. 0; \n border-radius: 0; \n border:0;\n }\n #kol-default-cta:hover
  1706. { background-color: #005599 !important; color: #ffffff !important; }\n &lt;/style&gt;\n
  1707. \ &lt;/div&gt;\n &lt;/div&gt;\n&lt;/div&gt;\n&lt;div class=\&quot;row\&quot; style=\&quot;padding: 30px 0;\&quot;&gt;\n
  1708. \ &lt;div class=\&quot;col-sm-6 text-left\&quot; data-kol-editor=\&quot;froala\&quot;&gt;\n &lt;p&gt;©
  1709. 2017&lt;/p&gt;\n &lt;/div&gt;\n &lt;div class=\&quot;col-sm-6 text-right\&quot; data-kol-editor=\&quot;froala\&quot;&gt;\n
  1710. \ &lt;p&gt;Privacy Policy&lt;/p&gt;\n &lt;/div&gt;\n&lt;/div&gt;\n&quot;
  1711. </div><div class="clearfix"></div><div><input id="template_settings" name="template_settings" type="hidden" /></div></div><div class="top"><p><a class="btn btn-teal" href="/dashboard/account">Upgrade Required!</a></p><p> You like to get your hands really dirty, don't you? Upgrade to a premium level account, and you'll be able to edit the data and default settings of this theme. </p><div class="row"><a class="thumbnail span7" href="/dashboard/account"><img src="https://d3td0z80adncmt.cloudfront.net/assets/upgrade_previews/edit_data-c0c01e6aa01ff7809d42aa9c8a96eb7786fa5500f2aa4e294e1770778df24140.png" alt="Edit data" /></a></div></div></div><div class="left-nav-content" id="add-page-section" style="display:none"><div class="header"><h3>Add Content</h3><div class="close-left-nav"></div></div><div class="body" id="content-builder-wrapper"></div></div><div class="left-nav-content" id="page-styles-section" style="display:none"><div class="header"><h3>Page Design</h3><div class="close-left-nav"></div></div><div class="body"><div class="col-sm-12"><div id="page-style-container"></div></div></div></div><div class="left-nav-content" id="editor-sidebar" style="display:none"><div class="editor-content" id="editor-properties-holder"></div></div><div class="left-nav-content" id="edit-settings-section" style="display:none"><div class="header"><h3>Settings</h3><div class="close-left-nav"></div></div><div class="body"><div class="col-sm-12"><div class="category-heading">Bounce Options</div><div class="droppable-tooltip-wrapper"><div class="bounce"><p>A KickoffLabs Bounce Widget will help collect leads when visitors attempt to leave without converting.</p><p>You don't currently have any bounce widgets. </p><a class="btn btn-teal" href="/dashboard/campaigns/87224/widgets/bounce">Add Bounce Widget Now</a></div></div><div class="category-heading">Settings</div><div class="droppable-tooltip-wrapper"><div class="designer_input_wrapper" data-condition="none"><div class="clearfix"></div><div class="left"><label class="edit-title-label hint" for="lpd_page_title" title="The hidden landing page title that&#39;s read by search engines. Defaults to your page page title under the basics tab.">Page Title</label></div><div class="clearfix"></div><input class="update-preview designer_input form-control text_editor " data-requires-save="false" id="lpd_page_title" name="[lpd]page_title" type="text" value="" /><div class="spacer"></div></div></div><div class="droppable-tooltip-wrapper"><div class="designer_input_wrapper" data-condition="none"><div class="clearfix"></div><div class="left"><label class="edit-title-label hint" for="lpd_meta_description" title="The meta description provides a concise explanation of a Web page&#39;s content for search engines such as Google. If you don&#39;t specify this we will default it to be the first couple sentences of your description.">Meta Description</label></div><div class="clearfix"></div><textarea class="form-control text_editor open_textarea update-preview designer_input" data-hint="The meta description provides a concise explanation of a Web page&#39;s content for search engines such as Google. If you don&#39;t specify this we will default it to be the first couple sentences of your description." data-name="Meta Description" data-requires-save="false" id="lpd_meta_description" name="[lpd]meta_description"></textarea><div class="spacer"></div></div></div><div class="designer_input_wrapper" data-condition="none"><div class="image_picker"><div class="clearfix"></div><div class="left"><label class="edit-title-label hint" for="lpd_favicon_image" title="Must be a 16x16 or 32x32 .ico, .png, jpg, or .gif file to work in most browsers.">Favicon Image</label></div><div class="clearfix"></div><div class="image_editor designer_input" id="lpd_favicon_image_section"><input id="lpd_favicon_image" name="[lpd]favicon_image" type="hidden" value="" /><img id="lpd_favicon_image_image" class="image_preview thumbnail horizontal stripes" data-image-id="lpd_favicon_image" style="display:none;" src="//s3.amazonaws.com/static.kickoffpages.com/images/blank.gif" alt="Blank" /><div class="image-options"><a data-field-name="Favicon Image" data-image-input-id="lpd_favicon_image" data-dialog-helper="Must be a 16x16 or 32x32 .ico, .png, jpg, or .gif file to work in most browsers." class="image-picker-btn btn-teal btn" rel="modal:open" href="/dashboard/assets/images?id=lpd_favicon_image">Select Image</a> <a id="lpd_favicon_image_remove_image" class="remove_image btn btn-link" data-image-id="lpd_favicon_image" style="display:none;" href="#">Remove</a></div></div></div><div class="spacer"></div></div><div class="designer_input_wrapper" data-condition="none"><div class="clearfix"></div><div class="left"><label class="edit-title-label hint" for="lpd_validation_failed_message" title="If a required field is missing this is the text that is shown on the alert box.">Validation Error Message</label></div><div class="clearfix"></div><input class="update-preview designer_input form-control text_editor " data-requires-save="false" id="lpd_validation_failed_message" name="[lpd]validation_failed_message" type="text" value="Please enter your:" /><div class="spacer"></div></div><div class="designer_input_wrapper" data-condition="none"><div class="clearfix"></div><div class="left"><label class="edit-title-label hint" for="lpd_header_text" title="Paste code here that requires being placed inside the HEAD element of your page. An example would be 3rd party A/B testing tool codes or any custom script that must be loaded before the page.">Html Head Scripts</label></div><div class="clearfix"></div><textarea class="form-control text_editor open_textarea update-preview designer_input" data-hint="Paste code here that requires being placed inside the HEAD element of your page. An example would be 3rd party A/B testing tool codes or any custom script that must be loaded before the page." data-name="Html Head Scripts" data-requires-save="false" id="lpd_header_text" name="[lpd]header_text"></textarea><div class="spacer"></div></div><div class="designer_input_wrapper" data-condition="none"><div class="clearfix"></div><div class="left"><label class="edit-title-label hint" for="lpd_footer_text" title="Paste code here that will be included before the closing “body” tag of this page. This would include things like ad retargeting snippets or custom javascripts. What’s pasted here is, ideally, not shown to page visitors.">Footer Code Scripts</label></div><div class="clearfix"></div><textarea class="form-control text_editor open_textarea update-preview designer_input" data-hint="Paste code here that will be included before the closing “body” tag of this page. This would include things like ad retargeting snippets or custom javascripts. What’s pasted here is, ideally, not shown to page visitors." data-name="Footer Code Scripts" data-requires-save="false" id="lpd_footer_text" name="[lpd]footer_text"></textarea><div class="spacer"></div></div><div class="category-heading">Facebook Settings</div><div class="droppable-tooltip-wrapper"><div class="designer_input_wrapper" data-condition="none"><div class="clearfix"></div><div class="left"><label class="edit-title-label hint" for="lpd_facebook_share_title" title="Title of your page in Facebook and other social networks. Rememember that updates made here can take 24 hours to show up in Facebook. &lt;a target=&#39;_blank&#39; href=&#39;http://support.kickofflabs.com/sharing-viral-boost/facebook-isnt-registering-my-share-information&#39;&gt;Click here for more information&lt;/a&gt;.">Facebook Share Title</label></div><div class="clearfix"></div><textarea class="form-control text_editor open_textarea update-preview designer_input" data-hint="Title of your page in Facebook and other social networks. Rememember that updates made here can take 24 hours to show up in Facebook. &lt;a target=&#39;_blank&#39; href=&#39;http://support.kickofflabs.com/sharing-viral-boost/facebook-isnt-registering-my-share-information&#39;&gt;Click here for more information&lt;/a&gt;." data-name="Facebook Share Title" data-requires-save="false" id="lpd_facebook_share_title" name="[lpd]facebook_share_title"></textarea><div class="spacer"></div></div></div><div class="droppable-tooltip-wrapper"><div class="designer_input_wrapper" data-condition="none"><div class="clearfix"></div><div class="left"><label class="edit-title-label hint" for="lpd_facebook_share_description" title="Description of your page in Facebook and other social networks. Rememember that updates made here can take 24 hours to show up in Facebook. &lt;a target=&#39;_blank&#39; href=&#39;http://support.kickofflabs.com/sharing-viral-boost/facebook-isnt-registering-my-share-information&#39;&gt;Click here for more information&lt;/a&gt;.">Facebook Share Description</label></div><div class="clearfix"></div><textarea class="form-control text_editor open_textarea update-preview designer_input" data-hint="Description of your page in Facebook and other social networks. Rememember that updates made here can take 24 hours to show up in Facebook. &lt;a target=&#39;_blank&#39; href=&#39;http://support.kickofflabs.com/sharing-viral-boost/facebook-isnt-registering-my-share-information&#39;&gt;Click here for more information&lt;/a&gt;." data-name="Facebook Share Description" data-requires-save="false" id="lpd_facebook_share_description" name="[lpd]facebook_share_description"></textarea><div class="spacer"></div></div></div><div class="designer_input_wrapper" data-condition="none"><div class="image_picker"><div class="clearfix"></div><div class="left"><label class="edit-title-label hint" for="lpd_facebook_share_image" title="This image will be used when the page is shared on social networks. The best size is 1,200 x 700. Updates made here can take up to 24 hours to show up live on Facebook. &lt;a target=&#39;_blank&#39; href=&#39;http://support.kickofflabs.com/sharing-viral-boost/facebook-isnt-registering-my-share-information&#39;&gt;Not seeing it? Click here for more information&lt;/a&gt;.">Facebook Share Image</label></div><div class="clearfix"></div><div class="image_editor designer_input" id="lpd_facebook_share_image_section"><input id="lpd_facebook_share_image" name="[lpd]facebook_share_image" type="hidden" value="" /><img id="lpd_facebook_share_image_image" class="image_preview thumbnail horizontal stripes" data-image-id="lpd_facebook_share_image" style="display:none;" src="//s3.amazonaws.com/static.kickoffpages.com/images/blank.gif" alt="Blank" /><div class="image-options"><a data-field-name="Facebook Share Image" data-image-input-id="lpd_facebook_share_image" data-dialog-helper="This image will be used when the page is shared on social networks. The best size is 1,200 x 700. Updates made here can take up to 24 hours to show up live on Facebook. &lt;a target=&#39;_blank&#39; href=&#39;http://support.kickofflabs.com/sharing-viral-boost/facebook-isnt-registering-my-share-information&#39;&gt;Not seeing it? Click here for more information&lt;/a&gt;." class="image-picker-btn btn-teal btn" rel="modal:open" href="/dashboard/assets/images?id=lpd_facebook_share_image">Select Image</a> <a id="lpd_facebook_share_image_remove_image" class="remove_image btn btn-link" data-image-id="lpd_facebook_share_image" style="display:none;" href="#">Remove</a></div></div></div><div class="spacer"></div></div><div class="category-heading">Twitter Settings</div><div class="droppable-tooltip-wrapper"><div class="designer_input_wrapper" data-condition="none"><div class="clearfix"></div><div class="left"><label class="edit-title-label hint" for="lpd_twitter_username" title="What do you use to log into twitter with (no @)">Twitter Username</label></div><div class="clearfix"></div><input class="update-preview designer_input form-control text_editor " data-requires-save="false" id="lpd_twitter_username" name="[lpd]twitter_username" type="text" value="" /><div class="spacer"></div></div></div><div class="droppable-tooltip-wrapper"><div class="designer_input_wrapper" data-condition="none"><div class="clearfix"></div><div class="left"><label class="edit-title-label hint" for="lpd_twitter_card_title" title="The title of the Twitter card.">Twitter Card Title</label></div><div class="clearfix"></div><textarea class="form-control text_editor open_textarea update-preview designer_input" data-hint="The title of the Twitter card." data-name="Twitter Card Title" data-requires-save="false" id="lpd_twitter_card_title" name="[lpd]twitter_card_title"></textarea><div class="spacer"></div></div></div><div class="designer_input_wrapper" data-condition="none"><div class="clearfix"></div><div class="left"><label class="edit-title-label hint" for="lpd_twitter_card_description" title="Description of your page to be displayed in a Twitter card.">Twitter Card Description</label></div><div class="clearfix"></div><textarea class="form-control text_editor open_textarea update-preview designer_input" data-hint="Description of your page to be displayed in a Twitter card." data-name="Twitter Card Description" data-requires-save="false" id="lpd_twitter_card_description" name="[lpd]twitter_card_description"></textarea><div class="spacer"></div></div><div class="designer_input_wrapper" data-condition="none"><div class="image_picker"><div class="clearfix"></div><div class="left"><label class="edit-title-label hint" for="lpd_twitter_card_image" title="This image will be used when the page is shared on Twitter. The best size is at least 280 x 150.">Twitter Card Image</label></div><div class="clearfix"></div><div class="image_editor designer_input" id="lpd_twitter_card_image_section"><input id="lpd_twitter_card_image" name="[lpd]twitter_card_image" type="hidden" value="" /><img id="lpd_twitter_card_image_image" class="image_preview thumbnail horizontal stripes" data-image-id="lpd_twitter_card_image" style="display:none;" src="//s3.amazonaws.com/static.kickoffpages.com/images/blank.gif" alt="Blank" /><div class="image-options"><a data-field-name="Twitter Card Image" data-image-input-id="lpd_twitter_card_image" data-dialog-helper="This image will be used when the page is shared on Twitter. The best size is at least 280 x 150." class="image-picker-btn btn-teal btn" rel="modal:open" href="/dashboard/assets/images?id=lpd_twitter_card_image">Select Image</a> <a id="lpd_twitter_card_image_remove_image" class="remove_image btn btn-link" data-image-id="lpd_twitter_card_image" style="display:none;" href="#">Remove</a></div></div></div><div class="spacer"></div></div><div class="droppable-tooltip-wrapper"><input class="update-preview" data-requires-save="false" id="lpd_page_background_image" name="[lpd]page_background_image" type="hidden" value="" /></div><div class="droppable-tooltip-wrapper"><input class="update-preview" data-requires-save="false" id="lpd_page_background_overlay_color" name="[lpd]page_background_overlay_color" type="hidden" value="" /></div><input class="update-preview" data-requires-save="false" id="lpd_page_background_attachment" name="[lpd]page_background_attachment" type="hidden" value="" /><input class="update-preview" data-requires-save="false" id="lpd_page_background_layout" name="[lpd]page_background_layout" type="hidden" value="" /><div class="droppable-tooltip-wrapper"><input class="update-preview" data-requires-save="false" id="lpd_headline_font" name="[lpd]headline_font" type="hidden" value="Abel" /></div><div class="droppable-tooltip-wrapper"><input class="update-preview" data-requires-save="false" id="lpd_body_font" name="[lpd]body_font" type="hidden" value="Lato" /></div><input class="update-preview" data-requires-save="false" id="lpd_kol_designer_styling" name="[lpd]kol_designer_styling" type="hidden" value="body, p { color: #394046; }
  1712. h1,h2,h3,h4,h5,h6 { color: #394046; }
  1713. a { color: #0088cc; }
  1714. a:hover { color: #005599; }
  1715. body { background-color: #ffffff;
  1716. background-image: none;
  1717. }
  1718.  
  1719.  
  1720. /*KOL_HIDEABLE_ROWS*/
  1721.  
  1722.  
  1723.  
  1724. #feature_third_section_container { display: none; }
  1725. #feature_second_section_container { display: none; }
  1726. #top_bar { display: none; }" /><input class="update-preview" data-requires-save="false" id="lpd_page_background_color" name="[lpd]page_background_color" type="hidden" value="#ffffff" /><input class="update-preview" data-requires-save="false" id="lpd_body_text_color" name="[lpd]body_text_color" type="hidden" value="#394046" /><input class="update-preview" data-requires-save="false" id="lpd_headline_text_color" name="[lpd]headline_text_color" type="hidden" value="#394046" /><input class="update-preview" data-requires-save="false" id="lpd_page_link_color" name="[lpd]page_link_color" type="hidden" value="#0088cc" /><input class="update-preview" data-requires-save="false" id="lpd_page_link_hover_color" name="[lpd]page_link_hover_color" type="hidden" value="#005599" /><input class="update-preview" data-requires-save="false" id="lpd_hero_styles" name="[lpd]hero_styles" type="hidden" value="background-color: rgb(57, 64, 70); background-image: linear-gradient(rgba(0, 0, 0, 0.580392), rgba(0, 0, 0, 0.580392)), url(&#39;https://d7zgbk06ve7c.cloudfront.net/assets/90275/pcbsd1s6iyz8mtgdzhtg/wintercleaningdrones_edit.jpg&#39;); background-size: cover, cover; background-position: 50% 50%, 50% 50%; background-repeat: no-repeat, no-repeat; background-attachment: scroll, scroll; padding-left: 0px !important;padding-top: 30px !important;padding-bottom: 30px !important;padding-right: 0px !important;" /><input class="update-preview" data-requires-save="false" id="lpd_testimonial_styles" name="[lpd]testimonial_styles" type="hidden" value="background-image: none; background-color: rgb(82, 87, 91); background-size: cover; background-position: center center; background-repeat: no-repeat; padding: 50px 0 40px;" /><input class="update-preview" data-requires-save="false" id="lpd_top_bar" name="[lpd]top_bar" type="hidden" value="&lt;div class=&quot;row clearfix fr-box kickoff-theme fr-inline&quot; data-kol-editor=&quot;froala&quot; style=&quot;padding: 10px 0&quot;&gt;&lt;div class=&quot;col-xs-12&quot;&gt;&lt;p style=&quot;text-align: center;&quot;&gt;&lt;img alt=&quot;Image title&quot; src=&quot;https://d1y0v6ricksqp.cloudfront.net/images/logos/horizontal_dark.png&quot; style=&quot;width: 211px;&quot; class=&quot;fr-dib&quot;&gt;&lt;/p&gt;&lt;/div&gt;&lt;/div&gt;" /><input class="update-preview" data-requires-save="false" id="lpd_hero_section" name="[lpd]hero_section" type="hidden" value="&lt;div class=&quot;row fr-box kickoff-theme fr-inline&quot; data-kol-editor=&quot;froala&quot; style=&quot;padding: 0px 0 10px&quot;&gt;&lt;div class=&quot;col-md-10 col-md-offset-1&quot; id=&quot;top-container&quot;&gt;&lt;div class=&quot;text-center&quot;&gt;&lt;h1 class=&quot;hero-headline&quot; style=&quot;color: #fff;font-size:50px&quot;&gt;Learn to fly a drone!&lt;/h1&gt;&lt;p class=&quot;hero-subhead&quot; style=&quot;color: #fff;font-size:21px;&quot;&gt;All you have to do is open the box, delivered to you monthly&lt;/p&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
  1727. &lt;div class=&quot;row&quot; style=&quot;padding: 0px 0px 40px; background-color: rgba(0, 0, 0, 0);&quot;&gt;
  1728. &lt;div class=&quot;col-md-10 col-md-offset-1&quot;&gt;
  1729. &lt;div class=&quot;row clearfix&quot;&gt;
  1730. &lt;div class=&quot;col-md-12 text-center&quot;&gt;
  1731. &lt;div class=&quot;display&quot;&gt;
  1732. &lt;form accept-charset=&quot;UTF-8&quot; class=&quot;kol-signup-form kol-form-inline-centered form-inline signup_form valid-kol-form&quot; data-remote=&quot;true&quot; id=&quot;signup-form-stacked&quot; method=&quot;post&quot;&gt;
  1733. &lt;fieldset class=&quot;inline kol-form-group-stacked&quot; data-kol-editor=&quot;form&quot; style=&quot;display:inline-block;&quot;&gt;
  1734. &lt;div class=&quot;form-group kol-form-group kol-no-delete&quot; data-name=&quot;email&quot; data-input-type=&quot;email&quot; data-label=&quot;Email address&quot; data-placeholder=&quot;Enter email address&quot; data-required=&quot;on&quot; data-input_size=&quot;input-lg&quot; data-helptext=&quot;&quot; data-show_label=&quot;on&quot;&gt;
  1735. &lt;label style=&quot;color: rgb(255, 255, 255)&quot; class=&quot;kol-form-label &quot; for=&quot;email&quot;&gt;Email address *&lt;/label&gt;
  1736. &lt;input style=&quot;color: rgb(85, 85, 85);border-color:rgb(204, 204, 204);background-color:rgb(255, 255, 255);&quot; type=&quot;email&quot; name=&quot;email&quot; class=&quot;kol-form-control form-control input-lg required&quot; id=&quot;email&quot; placeholder=&quot;Enter email address&quot; required=&quot;&quot;&gt;
  1737. &lt;/div&gt;
  1738. &lt;div class=&quot;kol-form-group kol-no-delete kol-has-hidden-fields form-group kol-form-submit&quot; data-input-type=&quot;submit-button&quot; data-label=&quot;Submit&quot; data-placeholder=&quot;&quot; data-required=&quot;&quot; data-input_size=&quot;btn-md&quot; data-helptext=&quot;&quot; data-form_name=&quot;Default Form&quot;&gt;
  1739. &lt;input type=&quot;hidden&quot; value=&quot;Default Form&quot; name=&quot;__form_name&quot;&gt;
  1740. &lt;/div&gt;
  1741. &lt;/fieldset&gt;
  1742. &lt;div class=&quot;row clearfix kol-form-button-row-inline kol-form-button-stacked&quot; style=&quot;position:relative;display:inline-block;&quot;&gt;
  1743. &lt;div data-kol-editor=&quot;button&quot; class=&quot;text-center&quot; data-settings=&quot;{&amp;quot;text&amp;quot;:&amp;quot;Join Now!&amp;quot;,&amp;quot;type&amp;quot;:&amp;quot;submit&amp;quot;,&amp;quot;destination&amp;quot;:&amp;quot;&amp;quot;,&amp;quot;alignment&amp;quot;:&amp;quot;center&amp;quot;,&amp;quot;size&amp;quot;:&amp;quot;lg&amp;quot;,&amp;quot;background-color&amp;quot;:&amp;quot;#0088cc&amp;quot;,&amp;quot;color&amp;quot;:&amp;quot;#ffffff&amp;quot;,&amp;quot;hover-background-color&amp;quot;:&amp;quot;#005599&amp;quot;,&amp;quot;hover-color&amp;quot;:&amp;quot;#ffffff&amp;quot;,&amp;quot;style&amp;quot;:&amp;quot;square&amp;quot;}&quot;&gt;
  1744. &lt;input type=&quot;submit&quot; id=&quot;kol-signup-button-stacked&quot; class=&quot;btn kol-cta-btn kol-cta-btn-stacked kol-btn-lg&quot; value=&quot;Join Now!&quot;&gt;
  1745. &lt;style class=&quot;button-style&quot;&gt;#kol-signup-button-stacked { background-color: #0088cc !important; color: #ffffff !important; border: 0 !important; -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important; border-radius: 0 !important; } #kol-signup-button-stacked:hover { background-color: #005599 !important; color: #ffffff !important; }&lt;/style&gt;
  1746. &lt;/div&gt;
  1747. &lt;/div&gt;
  1748. &lt;/form&gt;
  1749. &lt;/div&gt;
  1750. &lt;/div&gt;&lt;!-- col-md-6--&gt;
  1751. &lt;/div&gt;
  1752. &lt;/div&gt;
  1753. &lt;/div&gt;" /><input class="update-preview" data-requires-save="false" id="lpd_feature_first_section" name="[lpd]feature_first_section" type="hidden" value="&lt;div class=&quot;row clearfix kol-background-image&quot; style=&quot;background-image: url(&amp;quot;https://d7zgbk06ve7c.cloudfront.net/assets/90275/hkxv2ln4u1acmpm005o5/DroneGearBox03_orange-gear.jpg&amp;quot;); background-color: rgb(255, 145, 0); background-size: contain; background-position: center center; background-repeat: no-repeat; padding: 150px 0px 156px;&quot;&gt;&lt;/div&gt;
  1754. &lt;div class=&quot;row clearfix fr-box kickoff-theme fr-inline&quot; data-kol-editor=&quot;froala&quot; style=&quot;padding: 50px 0px 80px; background-color: transparent;&quot;&gt;&lt;link href=&quot;//fonts.googleapis.com/css?family=Lato&quot; rel=&quot;stylesheet&quot; property=&quot;stylesheet&quot; type=&quot;text/css&quot; class=&quot;kol-font-style&quot; data-kol-font=&quot;Lato&quot;&gt;&lt;div class=&quot;container-fluid&quot;&gt;&lt;div class=&quot;row feature&quot;&gt;&lt;div class=&quot;col-md-8 col-md-offset-2 text&quot;&gt;&lt;h2 style=&quot;font-size: 40px;&quot;&gt;Access to drones, drone accessories, and drone motivation&lt;/h2&gt;&lt;p dir=&quot;ltr&quot;&gt;&lt;span class=&quot;fr-just&quot; style=&quot;font-family: Lato, sans-serif;&quot; data-kol-font=&quot;Lato&quot; ;=&quot;&quot;&gt;Learning how to fly a drone has never been this easy! &amp;nbsp;At the end of every month be surprised by drone gear delivered to your door. &amp;nbsp;Open the box, follow the directions that are right on top, and watch your drone skills and gear grow! &amp;nbsp;Share your experience online with The Drone Mayor and the rest of the Arena. &amp;nbsp;Join the DroneGearBox community today!&lt;/span&gt;&lt;/p&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;row&quot; style=&quot;padding: 30px 0;&quot;&gt;
  1755. &lt;div class=&quot;col-xs-12&quot;&gt;
  1756. &lt;div data-kol-editor=&quot;button&quot; class=&quot;text-center&quot; data-settings=&quot;{&amp;quot;text&amp;quot;:&amp;quot;Join Now!&amp;quot;,&amp;quot;type&amp;quot;:&amp;quot;form&amp;quot;,&amp;quot;destination&amp;quot;:&amp;quot;&amp;quot;,&amp;quot;alignment&amp;quot;:&amp;quot;center&amp;quot;,&amp;quot;size&amp;quot;:&amp;quot;lg&amp;quot;,&amp;quot;background-color&amp;quot;:&amp;quot;#0088cc&amp;quot;,&amp;quot;color&amp;quot;:&amp;quot;#ffffff&amp;quot;,&amp;quot;hover-background-color&amp;quot;:&amp;quot;#005599&amp;quot;,&amp;quot;hover-color&amp;quot;:&amp;quot;#ffffff&amp;quot;,&amp;quot;style&amp;quot;:&amp;quot;square&amp;quot;}&quot;&gt;
  1757. &lt;a id=&quot;kol-default-cta&quot; class=&quot;btn kol-cta-btn kol-cta-btn-zigzag kol-btn-lg&quot; href=&quot;&quot;&gt;Join Now!&lt;/a&gt;
  1758.  
  1759. &lt;style class=&quot;button-style&quot;&gt;#kol-default-cta { background-color: #0088cc !important; color: #ffffff !important; border: 0 !important; -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important; border-radius: 0 !important; } #kol-default-cta:hover { background-color: #005599 !important; color: #ffffff !important; }&lt;/style&gt;
  1760. &lt;script type=&quot;text/javascript&quot; class=&quot;scroll-script&quot;&gt; $(document).ready(function() { var form = $(&#39;.kol-signup-form&#39;).first(), button = $(&#39;#kol-default-cta&#39;); $(button).on(&#39;click&#39;, function(e) { e.preventDefault(); $(&#39;html, body&#39;).animate({scrollTop: form.offset().top}, 500); form.find(&#39;input&#39;).first().focus(); }); }); &lt;/script&gt;&lt;/div&gt;
  1761. &lt;/div&gt;
  1762. &lt;/div&gt;" /><input class="update-preview" data-requires-save="false" id="lpd_feature_second_section" name="[lpd]feature_second_section" type="hidden" value="&lt;div class=&quot;row clearfix kol-background-image&quot; style=&quot;background-image: linear-gradient(rgba(145, 148, 150, 0.19), rgba(58, 65, 71, 0.701961)), url(&#39;//d1y0v6ricksqp.cloudfront.net/images/backgrounds/pictures/streetpeople.jpg&#39;); background-color: transparent; background-size: cover; background-position: center center; background-repeat: no-repeat; padding: 150px 0;&quot;&gt;&lt;/div&gt;
  1763. &lt;div class=&quot;row clearfix fr-box kickoff-theme&quot; data-kol-editor=&quot;froala&quot; style=&quot;padding: 50px 0 80px 0;&quot;&gt;&lt;div class=&quot;container-fluid&quot;&gt;&lt;div class=&quot;row feature&quot;&gt;&lt;div class=&quot;col-md-8 col-md-offset-2 text&quot;&gt;&lt;h2 style=&quot;font-size: 40px;&quot;&gt;Feature&lt;/h2&gt;&lt;p&gt;Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&#39;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.&lt;/p&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;" /><input class="update-preview" data-requires-save="false" id="lpd_feature_third_section" name="[lpd]feature_third_section" type="hidden" value="&lt;div class=&quot;row clearfix kol-background-image&quot; style=&quot;background-image: linear-gradient(rgba(145, 148, 150, 0.19), rgba(58, 65, 71, 0.701961)), url(&#39;//d1y0v6ricksqp.cloudfront.net/images/backgrounds/pictures/things_silverpenwithadiary_small.jpg&#39;); background-color: transparent; background-size: cover; background-position: center center; background-repeat: no-repeat; padding: 150px 0;&quot;&gt;&lt;/div&gt;
  1764. &lt;div class=&quot;row clearfix fr-box kickoff-theme fr-inline&quot; data-kol-editor=&quot;froala&quot; style=&quot;padding: 50px 0 80px 0;&quot;&gt;&lt;div class=&quot;container-fluid&quot;&gt;&lt;div class=&quot;row feature&quot;&gt;&lt;div class=&quot;col-md-8 col-md-offset-2 text&quot;&gt;&lt;h2 style=&quot;font-size: 40px;&quot;&gt;Feature&lt;/h2&gt;&lt;p&gt;Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&#39;s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.&lt;/p&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;" /><input class="update-preview" data-requires-save="false" id="lpd_testimonials_section" name="[lpd]testimonials_section" type="hidden" value="&lt;div class=&quot;row clearfix kol-quote-image-left&quot; style=&quot;padding: 20px 0px 0px; background-color: transparent;&quot;&gt;
  1765. &lt;div class=&quot;col-md-6&quot;&gt;
  1766. &lt;div class=&quot;row clearfix quote&quot;&gt;
  1767. &lt;div class=&quot;col-md-4 center fr-box kickoff-theme&quot; data-kol-editor=&quot;froala&quot;&gt;&lt;p&gt;&lt;img src=&quot;https://d1y0v6ricksqp.cloudfront.net/images/snippets/snippet%20images/used_in_snippets/profile-picture-square.jpg&quot; style=&quot;margin-top:0;float:right;&quot; class=&quot;img-circle&quot;&gt;&lt;/p&gt;&lt;/div&gt;
  1768. &lt;div class=&quot;col-md-8 text-wrapper fr-box kickoff-theme fr-inline&quot; data-kol-editor=&quot;froala&quot;&gt;&lt;p style=&quot;color: #333&quot;&gt;&lt;span style=&quot;color: rgb(239, 239, 239);&quot;&gt;Lorem Ipsum is simply dummy text of the printing industry.&lt;/span&gt;&lt;/p&gt;&lt;div class=&quot;is-social edit&quot;&gt;&lt;span class=&quot;kol-icon-container&quot; style=&quot;display: inline-block; color: rgb(255, 255, 255); padding-right: 10px; font-size: 14px;&quot;&gt;&lt;a class=&quot;kol-icon-link&quot; href=&quot;https://facebook.com&quot;&gt;&lt;i class=&quot;kol-icon fa fa-facebook&quot;&gt;&lt;/i&gt;&lt;/a&gt;&lt;/span&gt;&lt;span class=&quot;kol-icon-container&quot; style=&quot;display: inline-block; color: rgb(255, 255, 255); padding-right: 10px; font-size: 14px;&quot;&gt;&lt;a class=&quot;kol-icon-link&quot; href=&quot;https://twitter.com&quot;&gt;&lt;i class=&quot;kol-icon fa fa-twitter&quot;&gt;&lt;/i&gt;&lt;/a&gt;&lt;/span&gt;&lt;span class=&quot;kol-icon-container&quot; style=&quot;display: inline-block; color: rgb(255, 255, 255); padding-right: 10px; font-size: 14px;&quot;&gt;&lt;a class=&quot;kol-icon-link&quot; href=&quot;https://plus.google.com&quot;&gt;&lt;i class=&quot;kol-icon fa fa-google-plus&quot;&gt;&lt;/i&gt;&lt;/a&gt;&lt;/span&gt;&lt;span class=&quot;kol-icon-container&quot; style=&quot;display: inline-block; color: rgb(255, 255, 255); padding-right: 10px; font-size: 14px;&quot;&gt;&lt;a class=&quot;kol-icon-link&quot; href=&quot;mailto:you@example.com&quot;&gt;&lt;i class=&quot;kol-icon fa fa-envelope&quot;&gt;&lt;/i&gt;&lt;/a&gt;&lt;/span&gt;&lt;br&gt;&lt;/div&gt;&lt;/div&gt;
  1769. &lt;/div&gt;
  1770. &lt;/div&gt;
  1771. &lt;div class=&quot;col-md-6&quot;&gt;
  1772. &lt;div class=&quot;row clearfix quote&quot;&gt;
  1773. &lt;div class=&quot;col-md-4 center fr-box kickoff-theme&quot; data-kol-editor=&quot;froala&quot;&gt;&lt;p&gt;&lt;img src=&quot;https://d1y0v6ricksqp.cloudfront.net/images/snippets/snippet%20images/used_in_snippets/tech-3-square.jpg&quot; style=&quot;margin-top:0;float:right;&quot; class=&quot;img-circle&quot;&gt;&lt;/p&gt;&lt;/div&gt;
  1774. &lt;div class=&quot;col-md-8 text-wrapper fr-box kickoff-theme fr-inline&quot; data-kol-editor=&quot;froala&quot;&gt;&lt;p style=&quot;color: #333&quot;&gt;&lt;span style=&quot;color: rgb(239, 239, 239);&quot;&gt;Lorem Ipsum is simply dummy text of the printing industry.&lt;/span&gt;&lt;/p&gt;&lt;div class=&quot;is-social edit&quot;&gt;&lt;span class=&quot;kol-icon-container&quot; style=&quot;display: inline-block; color: rgb(255, 255, 255); padding-right: 10px; font-size: 14px;&quot;&gt;&lt;a class=&quot;kol-icon-link&quot; href=&quot;https://facebook.com&quot;&gt;&lt;i class=&quot;kol-icon fa fa-facebook&quot;&gt;&lt;/i&gt;&lt;/a&gt;&lt;/span&gt;&lt;span class=&quot;kol-icon-container&quot; style=&quot;display: inline-block; color: rgb(255, 255, 255); padding-right: 10px; font-size: 14px;&quot;&gt;&lt;a class=&quot;kol-icon-link&quot; href=&quot;https://twitter.com&quot;&gt;&lt;i class=&quot;kol-icon fa fa-twitter&quot;&gt;&lt;/i&gt;&lt;/a&gt;&lt;/span&gt;&lt;span class=&quot;kol-icon-container&quot; style=&quot;display: inline-block; color: rgb(255, 255, 255); padding-right: 10px; font-size: 14px;&quot;&gt;&lt;a class=&quot;kol-icon-link&quot; href=&quot;https://plus.google.com&quot;&gt;&lt;i class=&quot;kol-icon fa fa-google-plus&quot;&gt;&lt;/i&gt;&lt;/a&gt;&lt;/span&gt;&lt;span class=&quot;kol-icon-container&quot; style=&quot;display: inline-block; color: rgb(255, 255, 255); padding-right: 10px; font-size: 14px;&quot;&gt;&lt;a class=&quot;kol-icon-link&quot; href=&quot;mailto:you@example.com&quot;&gt;&lt;i class=&quot;kol-icon fa fa-envelope&quot;&gt;&lt;/i&gt;&lt;/a&gt;&lt;/span&gt;&lt;br&gt;&lt;/div&gt;&lt;/div&gt;
  1775. &lt;/div&gt;
  1776. &lt;/div&gt;
  1777. &lt;/div&gt;" /><input class="update-preview" data-requires-save="false" id="lpd_footer_content" name="[lpd]footer_content" type="hidden" value="&lt;div class=&quot;row&quot; style=&quot;padding: 30px 0;&quot;&gt;
  1778. &lt;div class=&quot;col-sm-6 text-left fr-box kickoff-theme&quot; data-kol-editor=&quot;froala&quot;&gt;&lt;p&gt;© 2017&lt;/p&gt;&lt;/div&gt;
  1779. &lt;div class=&quot;col-sm-6 text-right fr-box kickoff-theme fr-inline&quot; data-kol-editor=&quot;froala&quot;&gt;&lt;p&gt;Privacy Policy&lt;/p&gt;&lt;/div&gt;
  1780. &lt;/div&gt;" /></div></div></div><div class="left-nav-content" id="thanks-message-section" style="display:none"><div class="header"><h3>Thanks Message</h3><div class="close-left-nav"></div></div><div class="body"><div class="category-heading">Say Thanks and Encourage Sharing</div><div class="col-sm-6 medium-spacer-bottom"><div class="thanks-options-wrapper on-page selected"><p>On Your Landing Page</p></div></div><div class="col-sm-6 medium-spacer-bottom"><div class="thanks-options-wrapper new-page"><p>On a Thank You Page</p></div></div><div class="col-sm-12"><div class="thanks-input-wrapper instant_thanks"><div class="designer_input_wrapper" data-condition="none"><div class="html_editor"><div class="clearfix"></div><div class="left"><label class="edit-title-label hint" for="lpd_thank_you_message" title="This is what someone sees after they enter their email. Thank them and encourage them to share.">Thank You Message</label></div><div class="clearfix"></div><div class="clearfix"></div><div class="edit-area"><textarea class="rich-text-modal update-preview designer_input" data-hint="This is what someone sees after they enter their email. Thank them and encourage them to share." data-name="Thank You Message" data-requires-save="true" id="lpd_thank_you_message" name="[lpd]thank_you_message">&lt;h3&gt;&lt;strong&gt;Thanks for your interest!&lt;/strong&gt;&lt;/h3&gt; &lt;p&gt;Share your personal link to influence others!&lt;/p&gt;</textarea></div><div class="clearfix"></div></div><div class="spacer"></div></div></div><div class="thanks-input-wrapper instant_thanks"><div class="designer_input_wrapper" data-condition="none"><div class="sharing_options"><div class="clearfix"></div><div class="left"><label class="edit-title-label hint" for="lpd_social_sharing_options" title="">Social Sharing Options</label></div><div class="clearfix"></div><input class="update-preview designer_input" id="lpd_social_sharing_options" name="[lpd]social_sharing_options" type="hidden" value="{
  1781. &quot;sharelinks&quot; : [
  1782. {&quot;network&quot;: &quot;facebook&quot;, &quot;icon&quot; : &quot;facebook&quot;},
  1783. {&quot;network&quot;: &quot;twitter&quot;, &quot;icon&quot; : &quot;twitter&quot;},
  1784. {&quot;network&quot;: &quot;email&quot;, &quot;icon&quot; : &quot;envelope&quot;}
  1785. ]
  1786. }" /><ul class="list-unstyled" id="share_link_list"><li class="share-link-list-item" data-icon="facebook" data-link-text="" data-network="facebook" data-network-options="null" id="share_link_facebook"><i class="fa fa-bars"></i> <div class="btn-group" role="group"><a class="btn btn-sm btn-sharing btn-default btn-facebook"><i class="fa fa-facebook"></i><span class="share-link-text"> </span></a><a class="btn btn-sm btn-default edit-sharing-button" href="#"><i class="fa fa-pencil"></i></a><a class="btn btn-sm btn-default delete-sharing-button" href="#"><i class="fa fa-remove"></i></a></div></li><li class="share-link-list-item" data-icon="twitter" data-link-text="" data-network="twitter" data-network-options="null" id="share_link_twitter"><i class="fa fa-bars"></i> <div class="btn-group" role="group"><a class="btn btn-sm btn-sharing btn-default btn-twitter"><i class="fa fa-twitter"></i><span class="share-link-text"> </span></a><a class="btn btn-sm btn-default edit-sharing-button" href="#"><i class="fa fa-pencil"></i></a><a class="btn btn-sm btn-default delete-sharing-button" href="#"><i class="fa fa-remove"></i></a></div></li><li class="share-link-list-item" data-icon="envelope" data-link-text="" data-network="email" data-network-options="null" id="share_link_email"><i class="fa fa-bars"></i> <div class="btn-group" role="group"><a class="btn btn-sm btn-sharing btn-default btn-email"><i class="fa fa-envelope"></i><span class="share-link-text"> </span></a><a class="btn btn-sm btn-default edit-sharing-button" href="#"><i class="fa fa-pencil"></i></a><a class="btn btn-sm btn-default delete-sharing-button" href="#"><i class="fa fa-remove"></i></a></div></li></ul><a class="btn add-sharing-option btn-default" href="#">Add Share Link</a></div><div class="spacer"></div></div><div class="share-add-edit-modal modal fade modal_container" id="add_share_network_modal"><div class="modal-dialog"><div class="modal-content"><div class="modal-header"><button class="close" data-dismiss="modal" type="button"></button><h3 class="modal-title">Add Social Sharing Network</h3></div><div class="modal-body"><div class="form-group"><label class="control-label">Select a Social Network</label><select class="form-control" id="new_social_network_choice" required=""></select></div><div class="form-group"><label class="control-label" id="share_link_label">Optional button text </label><input class="form-control" id="new_share_link_text_value" placeholder="An icon will be used without text" type="text" /></div><div id="network-specific-options"></div></div><div class="modal-footer"><a class="btn btn-link" data-dismiss="modal" href="#">Close</a><a class="btn btn-default confirm_btn" data-update-add="update" href="#" id="add_selected_share_network">Add Network</a></div></div></div></div><div class="share-add-edit-modal modal fade modal_container" id="share_link_modal"><div class="modal-dialog"><div class="modal-content"><div class="modal-header"><button class="close" data-dismiss="modal" type="button"></button><h3 class="modal-title" id="share_link_modal_title"></h3></div><div class="modal-body" id="share_link_modal_body"><div class="form-group"><label class="control-label" id="share_link_label">Button Text</label><input class="form-control" id="share_link_text_value" placeholder="An icon will be used without text" type="text" /></div><div id="network-specific-options"></div></div><div class="modal-footer"><a class="btn btn-link" data-dismiss="modal" href="#">Close</a><a class="btn btn-default confirm_btn" data-update-add="update" href="#" id="update_share_link">Save Changes</a></div></div></div></div><script>if(window.Designer.designerType == 'droppable') {
  1787. $('#add_share_network_modal, #share_link_modal').detach().appendTo('body');
  1788. window.instant_thanks_sharelink_builder = new InstantThanksShareLinkBuilder(194);
  1789. } else {
  1790. window.share_link_builder = new ShareLinkBuilder(194);
  1791. }</script></div><div class="thanks-input-wrapper instant_thanks"><div class="designer_input_wrapper" data-condition="none"><div class="edit-title-label checkbox"><label class="hint" data-toggle="tooltip" for="lpd_show_share_link" title="Do you want to show a share link on your page?"><input type="checkbox" name="[lpd]show_share_link" id="lpd_show_share_link" value="true" class="update-preview designer_input" data-requires-save="true" /> Show Share Link</label></div></div></div><div class="thanks-input-wrapper redirect_options"><p>Redirect customers to another page in your campaign or any custom URL to say thanks! </p><div class="spacer"></div><div class="clearfix"></div><div class="left"><label class="edit-title-label hint" for="lpd_redirect_url" title="Do you want to redirect users">Redirect To</label></div><div class="clearfix"></div><select class="form-control update-preview" id="redirect_url_list" name="lpd[redirect_url_id]"><option value='-1' >-- Custom Redirect Url --</option><option value='-2' selected >-- No Redirect --</option></select><div id="custom_redirect_url_wrapper"><div class="spacer"></div><div class="clearfix"></div><div class="left"><label class="edit-title-label hint" data-toggle="tooltip" for="lpd_redirect_url" title="Do you want to redirect users">Custom Redirect Url</label></div><div class="clearfix"></div><input class="form-control update-preview" id="custom_redirect_url" name="lpd[redirect_url]" placeholder="http://..." type="text" value="" /></div><div class="spacer"></div></div></div></div></div></div></div><div class="row-fluid"><div id="edit-page-overlays"><div class="alert alert-info center" id="preview_message" style="display:none"><i class="fa fa-heart"></i><span class="preview-text">Updating preview...</span></div></div><iframe class="FrameInterface" frameborder="0" id="preview_frame" src="/dashboard/campaigns/87224/landing_pages/149684/preview_frame/1417313?designer=true"></iframe></div></div><div class="tabpanel tab-pane" id="preview-page" role="tabpanel"><div class="container-fluid" id="preview-options-panel"><div class="row-fluid" id="preview-nav"><div class="col-sm-12"><div class="col-sm-6" id="preview-version-history"><div class="col-sm-5" id="preview-droppable-right"><div class="form-group" id="droppable-left-nav-dropdown"><select data-published-version-id="" id="landing_page_version_id" name="landing_page[landing_page_data_id]"><option selected="selected" data-preview-url="/dashboard/campaigns/87224/landing_pages/149684/preview/1417313" data-preview-frame-url="/dashboard/campaigns/87224/landing_pages/149684/preview_frame/1417313" value="1417313">Most Recent (less than a minute ago)</option></select></div></div><div class="col-sm-7"><a class="btn btn-teal navbar-btn btn submit hint-bottom publish_page" data-original-title="Publishes this version of the page you see here to the internet." id="publish_changes"> Publish Version</a><a class="hint-bottom" data-original-title="Edit this version of your landing page." href="/dashboard/campaigns/87224/landing_pages/149684/page-editor" id="edit_page">Edit Version</a></div></div><div class="col-sm-6"><div id="droppable-preview-nav-links"><div class="preview-devices"><btn class="preview-type-btn btn btn-default btn-block active-preview" data-preview-type="desktop"><i class="fa fa-desktop"></i> Desktop</btn></div><div class="preview-devices"><btn class="preview-type-btn btn btn-default btn-block" data-preview-type="tablet" id="preview-tablet"><i class="fa fa-tablet"></i> Tablet</btn></div><div class="preview-devices"><btn class="preview-type-btn btn btn-default btn-block" data-preview-type="mobile" id="preview-mobile"><i class="fa fa-mobile"></i> Mobile</btn></div></div></div></div></div></div><div id="preview_loading"><div id="loading_container"><i class="fa fa-spinner" id="loader"></i></div></div><div id="preview_wrapper"><img id="preview-tablet-container" class="preview-container" style="display: none" src="https://d3td0z80adncmt.cloudfront.net/assets/designer/previews/tablet-2ecdde80a3f29704541cc547a4a1f419ab3ac6d355aeddb6db52ec27bd8248a4.svg" alt="Tablet" /><img id="preview-mobile-container" class="preview-container" style="display: none" src="https://d3td0z80adncmt.cloudfront.net/assets/designer/previews/mobile-32af0dbc5da63e3e605e0c05767155b971f9d0734d99038349b324ea78d851c0.svg" alt="Mobile" /><iframe frameborder="0" id="designer_preview_frame" src=""></iframe></div></div></div></form></div></div><form id="publish_landing_page_version" class="edit_landing_page" action="/dashboard/campaigns/87224/landing_pages/149684/publish" accept-charset="UTF-8" method="post"><input name="utf8" type="hidden" value="&#x2713;" /><input type="hidden" name="_method" value="patch" /><input type="hidden" name="authenticity_token" value="amy5gYA+PSVnAvexRc5aujEE+mXaV6u+ifKYDH+PCgS+3zyBJgj6Ln3+e2rHPEnYHxe8MUtyKEwbpACisWWVFA==" /><input id="landing_page_data_id" type="hidden" name="landing_page[landing_page_data_id]" /></form><script>(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  1792. (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  1793. m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  1794. })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
  1795.  
  1796. ga('create', 'UA-65729-15', 'kickofflabs.com');
  1797. ga('send', 'pageview');</script><div class="modal fade video-player modal_container" id="video_modal"><div class="modal-dialog modal-lg"><div class="modal-content"><div class="modal-body" id="video_modal_body"><div class="embed-responsive embed-responsive-16by9" id="video_modal_content"></div></div><div class="modal-footer"><a class="direct-video-link pull-left" href="#" style="margin-top:3px;" title="Direct link to video."><i class="fa fa-link"></i></a><button aria-hidden="true" class="btn btn-default confirm_btn" data-dismiss="modal">Close</button></div></div></div></div><script type="text/javascript">
  1798. var _kmq = _kmq || [];
  1799. function _kms(u){
  1800. setTimeout(function(){
  1801. var s = document.createElement('script'); var f = document.getElementsByTagName('script')[0]; s.type = 'text/javascript'; s.async = true;
  1802. s.src = u; f.parentNode.insertBefore(s, f);
  1803. }, 1);
  1804. }
  1805. _kms('//i.kissmetrics.com/i.js');_kms('//doug1izaerwt3.cloudfront.net/ef693bebeaa23544e20deae100d63cf3db321d00.1.js');
  1806. </script><script>
  1807. //<![CDATA[
  1808. _kmq.push(['identify', '90275']);_kmq.push(['set', {'contact_email':'skylinxguys@gmail.com'}]);
  1809. //]]>
  1810. </script><script>
  1811. //<![CDATA[
  1812. _kmq.push(['identify', '90275']);_kmq.push(['set', {'contact_email':'skylinxguys@gmail.com'}]);
  1813. //]]>
  1814. </script><div class="modal fade" id="support-modal"><div class="modal-dialog"><div class="modal-content"><div class="modal-header"><button aria-label="Close" class="close pull-right" data-dismiss="modal" type="button"></button><h4 class="modal-title">What can we help with?</h4></div><div class="modal-body" id="support-content"><div id="search"><div class="clearfix"></div><form id="support_search" target="_blank" action="https://support.kickofflabs.com/api/get_search_results" accept-charset="UTF-8" data-remote="true" method="post"><input name="utf8" type="hidden" value="&#x2713;" /><div class="form-group"><div class="input-group"><input id="search-support-query" class="form-control input-lg" hide_label="true" placeholder="What can I help you with?" type="text" name="support[s]" /><div class="input-group-btn"><input type="submit" name="commit" value="Search" class="btn btn-lg btn-blue" id="search-button" /></div></div></div><div class="clearfix"></div></form></div><div class="hidden" id="results"><h4 id="results-title">Search Results</h4><div id="results-body"><div id="results-list"><ul></ul></div><div class="hidden" id="no-results"><p>Sorry, but your search has returned no results. Please try a different search query or contact us for additional assistance.</p></div></div><div class="text-center" id="modal-footer"><a class="btn btn-blue" id="contact-btn">Send a Message</a></div><div class="clearfix"></div></div><div class="hidden" id="contact"><div id="contact-form"><h4>Ask support a question...</h4><form data-toggle="validator" id="support-ticket" role="form" action="/support" accept-charset="UTF-8" data-remote="true" method="post"><input name="utf8" type="hidden" value="&#x2713;" /><input value="skylinxguys@gmail.com" label="Name:*" required="required" type="hidden" name="[name]" id="_name" /><input value="skylinxguys@gmail.com" label="Email:*" required="required" type="hidden" name="[email]" id="_email" /><div class="form-group"><label class="control-label" for="subject">Subject*</label><input placeholder="Please enter a subject..." required="required" class="form-control" name="subject" id="subject" type="text" /></div><div class="form-group"><label class="control-label" for="question">Question:*</label><textarea placeholder="Please enter a question..." required="required" rows="5" class="form-control" name="question" id="question">
  1815. </textarea></div><input value="/dashboard/campaigns/87224/landing_pages/149684/page-editor" type="hidden" name="[current_page]" id="_current_page" /><input value="Chrome 56.0.2924.87" type="hidden" name="[browser]" id="_browser" /><input value="windows" type="hidden" name="[operating_system]" id="_operating_system" /><input value="droppable_landing_page_designer" type="hidden" name="[current_controller]" id="_current_controller" /><input value="false" id="request_type" type="hidden" name="[request_type]" /><div id="modal-footer"><input type="submit" name="commit" value="Send Message" class="btn btn-blue" /><a class="btn btn-link pull-right bts-btn">Back to Search</a><div class="clearfix"></div></div></form></div><div class="hidden" id="form-response"><h4>Thanks for asking...</h4><p>Someone from our team will respond via email to skylinxguys@gmail.com shortly!</p><div class="text-center" id="modal-footer"><a class="btn btn-blue bts-btn" id="back-btn">Back to Search</a></div><div class="clearfix"></div></div></div></div></div></div></div><script>$(document).ready( function(){
  1816.  
  1817. window.DesignSurface = new Designer([{"id":380598,"name":"name","proper_name":"Name"},{"id":380597,"name":"last_name","proper_name":"Last Name"},{"id":380596,"name":"first_name","proper_name":"First Name"},{"id":-1,"name":"new_custom_field","proper_name":"[New Custom Field]"}], false);
  1818. window.DesignSurface.PageOptions = new PageOptionsManager()
  1819. window.KOLScriptVersion = '1.9.4'
  1820. kolFroala = new kolFroalaEditor();
  1821. new Assets();
  1822. new DashboardSupport("Droppable Landing Page Designer");
  1823. window.Router = new Router;
  1824. window.Router.start({
  1825. preview: function() {
  1826. window.Router.triggerClick('#preview-page-btn');
  1827. },
  1828. default: function() {
  1829. window.Router.triggerClick('a[href="#edit-page"]');
  1830. }
  1831. });
  1832.  
  1833. $('#need-verification').popover({ content:"<p>Confirm your account to publish pages. In the meantime you can always save your progress and use the Preview option under More.</p> <a href='#' class='btn btn-teal btn-block navbar-btn' id='resend_verification'>Resend Confirmation Email</a>"} );
  1834. $('#need-reactivation, .reactivate-first').popover({ content:"<p>You'll need to reacitvate your parked account in order to edit, save, or publish changes.</p> <a href='/pricing' class='btn btn-teal btn-block navbar-btn' id='reactivate_account'>Reactivate My Account</a>"} );
  1835.  
  1836. $("body").on('click', '#resend_verification', (function(e){
  1837. e.preventDefault();
  1838. $('#need-verification').popover('hide');
  1839. $.post("/users/send_verification");
  1840. alert("Your new confirmation email has been sent. Refresh this page enable publishing after confirming your account.");
  1841. }));
  1842. window.auto_preview = new AutoPreview('preview_frame', '/dashboard/campaigns/87224/landing_pages/149684/designer/preview');
  1843.  
  1844. $('.thanks-options-wrapper').click(function(e) {
  1845. $('.thanks-options-wrapper').removeClass("selected");
  1846. $(this).addClass("selected");
  1847. e.preventDefault();
  1848. });
  1849.  
  1850. var selectedThanksType = $('.thanks-options-wrapper.selected');
  1851. if(selectedThanksType.hasClass('new-page')) {
  1852. $('.instant_thanks').hide();
  1853. $('.redirect_options').show();
  1854. }
  1855. $('.on-page').click(function(e){
  1856. SaveWarning.mark_unsaved_changes()
  1857. $('.instant_thanks').show();
  1858. $('.redirect_options').hide();
  1859. $('#redirect_url_list option').prop('selected', false);
  1860. $('#redirect_url_list option[value="-2"]')
  1861. .prop('selected', true)
  1862. .parent().addClass('changed');
  1863. $('#custom_redirect_url').val('');
  1864. });
  1865. $('.new-page').click(function(e){
  1866. $('.instant_thanks').hide();
  1867. $('.redirect_options').show();
  1868. SaveWarning.mark_unsaved_changes()
  1869. });
  1870. $('#lpd_show_share_link').data({'skip-preview': true, 'skip-requires-save': true});
  1871. $('#lpd_show_share_link').on('change', function() {
  1872. var csm = new CustomStylingManager;
  1873. if($(this).is(':checked')) {
  1874. csm.setHideableRow('p.kol_social_url', 'block');
  1875. } else {
  1876. csm.setHideableRow('p.kol_social_url', 'none');
  1877. }
  1878. });
  1879.  
  1880. });</script><script>$(document).ready(function(){
  1881. var droppableDesigner = (window.Designer.designerType == 'droppable');
  1882. if(droppableDesigner) {
  1883. $('#redirect_url_list, #custom_redirect_url').data({'skip-preview': true, 'skip-requires-save': true});
  1884. }
  1885. $('#redirect_url_list').on('change', function(){
  1886. if(!droppableDesigner) {
  1887. RequiresSave.show();
  1888. } else {
  1889. SaveWarning.mark_unsaved_changes()
  1890. }
  1891. check_custom_url();
  1892. });
  1893. check_custom_url();
  1894. });
  1895.  
  1896. function check_custom_url(){
  1897. if ($('#redirect_url_list').find('option:selected').val() == '-1') {
  1898. $('#custom_redirect_url_wrapper').show();
  1899. }else{
  1900. $('#custom_redirect_url_wrapper').hide();
  1901. }
  1902. }</script><script>$(document).ready(function() {
  1903. new PreviewPane;
  1904. });</script></body></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!