×

Welcome to TagMyCode

Please login or create account to add a snippet.
 

index.html

0
0
 
0
Language: HTML
Posted by: VLLO Ncube
Added: Mar 29, 2018 9:50 AM
Modified: Aug 24, 2018 9:50 PM
Views: 2951
Tags: no tags
  1. <!DOCTYPE html>
  2. <!--[if IE 8 ]><html class="no-js oldie ie8" lang="en"> <![endif]-->
  3. <!--[if IE 9 ]><html class="no-js oldie ie9" lang="en"> <![endif]-->
  4. <!--[if (gte IE 9)|!(IE)]><!-->
  5. <html class="no-js" lang="en"> <!--<![endif]-->
  6. <head>
  7.  
  8.    <!--- basic page needs
  9.   ================================================== -->
  10.    <meta charset="utf-8">
  11.         <title>Mpilonhle</title>
  12.         <meta name="description" content="Wellness, Wellness Day, Helth and wellness, BMI, brokers, ltd, mpilo, enhle impilo, health services, measurement, well, living well, body care, home care, south africa nurses, South africa nation wide health
  13.              wellness in africa, african contitnetn health, sme, small medium enterprise, black owned, BEEE,BEE, Black economic empowerment, Love fitness, Love Health, create a better south africa, wellness business jhb, Health business Gauteng, Wellness Industry,
  14.              apples africa, i heart south african wellness, popular wellness company, successfull johannesburg, small wellness business SA, enriching lives Roodeport SA, Sales and commnication SA, .za, co.za, mpilonhle, glucose testing,cholesterol testing SA, Improved production in company jhb
  15.              ccoporate,health promotional talks, health risk assessment, health risk management, Health screeninng, glucose testing, H.I.V. testing, Fitness, Overall health, Health Management,
  16.              lifestyle change, lifestyle betterent, lifestyle improvement, business, biokineticks, biokintisist, lifetyle enrichment, healthy living, Mzansi wellness, Productivity">  
  17.         <meta name="author" content="LLO">
  18.         <meta name="theme-color" content="#008e11">
  19.  
  20.    <!-- mobile specific metas
  21.   ================================================== -->
  22.         <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  23.  
  24.         <!-- CSS
  25.   ================================================== -->
  26.    <link rel="stylesheet" href="css/base.css">
  27.    <link rel="stylesheet" href="css/vendor.css">  
  28.    <link rel="stylesheet" href="css/main.css">  
  29.    
  30.  
  31.    <!-- script
  32.   ================================================== -->
  33.         <script src="js/modernizr.js"></script>
  34.         <script src="js/pace.min.js"></script>
  35.  
  36.         <script defer src="https://use.fontawesome.com/releases/v5.0.9/js/all.js" integrity="sha384-8iPTk2s/jMVj81dnzb/iFR2sdA7u06vHJyyLlAd4snFpCl/SnyUjRrbdJsw1pGIl" crossorigin="anonymous"></script>
  37.    <!-- favicons
  38.         ================================================== -->
  39.         <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
  40.         <link rel="icon" href="favicon.ico" type="image/x-icon">
  41.  
  42. </head>
  43.  
  44. <body id="top">
  45. <!-- Google Tag Manager (noscript) -->
  46. <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5RJSZ43"
  47. height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
  48. <!-- End Google Tag Manager (noscript) -->
  49.         <!-- header
  50.   ================================================== -->
  51.    <header>
  52.  
  53.         <div class="header-logo">
  54.               <a href="index.html">Mpilonhle</a>
  55.            </div>
  56.  
  57.                 <a id="header-menu-trigger" href="#0">
  58.                         <span class="header-menu-text">Menu</span>
  59.                         <span class="header-menu-icon"></span>
  60.                 </a>
  61.  
  62.                 <nav id="menu-nav-wrap">
  63.  
  64.                         <a href="#0" class="close-button" title="close"><span>Close</span></a> 
  65.  
  66.                 <h3>Mpilonhle Wellness</h3>  
  67.  
  68.                         <ul class="nav-list">
  69.                                 <li ><a href="#home" title="">Home</a></li>
  70.                                 <li><a  href="#about" title="">About</a></li>
  71.                                 <li><a  href="#services" title="">Services</a></li>
  72.                                 <li><a  href="#portfolio" title="">Works</a></li>
  73.                                 <li><a  href="#contact" title="">Contact</a></li>                                              
  74.                         </ul>  
  75.  
  76.                         <p class="sponsor-text">
  77.                                 Looking for an awesome and reliable wellness team? Try <a href="#contact">Mpilonhle</a>.
  78.                                 Get <span>R500 off</span> when you sign up with the promocode <span>#Myhealthmylife</span>.
  79.                                 <!-- Simply type        the promocode in the box labeled “Promo Code” when placing your order. -->
  80.                         </p>                   
  81.  
  82.                         <ul class="header-social-list">
  83.                  <li>
  84.                         <a href="#home"><i class="fab fa-facebook-square"></i></a>
  85.                  </li>
  86.                  <li>
  87.                         <a href="#home"><i class="fab fa-twitter"></i></a>
  88.                  </li>
  89.                  <li>
  90.                         <a href="#home"><i class="fab fa-instagram"></i></a>
  91.                  </li>
  92.             <li>
  93.                 <a href="#home"><i class="fab fa-linkedin"></i></a>
  94.             </li>
  95.               </ul>            
  96.                 </nav>  <!-- end #menu-nav-wrap -->
  97.  
  98.         </header> <!-- end header -->  
  99.  
  100.  
  101.    <!-- home
  102.   ================================================== -->
  103.    <section id="home">
  104.  
  105.         <div class="overlay"></div>
  106.  
  107.         <div class="home-content-table">       
  108.                    <div class="home-content-tablecell">
  109.                         <div class="row">
  110.                                 <div class="col-twelve">                                       
  111.                                        
  112.                                                         <h3 class="animate-intro">Mpilonhle Wellness & Brokers Pty Ltd.</h3>
  113.                                                         <h1 class="animate-intro">
  114.                                                         My Health  <br>
  115.                                                         My Life.
  116.                                                         </h1>  
  117.  
  118.                                                         <div class="more animate-intro">
  119.                                                                 <a class="button stroke" href="#about">
  120.                                                                         Learn More
  121.                                                                 </a>
  122.                                                         </div>                                                 
  123.  
  124.                                         </div> <!-- end col-twelve -->
  125.                         </div> <!-- end row -->
  126.                    </div> <!-- end home-content-tablecell -->              
  127.                 </div> <!-- end home-content-table -->
  128.  
  129.                 <ul class="home-social-list">
  130.               <li class="animate-intro">
  131.                         <a href="#home"><i class="fab fa-facebook-square"></i></a>
  132.               </li>
  133.               <li class="animate-intro">
  134.                         <a href="#home"><i class="fab fa-twitter"></i></a>
  135.               </li>
  136.               <li class="animate-intro">
  137.                         <a href="#home"><i class="fab fa-instagram"></i></a>
  138.              </li><li class="animate-intro">
  139.                  <a href="#home"><i class="fab fa-linkedin"></i></a> </li>    
  140.            </ul> <!-- end home-social-list --> 
  141.  
  142.                 <div class="scrolldown">
  143.                         <a href="#about" class="scroll-icon">          
  144.                         Scroll Down                    
  145.                         <i class="fas fa-long-arrow-alt-right" aria-hidden="true"></i>
  146.                        </a>
  147.                 </div>                 
  148.  
  149.   </section> <!-- end home -->
  150.  
  151.  
  152.   <!-- about
  153.   ================================================== -->
  154.   <section id="about">
  155.  
  156.         <div class="row about-wrap">
  157.                 <div class="col-full">
  158.                                 <div class="animate-intro">
  159.                                         <h3 class="animate-this">About Us</h3>
  160.                                        <h2 class="animate-this">Mpilonhle Wellness & Brokers offers corporate wellness days and health promotion talks to medical aid schemes, companies, departments and communities in the South African footprint.  Our health screening services include preventable lifestyle health risks such as obesity,  sedentary, high cholesterol, stress, high blood pressure, diabetes, H.I.V.
  161.                                         </h2>  
  162.                                 </div>  
  163.  
  164.                 </div> <!-- end col-full  -->
  165.         </div> <!-- end about-wrap  -->
  166.  
  167.   </section> <!-- end about -->
  168.  
  169.  
  170.   <!-- about
  171.   ================================================== -->
  172.   <section id="services">
  173.  
  174.         <div class="overlay"></div>
  175.         <div class="gradient-overlay"></div>
  176.        
  177.         <div class="row narrow section-intro with-bottom-sep animate-this">
  178.                 <div class="col-full">
  179.                        
  180.                                 <h3>Services</h3>
  181.                            <h1>What We Do.</h1>
  182.                        
  183.                            <p class="lead"> At Mpilonhle we strongly believe in preventative care and that the wellbeing of employees determines a company’s heartbeat. A company aggregate report will be generated at the end of the wellness day giving you an overview of the health of your employees.  Key takeaways from our wellness screening program are for both the employer and the employee.  The group aggregate report if used strategically will be the cornerstone of measuring and monitoring the collective health of the organisation’s population to build result-oriented health promotion programs.  For the employees; individuals become aware of their health risks and proactively make the necessary lifestyle changes.  It is not only just about Return on Investment (ROI), but Value on Investment (VOI) that really counts.</p>
  184.                        
  185.            </div> <!-- end col-full -->
  186.         </div> <!-- end row -->
  187.  
  188.         <div class="row services-content">
  189.  
  190.                 <div class="services-list block-1-2 block-tab-full group">
  191.  
  192.                 <div class="bgrid service-item animate-this">  
  193.  
  194.                     <div style="color: darkgreen"><span class="icon"><i class="fas fa-chart-line fa-7x" ></i></span>   </div>        
  195.  
  196.                     <div class="service-content">
  197.                         <h3 class="h05">Our Wellness Screening Services</h3>
  198.                         <div class="service-info">
  199.                             <p class="lead"> &bullet;  Blood Glucose (Rapid).<br> &bullet; Blood Cholesterol (Rapid).<br>
  200.                                 &bullet; Blood Pressure monitoring.<br>
  201.                             &bullet; Body Mass Index (BMI) - Height weight & waist measurement.</p>
  202.                        </div>
  203.                        
  204.                         </div>                   
  205.  
  206.                                 </div> <!-- end bgrid -->
  207.  
  208.                                 <div class="bgrid service-item animate-this">  
  209.  
  210.                                  <div style="color: darkgreen">  <span class="icon"><i class="fas fa-heartbeat fa-7x"></i></span>                          
  211. </div>
  212.                     <div class="service-content">      
  213.                        <h3 class="h05">Other Wellness Services</h3>
  214.                        <p class="lead">
  215.                        Health promotional talks on lifestyle interventions and on silent killers which include stress,
  216.                        diabetes, cholesterol, high blood pressure and other lifestyle related
  217.                        diseases. Other topics include Cancer,TB, H.I.V.,Drug abuse etc.
  218.                        We also offer the following: Blood Group Screening. Head and shoulders massages. Eye Screening etc. on request.</p>
  219.                        
  220.                     </div>                               
  221.  
  222.                            </div> <!-- end bgrid -->
  223.  
  224.                          
  225.  
  226.                                                    
  227.  
  228.               </div> <!-- end services-list -->
  229.                
  230.         </div> <!-- end services-content -->                   
  231.  
  232.   </section> <!-- end services -->
  233.  
  234.  
  235.   <!-- portfolio
  236.   ================================================== -->
  237.   <section id="portfolio">
  238.        
  239.         <div class="intro-wrap">
  240.  
  241.                 <div class="row narrow section-intro with-bottom-sep animate-this">
  242.                         <div class="col-twelve">
  243.                                 <h3>Showcase</h3>
  244.                                 <h1>See Our Featured Projects.</h1>                    
  245.                                
  246.                                 <p class="lead">Our company, Mpilonhle Wellness and Brokers can provide a solution for you.  We perform Health Risk Assessments to identify preventable Lifestyle related diseases.</p>                        
  247.                         </div>                 
  248.                 </div> <!-- end row section-intro -->                  
  249.  
  250.         </div> <!-- end intro-wrap -->          
  251.  
  252.         <div class="row portfolio-content">
  253.                 <div class="col-twelve">
  254.                         <div id="folio-wrap" class="bricks-wrapper">                                   
  255.  
  256.                                 <div class="brick folio-item">
  257.                                    
  258.                        <div class="item-wrap animate-this" data-src="images/portfolio/gallery/wellness_setup1.jxr" data-sub-html="#01">        
  259.                           <a href="01" class="overlay">
  260.                              
  261.                                 <img src="images/portfolio/wellness_setup_s1.jxr" alt="Wellness Setup">                      
  262.                              <div class="item-text">
  263.                                 <span class="folio-types">
  264.                                                               Wellness Day Setup
  265.                                                            </span>
  266.                                                            <h3 class="folio-title">The kind of setup you will find at one of our wellness days.</h3>                                               
  267.                                                         </div>                                        
  268.                           </a>
  269.                           <a href="#contacts/" class='details-link' title="details">
  270.                                 <i class="icon-link"></i>
  271.                           </a>
  272.                        </div> <!-- end item-wrap -->
  273.                                                
  274.                                                 <div id="01" class='hide'>
  275.                                                         <h4>Wellness Day Setup</h4>
  276.                                                         <p>The kind of setup you will find at one of our wellness days</p>
  277.                                                 </div>
  278.                                 </div> <!-- end folio-item -->
  279.  
  280.                                 <div class="brick folio-item">
  281.                                    
  282.                        <div class="item-wrap animate-this" data-src="images/portfolio/gallery/mpilonhle_bag.jxr" data-sub-html="#02">  
  283.                           <a href="02" class="overlay">
  284.                                 <img src="images/portfolio/mpilonhle_bag_s2.jxr" alt="Mpilonhle Branded">                            
  285.                              <div class="item-text">
  286.                                 <span class="folio-types">
  287.                                                               Mpilonhle Equipment Bag
  288.                                                            </span>
  289.                                                            <h3 class="folio-title">Qualified nurses use this bag to carry medical diagnostic equipment on wellness days.</h3>                                              
  290.                                                         </div>                                        
  291.                           </a>
  292.                           <a href="contact/" class='details-link' title="details">
  293.                                 <i class="icon-link"></i>
  294.                           </a>
  295.                        </div> <!-- end item-wrap -->
  296.  
  297.                        <div id="02" class='hide'>
  298.                                                         <h4>For a Booking</h4>
  299.                                                        <p>Please contact us today on <a href="tel:+27114750817;">011 475 0817</a> or @ <a href="mailto:admin@mpilonhle.co.za?subject=Booking;">admin@mpilonhle.co.za</a> to book a health and wellness day for your company
  300.                                                         </p>
  301.                                                 </div>                 
  302.                                 </div> <!-- end folio-item -->
  303.  
  304.                                 <div class="brick folio-item">
  305.                                    
  306.                        <div class="item-wrap animate-this" data-src="images/portfolio/gallery/Screening_Equipment.jxr" data-sub-html="#03" >    
  307.                           <a href="03" class="overlay">
  308.                                 <img src="images/portfolio/Screening_Equipment.jxr" alt="Screening Equipment">                       
  309.                                
  310.                              <div class="item-text">                                                                               
  311.                                                            <span class="folio-types">
  312.                                                               Health Screening Tools
  313.                                                            </span>
  314.                                                            <h3 class="folio-title">In our health risk screening tests we use the latest state of the art equipment.</h3>
  315.                                                         </div>                                        
  316.                           </a>
  317.                           <a href="#contact" class='details-link' title="details">
  318.                                 <i class="icon-link"></i>
  319.                           </a>
  320.                        </div> <!-- end item-wrap -->   
  321.  
  322.                    
  323.  
  324.                        <div id="03" class='hide'>
  325.                                                         <h4>Screening Equipment</h4>
  326.                                                         <p>Screening is not as scary as you think.</p>
  327.                                                        
  328.                                                 </div>                         
  329.                                 </div> <!-- end folio-item -->
  330.  
  331.                                         <div class="brick folio-item">
  332.                                            
  333.                        <div class="item-wrap animate-this"  data-src="images/portfolio/gallery/diet-calorie-counter-weight-loss-health.jxr"  data-sub-html="#04" >     
  334.                           <a href="04" class="overlay">
  335.                                 <img src="images/portfolio/diet-calorie-counter-weight-loss-health.jxr" alt="Mpilonhle Screening Equipment">                         
  336.                              <div class="item-text">                                               
  337.                                                            <span class="folio-types">
  338.                                                                Health Risk Assessment
  339.                                                            </span>
  340.                                                            <h3 class="folio-title">Let Mpilonhle help you build a productive and healthy workforce by doing Health Risk Assessments for your staff.</h3>
  341.                                                         </div>                                        
  342.                           </a>
  343.                           <a href="#contact" class='details-link' title="details">
  344.                                 <i class="icon-link"></i>
  345.                           </a>
  346.                        </div> <!-- end item-wrap -->
  347.  
  348.                        <div id="04" class='hide'>
  349.                                                         <h4>Health Risk Assessment</h4>
  350.                                                         <p>Is your company’s productivity plagued by lifestyle illness related absenteeism?</p>
  351.                                                 </div>                 
  352.                                 </div> <!-- end folio-item -->
  353.                    
  354.                                         <div class="brick folio-item">
  355.                        <div class="item-wrap animate-this"  data-src="images/portfolio/gallery/essential-oils-2536405_1280.jxr"  data-sub-html="#05">          
  356.                           <a href="05" class="overlay">
  357.                                 <img src="images/portfolio/essential-oils-1433694_1280.jxr" alt="Essential Oils">                            
  358.                              <div class="item-text">                                               
  359.                                                            <span class="folio-types">
  360.                                                                Our Solution</span>
  361.                                                            <h3 class="folio-title">As a company that cares about its employees AND turnover equally, you have a golden opportunity to lower your company costs related to largely preventable health-related employee issues.
  362.                                                                </h3>
  363.                                                         </div>                                        
  364.                           </a>
  365.                           <a href="#contact" class='details-link' title="details">
  366.                                 <i class="icon-link"></i>
  367.                           </a>
  368.                        </div> <!-- end item-wrap -->
  369.  
  370.                        <div id="05" class='hide'>
  371.                                                         <h4>Our Solution</h4>
  372.                                                         <p>By implementing our offering your company will achieve higher levels of productivity.</p>
  373.                                                 </div>                 
  374.                                 </div> <!-- end folio-item -->                                 
  375.  
  376.                         </div> <!-- end folio-wrap -->
  377.                 </div> <!-- end twelve -->
  378.         </div> <!-- end portfolio-content -->          
  379.  
  380.    </section>  <!-- end portfolio -->
  381.  
  382.  
  383.    <!-- Testimonials Section
  384.   ================================================== -->
  385.    <section id="testimonials">
  386.  
  387.         <div class="row">
  388.                 <div class="col-twelve">
  389.                    
  390.                     <h1>Strategy and Vision</h1><br>
  391.                 </div>                 
  392.         </div>          
  393.  
  394.       <div class="row flex-container">
  395.    
  396.          <div id="testimonial-slider" class="flex-slider animate-this">
  397.  
  398.             <ul class="slides">
  399.  
  400.                <li>
  401.                        <h2 class="animate-this">Vision Statement: My Health My Life</h2>
  402.                        <h3>This is the attitude we promote throughout our business.<br><br><br><br><br><br><br><br><br></h3>
  403.                            
  404.                 </li> <!-- end slide -->
  405.  
  406.                <li>
  407.                    <h2 class="animate-this">My Health</h2>
  408.                    <h3>We trust that we cannot attain health through disease, we must free ourselves from disease<br><br><br><br><br><br><br><br></h3>
  409.                
  410.                </li>
  411.                <li>
  412.                   <h2 class="animate-this">My Life</h2>
  413.                   <h3>At Mpilonhle we believe that people should start to attend to their health before they are ill and that health is about wellness
  414.                   and balance. We know that to enjoy tomorrow, we know that employees need to be worried about their health today. For those that
  415.                   are ill its about taking responsibility for bringing themselves back to health.<br><br><br></h3>
  416.                  
  417.                  
  418.                </li>
  419.                
  420.                <li>
  421.                <h2 class="animate-this">Strategy</h2>
  422.                       <h3>Our health risk screening services are designed at encouraging healthier lifestyle interventions.
  423.                       Our goal is to work with members to identify any possible health risks at the earliest possible stage
  424.                       in order to build awareness to eliminate/manage the identified risk/s. A wellness screening service
  425.                       offers employees/members the opportunity to be proactive about their health and also introduces them to
  426.                       a healthier way of life allowing them to make immediate and informed decisions about their on-going
  427.                       health and well-being.</h3>
  428.                                                                    
  429.                </li> <!-- end slide -->
  430.  
  431.             </ul> <!-- end slides -->
  432.  
  433.          </div> <!-- end testimonial-slider -->        
  434.        
  435.       </div> <!-- end flex-container -->
  436.  
  437.    </section> <!-- end testimonials -->
  438.  
  439.  
  440.         <!-- stats
  441.   ================================================== -->
  442.         <section id="clients">
  443.         <div class="row animate-this">
  444.                         <div class="col-twelve">
  445.                             <div class="client-lists owl-carousel">
  446.                                     <div><img src="images/clients/healthnwellness.jxr" alt="health and wellness icon"></div>
  447.                                     <div><img src="images/clients/hrt.jxr" alt="Health Risk Assessment"></div>
  448.                                     <div><img src="images/clients/Mpilonhle wellness logo.jxr" alt="mpilonhle logo"></div>
  449.                                     <div><img src="images/clients/success.jxr" alt="success icon"></div>
  450.                                     <div><img src="images/clients/healthtalks.jxr" alt="health talks icon"></div>
  451.                                     <div><img src="images/clients/bodyfit.jxr" alt="body fit icon"></div>
  452.                                     <div><img src="images/clients/mpilonhlehcs.jxr" alt="Home Care Services"></div>
  453.                                         <div><img src="images/clients/hrm.jxr" alt="health risk management icon"></div>
  454.                                         <div><img src="images/clients/screening.jxr" alt="screening icon"></div>
  455.                                         <div><img src="images/clients/measurements.jxr" alt="bmi icon"></div>
  456.                                         <div><img src="images/clients/glulcose.jxr" alt="glucose testing icon"></div>
  457.                             </div>
  458.                            
  459.                         </div> <!-- end col-twelve -->
  460.                 </div> <!-- end row -->
  461.  
  462.    </section> <!-- end clients -->
  463.  
  464.  
  465.         <!-- contact
  466.   ================================================== -->
  467.    <section id="contact">
  468.  
  469.       <div class="overlay"></div>
  470.  
  471.                 <div class="row narrow section-intro with-bottom-sep animate-this">
  472.                 <div class="col-twelve">
  473.                         <h3>Contact</h3>
  474.                         <h1>Get In Touch.</h1>
  475.  
  476.                         <p class="lead">Our Office hours are between 0800hrs - 1700hrs from Mon - Fri, During weekends and Holidays you can send us an email and we'll get back to you within 24hrs of the first day of a work week. Help Us Help You by filling in the form below.</p>
  477.                 </div>
  478.         </div> <!-- end section-intro -->
  479.  
  480.         <div class="row contact-content">
  481.  
  482.                 <div class="col-seven tab-full animate-this">
  483.  
  484.                         <h5>Send Us A Message</h5>
  485.  
  486.             <!-- form -->
  487.             <form name="contactForm" id="contactForm1" action="admin@gmail.com" method="post">                         
  488.  
  489.                <div class="form-field">
  490.                                            <input name="contactName" type="text" id="contactName" placeholder="Name" value="" required="">
  491.                </div>
  492.  
  493.                <div class="row">
  494.                         <div class="col-six tab-full">
  495.                                 <div class="form-field">
  496.                                         <input name="contactEmail" type="email" id="contactEmail" placeholder="Email" value="" required="">
  497.                                 </div>                                     
  498.                             </div>
  499.                         <div class="col-six tab-full">             
  500.                                 <div class="form-field">
  501.                                         <input name="contactSubject" type="text" id="contactSubject" placeholder="Subject" value="">
  502.                           </div>                                                   
  503.                             </div>
  504.                </div>
  505.                                          
  506.                <div class="form-field">
  507.                         <textarea name="contactMessage" id="contactMessage" placeholder="message" rows="10" cols="50" required=""></textarea>
  508.                     </div>
  509.  
  510.                <div class="form-field">
  511.                   <button class="submitform">Submit</button>
  512.  
  513.                   <div id="submit-loader">
  514.                      <div class="text-loader">Sending...</div>                            
  515.                               <div class="s-loader">
  516.                                                                 <div class="bounce1"></div>
  517.                                                                 <div class="bounce2"></div>
  518.                                                                
  519.                                                         </div>
  520.                                                 </div>
  521.                </div>
  522.  
  523.                 </form> <!-- end form -->
  524.  
  525.             <!-- contact-warning -->
  526.             <div id="message-warning"></div>
  527.  
  528.             <!-- contact-success -->
  529.                 <div id="message-success">
  530.                <i class="fa fa-check"></i>Your message was sent, thank you!<br>
  531.                 </div>
  532.  
  533.          </div> <!-- end col-seven -->
  534.  
  535.          <div class="col-four tab-full contact-info end animate-this">
  536.  
  537.                 <h5>Contact Information</h5>
  538.  
  539.                 <div class="cinfo">
  540.                                 <h6>Where to Find Us</h6>
  541.                                 <p>
  542.                         P.O. Box 1067<br>
  543.                         Wilgeheuwel, Roodepoort, Gauteng<br>
  544.                         1736 South Africa
  545.                     </p>
  546.                         </div> <!-- end cinfo -->
  547.  
  548.                         <div class="cinfo">
  549.                                 <h6>Email Us At</h6>
  550.                                 <p>
  551.                                     <a href="mailto:admin@mpilonhle.co.za?subject=More%20Information">admin@mpilonhle.co.za</a><br>
  552.                                                                      
  553.                                    </p>
  554.                         </div> <!-- end cinfo -->
  555.  
  556.                         <div class="cinfo">
  557.                                 <h6>Call Us At</h6>
  558.                                 <p>
  559.                                        
  560.                                     Mobile: <a href="tel:+27768725707;">(+27) 76 872 5707</a><br>
  561.                                         Office: <a href="tel:+27114750618;">(+27) 11 475 0618</a><br>
  562.                                         Fax: <a href="tel:+27864153772;">(+27) 864 15 37 72</a>
  563.  
  564.                                    </p>
  565.                         </div>
  566.  
  567.          </div> <!-- end cinfo -->
  568.  
  569.         </div> <!-- end row contact-content -->
  570.                
  571.         </section> <!-- end contact -->
  572.  
  573.  
  574.         <!-- footer
  575.   ================================================== -->
  576.         <footer>
  577.         <div class="footer-main">
  578.            
  579.                 <div class="row">  
  580.  
  581.                 <div class="col-five tab-full footer-about">      
  582.  
  583.                     <h4 class="h05">Mpilonhle Wellness & Brokers</h4>
  584.  
  585.                     <p class="lead">At Mpilonhle we strongly believe in preventative care and that the wellbeing of employees determines a company’s heartbeat.
  586.                        
  587.                     </p>                   
  588.                    
  589.                       </div> <!-- end footer-about -->
  590.  
  591.                 <div class="col-three tab-full footer-social">
  592.  
  593.                         <h4 class="h05">Follow Us.</h4>
  594.  
  595.                         <ul class="list-links">
  596.                                 <li><a href="#home">Facebook</a></li>
  597.                                                 <li><a href="#home">Twitter</a></li>
  598.                                                 <li><a href="#home">Instagram</a></li>
  599.                                                 <li><a href="#home">LinkedIn</a></li>
  600.                                                                                                
  601.                                         </ul>
  602.  
  603.                 </div> <!-- end footer-social -->  
  604.  
  605.                 <div class="col-four tab-full footer-subscribe end">
  606.                    
  607.                         <h4 class="h05">Get Notified.</h4>
  608.  
  609.                         <p class="lead">Join our subscription list. And receive information about our wellness days and events. Be in the loop Join Now!!!</p>
  610.  
  611.                         <div class="subscribe-form">
  612.                
  613.                            <form id="mc-form" class="group" novalidate="" enctype="application/x-www-form-urlencoded">
  614.  
  615.                                                         <input type="email" value="" name="dEmail" class="email" id="mc-email" placeholder="type email" required="">
  616.                        
  617.                                                 <!-- <input type="submit" name="subscribe" > -->
  618.                                                 <button name="mail button"><i class="fas fa-envelope"></i></button>
  619.                        
  620.                                                 <label for="mc-email" class="subscribe-message"></label>
  621.                        
  622.                                                 </form>
  623.  
  624.                         </div>
  625.                                
  626.                 </div> <!-- end footer-subscribe -->               
  627.  
  628.               </div> <!-- end row -->
  629.  
  630.         </div> <!-- end footer-main -->
  631.  
  632.         <div class="footer-bottom">
  633.  
  634.         <div class="row">
  635.  
  636.                 <div class="col-twelve">
  637.                         <div class="copyright">
  638.                            <p><img src="images/Mpilonhle wellness logo.jxr" alt="" style="width: 141px; height: 191px;"/></p>
  639.                                 <span>© Copyright Mpilonhle Wellness & Brokers Pty Ltd 2018.</span>
  640.                                 <span>Design by <a href="http://virgil-portfolio-2018.bitballoon.com/">LLO the freelancer</a></span>                           
  641.                          </div>                        
  642.                 </div>
  643.  
  644.         </div>          
  645.  
  646.      </div> <!-- end footer-bottom -->
  647.  
  648.      <div id="go-top">
  649.                    <a title="Back to Top" href="#top">
  650.                         <i class="fas fa-long-arrow-alt-up" aria-hidden="true"></i>
  651.                    </a>
  652.                 </div>         
  653.   </footer>
  654.  <div id="preloader">
  655.         <div id="loader"></div>
  656.   </div>
  657.  
  658.   <!-- Java Script
  659.   ================================================== -->
  660.  
  661.   <script src="js/jquery-3.3.1.min.js"></script>
  662.   <script src="js/plugins.js"></script>
  663.   <script src="js/main.js"></script>
  664.  
  665. </body>
  666.  
  667. </html>

Write a comment

To post comments, please log in or register.