API tools faq
paste
Advertisement
Guest User

HubSpot Sample Coded File from BELCH.IO

a guest
Jul 26th, 2017
271
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 64.26 KB | None | 0 0
raw download clone embed print report
  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: 80px;
  72.         line-height: 1.02em;
  73.         font-weight: 500;
  74.         letter-spacing: 4px;
  75.         color: #f3605c;
  76.     }
  77.     @media screen and (max-width:992px) {
  78.         .belch-page-wrapper section h1 {
  79.             font-size: 41px;
  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: #f3605c;
  94.     }
  95.     @media screen and (max-width:992px) {
  96.         .belch-page-wrapper section h2 {
  97.             font-size: 35px;
  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: rgba(255,255,255,0.8) !important;
  190.         font-size: 16px !important;
  191.         font-weight: 500 !important;
  192.         letter-spacing: 0px !important;
  193.     }
  194.     nav.navbar .hs-menu-wrapper ul li:hover>a {
  195.         color: #fff !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.     @media screen and (max-width:840px) {
  207.         h1 {
  208.             font-size: 42px;
  209.         }
  210.         h2 {
  211.             font-size: 32px;
  212.         }
  213.         h3 {
  214.             font-size: 26px;
  215.         }
  216.         h4 {
  217.             font-size: 21px;
  218.         }
  219.         h5 {
  220.             font-size: 26px;
  221.         }
  222.     }
  223.     @media screen and (max-width: 767px) {
  224.         .navbar-default .navbar-collapse {
  225.             padding-top: 20px;
  226.             padding-bottom: 20px;
  227.             background: white;
  228.         }
  229.         nav.navbar .hs-menu-wrapper ul ul {
  230.             background: #f9f9f9 !important;
  231.         }
  232.         nav.navbar .hs-menu-wrapper ul ul a, nav.navbar .hs-menu-wrapper ul li a, nav.navbar .hs-menu-wrapper ul li a {
  233.             color: #333 !important;
  234.         }
  235.         .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
  236.             background-color: transparent;
  237.         }
  238.         .navbar-default .navbar-toggle {
  239.             border-color: transparent;
  240.         }
  241.         .navbar-default .navbar-toggle .icon-bar {
  242.             background-color: #fff !important;
  243.         }
  244.     }
  245.     .navbar #myNavbar {
  246.         margin-top: 0px;
  247.     }
  248.  
  249.  
  250.     .button-1 {
  251.         color: #ffffff !important;
  252.         border-color: #fb795b !important;
  253.         background: #fb795b !important;
  254.         padding-left: 40px !important;
  255.         padding-right: 40px !important;
  256.         padding-top: 10px !important;
  257.         padding-bottom: 10px !important;
  258.         border-radius: 0px !important;
  259.         -moz-border-radius: 0px !important;
  260.         -webkit-border-radius: 0px !important;
  261.     }
  262.     .button-1:hover {
  263.         background: #333333 !important;
  264.         border-color: #333333 !important;
  265.         color: #ffffff !important;\
  266.     }
  267.     @media (min-width:1025px) {
  268.       .banner-section-1 .horizontal-padding {
  269.         box-sizing: border-box;
  270.         padding-left: 80px !important;
  271.         padding-right: 450px !important;
  272.       }
  273.     }
  274.  
  275.  
  276.         @media (min-width:1025px) {
  277.           .about-section-2 .horizontal-padding {
  278.             box-sizing: border-box;
  279.             padding-left: 60px !important;
  280.             padding-right: 70px !important;
  281.           }
  282.         }
  283.    
  284.  
  285.         @media (min-width:1025px) {
  286.           .utility-section-3 .horizontal-padding {
  287.             box-sizing: border-box;
  288.             padding-left: 170px !important;
  289.             padding-right: 170px !important;
  290.           }
  291.         }
  292.    
  293.  
  294.         @media (min-width:1025px) {
  295.           .about-section-4 .horizontal-padding {
  296.             box-sizing: border-box;
  297.             padding-left: 100px !important;
  298.             padding-right: 100px !important;
  299.           }
  300.         }
  301.    
  302.  
  303.         @media (min-width:1025px) {
  304.           .about-section-5 .horizontal-padding {
  305.             box-sizing: border-box;
  306.             padding-left: 60px !important;
  307.             padding-right: 70px !important;
  308.           }
  309.         }
  310.    
  311.  
  312.         @media (min-width:1025px) {
  313.           .utility-section-6 .horizontal-padding {
  314.             box-sizing: border-box;
  315.             padding-left: 80px !important;
  316.             padding-right: 80px !important;
  317.           }
  318.         }
  319.    
  320.  
  321.         @media (min-width:1025px) {
  322.           .gallery-section-7 {
  323.             box-sizing: border-box;
  324.             padding-left: 0px !important;
  325.             padding-right: 0px !important;
  326.           }
  327.                 .gallery-section-7 .gal-content-inner-wrapper.one {
  328.             box-sizing: border-box;
  329.             padding-left: 0px !important;
  330.             padding-right: 0px !important;
  331.           }
  332.                 .gallery-section-7 .gal-content-inner-wrapper.two {
  333.             box-sizing: border-box;
  334.             padding-left: 0px !important;
  335.             padding-right: 0px !important;
  336.           }
  337.                 .gallery-section-7 .gal-content-inner-wrapper.three {
  338.             box-sizing: border-box;
  339.             padding-left: 0px !important;
  340.             padding-right: 0px !important;
  341.           }
  342.                 .gallery-section-7 .gal-content-inner-wrapper.four {
  343.             box-sizing: border-box;
  344.             padding-left: 0px !important;
  345.             padding-right: 0px !important;
  346.           }
  347.         }
  348.    
  349.  
  350.         @media (min-width:1025px) {
  351.           .gallery-section-8 {
  352.             box-sizing: border-box;
  353.             padding-left: 0px !important;
  354.             padding-right: 0px !important;
  355.           }
  356.                 .gallery-section-8 .gal-content-inner-wrapper.one {
  357.             box-sizing: border-box;
  358.             padding-left: 0px !important;
  359.             padding-right: 0px !important;
  360.           }
  361.                 .gallery-section-8 .gal-content-inner-wrapper.two {
  362.             box-sizing: border-box;
  363.             padding-left: 0px !important;
  364.             padding-right: 0px !important;
  365.           }
  366.                 .gallery-section-8 .gal-content-inner-wrapper.three {
  367.             box-sizing: border-box;
  368.             padding-left: 0px !important;
  369.             padding-right: 0px !important;
  370.           }
  371.                 .gallery-section-8 .gal-content-inner-wrapper.four {
  372.             box-sizing: border-box;
  373.             padding-left: 0px !important;
  374.             padding-right: 0px !important;
  375.           }
  376.         }
  377.    
  378.  
  379.     .button-9 {
  380.         color: #ffffff !important;
  381.         border-color: #f3605c !important;
  382.         background: #f3605c !important;
  383.         padding-left: 40px !important;
  384.         padding-right: 40px !important;
  385.         padding-top: 10px !important;
  386.         padding-bottom: 10px !important;
  387.         border-radius: 100px !important;
  388.         -moz-border-radius: 100px !important;
  389.         -webkit-border-radius: 100px !important;
  390.     }
  391.     .button-9:hover {
  392.         background: #333333 !important;
  393.         border-color: #333333 !important;
  394.         color: #ffffff !important;\
  395.     }
  396.     @media (min-width:1025px) {
  397.       .banner-section-9 .horizontal-padding {
  398.         box-sizing: border-box;
  399.         padding-left: 200px !important;
  400.         padding-right: 200px !important;
  401.       }
  402.     }
  403.  
  404.  
  405.         @media (min-width:1025px) {
  406.           .utility-section-10 .horizontal-padding {
  407.             box-sizing: border-box;
  408.             padding-left: 230px !important;
  409.             padding-right: 230px !important;
  410.           }
  411.         }
  412.    
  413.  
  414.     .form-section-11 .hs-form label {
  415.         color: #fff !important;
  416.         font-size: 13px !important;
  417.         font-weight: 800 !important;
  418.         margin-bottom: 6px;
  419.     }
  420.     .form-section-11 .hs-form input[type=date], .form-section-11 .hs-form input[type=datetime], .form-section-11 .hs-form input[type=datetime-local], .form-section-11 .hs-form input[type=email], .form-section-11 .hs-form input[type=month], .form-section-11 input[type=number], .form-section-11 .hs-form input[type=password], .form-section-11 .hs-form input[type=range], .form-section-11 .hs-form input[type=search], .form-section-11 .hs-form input[type=tel], .form-section-11 .hs-form input[type=text], .form-section-11 .hs-form input[type=time], .form-section-11 .hs-form input[type=url], .form-section-11 .hs-form input[type=week], .form-section-11 .hs-form .input textarea, .form-section-11 .hs-form .hs-input textarea,.hs-form textarea, .form-section-11 .hs-form .input select, .form-section-11 .hs-form .hs-input select, .form-section-11 .hs-form select {
  421.         border-color: rgba(202,202,202,0) !important;
  422.         color: #333 !important;
  423.         background-color: #fff !important;
  424.         padding: 13px;
  425.         border-radius: 4px !important;
  426.         -moz-border-radius: 4px !important;
  427.         -webkit-border-radius: 4px !important;
  428.         box-sizing:border-box;
  429.         border-top:0px solid rgba(202,202,202,0) !important;
  430.         border-right:0px solid rgba(202,202,202,0) !important;
  431.         border-bottom:1px solid rgba(202,202,202,0) !important;
  432.         border-left:0px solid rgba(202,202,202,0) !important;
  433.     }
  434.     .form-section-11 .hs-form button, .form-section-11 .hs-form input[type=button], .form-section-11 .hs-form input[type=reset], .form-section-11 .hs-form input[type=submit] {
  435.         background: #000 !important;
  436.         color: #fff !important;
  437.         font-size: 12px !important;
  438.         font-weight: 300 !important;
  439.         margin-left: 10px;
  440.         border-radius: 51px !important;
  441.         -moz-border-radius: 51px !important;
  442.         -webkit-border-radius: 51px !important;
  443.         padding-left: 30px !important;
  444.         padding-right: 30px !important;
  445.         padding-top: 15px !important;
  446.         padding-bottom: 15px !important;
  447.         border-top: 0px solid rgba(255,255,255,1) !important;
  448.         border-right: 0px solid rgba(255,255,255,1) !important;
  449.         border-bottom: 0px solid rgba(255,255,255,1) !important;
  450.         border-left: 0px solid rgba(255,255,255,1) !important;
  451.     }
  452.     .form-section-11 .hs-form button:hover, .form-section-11 .hs-form input[type=button]:hover, .form-section-11 .hs-form input[type=reset]:hover, .form-section-11 .hs-form input[type=submit]:hover {
  453.         background: #ededed !important;
  454.         color: #fff !important;
  455.         border-color: rgba(255,255,255,1) !important;
  456.     }
  457.     .form-section-11 .hs-form {
  458.         max-width: 650px;
  459.         margin: auto;
  460.     }
  461.     @media (min-width:1025px) {
  462.       .form-section-11 .horizontal-padding {
  463.         box-sizing: border-box;
  464.         padding-left: 0px !important;
  465.         padding-right: 0px !important;
  466.       }
  467.     }
  468.  
  469.  
  470.         @media (min-width:1025px) {
  471.           .services-section-12 .horizontal-padding {
  472.             box-sizing: border-box;
  473.             padding-left: 0px !important;
  474.             padding-right: 0px !important;
  475.           }
  476.         }
  477.    
  478.  
  479.         @media (min-width:1025px) {
  480.           .team-section-13 .horizontal-padding {
  481.             box-sizing: border-box;
  482.             padding-left: 0px !important;
  483.             padding-right: 0px !important;
  484.           }
  485.         }
  486.    
  487.  
  488.     .button-14 {
  489.         background: rgba(255, 255, 255, 0) !important;
  490.         color: #f3605c !important;
  491.         border-top: 2px solid #f3605c !important;
  492.         border-right: 2px solid #f3605c !important;
  493.         border-bottom: 2px solid #f3605c !important;
  494.         border-left: 2px solid #f3605c !important;
  495.         font-size: 16px !important;
  496.         font-weight: 600 !important;
  497.         border-radius: 0px !important;
  498.         -moz-border-radius: 0px !important;
  499.         -webkit-border-radius: 0px !important;
  500.         padding-left: 40px !important;
  501.         padding-right: 40px !important;
  502.         padding-top: 10px !important;
  503.         padding-bottom: 10px !important;
  504.     }
  505.     .button-14:hover {
  506.         background: #f3605c !important;
  507.         border-color: #f3605c !important;
  508.         color: #fff !important;
  509.     }
  510.     @media (min-width:1025px) {
  511.       .cta-section-14 .horizontal-padding {
  512.         box-sizing: border-box;
  513.         padding-left: 0px !important;
  514.         padding-right: 0px !important;
  515.       }
  516.     }
  517.  
  518.  
  519.     @media (min-width:1025px) {
  520.       .social-section-15 .horizontal-padding {
  521.         box-sizing: border-box;
  522.         padding-left: 0px !important;
  523.         padding-right: 0px !important;
  524.       }
  525.     }
  526.   </style>
  527.  
  528.   <!-- THEME HTML CODE -->
  529.   <div class="belch-page-wrapper">
  530.     <section class="main-navigation navbar-top settings-module">
  531.         <nav class="navbar navbar-default" style="border-top:0px solid rgba(255,255,255,0.13) !important;
  532.            border-right:0px solid rgba(255,255,255,0.13) !important;
  533.            border-bottom:1px solid rgba(255,255,255,0.13) !important;
  534.            border-left:0px solid rgba(255,255,255,0.13) !important;">
  535.             <div class="overlay-wrapper">
  536.                 <div class="overlay settings-module" style="background-color: rgba(255, 255, 255, 0);"></div>
  537.             </div>
  538.             <div class="container" style="position:relative;z-index:2;">
  539.                 <div class="navbar-header">
  540.                   <button type="button" class="navbar-toggle settings-module" data-toggle="collapse" data-target="#myNavbar">
  541.                     <span class="icon-bar"></span>
  542.                     <span class="icon-bar"></span>
  543.                     <span class="icon-bar"></span>
  544.                   </button>
  545.                 {% logo "belch_id_538384161_1" label='Logo 1'  style='width:auto;max-height:40px;'  src='https://cdn2.hubspot.net/hubfs/385224/belch.io/template-assets/white_logo_54png.png'  %}
  546.             </div>
  547.             <div class="collapse navbar-collapse settings-module" id="myNavbar">
  548.                 {% menu "belch_id_839238856_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 %}
  549.             </div>
  550.           </div>
  551.         </nav>
  552.     </section>
  553.    
  554.  
  555.    
  556.   <div style="box-sizing:border-box;
  557.    border-top:0px solid rgba(255,255,255,1) !important;
  558.    border-right:0px solid rgba(255,255,255,1) !important;
  559.    border-bottom:0px solid rgba(255,255,255,1) !important;
  560.    border-left:0px solid rgba(255,255,255,1) !important;" class="">
  561.     <section class="banner-super-wrapper banner-section-1" style="background-image:url(' {% image_src "belch_id_916452994_2" label='Banner Background Image 2', src='https://cdn2.hubspot.net/hubfs/385224/belch.io/template-assets/spaslider03jpg.jpeg', no_wrapper=True %} ');">
  562.           <div class="overlay-wrapper">
  563.               <div class="overlay settings-module" style="background: rgba(0, 0, 0, 0.4);"></div>
  564.           </div>
  565.           <div class="container">
  566.               <div class="clearfix" style="margin-top:230px"></div>
  567.             <div class="row horizontal-padding">
  568.                 <div class="jumbotron-off">
  569.                     <div class="col-md-12">
  570.                         {% widget_block rich_text "belch_id_535896070_2" overrideable=True, label='Banner Text Block 2', no_wrapper=False %}{% widget_attribute "html" %}<div style="margin-top: 60px; margin-bottom: 30px; position: relative;" class=""><h1 style="text-align: left;" data-mce-style="text-align: left;"><strong>SPA SALON RELAX AND REFRESH</strong></h1><p><span style="color: #ffffff;" data-mce-style="color: #ffffff;"><strong>ENJOY THE SOOTHING EXPERIENCE!</strong></span></p></div>{% end_widget_attribute %}{% end_widget_block %}
  571.                     </div>
  572.                     <div class="col-md-12">
  573.                         <div class="text-left">
  574.                          
  575.                         </div>
  576.                     </div>
  577.                 </div>
  578.             </div>
  579.               <div class="clearfix" style="margin-top:230px"></div>
  580.         </div>
  581.     </section>
  582.   </div>
  583.    
  584.    
  585.  
  586.     <div style="box-sizing:border-box;
  587.       border-top:0px solid rgba(255,255,255,1) !important;
  588.       border-right:0px solid rgba(255,255,255,1) !important;
  589.       border-bottom:0px solid rgba(255,255,255,1) !important;
  590.       border-left:0px solid rgba(255,255,255,1) !important;" class="">
  591.     <section class="about-super-wrapper about-section-2" style="background-image:url(' {% image_src "belch_id_290393173_3" label='About Background Image 3', src='https://s3.amazonaws.com/belch.io/themes/minimalist/img/minimalist-stock2.jpg', no_wrapper=True %} ');">
  592.         <div class="overlay-wrapper">
  593.             <div class="overlay settings-module" style="background: rgb(248, 237, 237);"></div>
  594.         </div>
  595.         <div class="container horizontal-padding">
  596.             <div class="clearfix" style="margin-top:100px"></div>
  597.             <div class="row">
  598.  
  599.                 <div class="settings-module">
  600.  
  601.                     <div class="col-md-6 text-center">
  602.                         {% widget_block rich_text "belch_id_114197664_3" overrideable=True, label='About Text Block 3', no_wrapper=False %}{% widget_attribute "html" %}<div class="page-title text-center" style="position: relative;"><h3 class="text-right" style="text-align: left;" data-mce-style="text-align: left;"><strong>Welcome to our spa and massage therapy center.</strong></h3><p class="text-right" style="text-align: left;" data-mce-style="text-align: left;"><span style="color: rgb(128, 128, 128);" data-mce-style="color: #808080;">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.</span></p><p class="text-right" style="text-align: left;" data-mce-style="text-align: left;"><span style="color: rgb(128, 128, 128);" data-mce-style="color: #808080;">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.</span></p><p class="text-right" style="text-align: left;" data-mce-style="text-align: left;">&nbsp;<br></p><p class="text-right" style="text-align: left;" data-mce-style="text-align: left;"><span style="color: rgb(243, 96, 92);" data-mce-style="color: #f3605c;"><strong>WHAT DO YOU NEED?</strong></span></p></div>{% end_widget_attribute %}{% end_widget_block %}
  603.                     </div>
  604.  
  605.                     <div class="col-md-6 text-center">
  606.                         {% image "belch_id_24257362_3" label='About Image 3', alt='', src='https://cdn2.hubspot.net/hubfs/385224/belch.io/template-assets/applicationscreenshotimg06png.png', width='', height='undefined' no_wrapper=True %}
  607.                     </div>
  608.  
  609.                 </div>
  610.                
  611.  
  612.             </div>
  613.             <div class="clearfix" style="margin-top:70px"></div>
  614.         </div>
  615.     </section>
  616.     </div>
  617.    
  618.  
  619.    
  620.     <div style="box-sizing:border-box;
  621.       border-top:0px solid rgba(255,255,255,1) !important;
  622.       border-right:0px solid rgba(255,255,255,1) !important;
  623.       border-bottom:0px solid rgba(255,255,255,1) !important;
  624.       border-left:0px solid rgba(255,255,255,1) !important;" class="">
  625.     <section class="utility-super-wrapper utility-section-3" style="background-image:url(' {% image_src "belch_id_120201029_4" label='Utility Row Background Image 4', src='https://s3.amazonaws.com/belch.io/themes/minimalist/img/minimalist-stock2.jpg', no_wrapper=True %} ');">
  626.         <div class="overlay-wrapper">
  627.             <div class="overlay settings-module" style="background: rgb(255, 255, 255);"></div>
  628.         </div>
  629.         <div class="container horizontal-padding">
  630.             <div class="clearfix" style="margin-top:100px"></div>
  631.            
  632.            
  633.            
  634.            
  635.             <div class="row settings-module">
  636.                 <div class="col-md-12">
  637.                     {% widget_block rich_text "belch_id_33611540_4" overrideable=True, label='Utility Text Block 4', no_wrapper=False %}{% widget_attribute "html" %}<div class="" style="position: relative;"><h3 class="text-right" style="text-align: center;" data-mce-style="text-align: center;"><strong>SPA TREATMENTS</strong><br></h3><p class="text-right" style="text-align: center;" data-mce-style="text-align: center;"><span style="font-size: 17px; color: rgb(128, 128, 128);" data-mce-style="font-size: 17px; color: #808080;">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\'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.</span><br></p></div>{% end_widget_attribute %}{% end_widget_block %}
  638.                 </div>
  639.             </div>
  640.             <div class="clearfix" style="margin-top:100px"></div>
  641.         </div>
  642.     </section>
  643.     </div>
  644.    
  645.    
  646.  
  647.     <div style="box-sizing:border-box;
  648.       border-top:0px solid rgba(255,255,255,1) !important;
  649.       border-right:0px solid rgba(255,255,255,1) !important;
  650.       border-bottom:0px solid rgba(255,255,255,1) !important;
  651.       border-left:0px solid rgba(255,255,255,1) !important;" class="">
  652.     <section class="about-super-wrapper about-section-4" style="background-image:url(' {% image_src "belch_id_382999034_5" label='About Background Image 5', src='https://s3.amazonaws.com/belch.io/themes/minimalist/img/minimalist-stock2.jpg', no_wrapper=True %} ');">
  653.         <div class="overlay-wrapper">
  654.             <div class="overlay settings-module" style="background: rgb(255, 255, 255);"></div>
  655.         </div>
  656.         <div class="container horizontal-padding">
  657.             <div class="clearfix" style="margin-top:0px"></div>
  658.             <div class="row">
  659.  
  660.                
  661.                 <div class="settings-module">
  662.  
  663.                     <div class="col-md-6 text-center">
  664.                         {% image "belch_id_756156179_5" label='About Image 5', alt='', src='https://cdn2.hubspot.net/hubfs/385224/belch.io/template-assets/content14jpg.jpeg', width='', height='undefined' no_wrapper=True %}
  665.                     </div>
  666.  
  667.                     <div class="col-md-6 text-center">
  668.                         {% widget_block rich_text "belch_id_763540903_5" overrideable=True, label='About Text Block 5', no_wrapper=False %}{% widget_attribute "html" %}<div class="page-title text-center" style="position: relative;"><p class="p1" style="text-align: left;" data-mce-style="text-align: left;">&nbsp;<br></p><p class="p1" style="text-align: left;" data-mce-style="text-align: left;"><strong>We use different types of massage for a variety of health related benefits purposes.</strong><br></p><p class="p1" style="text-align: left;" data-mce-style="text-align: left;"><span style="font-size: 16px; color: rgb(128, 128, 128);" data-mce-style="font-size: 16px; color: #808080;">Lorem Ipsum is simply dummy text of the printing and typesetting industry. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. Lorem Ipsum is simply dummy text of the printing and typesetting industry.</span></p><p class="p1" style="text-align: left;" data-mce-style="text-align: left;"><span style="font-size: 14px; color: rgb(243, 96, 92);" data-mce-style="font-size: 14px; color: #f3605c;"><strong>MAKE AN APPOINTMENT</strong></span></p></div>{% end_widget_attribute %}{% end_widget_block %}
  669.                     </div>
  670.  
  671.                 </div>
  672.  
  673.             </div>
  674.             <div class="clearfix" style="margin-top:80px"></div>
  675.         </div>
  676.     </section>
  677.     </div>
  678.    
  679.  
  680.     <div style="box-sizing:border-box;
  681.       border-top:0px solid rgba(255,255,255,1) !important;
  682.       border-right:0px solid rgba(255,255,255,1) !important;
  683.       border-bottom:0px solid rgba(255,255,255,1) !important;
  684.       border-left:0px solid rgba(255,255,255,1) !important;" class="">
  685.     <section class="about-super-wrapper about-section-5" style="background-image:url(' {% image_src "belch_id_675659639_6" label='About Background Image 6', src='https://s3.amazonaws.com/belch.io/themes/minimalist/img/minimalist-stock2.jpg', no_wrapper=True %} ');">
  686.         <div class="overlay-wrapper">
  687.             <div class="overlay settings-module" style="background: rgb(248, 237, 237);"></div>
  688.         </div>
  689.         <div class="container horizontal-padding">
  690.             <div class="clearfix" style="margin-top:60px"></div>
  691.             <div class="row">
  692.  
  693.                
  694.                 <div class="settings-module">
  695.  
  696.                     <div class="col-md-6 text-center">
  697.                         {% image "belch_id_615695410_6" label='About Image 6', alt='', src='https://cdn2.hubspot.net/hubfs/385224/belch.io/template-assets/restaurantaboutbg2jpg.jpeg', width='', height='undefined' no_wrapper=True %}
  698.                     </div>
  699.  
  700.                     <div class="col-md-6 text-center">
  701.                         {% widget_block rich_text "belch_id_362173542_6" overrideable=True, label='About Text Block 6', no_wrapper=False %}{% widget_attribute "html" %}<div class="page-title text-center" style="position: relative;"><h3 style="text-align: left;" data-mce-style="text-align: left;"><strong>Enjoy soothing experience!</strong></h3><p class="text-right" style="text-align: left;" data-mce-style="text-align: left;"><span style="color: #808080;" data-mce-style="color: #808080;">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.</span></p><p class="text-right" style="text-align: left;" data-mce-style="text-align: left;">&nbsp;</p><p class="text-right" style="text-align: left;" data-mce-style="text-align: left;"><span style="color: #f3605c;" data-mce-style="color: #f3605c;"><strong>SEE PACKAGE</strong></span></p></div>{% end_widget_attribute %}{% end_widget_block %}
  702.                     </div>
  703.  
  704.                 </div>
  705.  
  706.             </div>
  707.             <div class="clearfix" style="margin-top:90px"></div>
  708.         </div>
  709.     </section>
  710.     </div>
  711.    
  712.  
  713.    
  714.     <div style="box-sizing:border-box;
  715.       border-top:0px solid rgba(255,255,255,1) !important;
  716.       border-right:0px solid rgba(255,255,255,1) !important;
  717.       border-bottom:0px solid rgba(255,255,255,1) !important;
  718.       border-left:0px solid rgba(255,255,255,1) !important;" class="">
  719.     <section class="utility-super-wrapper utility-section-6" style="background-image:url(' {% image_src "belch_id_959120839_7" label='Utility Row Background Image 7', src='https://s3.amazonaws.com/belch.io/themes/minimalist/img/minimalist-stock2.jpg', no_wrapper=True %} ');">
  720.         <div class="overlay-wrapper">
  721.             <div class="overlay settings-module" style="background: rgb(255, 255, 255);"></div>
  722.         </div>
  723.         <div class="container horizontal-padding">
  724.             <div class="clearfix" style="margin-top:70px"></div>
  725.            
  726.             <div class="row settings-module">
  727.                 <div class="col-md-3">
  728.                     {% widget_block rich_text "belch_id_45214514_7" overrideable=True, label='Utility Text Block 7', no_wrapper=False %}{% widget_attribute "html" %}<div class="" style="position: relative;"><p style="text-align: center;" data-mce-style="text-align: center;"><img src="https://cdn2.hubspot.net/hubfs/385224/belch.io/template-assets/heart.png" alt="" width="62" height="62" data-mce-src="https://cdn2.hubspot.net/hubfs/385224/belch.io/template-assets/heart.png"></p><p style="text-align: center;" data-mce-style="text-align: center;"><span style="color: #000000; font-size: 40px;" data-mce-style="color: #000000; font-size: 40px;">1500</span> <br><span style="color: #808080; font-size: 12px;" data-mce-style="color: #808080; font-size: 12px;">THERAPISTS</span></p></div>{% end_widget_attribute %}{% end_widget_block %}
  729.                 </div>
  730.                 <div class="col-md-3">
  731.                     {% widget_block rich_text "belch_id_581937369_7" overrideable=True, label='Utility Text Block 7', no_wrapper=False %}{% widget_attribute "html" %}<div class="" style="position: relative;"><p style="text-align: center;" data-mce-style="text-align: center;"><img src="https://cdn2.hubspot.net/hubfs/385224/belch.io/template-assets/smiley.png" width="62" height="62" data-mce-src="https://cdn2.hubspot.net/hubfs/385224/belch.io/template-assets/smiley.png"></p><p style="text-align: center;" data-mce-style="text-align: center;"><span style="color: #000000; font-size: 40px;" data-mce-style="color: #000000; font-size: 40px;">1500</span> <br><span style="color: #808080; font-size: 12px;" data-mce-style="color: #808080; font-size: 12px;">THERAPISTS</span></p></div>{% end_widget_attribute %}{% end_widget_block %}
  732.                 </div>
  733.                 <div class="col-md-3">
  734.                     {% widget_block rich_text "belch_id_67029182_7" overrideable=True, label='Utility Text Block 7', no_wrapper=False %}{% widget_attribute "html" %}<div class="" style="position: relative;"><p style="text-align: center;" data-mce-style="text-align: center;"><img src="https://cdn2.hubspot.net/hubfs/385224/belch.io/template-assets/comment.png" width="62" height="62" data-mce-src="https://cdn2.hubspot.net/hubfs/385224/belch.io/template-assets/comment.png"></p><p style="text-align: center;" data-mce-style="text-align: center;"><span style="color: #000000; font-size: 40px;" data-mce-style="color: #000000; font-size: 40px;">1500</span> <br><span style="color: #808080; font-size: 12px;" data-mce-style="color: #808080; font-size: 12px;">THERAPISTS</span></p></div>{% end_widget_attribute %}{% end_widget_block %}
  735.                 </div>
  736.                 <div class="col-md-3">
  737.                     {% widget_block rich_text "belch_id_949307846_7" overrideable=True, label='Utility Text Block 7', no_wrapper=False %}{% widget_attribute "html" %}<div class="" style="position: relative;"><p style="text-align: center;" data-mce-style="text-align: center;"><img src="https://cdn2.hubspot.net/hubfs/385224/belch.io/template-assets/anchor.png" width="62" height="62" data-mce-src="https://cdn2.hubspot.net/hubfs/385224/belch.io/template-assets/anchor.png"></p><p style="text-align: center;" data-mce-style="text-align: center;"><span style="color: #000000; font-size: 40px;" data-mce-style="color: #000000; font-size: 40px;">1500</span> <br><span style="color: #808080; font-size: 12px;" data-mce-style="color: #808080; font-size: 12px;">THERAPISTS</span></p></div>{% end_widget_attribute %}{% end_widget_block %}
  738.                 </div>
  739.             </div>
  740.            
  741.            
  742.            
  743.             <div class="clearfix" style="margin-top:70px"></div>
  744.         </div>
  745.     </section>
  746.     </div>
  747.    
  748.    
  749.  
  750.    
  751.     <div style="box-sizing:border-box;
  752.             border-top:0px solid rgba(255,255,255,1) !important;
  753.             border-right:0px solid rgba(255,255,255,1) !important;
  754.             border-bottom:0px solid rgba(255,255,255,1) !important;
  755.             border-left:0px solid rgba(255,255,255,1) !important;" class="">
  756.     <section class="gallery-super-wrapper" style="background-image:url(' {% image_src "belch_id_597385746_8" label='Gallery Background Image 8', src='https://s3.amazonaws.com/belch.io/themes/minimalist/img/minimalist-stock2.jpg', no_wrapper=True %} ');">
  757.         <div class="overlay-wrapper">
  758.             <div class="overlay settings-module" style="background: rgb(249, 249, 249);"></div>
  759.         </div>
  760.         <div class="container-fluid tight-gallery-container gallery-section-7" style="min-height:260px; padding-top:0px;padding-bottom:0px;">
  761.  
  762.             <div class="row gallery-row settings-module">
  763.                <div class="col-md-3 gallery-item" style="height:260px;position:relative;">
  764.                     <div class="overlay-wrapper">
  765.                         <div class="gallery-img" style="background-image:url(' {% image_src "belch_id_326622798_8" label='Gallery Background Image 8', src='https://cdn2.hubspot.net/hubfs/385224/belch.io/template-assets/eventgallery01jpg.jpeg', no_wrapper=True %} ');"></div>
  766.                         <div class="overlay settings-module" style="background: rgba(251, 121, 91, 0);"></div>
  767.                     </div>
  768.                     <div class="gal-content flex-box">
  769.                         <div class="gal-content-inner-wrapper one flex-box" style="padding-top:0px;padding-bottom:0px;">
  770.                             <div class="content-padding text-left">
  771.                                 {% widget_block rich_text "belch_id_876749149_8" overrideable=True, label='First Gallery Item Text Block 8', no_wrapper=False %}{% widget_attribute "html" %}<div class="" style="position: relative;"><p>&nbsp;<br></p></div>{% end_widget_attribute %}{% end_widget_block %}
  772.                             </div>
  773.                         </div>
  774.                     </div>
  775.                </div>
  776.                <div class="col-md-3 gallery-item" style="height:260px;position:relative;">
  777.                     <div class="overlay-wrapper">
  778.                         <div class="gallery-img" style="background-image:url(' {% image_src "belch_id_956640429_8" label='Gallery Background Image 8', src='https://cdn2.hubspot.net/hubfs/385224/belch.io/template-assets/eventgallery02jpg.jpeg', no_wrapper=True %} ');"></div>
  779.                         <div class="overlay settings-module" style="background: rgba(255, 255, 255, 0);"></div>
  780.                     </div>
  781.                     <div class="gal-content flex-box">
  782.                                             <div class="gal-content-inner-wrapper two flex-box" style="padding-top:0px;padding-bottom:0px;">
  783.                                                     <div class="content-padding text-left">
  784.                                 {% widget_block rich_text "belch_id_74692487_8" overrideable=True, label='Second Gallery Item Text Block 8', 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 %}
  785.                             </div>
  786.                         </div>
  787.                     </div>
  788.                </div>
  789.                <div class="col-md-3 gallery-item" style="height:260px;position:relative;">
  790.                     <div class="overlay-wrapper">
  791.                         <div class="gallery-img" style="background-image:url(' {% image_src "belch_id_227084840_8" label='Gallery Background Image 8', src='https://cdn2.hubspot.net/hubfs/385224/belch.io/template-assets/eventgallery03jpg.jpeg', no_wrapper=True %} ');"></div>
  792.                         <div class="overlay settings-module" style="background: rgba(255, 255, 255, 0);"></div>
  793.                     </div>
  794.                     <div class="gal-content flex-box">
  795.                                             <div class="gal-content-inner-wrapper three flex-box" style="padding-top:0px;padding-bottom:0px;">
  796.                                                     <div class="content-padding text-left">
  797.                                 {% widget_block rich_text "belch_id_108758685_8" overrideable=True, label='Third Gallery Item Text Block 8', 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 %}
  798.                             </div>
  799.                         </div>
  800.                     </div>
  801.                </div>
  802.                <div class="col-md-3 gallery-item" style="height:260px;position:relative;">
  803.                     <div class="overlay-wrapper">
  804.                         <div class="gallery-img" style="background-image:url(' {% image_src "belch_id_271501716_8" label='Gallery Background Image 8', src='https://cdn2.hubspot.net/hubfs/385224/belch.io/template-assets/eventgallery04jpg.jpeg', no_wrapper=True %} ');"></div>
  805.                         <div class="overlay settings-module" style="background: rgba(255, 255, 255, 0);"></div>
  806.                     </div>
  807.                     <div class="gal-content flex-box">
  808.                                             <div class="gal-content-inner-wrapper four flex-box" style="padding-top:0px;padding-bottom:0px;">
  809.                                                     <div class="content-padding text-left">
  810.                                 {% widget_block rich_text "belch_id_913673422_8" overrideable=True, label='Fourth Gallery Item Text Block 8', 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 %}
  811.                             </div>
  812.                         </div>
  813.                     </div>
  814.                </div>
  815.  
  816.             </div>
  817.            
  818.            
  819.  
  820.         </div>
  821.     </section>
  822.     </div>
  823.    
  824.    
  825.  
  826.    
  827.     <div style="box-sizing:border-box;
  828.             border-top:0px solid rgba(255,255,255,1) !important;
  829.             border-right:0px solid rgba(255,255,255,1) !important;
  830.             border-bottom:0px solid rgba(255,255,255,1) !important;
  831.             border-left:0px solid rgba(255,255,255,1) !important;" class="">
  832.     <section class="gallery-super-wrapper" style="background-image:url(' {% image_src "belch_id_139101498_9" label='Gallery Background Image 9', src='https://s3.amazonaws.com/belch.io/themes/minimalist/img/minimalist-stock2.jpg', no_wrapper=True %} ');">
  833.         <div class="overlay-wrapper">
  834.             <div class="overlay settings-module" style="background: rgb(249, 249, 249);"></div>
  835.         </div>
  836.         <div class="container-fluid tight-gallery-container gallery-section-8" style="min-height:260px; padding-top:20px;padding-bottom:0px;">
  837.  
  838.             <div class="row gallery-row settings-module">
  839.                <div class="col-md-3 gallery-item" style="height:260px;position:relative;">
  840.                     <div class="overlay-wrapper">
  841.                         <div class="gallery-img" style="background-image:url(' {% image_src "belch_id_758686500_9" label='Gallery Background Image 9', src='https://cdn2.hubspot.net/hubfs/385224/belch.io/template-assets/eventgallery05jpg.jpeg', no_wrapper=True %} ');"></div>
  842.                         <div class="overlay settings-module" style="background: rgba(251, 121, 91, 0);"></div>
  843.                     </div>
  844.                     <div class="gal-content flex-box">
  845.                         <div class="gal-content-inner-wrapper one flex-box" style="padding-top:0px;padding-bottom:0px;">
  846.                             <div class="content-padding text-left">
  847.                                 {% widget_block rich_text "belch_id_411557927_9" overrideable=True, label='First Gallery Item Text Block 9', no_wrapper=False %}{% widget_attribute "html" %}<div class="" style="position: relative;"><p>&nbsp;<br></p></div>{% end_widget_attribute %}{% end_widget_block %}
  848.                             </div>
  849.                         </div>
  850.                     </div>
  851.                </div>
  852.                <div class="col-md-3 gallery-item" style="height:260px;position:relative;">
  853.                     <div class="overlay-wrapper">
  854.                         <div class="gallery-img" style="background-image:url(' {% image_src "belch_id_358037811_9" label='Gallery Background Image 9', src='https://cdn2.hubspot.net/hubfs/385224/belch.io/template-assets/eventgallery06jpg.jpeg', no_wrapper=True %} ');"></div>
  855.                         <div class="overlay settings-module" style="background: rgba(255, 255, 255, 0);"></div>
  856.                     </div>
  857.                     <div class="gal-content flex-box">
  858.                                             <div class="gal-content-inner-wrapper two flex-box" style="padding-top:0px;padding-bottom:0px;">
  859.                                                     <div class="content-padding text-left">
  860.                                 {% widget_block rich_text "belch_id_21862831_9" overrideable=True, label='Second Gallery Item Text Block 9', 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 %}
  861.                             </div>
  862.                         </div>
  863.                     </div>
  864.                </div>
  865.                <div class="col-md-3 gallery-item" style="height:260px;position:relative;">
  866.                     <div class="overlay-wrapper">
  867.                         <div class="gallery-img" style="background-image:url(' {% image_src "belch_id_35290226_9" label='Gallery Background Image 9', src='https://cdn2.hubspot.net/hubfs/385224/belch.io/template-assets/eventgallery07jpg.jpeg', no_wrapper=True %} ');"></div>
  868.                         <div class="overlay settings-module" style="background: rgba(255, 255, 255, 0);"></div>
  869.                     </div>
  870.                     <div class="gal-content flex-box">
  871.                                             <div class="gal-content-inner-wrapper three flex-box" style="padding-top:0px;padding-bottom:0px;">
  872.                                                     <div class="content-padding text-left">
  873.                                 {% widget_block rich_text "belch_id_335457941_9" overrideable=True, label='Third Gallery Item Text Block 9', 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 %}
  874.                             </div>
  875.                         </div>
  876.                     </div>
  877.                </div>
  878.                <div class="col-md-3 gallery-item" style="height:260px;position:relative;">
  879.                     <div class="overlay-wrapper">
  880.                         <div class="gallery-img" style="background-image:url(' {% image_src "belch_id_649758194_9" label='Gallery Background Image 9', src='https://cdn2.hubspot.net/hubfs/385224/belch.io/template-assets/eventgallery08jpg.jpeg', no_wrapper=True %} ');"></div>
  881.                         <div class="overlay settings-module" style="background: rgba(255, 255, 255, 0);"></div>
  882.                     </div>
  883.                     <div class="gal-content flex-box">
  884.                                             <div class="gal-content-inner-wrapper four flex-box" style="padding-top:0px;padding-bottom:0px;">
  885.                                                     <div class="content-padding text-left">
  886.                                 {% widget_block rich_text "belch_id_672651888_9" overrideable=True, label='Fourth Gallery Item Text Block 9', 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 %}
  887.                             </div>
  888.                         </div>
  889.                     </div>
  890.                </div>
  891.  
  892.             </div>
  893.            
  894.            
  895.  
  896.         </div>
  897.     </section>
  898.     </div>
  899.    
  900.  
  901.    
  902.   <div style="box-sizing:border-box;
  903.    border-top:0px solid rgba(255,255,255,1) !important;
  904.    border-right:0px solid rgba(255,255,255,1) !important;
  905.    border-bottom:0px solid rgba(255,255,255,1) !important;
  906.    border-left:0px solid rgba(255,255,255,1) !important;" class="">
  907.     <section class="banner-super-wrapper banner-section-9" style="background-image:url(' {% image_src "belch_id_912305724_10" label='Banner Background Image 10', src='https://cdn2.hubspot.net/hubfs/385224/belch.io/template-assets/herobg12jpg.jpeg', no_wrapper=True %} ');">
  908.           <div class="overlay-wrapper">
  909.               <div class="overlay settings-module" style="background: rgba(255, 255, 255, 0);"></div>
  910.           </div>
  911.           <div class="container">
  912.               <div class="clearfix" style="margin-top:90px"></div>
  913.             <div class="row horizontal-padding">
  914.                 <div class="jumbotron-off">
  915.                     <div class="col-md-12">
  916.                         {% widget_block rich_text "belch_id_736238740_10" overrideable=True, label='Banner Text Block 10', no_wrapper=False %}{% widget_attribute "html" %}<div style="margin-top: 60px; margin-bottom: 30px; position: relative;" class=""><h2 style="text-align: center;" data-mce-style="text-align: center;"><strong>DEAL OF WEEK SPECIAL OFFERS</strong></h2><p style="text-align: center;" data-mce-style="text-align: center;"><span style="color: #808080; font-size: 20px;" data-mce-style="color: #808080; font-size: 20px;">Lorem Ipsum is simply dummy text of the printing &amp; typesetting industry. Lorem Ipsum has been the industry\'s standard dummy.</span></p></div>{% end_widget_attribute %}{% end_widget_block %}
  917.                     </div>
  918.                     <div class="col-md-12">
  919.                         <div class="text-center">
  920.                           <a text="button_label" href="{% text "belch_id_276632308_10_url" label="Banner CTA Link Url 10" value="#" no_wrapper=True %}" class="btn btn-banner button-9 settings-module">{% text "belch_id_276632308_10_text" label="Banner CTA Link Text 10" value="SUBSCRIBE FOR OFFERS" no_wrapper=True %}</a>
  921.                         </div>
  922.                     </div>
  923.                 </div>
  924.             </div>
  925.               <div class="clearfix" style="margin-top:180px"></div>
  926.         </div>
  927.     </section>
  928.   </div>
  929.    
  930.    
  931.  
  932.    
  933.     <div style="box-sizing:border-box;
  934.       border-top:0px solid rgba(255,255,255,1) !important;
  935.       border-right:0px solid rgba(255,255,255,1) !important;
  936.       border-bottom:0px solid rgba(255,255,255,1) !important;
  937.       border-left:0px solid rgba(255,255,255,1) !important;" class="">
  938.     <section class="utility-super-wrapper utility-section-10" style="background-image:url(' {% image_src "belch_id_55703960_11" label='Utility Row Background Image 11', src='https://s3.amazonaws.com/belch.io/themes/minimalist/img/minimalist-stock2.jpg', no_wrapper=True %} ');">
  939.         <div class="overlay-wrapper">
  940.             <div class="overlay settings-module" style="background: rgb(249, 249, 249);"></div>
  941.         </div>
  942.         <div class="container horizontal-padding">
  943.             <div class="clearfix" style="margin-top:70px"></div>
  944.            
  945.            
  946.            
  947.            
  948.             <div class="row settings-module">
  949.                 <div class="col-md-12">
  950.                     {% widget_block rich_text "belch_id_336185492_11" overrideable=True, label='Utility Text Block 11', no_wrapper=False %}{% widget_attribute "html" %}<div class="" style="position: relative;"><p style="text-align: center;" data-mce-style="text-align: center;"><span style="color: rgb(128, 128, 128);" data-mce-style="color: #808080;"><img src="https://cdn2.hubspot.net/hubfs/385224/belch.io/template-assets/avtar-01.jpg" alt="" width="96" height="96" data-mce-src="https://cdn2.hubspot.net/hubfs/385224/belch.io/template-assets/avtar-01.jpg"></span></p><p style="text-align: center;" data-mce-style="text-align: center;"><span style="color: rgb(128, 128, 128);" data-mce-style="color: #808080;">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\'s standard dummy text ever since the 1500s, when an unknown printer took a gallery of type and scrambled it to make a type specimen book.</span></p><p style="text-align: center;" data-mce-style="text-align: center;"><span style="font-size: 12px;" data-mce-style="font-size: 12px;"><strong>MELISSA SMITH, CEO - PANARA NETWORK</strong></span></p></div>{% end_widget_attribute %}{% end_widget_block %}
  951.                 </div>
  952.             </div>
  953.             <div class="clearfix" style="margin-top:70px"></div>
  954.         </div>
  955.     </section>
  956.     </div>
  957.    
  958.  
  959.    
  960.   <div style="box-sizing:border-box;
  961.    border-top:0px solid rgba(255,255,255,1) !important;
  962.    border-right:0px solid rgba(255,255,255,1) !important;
  963.    border-bottom:0px solid rgba(255,255,255,1) !important;
  964.    border-left:0px solid rgba(255,255,255,1) !important;" class="">
  965.     <section class="form-super-wrapper form-section-11" style="background-image:url(' {% image_src "belch_id_2421606_12" label='Contact Background Image 12', src='https://s3.amazonaws.com/belch.io/themes/minimalist/img/minimalist-stock2.jpg', no_wrapper=True %} ');">
  966.         <div class="overlay-wrapper">
  967.             <div class="overlay settings-module" style="background: rgb(243, 96, 92);"></div>
  968.         </div>
  969.         <div class="container horizontal-padding">
  970.             <div class="clearfix" style="margin-top:70px"></div>
  971.             <div class="row">
  972.  
  973.                    
  974.  
  975.  
  976.  
  977.                     <div class="col-md-6 form-sec col-md-offset-3">
  978.  
  979.                         {% form "belch_id_117529418_12" form_to_use='46783ffe-4dbe-4aa5-8e5d-6dcf76dfdde8', title='Form 12' label="Form 12" no_wrapper=True %}
  980.                     </div>
  981.  
  982.                    
  983.  
  984.  
  985.  
  986.  
  987.  
  988.  
  989.  
  990.  
  991.  
  992.             </div>
  993.             <div class="clearfix" style="margin-top:70px"></div>
  994.         </div>
  995.     </section>
  996.   </div>
  997.    
  998.    
  999.  
  1000.    
  1001.     <div style="box-sizing:border-box;
  1002.       border-top:0px solid rgba(255,255,255,1) !important;
  1003.       border-right:0px solid rgba(255,255,255,1) !important;
  1004.       border-bottom:0px solid rgba(255,255,255,1) !important;
  1005.       border-left:0px solid rgba(255,255,255,1) !important;" class="">
  1006.     <section class="services-super-wrapper services-section-12" style="background-image:url(' {% image_src "belch_id_667201139_13" label='Services Background Image 13', src='https://s3.amazonaws.com/belch.io/themes/minimalist/img/minimalist-stock2.jpg', no_wrapper=True %} ');">
  1007.         <div class="overlay-wrapper">
  1008.             <div class="overlay settings-module" style="background: rgb(255, 255, 255);"></div>
  1009.         </div>
  1010.         <div class="container horizontal-padding">
  1011.             <div class="clearfix" style="margin-top:70px"></div>
  1012.             <div class="row">
  1013.                 <div class="settings-module">
  1014.                     {% widget_block rich_text "belch_id_138882996_13" overrideable=True, label='Header Text Block 13', no_wrapper=False %}{% widget_attribute "html" %}<div class="page-title text-center" style="position: relative;"><h2><strong>Our Services</strong></h2><p>Lorem Ipsum is simply dummy text of the printing &amp; typesetting industry. <br>Lorem Ipsum has been the industry\'s standard dummy.<br></p></div>{% end_widget_attribute %}{% end_widget_block %}
  1015.                 </div>
  1016.  
  1017.                 <div class="settings-module">
  1018.                     <div class="col-md-3">
  1019.                         <div class="feature-box fbox-effect">
  1020.                             <div class="fbox-icon settings-module" style="background: rgb(243, 96, 92); border-color: rgb(243, 96, 92);">
  1021.                                 <i style="color:#fff;font-size:25px" class="fa settings-module fa-hand-stop-o"></i>
  1022.                             </div>
  1023.                             {% widget_block rich_text "belch_id_683712112_13" overrideable=True, label='First Service Item Text Block 13', no_wrapper=False %}{% widget_attribute "html" %}<div class="" style="position: relative;"><h3>Nails<br></h3><p>Ut ultrices dictum vehicula. Quisque congue maximus velit, nec scelerisque urna aliquam non.</p></div>{% end_widget_attribute %}{% end_widget_block %}
  1024.                         </div>
  1025.                     </div>
  1026.                     <div class="col-md-3">
  1027.                         <div class="feature-box fbox-effect">
  1028.                             <div class="fbox-icon settings-module" style="background: rgb(243, 96, 92); border-color: rgb(243, 96, 92);">
  1029.                                 <i style="color:#fff;font-size:25px" class="fa settings-module fa-scissors"></i>
  1030.                             </div>
  1031.                             {% widget_block rich_text "belch_id_778996529_13" overrideable=True, label='Second Service Item Text Block 13', no_wrapper=False %}{% widget_attribute "html" %}<div class="" style="position: relative;"><h3>Hair<br></h3><p>Ut ultrices dictum vehicula. Quisque congue maximus velit, nec scelerisque urna aliquam non.</p></div>{% end_widget_attribute %}{% end_widget_block %}
  1032.                         </div>
  1033.                     </div>
  1034.                     <div class="col-md-3">
  1035.                         <div class="feature-box fbox-effect">
  1036.                             <div class="fbox-icon settings-module" style="background: rgb(243, 96, 92); border-color: rgb(243, 96, 92);">
  1037.                                 <i style="color:#fff;font-size:25px" class="fa settings-module fa-hand-o-down"></i>
  1038.                             </div>
  1039.                             {% widget_block rich_text "belch_id_544971900_13" overrideable=True, label='Third Service Item Text Block 13', no_wrapper=False %}{% widget_attribute "html" %}<div class="" style="position: relative;"><h3>Massage<br></h3><p>Ut ultrices dictum vehicula. Quisque congue maximus velit, nec scelerisque urna aliquam non.</p></div>{% end_widget_attribute %}{% end_widget_block %}
  1040.                         </div>
  1041.                     </div>
  1042.                     <div class="col-md-3">
  1043.                         <div class="feature-box fbox-effect">
  1044.                             <div class="fbox-icon settings-module" style="background: rgb(243, 96, 92); border-color: rgb(243, 96, 92);">
  1045.                                 <i style="color:#fff;font-size:25px" class="fa settings-module fa-user"></i>
  1046.                             </div>
  1047.                             {% widget_block rich_text "belch_id_267149729_13" overrideable=True, label='Fourth Service Item Text Block 13', no_wrapper=False %}{% widget_attribute "html" %}<div class="" style="position: relative;"><h3>Skin<br></h3><p>Ut ultrices dictum vehicula. Quisque congue maximus velit, nec scelerisque urna aliquam non.</p></div>{% end_widget_attribute %}{% end_widget_block %}
  1048.                         </div>
  1049.                     </div>
  1050.                 </div>
  1051.  
  1052.                
  1053.  
  1054.                
  1055.  
  1056.                
  1057.  
  1058.             </div>
  1059.             <div class="clearfix" style="margin-top:70px"></div>
  1060.         </div>
  1061.     </section>
  1062.     </div>
  1063.    
  1064.    
  1065.  
  1066.    
  1067.     <div style="box-sizing:border-box;
  1068.       border-top:0px solid rgba(255,255,255,1) !important;
  1069.       border-right:0px solid rgba(255,255,255,1) !important;
  1070.       border-bottom:0px solid rgba(255,255,255,1) !important;
  1071.       border-left:0px solid rgba(255,255,255,1) !important;" class="">
  1072.     <section class="team-super-wrapper team-section-13" style="background-image:url(' {% image_src "belch_id_394409084_14" label='Team Background Image 14', src='https://s3.amazonaws.com/belch.io/themes/minimalist/img/minimalist-stock2.jpg', no_wrapper=True %} ');">
  1073.         <div class="overlay-wrapper">
  1074.             <div class="overlay settings-module" style="background: rgb(255, 255, 255);"></div>
  1075.         </div>
  1076.         <div class="container horizontal-padding">
  1077.             <div class="clearfix" style="margin-top:70px"></div>
  1078.             <div class="row">
  1079.                 <div class="settings-module">
  1080.                     {% widget_block rich_text "belch_id_475908321_14" overrideable=True, label='Team Text Block 14', no_wrapper=False %}{% widget_attribute "html" %}<div class="page-title text-center" style="position: relative;"><h2><strong>Come and relax</strong></h2><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 %}
  1081.                 </div>
  1082.                 <div class="settings-module">
  1083.                     <div class="col-md-4">
  1084.                         <div class="team-info">
  1085.                             <div class="team-img-wrapper">
  1086.                                 {% image "belch_id_364619389_14" label='Team Member Image 14', alt='', src='https://cdn2.hubspot.net/hubfs/385224/belch.io/template-assets/pexelsphoto275845jpeg.jpeg', width='', height='undefined' no_wrapper=True %}
  1087.                             </div>
  1088.                             {% widget_block rich_text "belch_id_978703157_14" overrideable=True, label='Team Member Text Block 14', no_wrapper=False %}{% widget_attribute "html" %}<div class="fig-caption" style="position: relative;"><h3 data-mce-style="text-align: center;" style="text-align: center;">Aromatheraphy</h3><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 %}
  1089.                         </div>
  1090.                     </div>
  1091.                     <div class="col-md-4">
  1092.                         <div class="team-info">
  1093.                               <div class="team-img-wrapper">
  1094.                                   {% image "belch_id_917968473_14" label='Team Member Image 14', alt='', src='https://cdn2.hubspot.net/hubfs/385224/belch.io/template-assets/spa2jpg.jpeg', width='', height='undefined' no_wrapper=True %}
  1095.                               </div>
  1096.                                 {% widget_block rich_text "belch_id_377810886_14" overrideable=True, label='Team Member Text Block 14', no_wrapper=False %}{% widget_attribute "html" %}<div class="fig-caption" style="position: relative;"><h3 class="text-center">Skin Care</h3><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 %}
  1097.                         </div>
  1098.                     </div>
  1099.                     <div class="col-md-4">
  1100.                         <div class="team-info">
  1101.                               <div class="team-img-wrapper">
  1102.                                   {% image "belch_id_83093061_14" label='Team Member Image 14', alt='', src='https://cdn2.hubspot.net/hubfs/385224/belch.io/template-assets/spa3jpg.jpeg', width='', height='undefined' no_wrapper=True %}
  1103.                               </div>
  1104.                                 {% widget_block rich_text "belch_id_96440245_14" overrideable=True, label='Team Member Text Block 14', no_wrapper=False %}{% widget_attribute "html" %}<div class="fig-caption" style="position: relative;"><h3 class="text-center">Herbal Spa</h3><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 %}
  1105.                         </div>
  1106.                     </div>
  1107.                 </div>
  1108.  
  1109.                
  1110.             </div>
  1111.             <div class="clearfix" style="margin-top:70px"></div>
  1112.         </div>
  1113.     </section>
  1114.     </div>
  1115.    
  1116.  
  1117.    
  1118.   <div style="box-sizing:border-box;
  1119.    border-top:0px solid rgba(255,255,255,1) !important;
  1120.    border-right:0px solid rgba(255,255,255,1) !important;
  1121.    border-bottom:0px solid rgba(255,255,255,1) !important;
  1122.    border-left:0px solid rgba(255,255,255,1) !important;" class="">
  1123.     <section class="cta-super-wrapper cta-section-14" style="background-image:url(' {% image_src "belch_id_97164263_15" label='CTA Background Image 15', src='https://cdn2.hubspot.net/hubfs/385224/belch.io/template-assets/pexelsphoto275851jpeg.jpeg', no_wrapper=True %} ');">
  1124.         <div class="overlay-wrapper">
  1125.             <div class="overlay settings-module" style="background: rgba(255, 255, 255, 0.8);"></div>
  1126.         </div>
  1127.         <div class="container horizontal-padding">
  1128.             <div class="clearfix" style="margin-top:120px"></div>
  1129.             {% widget_block rich_text "belch_id_866041505_15" overrideable=True, label='CTA Text Block 15', no_wrapper=False %}{% widget_attribute "html" %}<div class="row text-center" style="position: relative;"><h3><strong><span style="color: rgb(243, 96, 92);" data-mce-style="color: #f3605c;">We care for your beauty and fitness needs.</span></strong></h3><p class="cta-sub-title">Maecenas et condimentum tellus. Donec placerat lacinia massa efficitur auctor.</p><p>&nbsp;</p></div>{% end_widget_attribute %}{% end_widget_block %}
  1130.             <div class="cta-button-wrapper" style="text-align: center;">
  1131.                   <a text="button_label" href="{% text "belch_id_395764598_15_url" label="CTA Link Url 15" value="#" no_wrapper=True %}" class="btn btn-banner button-14 settings-module">{% text "belch_id_395764598_15_text" label="CTA Link Text 15" value="LEARN MORE" no_wrapper=True %}</a>
  1132.             </div>
  1133.             <div class="clearfix" style="margin-top:135px"></div>
  1134.         </div>
  1135.     </section>
  1136.     </div>
  1137.    
  1138.  
  1139.  
  1140.    
  1141.   <div style="box-sizing:border-box;
  1142.    border-top:0px solid rgba(255,255,255,1) !important;
  1143.    border-right:0px solid rgba(255,255,255,1) !important;
  1144.    border-bottom:0px solid rgba(255,255,255,1) !important;
  1145.    border-left:0px solid rgba(255,255,255,1) !important;" class="">
  1146.     <section class="onecol-super-wrapper social-section-15" style="background-image:url(' {% image_src "belch_id_570204027_16" label='Social Background Image 16', src='https://s3.amazonaws.com/belch.io/themes/minimalist/img/minimalist-stock2.jpg', no_wrapper=True %} ');">
  1147.         <div class="overlay-wrapper">
  1148.             <div class="overlay settings-module" style="background: rgb(255, 255, 255);"></div>
  1149.         </div>
  1150.         <div class="container horizontal-padding">
  1151.             <div class="clearfix" style="margin-top:25px"></div>
  1152.             <div class="row">
  1153.                 <div class="col-md-12">
  1154.                     <div class="social-menu-container">
  1155.                         <ul>
  1156.                            <li class="settings-module">
  1157.                              <a class="service-icon settings-module">
  1158.                                   <i style="color:#9c9c9c;font-size:20px" class="fa settings-module fa-facebook"></i>
  1159.                              </a>
  1160.                            </li>
  1161.                            <li class="settings-module">
  1162.                              <a class="service-icon settings-module">
  1163.                                   <i style="color:#9c9c9c;font-size:20px" class="fa settings-module fa-twitter"></i>
  1164.                              </a>
  1165.                            </li>
  1166.                            
  1167.                            <li class="settings-module">
  1168.                              <a class="service-icon settings-module">
  1169.                                   <i style="color:#9c9c9c;font-size:20px" class="fa settings-module fa-youtube"></i>
  1170.                              </a>
  1171.                            </li>
  1172.                            
  1173.                            
  1174.                         </ul>
  1175.                     </div>
  1176.                 </div>
  1177.             </div>
  1178.             <div class="clearfix" style="margin-top:20px"></div>
  1179.         </div>
  1180.     </section>
  1181.   </div>
  1182.   </div>
  1183.  
  1184.   <!-- THEME JAVASCRIPT -->
  1185.   <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.0/jquery.js"></script>
  1186. <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
  1187.   {{ widget_data.custom_js_code.value }}
  1188.   {{ standard_footer_includes }}
  1189. </body>
  1190. </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!