Guest User

Untitled

a guest
Jun 11th, 2018
260
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 43.63 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8" />
  5. <title>{{ content.html_title }}</title>
  6. {{ favicon_link }}
  7. <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  8. <meta name="description" content="{{ content.meta_description }}" />
  9. <meta name="robots" content="NOODP, index, follow" />
  10. <meta itemprop="name" content="">
  11. <meta itemprop="description" content="">
  12. <meta itemprop="image" content="">
  13. <!-- Twitter Card data -->
  14. <meta name="twitter:card" content="summary">
  15. <meta name="twitter:site" content="">
  16. <meta name="twitter:title" content="">
  17. <meta name="twitter:description" content="">
  18. <meta name="twitter:creator" content="">
  19. <meta name="twitter:image:src" content="">
  20. <meta name="twitter:domain" content="">
  21. <!-- Open Graph data (Facebook) -->
  22. <meta property="og:title" content="" />
  23. <meta property="og:type" content="website" />
  24. <meta property="og:url" content="/" />
  25. <meta property="og:image" content="" />
  26. <meta property="og:description" content="" />
  27.  
  28. {% textarea "custom_css_code" label='Custom CSS values' no_wrapper="true" export_to_template_context="true" %}
  29. {% textarea "custom_js_code" label='Custom JS values' no_wrapper="true" export_to_template_context="true" %}
  30.  
  31. <!-- THEME STYLESHEETS -->
  32. {{ standard_header_includes }}
  33.  
  34. <link rel="stylesheet" href="https://s3.amazonaws.com/belch.io/belch-base-css/v1/belch-defaults.css" />
  35. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" />
  36. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" />
  37. <link rel="stylesheet" href="https://s3.amazonaws.com/belch.io/themes/minimalist/css/style.css" />
  38. <link rel="stylesheet" href="https://s3.amazonaws.com/belch.io/belch-base-css/v1/belch-defaults.css" />
  39. <link rel="stylesheet" href="https://s3.amazonaws.com/belch.io/themes/minimalist/css/overrides.css" />
  40.  
  41. <style>{{ widget_data.custom_css_code.value }}</style>
  42. </head>
  43. <body class="{{ builtin_body_classes }}">
  44.  
  45. <!-- THEME STYLES -->
  46. <style>
  47. @import url('https://fonts.googleapis.com/css?family=Lato:300,300i,400,400i,700,700i,900,900i|Raleway:400,400i,700,700i,800,800i,900,900i|Crete+Round:400italic');
  48. .belch-page-wrapper {
  49. background: white;
  50. }
  51. .belch-page-wrapper section p, .belch-page-wrapper section li, .belch-page-wrapper section a, .belch-page-wrapper section {
  52. font-family: 'Lato', sans-serif;
  53. font-size: 16px;
  54. line-height: 1.66em;
  55. font-weight: 400;
  56. letter-spacing: 0px;
  57. color: #333333;
  58. }
  59. @media screen and (max-width:992px) {
  60. .belch-page-wrapper section p, .belch-page-wrapper section li, .belch-page-wrapper section a, .belch-page-wrapper section {
  61. font-size: 16px;
  62. }
  63. }
  64. @media screen and (max-width:768px) {
  65. .belch-page-wrapper section p, .belch-page-wrapper section li, .belch-page-wrapper section a, .belch-page-wrapper section {
  66. font-size: 16px;
  67. }
  68. }
  69. .belch-page-wrapper section h1 {
  70. font-family: 'Raleway', sans-serif;
  71. font-size: 62px;
  72. line-height: 1.2em;
  73. font-weight: 500;
  74. letter-spacing: 0px;
  75. color: #333333;
  76. }
  77. @media screen and (max-width:992px) {
  78. .belch-page-wrapper section h1 {
  79. font-size: 62px;
  80. }
  81. }
  82. @media screen and (max-width:768px) {
  83. .belch-page-wrapper section h1 {
  84. font-size: 30px;
  85. }
  86. }
  87. .belch-page-wrapper section h2 {
  88. font-family: 'Raleway', sans-serif;
  89. font-size: 42px;
  90. line-height: 1.2em;
  91. font-weight: 500;
  92. letter-spacing: 0px;
  93. color: #333333;
  94. }
  95. @media screen and (max-width:992px) {
  96. .belch-page-wrapper section h2 {
  97. font-size: 42px;
  98. }
  99. }
  100. @media screen and (max-width:768px) {
  101. .belch-page-wrapper section h2 {
  102. font-size: 26px;
  103. }
  104. }
  105. .belch-page-wrapper section h3 {
  106. font-family: 'Raleway', sans-serif;
  107. font-size: 34px;
  108. line-height: 1.2em;
  109. font-weight: 400;
  110. letter-spacing: 0px;
  111. color: #333333;
  112. }
  113. @media screen and (max-width:992px) {
  114. .belch-page-wrapper section h3 {
  115. font-size: 34px;
  116. }
  117. }
  118. @media screen and (max-width:768px) {
  119. .belch-page-wrapper section h3 {
  120. font-size: 22px;
  121. }
  122. }
  123. .belch-page-wrapper section h4 {
  124. font-family: 'Raleway', sans-serif;
  125. font-size: 25px;
  126. line-height: 1.2em;
  127. font-weight: 400;
  128. letter-spacing: 0px;
  129. color: #333333;
  130. }
  131. @media screen and (max-width:992px) {
  132. .belch-page-wrapper section h4 {
  133. font-size: 25px;
  134. }
  135. }
  136. @media screen and (max-width:768px) {
  137. .belch-page-wrapper section h4 {
  138. font-size: 16px;
  139. }
  140. }
  141. .belch-page-wrapper section h5 {
  142. font-family: 'Lato', sans-serif;
  143. font-size: 20px;
  144. line-height: 1.2em;
  145. font-weight: 700;
  146. letter-spacing: 0px;
  147. color: #333333;
  148. }
  149. @media screen and (max-width:992px) {
  150. .belch-page-wrapper section h5 {
  151. font-size: 20px;
  152. }
  153. }
  154. @media screen and (max-width:768px) {
  155. .belch-page-wrapper section h5 {
  156. font-size: 20px;
  157. }
  158. }
  159. .belch-page-wrapper section h6 {
  160. font-family: 'Raleway', sans-serif;
  161. font-size: 14px;
  162. line-height: 1.2em;
  163. font-weight: 300;
  164. letter-spacing: 0px;
  165. color: #333333;
  166. }
  167. @media screen and (max-width:992px) {
  168. .belch-page-wrapper section h6 {
  169. font-size: 14px;
  170. }
  171. }
  172. @media screen and (max-width:768px) {
  173. .belch-page-wrapper section h6 {
  174. font-size: 14px;
  175. }
  176. }
  177.  
  178.  
  179.  
  180.  
  181. .belch-page-wrapper a {
  182. color: ;
  183. }
  184. .belch-page-wrapper a:hover {
  185. color: ;
  186. }
  187.  
  188. nav.navbar .hs-menu-wrapper ul li a {
  189. color: #333333 !important;
  190. font-size: 16px !important;
  191. font-weight: 600 !important;
  192. letter-spacing: 0px !important;
  193. }
  194. nav.navbar .hs-menu-wrapper ul li:hover>a {
  195. color: #333333 !important;
  196. }
  197. nav.navbar .hs-menu-wrapper ul ul {
  198. background: #333333 !important;
  199. }
  200. nav.navbar .hs-menu-wrapper ul ul {
  201. background: #333333 !important;
  202. }
  203. nav.navbar .hs-menu-wrapper ul ul a {
  204. color: #ffffff !important;
  205. }
  206. nav.navbar .hs-menu-wrapper ul ul a:hover {
  207. color: #f3f3f3 !important;
  208. }
  209. @media screen and (max-width:840px) {
  210. h1 {
  211. font-size: 42px;
  212. }
  213. h2 {
  214. font-size: 32px;
  215. }
  216. h3 {
  217. font-size: 26px;
  218. }
  219. h4 {
  220. font-size: 21px;
  221. }
  222. h5 {
  223. font-size: 26px;
  224. }
  225. }
  226. @media screen and (max-width: 767px) {
  227. .navbar-default .navbar-collapse {
  228. padding-top: 20px;
  229. padding-bottom: 20px;
  230. background: white;
  231. }
  232. nav.navbar .hs-menu-wrapper ul ul {
  233. background: #f9f9f9 !important;
  234. }
  235. nav.navbar .hs-menu-wrapper ul ul a, nav.navbar .hs-menu-wrapper ul li a, nav.navbar .hs-menu-wrapper ul li a {
  236. color: #333 !important;
  237. }
  238. .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
  239. background-color: transparent;
  240. }
  241. .navbar-default .navbar-toggle {
  242. border-color: transparent;
  243. }
  244. .navbar-default .navbar-toggle .icon-bar {
  245. background-color: #333 !important;
  246. }
  247. }
  248. .navbar #myNavbar {
  249. margin-top: 0px;
  250. }
  251.  
  252.  
  253. .button-1 {
  254. color: #ffffff !important;
  255. border-color: #fb795b !important;
  256. background: #fb795b !important;
  257. padding-left: 40px !important;
  258. padding-right: 40px !important;
  259. padding-top: 10px !important;
  260. padding-bottom: 10px !important;
  261. border-radius: 0px !important;
  262. -moz-border-radius: 0px !important;
  263. -webkit-border-radius: 0px !important;
  264. }
  265. .button-1:hover {
  266. background: #333333 !important;
  267. border-color: #333333 !important;
  268. color: #ffffff !important;\
  269. }
  270. @media (min-width:1025px) {
  271. .banner-section-1 .horizontal-padding {
  272. box-sizing: border-box;
  273. padding-left: 0px !important;
  274. padding-right: 0px !important;
  275. }
  276. }
  277.  
  278.  
  279. @media (min-width:1025px) {
  280. .gallery-section-2 {
  281. box-sizing: border-box;
  282. padding-left: 0px !important;
  283. padding-right: 0px !important;
  284. }
  285. .gallery-section-2 .gal-content-inner-wrapper.one {
  286. box-sizing: border-box;
  287. padding-left: 0px !important;
  288. padding-right: 0px !important;
  289. }
  290. .gallery-section-2 .gal-content-inner-wrapper.two {
  291. box-sizing: border-box;
  292. padding-left: 0px !important;
  293. padding-right: 0px !important;
  294. }
  295. .gallery-section-2 .gal-content-inner-wrapper.three {
  296. box-sizing: border-box;
  297. padding-left: 0px !important;
  298. padding-right: 0px !important;
  299. }
  300. .gallery-section-2 .gal-content-inner-wrapper.four {
  301. box-sizing: border-box;
  302. padding-left: 0px !important;
  303. padding-right: 0px !important;
  304. }
  305. }
  306.  
  307.  
  308. @media (min-width:1025px) {
  309. .services-section-3 .horizontal-padding {
  310. box-sizing: border-box;
  311. padding-left: 0px !important;
  312. padding-right: 0px !important;
  313. }
  314. }
  315.  
  316.  
  317. @media (min-width:1025px) {
  318. .about-section-4 .horizontal-padding {
  319. box-sizing: border-box;
  320. padding-left: 0px !important;
  321. padding-right: 0px !important;
  322. }
  323. }
  324.  
  325.  
  326. @media (min-width:1025px) {
  327. .team-section-5 .horizontal-padding {
  328. box-sizing: border-box;
  329. padding-left: 0px !important;
  330. padding-right: 0px !important;
  331. }
  332. }
  333.  
  334.  
  335. .form-section-6 .hs-form label {
  336. color: #1d1d1d !important;
  337. font-size: 13px !important;
  338. font-weight: 500 !important;
  339. margin-bottom: 6px;
  340. }
  341. .form-section-6 .hs-form input[type=date], .form-section-6 .hs-form input[type=datetime], .form-section-6 .hs-form input[type=datetime-local], .form-section-6 .hs-form input[type=email], .form-section-6 .hs-form input[type=month], .form-section-6 input[type=number], .form-section-6 .hs-form input[type=password], .form-section-6 .hs-form input[type=range], .form-section-6 .hs-form input[type=search], .form-section-6 .hs-form input[type=tel], .form-section-6 .hs-form input[type=text], .form-section-6 .hs-form input[type=time], .form-section-6 .hs-form input[type=url], .form-section-6 .hs-form input[type=week], .form-section-6 .hs-form .input textarea, .form-section-6 .hs-form .hs-input textarea,.hs-form textarea, .form-section-6 .hs-form .input select, .form-section-6 .hs-form .hs-input select, .form-section-6 .hs-form select {
  342. border-color: #CACACA !important;
  343. color: #666666 !important;
  344. background-color: rgba(255,255,255,0) !important;
  345. padding: 13px;
  346. border-radius: 0px !important;
  347. -moz-border-radius: 0px !important;
  348. -webkit-border-radius: 0px !important;
  349. box-sizing:border-box;
  350. border-top:0px solid #CACACA !important;
  351. border-right:0px solid #CACACA !important;
  352. border-bottom:1px solid #CACACA !important;
  353. border-left:0px solid #CACACA !important;
  354. }
  355. .form-section-6 .hs-form button, .form-section-6 .hs-form input[type=button], .form-section-6 .hs-form input[type=reset], .form-section-6 .hs-form input[type=submit] {
  356. background: #1d1d1d !important;
  357. color: #ffffff !important;
  358. font-size: 16px !important;
  359. font-weight: 300 !important;
  360. margin-left: 10px;
  361. border-radius: 0px !important;
  362. -moz-border-radius: 0px !important;
  363. -webkit-border-radius: 0px !important;
  364. padding-left: 60px !important;
  365. padding-right: 60px !important;
  366. padding-top: 10px !important;
  367. padding-bottom: 10px !important;
  368. border-top: 0px solid rgba(255,255,255,1) !important;
  369. border-right: 0px solid rgba(255,255,255,1) !important;
  370. border-bottom: 0px solid rgba(255,255,255,1) !important;
  371. border-left: 0px solid rgba(255,255,255,1) !important;
  372. }
  373. .form-section-6 .hs-form button:hover, .form-section-6 .hs-form input[type=button]:hover, .form-section-6 .hs-form input[type=reset]:hover, .form-section-6 .hs-form input[type=submit]:hover {
  374. background: #e47596 !important;
  375. color: #ffffff !important;
  376. border-color: rgba(255,255,255,1) !important;
  377. }
  378. .form-section-6 .hs-form {
  379. max-width: 650px;
  380. margin: auto;
  381. }
  382. @media (min-width:1025px) {
  383. .form-section-6 .horizontal-padding {
  384. box-sizing: border-box;
  385. padding-left: 0px !important;
  386. padding-right: 0px !important;
  387. }
  388. }
  389.  
  390.  
  391. .button-7 {
  392. background: rgba(255, 255, 255, 0) !important;
  393. color: #ffffff !important;
  394. border-top: 1px solid #ffffff !important;
  395. border-right: 1px solid #ffffff !important;
  396. border-bottom: 1px solid #ffffff !important;
  397. border-left: 1px solid #ffffff !important;
  398. font-size: 16px !important;
  399. font-weight: 300 !important;
  400. border-radius: 0px !important;
  401. -moz-border-radius: 0px !important;
  402. -webkit-border-radius: 0px !important;
  403. padding-left: 40px !important;
  404. padding-right: 40px !important;
  405. padding-top: 10px !important;
  406. padding-bottom: 10px !important;
  407. }
  408. .button-7:hover {
  409. background: #ffffff !important;
  410. border-color: #ffffff !important;
  411. color: #1d1d1d !important;
  412. }
  413. @media (min-width:1025px) {
  414. .cta-section-7 .horizontal-padding {
  415. box-sizing: border-box;
  416. padding-left: 0px !important;
  417. padding-right: 0px !important;
  418. }
  419. }
  420.  
  421.  
  422. @media (min-width:1025px) {
  423. .utility-section-8 .horizontal-padding {
  424. box-sizing: border-box;
  425. padding-left: 0px !important;
  426. padding-right: 0px !important;
  427. }
  428. }
  429.  
  430.  
  431. @media (min-width:1025px) {
  432. .social-section-9 .horizontal-padding {
  433. box-sizing: border-box;
  434. padding-left: 0px !important;
  435. padding-right: 0px !important;
  436. }
  437. }
  438.  
  439.  
  440.  
  441.  
  442. /* fixes container to position on screen and sets size */
  443. .sub-container {
  444. position: fixed;
  445. bottom: 0;
  446. left: 0;
  447. display: none;
  448. width: 100%;
  449. height: 50px;
  450. }
  451.  
  452. /*sets background color and clears any floats */
  453. .sub-wrapper {
  454. position: relative;
  455. width: 100%;
  456. height: 100%;
  457. background-color: #333;
  458. color: #fff;
  459. }
  460.  
  461. /* floats section to left and sets contianer width */
  462. .sub-form-left {
  463. position: relative;
  464. display: block;
  465. float: left;
  466. width: 60%;
  467. height: 100%;
  468. }
  469.  
  470. /* verticaly and horizontally center text section */
  471. .sub-form-left .text {
  472. position: absolute;
  473. top: 50%;
  474. left: 50%;
  475. transform: translate(-50%, -50%);
  476. width: 100%;
  477. text-align: center;
  478. }
  479. .sub-form-left .mobile-text {
  480. display: none;
  481. position: absolute;
  482. top: 50%;
  483. left: 50%;
  484. transform: translate(-50%, -50%);
  485. width: 100%;
  486. text-align: center;
  487. }
  488. /* floats section right and sets container width */
  489. .sub-form-right {
  490. display: block;
  491. position: relative;
  492. float: left;
  493. width: 40%;
  494. height: 100%;
  495. }
  496.  
  497. /* centers the form vertically delete width property to center H */
  498. .sub-form-right form.hs-form {
  499. width: 100%;
  500. margin: 0;
  501. padding: 0;
  502. display: block;
  503. position: absolute;
  504. top: 50%;
  505. left: 50%;
  506. transform: translate(-50%, -50%);
  507. }
  508.  
  509. /* allows the form to display inline */
  510. .input, .actions,
  511. .hs_email.hs-email.hs-fieldtype-text.field.hs-form-field,
  512. .hs_submit.hs-submit {
  513. display: inline-block;
  514. margin: 0;
  515. padding: 0;
  516. }
  517.  
  518. .sub-form-right .hs-button-primary,
  519. .sub-form-right input[type="submit"],
  520. .sub-form-right input[type="button"] {
  521. display: inline-block;
  522. width: 100px;
  523. color: #fff;
  524. background-color: #9f218b;
  525. border-radius: 5px;
  526. letter-spacing: 1px;
  527. }
  528. .sub-form-right .hs-button-primary:hover,
  529. .sub-form-right input[type="submit"]:hover,
  530. .sub-form-right input[type="button"]:hover {
  531. display: inline-block;
  532. width: 100px;
  533. color: #fff;
  534. background-color: #9f218b;
  535. border-radius: 5px;
  536. }
  537.  
  538. .sub-form-right input[type="email"] {
  539. display: inline-block;
  540. width: 200px;
  541. margin: 0;
  542. border-radius: 5px;
  543. }
  544. .submitted-message {
  545. position: absolute;
  546. top: 50%;
  547. left: 50%;
  548. transform: translate(-50%, -50%);
  549. }
  550. .hs-form label {
  551. display:none;
  552. }
  553. </style>
  554.  
  555. <!-- THEME HTML CODE -->
  556. <div class="belch-page-wrapper">
  557. <section class="main-navigation navbar-top settings-module">
  558. <nav class="navbar navbar-default" style="border-top:0px solid rgba(255,255,255,1) !important;
  559. border-right:0px solid rgba(255,255,255,1) !important;
  560. border-bottom:0px solid rgba(255,255,255,1) !important;
  561. border-left:0px solid rgba(255,255,255,1) !important;">
  562. <div class="overlay-wrapper">
  563. <div class="overlay settings-module" style="background-color: rgba(255, 255, 255, 0.8);"></div>
  564. </div>
  565. <div class="container" style="position:relative;z-index:2;">
  566. <div class="navbar-header">
  567. <button type="button" class="navbar-toggle settings-module" data-toggle="collapse" data-target="#myNavbar">
  568. <span class="icon-bar"></span>
  569. <span class="icon-bar"></span>
  570. <span class="icon-bar"></span>
  571. </button>
  572. {% logo "belch_id_829867674_1" label='Logo 1' style='width:auto;max-height:40px;' src='https://s3.amazonaws.com/belch.io/themes/minimalist/img/minimalist-logo.png' %}
  573. </div>
  574. <div class="collapse navbar-collapse settings-module" id="myNavbar">
  575. {% menu "belch_id_437694040_1" site_map_name='default', overrideable=True, root_type='site_root', flyouts='true', max_levels='2', flow='horizontal', label='Navigation Menu 1' no_wrapper=True %}
  576. </div>
  577. </div>
  578. </nav>
  579. </section>
  580.  
  581.  
  582.  
  583. <div style="box-sizing:border-box;
  584. border-top:0px solid rgba(255,255,255,1) !important;
  585. border-right:0px solid rgba(255,255,255,1) !important;
  586. border-bottom:0px solid rgba(255,255,255,1) !important;
  587. border-left:0px solid rgba(255,255,255,1) !important;" class="">
  588. <section class="banner-super-wrapper banner-section-1" style="background-image:url(' {% image_src "belch_id_130256708_2" label='Banner Background Image 2', src='https://cdn2.hubspot.net/hubfs/3319790/belch.io/template-assets/feettrunkviewjpg.jpeg', no_wrapper=True %} ');">
  589. <div class="overlay-wrapper">
  590. <div class="overlay settings-module" style="background: rgba(255, 255, 255, 0.8);"></div>
  591. </div>
  592. <div class="container">
  593.  
  594.  
  595.  
  596. <div class="sub-container " id="hideMe">
  597. <div class="sub-wrapper clearfix">
  598. <div class="sub-form-left">
  599. <span class="text">Stay current on the latest manufacturing marketing trends!</span>
  600. <span class="mobile-text">Stay Informed</span>
  601. </div>
  602. <div class="sub-form-right">
  603. {% blog_subscribe "subscribe_designers_blog" select_blog="(myBlogID)", no_title=true , response_message="Thanks for Subscribing!", label="Blog Email Subscription", overrideable=False %}
  604. </div>
  605. </div>
  606. </div>
  607.  
  608.  
  609.  
  610.  
  611.  
  612.  
  613.  
  614.  
  615.  
  616.  
  617.  
  618.  
  619.  
  620. <div class="clearfix" style="margin-top:290px"></div>
  621. </div>
  622. </section>
  623. </div>
  624.  
  625.  
  626.  
  627.  
  628. <div style="box-sizing:border-box;
  629. border-top:0px solid rgba(255,255,255,1) !important;
  630. border-right:0px solid rgba(255,255,255,1) !important;
  631. border-bottom:0px solid rgba(255,255,255,1) !important;
  632. border-left:0px solid rgba(255,255,255,1) !important;" class="">
  633. <section class="gallery-super-wrapper" style="background-image:url(' {% image_src "belch_id_170037741_3" label='Gallery Background Image 3', src='https://s3.amazonaws.com/belch.io/themes/minimalist/img/minimalist-stock2.jpg', no_wrapper=True %} ');">
  634. <div class="overlay-wrapper">
  635. <div class="overlay settings-module" style="background: rgb(249, 249, 249);"></div>
  636. </div>
  637. <div class="container-fluid tight-gallery-container gallery-section-2" style="min-height:420px; padding-top:0px;padding-bottom:0px;">
  638.  
  639.  
  640. <div class="row gallery-row settings-module">
  641. <div class="col-md-4 gallery-item" style="height:420px;position:relative;">
  642. <div class="overlay-wrapper">
  643. <div class="gallery-img" style="background-image:url(' {% image_src "belch_id_495467469_3" label='Gallery Background Image 3', src='https://cdn2.hubspot.net/hubfs/3319790/belch.io/template-assets/pexelsphoto386025jpg.jpeg', no_wrapper=True %} ');"></div>
  644. <div class="overlay settings-module" style="background: rgba(251, 121, 91, 0.901961);"></div>
  645. </div>
  646. <div class="gal-content flex-box">
  647. <div class="gal-content-inner-wrapper one flex-box" style="padding-top:0px;padding-bottom:0px;">
  648. <div class="content-padding text-left">
  649. {% widget_block rich_text "belch_id_306674631_3" overrideable=True, label='First Gallery Item Text Block 3', no_wrapper=False %}{% widget_attribute "html" %}<div class="" style="position: relative;"><h3>SOME OF OUR<br>BEAUTIFUL<br>DESIGNS</h3><p><a href="#" style="color: #ffffff;" data-mce-href="#" data-mce-style="color: #ffffff;"><strong>LEARN MORE</strong></a></p></div>{% end_widget_attribute %}{% end_widget_block %}
  650. </div>
  651. </div>
  652. </div>
  653. </div>
  654. <div class="col-md-4 gallery-item" style="height:420px;position:relative;">
  655. <div class="overlay-wrapper">
  656. <div class="gallery-img" style="background-image:url(' {% image_src "belch_id_999183389_3" label='Gallery Background Image 3', src='https://cdn2.hubspot.net/hubfs/3319790/belch.io/template-assets/pexelsphoto307008jpg.jpeg', no_wrapper=True %} ');"></div>
  657. <div class="overlay settings-module" style="background: rgba(255, 255, 255, 0);"></div>
  658. </div>
  659. <div class="gal-content flex-box">
  660. <div class="gal-content-inner-wrapper two flex-box" style="padding-top:0px;padding-bottom:0px;">
  661. <div class="content-padding text-left">
  662. {% widget_block rich_text "belch_id_241303857_3" overrideable=True, label='Second Gallery Item Text Block 3', no_wrapper=False %}{% widget_attribute "html" %}<div class="" style="position: relative;"><p><br data-mce-bogus="1"></p></div>{% end_widget_attribute %}{% end_widget_block %}
  663. </div>
  664. </div>
  665. </div>
  666. </div>
  667. <div class="col-md-4 gallery-item" style="height:420px;position:relative;">
  668. <div class="overlay-wrapper">
  669. <div class="gallery-img" style="background-image:url(' {% image_src "belch_id_35643086_3" label='Gallery Background Image 3', src='https://cdn2.hubspot.net/hubfs/3319790/belch.io/template-assets/pexelsphoto245032jpg.jpeg', no_wrapper=True %} ');"></div>
  670. <div class="overlay settings-module" style="background: rgba(255, 255, 255, 0);"></div>
  671. </div>
  672. <div class="gal-content flex-box">
  673. <div class="gal-content-inner-wrapper three flex-box" style="padding-top:0px;padding-bottom:0px;">
  674. <div class="content-padding text-left">
  675. {% widget_block rich_text "belch_id_297840676_3" overrideable=True, label='Third Gallery Item Text Block 3', no_wrapper=False %}{% widget_attribute "html" %}<div class="" style="position: relative;"><p><br data-mce-bogus="1"></p></div>{% end_widget_attribute %}{% end_widget_block %}
  676. </div>
  677. </div>
  678. </div>
  679. </div>
  680.  
  681. </div>
  682.  
  683.  
  684. </div>
  685. </section>
  686. </div>
  687.  
  688.  
  689.  
  690.  
  691. <div style="box-sizing:border-box;
  692. border-top:0px solid rgba(255,255,255,1) !important;
  693. border-right:0px solid rgba(255,255,255,1) !important;
  694. border-bottom:0px solid rgba(255,255,255,1) !important;
  695. border-left:0px solid rgba(255,255,255,1) !important;" class="">
  696. <section class="services-super-wrapper services-section-3" style="background-image:url(' {% image_src "belch_id_1002268_4" label='Services Background Image 4', src='https://s3.amazonaws.com/belch.io/themes/minimalist/img/minimalist-stock2.jpg', no_wrapper=True %} ');">
  697. <div class="overlay-wrapper">
  698. <div class="overlay settings-module" style="background: rgb(255, 255, 255);"></div>
  699. </div>
  700. <div class="container horizontal-padding">
  701. <div class="clearfix" style="margin-top:70px"></div>
  702. <div class="row">
  703. <div class="settings-module">
  704. {% widget_block rich_text "belch_id_271186171_4" overrideable=True, label='Header Text Block 4', no_wrapper=False %}{% widget_attribute "html" %}<div class="page-title text-center" style="position: relative;"><h3>Our <strong>Services</strong></h3><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor<br>incididunt ut labore et dolore magna aliqua.</p></div>{% end_widget_attribute %}{% end_widget_block %}
  705. </div>
  706.  
  707.  
  708.  
  709. <div class="settings-module">
  710. <div class="col-md-4">
  711. <div class="feature-box fbox-effect">
  712. <div class="fbox-icon settings-module" style="background: rgb(246, 246, 246); border-color: rgb(251, 121, 91);">
  713. <i style="color:#fb795b;font-size:25px" class="fa settings-module fa-pencil"></i>
  714. </div>
  715. {% widget_block rich_text "belch_id_806625952_4" overrideable=True, label='First Service Item Text Block 4', no_wrapper=False %}{% widget_attribute "html" %}<div class="" style="position: relative;"><h3>Content</h3><p>Ut ultrices dictum vehicula. Quisque congue maximus velit, nec scelerisque urna aliquam non.</p></div>{% end_widget_attribute %}{% end_widget_block %}
  716. </div>
  717. </div>
  718. <div class="col-md-4">
  719. <div class="feature-box fbox-effect">
  720. <div class="fbox-icon settings-module" style="background: rgb(246, 246, 246); border-color: rgb(251, 121, 91);">
  721. <i style="color:#fb795b;font-size:25px" class="fa settings-module fa-paint-brush"></i>
  722. </div>
  723. {% widget_block rich_text "belch_id_235512183_4" overrideable=True, label='Second Service Item Text Block 4', no_wrapper=False %}{% widget_attribute "html" %}<div class="" style="position: relative;"><h3>Design</h3><p>Ut ultrices dictum vehicula. Quisque congue maximus velit, nec scelerisque urna aliquam non.</p></div>{% end_widget_attribute %}{% end_widget_block %}
  724. </div>
  725. </div>
  726. <div class="col-md-4">
  727. <div class="feature-box fbox-effect">
  728. <div class="fbox-icon settings-module" style="background: rgb(246, 246, 246); border-color: rgb(251, 121, 91);">
  729. <i style="color:#fb795b;font-size:25px" class="fa settings-module fa-file-image-o"></i>
  730. </div>
  731. {% widget_block rich_text "belch_id_341466256_4" overrideable=True, label='Third Service Item Text Block 4', no_wrapper=False %}{% widget_attribute "html" %}<div class="" style="position: relative;"><h3>Media</h3><p>Ut ultrices dictum vehicula. Quisque congue maximus velit, nec scelerisque urna aliquam non.</p></div>{% end_widget_attribute %}{% end_widget_block %}
  732. </div>
  733. </div>
  734. </div>
  735.  
  736.  
  737.  
  738.  
  739.  
  740. </div>
  741. <div class="clearfix" style="margin-top:70px"></div>
  742. </div>
  743. </section>
  744. </div>
  745.  
  746.  
  747.  
  748. <div style="box-sizing:border-box;
  749. border-top:0px solid rgba(255,255,255,1) !important;
  750. border-right:0px solid rgba(255,255,255,1) !important;
  751. border-bottom:0px solid rgba(255,255,255,1) !important;
  752. border-left:0px solid rgba(255,255,255,1) !important;" class="">
  753. <section class="about-super-wrapper about-section-4" style="background-image:url(' {% image_src "belch_id_186660142_5" label='About Background Image 5', src='https://s3.amazonaws.com/belch.io/themes/minimalist/img/minimalist-stock2.jpg', no_wrapper=True %} ');">
  754. <div class="overlay-wrapper">
  755. <div class="overlay settings-module" style="background: rgb(249, 249, 249);"></div>
  756. </div>
  757. <div class="container horizontal-padding">
  758. <div class="clearfix" style="margin-top:70px"></div>
  759. <div class="row">
  760.  
  761. <div class="settings-module">
  762.  
  763. <div class="col-md-6 text-center">
  764. {% widget_block rich_text "belch_id_503085835_5" overrideable=True, label='About Text Block 5', no_wrapper=False %}{% widget_attribute "html" %}<div class="page-title text-center" style="position: relative;"><h3 class="text-right">About Agency <strong>Incredible</strong></h3><p class="text-right">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.Maecenas lorem est, mattis sit amet pretium id, scelerisque a ex. Morbi venenatis nulla vel erat placerat, sit amet sodales enim lobortis. Morbi mollis finibus sem, nec sollicitudin diam venenatis vitae.</p></div>{% end_widget_attribute %}{% end_widget_block %}
  765. </div>
  766.  
  767. <div class="col-md-6 text-center">
  768. {% image "belch_id_680342211_5" label='About Image 5', alt='', src='https://s3.amazonaws.com/belch.io/themes/minimalist/img/minimalist-stock-about.jpg', width='', height='undefined' no_wrapper=True %}
  769. </div>
  770.  
  771. </div>
  772.  
  773.  
  774. </div>
  775. <div class="clearfix" style="margin-top:70px"></div>
  776. </div>
  777. </section>
  778. </div>
  779.  
  780.  
  781.  
  782. <div style="box-sizing:border-box;
  783. border-top:0px solid rgba(255,255,255,1) !important;
  784. border-right:0px solid rgba(255,255,255,1) !important;
  785. border-bottom:0px solid rgba(255,255,255,1) !important;
  786. border-left:0px solid rgba(255,255,255,1) !important;" class="">
  787. <section class="team-super-wrapper team-section-5" style="background-image:url(' {% image_src "belch_id_635465467_6" label='Team Background Image 6', src='https://s3.amazonaws.com/belch.io/themes/minimalist/img/minimalist-stock2.jpg', no_wrapper=True %} ');">
  788. <div class="overlay-wrapper">
  789. <div class="overlay settings-module" style="background: rgb(255, 255, 255);"></div>
  790. </div>
  791. <div class="container horizontal-padding">
  792. <div class="clearfix" style="margin-top:70px"></div>
  793. <div class="row">
  794. <div class="settings-module">
  795. {% widget_block rich_text "belch_id_702768408_6" overrideable=True, label='Team Text Block 6', no_wrapper=False %}{% widget_attribute "html" %}<div class="page-title text-center" style="position: relative;"><h3>Our <strong>Super-duper</strong> Team</h3><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor <br>incididunt ut labore et dolore magna aliqua.</p></div>{% end_widget_attribute %}{% end_widget_block %}
  796. </div>
  797. <div class="settings-module">
  798. <div class="col-md-4">
  799. <div class="team-info">
  800. <div class="team-img-wrapper">
  801. {% image "belch_id_569756116_6" label='Team Member Image 6', alt='', src='https://s3.amazonaws.com/belch.io/themes/minimalist/img/minimalist-teama1.jpg', width='', height='undefined' no_wrapper=True %}
  802. </div>
  803. {% widget_block rich_text "belch_id_365728914_6" overrideable=True, label='Team Member Text Block 6', no_wrapper=False %}{% widget_attribute "html" %}<div class="fig-caption" style="position: relative;"><h3 class="text-center">ALEX MASTERS</h3><p class="text-center"><strong>CFO</strong></p><p class="text-center">Maecenas et condimentum tellus. Donec placerat lacinia massa efficitur auctor. Nunc arcu dolor, vehicula ac dictum ut, dapibus id lacus. Duis nunc magna, imperdiet non placerat convallis, porta in ex.</p></div>{% end_widget_attribute %}{% end_widget_block %}
  804. </div>
  805. </div>
  806. <div class="col-md-4">
  807. <div class="team-info">
  808. <div class="team-img-wrapper">
  809. {% image "belch_id_930359616_6" label='Team Member Image 6', alt='', src='https://s3.amazonaws.com/belch.io/themes/minimalist/img/minimalist-teama2.jpg', width='', height='undefined' no_wrapper=True %}
  810. </div>
  811. {% widget_block rich_text "belch_id_500125906_6" overrideable=True, label='Team Member Text Block 6', no_wrapper=False %}{% widget_attribute "html" %}<div class="fig-caption" style="position: relative;"><h3 class="text-center">JOHN CANDELSON</h3><p class="text-center"><strong>PROJECT MANAGER</strong></p><p class="text-center">Maecenas et condimentum tellus. Donec placerat lacinia massa efficitur auctor. Nunc arcu dolor, vehicula ac dictum ut, dapibus id lacus. Duis nunc magna, imperdiet non placerat convallis, porta in ex.</p></div>{% end_widget_attribute %}{% end_widget_block %}
  812. </div>
  813. </div>
  814. <div class="col-md-4">
  815. <div class="team-info">
  816. <div class="team-img-wrapper">
  817. {% image "belch_id_126538566_6" label='Team Member Image 6', alt='', src='https://s3.amazonaws.com/belch.io/themes/minimalist/img/minimalist-teama4.jpg', width='', height='undefined' no_wrapper=True %}
  818. </div>
  819. {% widget_block rich_text "belch_id_592357043_6" overrideable=True, label='Team Member Text Block 6', no_wrapper=False %}{% widget_attribute "html" %}<div class="fig-caption" style="position: relative;"><h3 class="text-center">JEFF KINNESON</h3><p class="text-center"><strong>LEAD ENGINEER</strong></p><p class="text-center">Maecenas et condimentum tellus. Donec placerat lacinia massa efficitur auctor. Nunc arcu dolor, vehicula ac dictum ut, dapibus id lacus. Duis nunc magna, imperdiet non placerat convallis, porta in ex.</p></div>{% end_widget_attribute %}{% end_widget_block %}
  820. </div>
  821. </div>
  822. </div>
  823.  
  824.  
  825. </div>
  826. <div class="clearfix" style="margin-top:70px"></div>
  827. </div>
  828. </section>
  829. </div>
  830.  
  831.  
  832.  
  833. <div style="box-sizing:border-box;
  834. border-top:0px solid rgba(255,255,255,1) !important;
  835. border-right:0px solid rgba(255,255,255,1) !important;
  836. border-bottom:0px solid rgba(255,255,255,1) !important;
  837. border-left:0px solid rgba(255,255,255,1) !important;" class="">
  838. <section class="form-super-wrapper form-section-6" style="background-image:url(' {% image_src "belch_id_214664269_7" label='Contact Background Image 7', src='https://s3.amazonaws.com/belch.io/themes/minimalist/img/minimalist-stock2.jpg', no_wrapper=True %} ');">
  839. <div class="overlay-wrapper">
  840. <div class="overlay settings-module" style="background: rgb(249, 249, 249);"></div>
  841. </div>
  842. <div class="container horizontal-padding">
  843. <div class="clearfix" style="margin-top:70px"></div>
  844. <div class="row">
  845.  
  846.  
  847.  
  848.  
  849.  
  850. <div class="col-md-6 form-sec">
  851.  
  852. {% form "belch_id_575041997_7" form_to_use='Default', title='Form 7' label="Form 7" no_wrapper=True %}
  853. </div>
  854.  
  855. <div class="col-md-6 settings-module">
  856. {% widget_block rich_text "belch_id_114254878_7" overrideable=True, label='Contact Text Block 7', no_wrapper=False %}{% widget_attribute "html" %}<div class="page-title text-left" style="position: relative;"><h4>REACH OUT</h4><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p><p><br></p><h4>LOCATION</h4><p>AGENCY <strong>INCREDIBLE</strong><br>612 Main St.<br>Manhattan NYC 42584<br><br>(800) 555 - 2121<br>[email protected]</p></div>{% end_widget_attribute %}{% end_widget_block %}
  857. </div>
  858.  
  859.  
  860.  
  861.  
  862.  
  863.  
  864.  
  865.  
  866.  
  867. </div>
  868. <div class="clearfix" style="margin-top:70px"></div>
  869. </div>
  870. </section>
  871. </div>
  872.  
  873.  
  874.  
  875. <div style="box-sizing:border-box;
  876. border-top:0px solid rgba(255,255,255,1) !important;
  877. border-right:0px solid rgba(255,255,255,1) !important;
  878. border-bottom:0px solid rgba(255,255,255,1) !important;
  879. border-left:0px solid rgba(255,255,255,1) !important;" class="">
  880. <section class="cta-super-wrapper cta-section-7" style="background-image:url(' {% image_src "belch_id_828885678_8" label='CTA Background Image 8', src='https://cdn2.hubspot.net/hubfs/3319790/belch.io/template-assets/feettrunkviewjpg.jpeg', no_wrapper=True %} ');">
  881. <div class="overlay-wrapper">
  882. <div class="overlay settings-module" style="background: rgba(0, 0, 0, 0.701961);"></div>
  883. </div>
  884. <div class="container horizontal-padding">
  885. <div class="clearfix" style="margin-top:30px"></div>
  886. {% widget_block rich_text "belch_id_380068132_8" overrideable=True, label='CTA Text Block 8', no_wrapper=False %}{% widget_attribute "html" %}<div class="row text-center" style="position: relative;"><h3 style="color: white;" data-mce-style="color: white;">"Good design adds value faster than it adds cost." - Thomas C. Gale</h3><p class="cta-sub-title" style="color: white;" data-mce-style="color: white;">Maecenas et condimentum tellus. Donec placerat lacinia massa efficitur auctor.<br></p><p><br></p></div>{% end_widget_attribute %}{% end_widget_block %}
  887. <div class="cta-button-wrapper" style="text-align: center;">
  888. <a text="button_label" href="{% text "belch_id_656966687_8_url" label="CTA Link Url 8" value="#" no_wrapper=True %}" class="btn btn-banner button-7 settings-module">{% text "belch_id_656966687_8_text" label="CTA Link Text 8" value="LEARN MORE" no_wrapper=True %}</a>
  889. </div>
  890. <div class="clearfix" style="margin-top:45px"></div>
  891. </div>
  892. </section>
  893. </div>
  894.  
  895.  
  896.  
  897.  
  898. <div style="box-sizing:border-box;
  899. border-top:0px solid rgba(255,255,255,1) !important;
  900. border-right:0px solid rgba(255,255,255,1) !important;
  901. border-bottom:0px solid rgba(255,255,255,1) !important;
  902. border-left:0px solid rgba(255,255,255,1) !important;" class="">
  903. <section class="utility-super-wrapper utility-section-8" style="background-image:url(' {% image_src "belch_id_741202818_9" label='Utility Row Background Image 9', src='https://s3.amazonaws.com/belch.io/themes/minimalist/img/minimalist-stock2.jpg', no_wrapper=True %} ');">
  904. <div class="overlay-wrapper">
  905. <div class="overlay settings-module" style="background: rgb(249, 249, 249);"></div>
  906. </div>
  907. <div class="container horizontal-padding">
  908. <div class="clearfix" style="margin-top:70px"></div>
  909.  
  910.  
  911. <div class="row settings-module">
  912. <div class="col-md-4">
  913. {% widget_block rich_text "belch_id_567511541_9" overrideable=True, label='Utility Text Block 9', no_wrapper=False %}{% widget_attribute "html" %}<div class="" style="position: relative;"><h3 class="text-right">Adaptive<br>Design</h3><p class="text-right">Proin finibus nunc sed nunc interdum consectetur. Proin porta placerat turpis at pulvinar. Curabitur sem purus, aliquam quis tincidunt at, faucibus a turpis.</p></div>{% end_widget_attribute %}{% end_widget_block %}
  914. </div>
  915. <div class="col-md-4">
  916. {% widget_block rich_text "belch_id_776934661_9" overrideable=True, label='Utility Text Block 9', no_wrapper=False %}{% widget_attribute "html" %}<div class="" style="position: relative;"><p><img src="https://cdn2.hubspot.net/hub/3319790/hubfs/belch.io/template-assets/pexels-photo-386025.jpg" class="block-center" data-mce-src="https://cdn2.hubspot.net/hub/3319790/hubfs/belch.io/template-assets/pexels-photo-386025.jpg"></p></div>{% end_widget_attribute %}{% end_widget_block %}
  917. </div>
  918. <div class="col-md-4">
  919. {% widget_block rich_text "belch_id_661908923_9" overrideable=True, label='Utility Text Block 9', no_wrapper=False %}{% widget_attribute "html" %}<div class="" style="position: relative;"><h3>Responsive<br>Development</h3><p>Proin finibus nunc sed nunc interdum consectetur. Proin porta placerat turpis at pulvinar. Curabitur sem purus, aliquam quis tincidunt at, faucibus a turpis.</p></div>{% end_widget_attribute %}{% end_widget_block %}
  920. </div>
  921. </div>
  922.  
  923.  
  924. <div class="clearfix" style="margin-top:70px"></div>
  925. </div>
  926. </section>
  927. </div>
  928.  
  929.  
  930.  
  931.  
  932. <div style="box-sizing:border-box;
  933. border-top:0px solid rgba(255,255,255,1) !important;
  934. border-right:0px solid rgba(255,255,255,1) !important;
  935. border-bottom:0px solid rgba(255,255,255,1) !important;
  936. border-left:0px solid rgba(255,255,255,1) !important;" class="">
  937. <section class="onecol-super-wrapper social-section-9" style="background-image:url(' {% image_src "belch_id_580855729_10" label='Social Background Image 10', src='https://s3.amazonaws.com/belch.io/themes/minimalist/img/minimalist-stock2.jpg', no_wrapper=True %} ');">
  938. <div class="overlay-wrapper">
  939. <div class="overlay settings-module" style="background: rgb(255, 255, 255);"></div>
  940. </div>
  941. <div class="container horizontal-padding">
  942. <div class="clearfix" style="margin-top:25px"></div>
  943. <div class="row">
  944. <div class="col-md-12">
  945. <div class="social-menu-container">
  946. <ul>
  947. <li class="settings-module">
  948. <a class="service-icon settings-module">
  949. <i style="color:#2d2d2d;font-size:25px" class="fa settings-module fa-facebook"></i>
  950. </a>
  951. </li>
  952. <li class="settings-module">
  953. <a class="service-icon settings-module">
  954. <i style="color:#2d2d2d;font-size:25px" class="fa settings-module fa-twitter"></i>
  955. </a>
  956. </li>
  957. <li class="settings-module">
  958. <a class="service-icon settings-module">
  959. <i style="color:#2d2d2d;font-size:25px" class="fa settings-module fa-linkedin"></i>
  960. </a>
  961. </li>
  962. <li class="settings-module">
  963. <a class="service-icon settings-module">
  964. <i style="color:#2d2d2d;font-size:25px" class="fa settings-module fa-youtube"></i>
  965. </a>
  966. </li>
  967. <li class="settings-module">
  968. <a class="service-icon settings-module">
  969. <i style="color:#2d2d2d;font-size:25px" class="fa settings-module fa-instagram"></i>
  970. </a>
  971. </li>
  972. <li class="settings-module">
  973. <a class="service-icon settings-module">
  974. <i style="color:#2d2d2d;font-size:25px" class="fa settings-module fa-amazon"></i>
  975. </a>
  976. </li>
  977. </ul>
  978. </div>
  979. </div>
  980. </div>
  981. <div class="clearfix" style="margin-top:20px"></div>
  982. </div>
  983. </section>
  984. </div>
  985. </div>
  986.  
  987. <!-- THEME JAVASCRIPT -->
  988. <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.0/jquery.js"></script>
  989. <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
  990. {{ widget_data.custom_js_code.value }}
  991. {{ standard_footer_includes }}
  992. </body>
  993. </html>
Advertisement
Add Comment
Please, Sign In to add comment