API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Feb 26th, 2020
404
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 68.85 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="utf-8">
  5.     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  6.    
  7.     <!-- SEO Meta Tags -->
  8.     <meta name="description" content="Aria is a business focused HTML landing page template built with Bootstrap to help you create lead generation websites for companies and their services.">
  9.     <meta name="author" content="Inovatik">
  10.  
  11.     <!-- OG Meta Tags to improve the way the post looks when you share the page on LinkedIn, Facebook, Google+ -->
  12.     <meta property="og:site_name" content="" /> <!-- website name -->
  13.     <meta property="og:site" content="" /> <!-- website link -->
  14.     <meta property="og:title" content=""/> <!-- title shown in the actual shared post -->
  15.     <meta property="og:description" content="" /> <!-- description shown in the actual shared post -->
  16.     <meta property="og:image" content="" /> <!-- image link, make sure it's jpg -->
  17.     <meta property="og:url" content="" /> <!-- where do you want your post to link to -->
  18.     <meta property="og:type" content="article" />
  19.  
  20.     <!-- Website Title -->
  21.     <title>MaLu IT Innovation und Technologie Rhein Neckar</title>
  22.    
  23.     <!-- Styles -->
  24.     <link href="https://fonts.googleapis.com/css?family=Montserrat:500,700&display=swap&subset=latin-ext" rel="stylesheet">
  25.     <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600&display=swap&subset=latin-ext" rel="stylesheet">
  26.     <link href="css/bootstrap.css" rel="stylesheet">
  27.     <link href="css/fontawesome-all.css" rel="stylesheet">
  28.     <link href="css/swiper.css" rel="stylesheet">
  29.     <link href="css/magnific-popup.css" rel="stylesheet">
  30.     <link href="css/styles.css" rel="stylesheet">
  31.    
  32.     <!-- Favicon  -->
  33.     <link rel="icon" href="images/MaLuLogo.png">
  34. </head>
  35. <body data-spy="scroll" data-target=".fixed-top">
  36.    
  37.     <!-- Preloader -->
  38.     <div class="spinner-wrapper">
  39.         <div class="spinner">
  40.             <div class="bounce1"></div>
  41.             <div class="bounce2"></div>
  42.             <div class="bounce3"></div>
  43.         </div>
  44.     </div>
  45.     <!-- end of preloader -->
  46.    
  47.  
  48.     <!-- Navbar -->
  49.     <nav class="navbar navbar-expand-md navbar-dark navbar-custom fixed-top">
  50.         <!-- Text Logo - Use this if you don't have a graphic logo -->
  51.         <!-- <a class="navbar-brand logo-text page-scroll" href="index.html">Aria</a> -->
  52.  
  53.         <!-- Image Logo -->
  54.         <a class="navbar-brand logo-image" href="index.html"><img src="images/MaLuLogo.png" alt="alternative"></a>
  55.        
  56.         <!-- Mobile Menu Toggle Button -->
  57.         <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExampleDefault" aria-controls="navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation">
  58.             <span class="navbar-toggler-awesome fas fa-bars"></span>
  59.             <span class="navbar-toggler-awesome fas fa-times"></span>
  60.         </button>
  61.         <!-- end of mobile menu toggle button -->
  62.  
  63.         <div class="collapse navbar-collapse" id="navbarsExampleDefault">
  64.             <ul class="navbar-nav ml-auto">
  65.                 <li class="nav-item">
  66.                     <a class="nav-link page-scroll" href="#Über uns">Über uns <span class="sr-only">(current)</span></a>
  67.                 </li>
  68.                 <li class="nav-item">
  69.                     <a class="nav-link page-scroll" href="#Pressemeldungen">Pressemeldungen</a>
  70.                 </li>
  71.                 <li class="nav-item">
  72.                     <a class="nav-link page-scroll" href="#Karriere">Karriere</a>
  73.                 </li>
  74.                 <li class="nav-item">
  75.                     <a class="nav-link page-scroll" href="#Galerie">Galerie</a>
  76.                 </li>
  77.                 <li class="nav-item">
  78.                     <a class="nav-link page-scroll" href="#Kontakt">Kontakt</a>
  79.                 </li>
  80.                 <li class="nav-item">
  81.                     <a class="nav-link page-scroll" href="#Suche">Suche</a>
  82.                 </li>
  83.             </ul>
  84.         </div>
  85.     </nav> <!-- end of navbar -->
  86.     <!-- end of navbar -->
  87.  
  88.  
  89.     <!-- Header -->
  90.     <header id="header" class="header">
  91.         <div class="header-content">
  92.             <div class="container">
  93.                 <div class="row">
  94.                     <div class="col-lg-12">
  95.                         <div class="text-container">
  96.                             <h1>BUSINESS <span id="js-rotating">TEMPLATE, SERVICES, SOLUTIONS</span></h1>
  97.                             <p class="p-heading p-large">Aria is a top consultancy company specializing in business growth using online marketing and conversion optimization tactics</p>
  98.                             <a class="btn-solid-lg page-scroll" href="#intro">DISCOVER</a>
  99.                         </div>
  100.                     </div> <!-- end of col -->
  101.                 </div> <!-- end of row -->
  102.             </div> <!-- end of container -->
  103.         </div> <!-- end of header-content -->
  104.     </header> <!-- end of header -->
  105.     <!-- end of header -->
  106.  
  107.  
  108.     <!-- Intro -->
  109.     <div id="intro" class="basic-1">
  110.         <div class="container">
  111.             <div class="row">
  112.                 <div class="col-lg-5">
  113.                     <div class="text-container">
  114.                         <div class="section-title">Über uns</div>
  115.                         <h2>We Offer Some Of The Best Business Growth Services In Town</h2>
  116.                         <p>Launching a new company or developing the market position of an existing one can be quite an overwhelming processs at times.</p>
  117.                         <p class="testimonial-text">"Our mission here at Aira is to get you through those tough moments relying on our team's expertise in starting and growing companies."</p>
  118.                         <div class="testimonial-author">Louise Donovan - CEO</div>
  119.                     </div> <!-- end of text-container -->
  120.                 </div> <!-- end of col -->
  121.                 <div class="col-lg-7">
  122.                     <div class="image-container">
  123.                         <img class="img-fluid" src="images/Startseite.png" alt="alternative">
  124.                     </div> <!-- end of image-container -->
  125.                 </div> <!-- end of col -->
  126.             </div> <!-- end of row -->
  127.         </div> <!-- end of container -->
  128.     </div> <!-- end of basic-1 -->
  129.     <!-- end of intro -->
  130.  
  131.  
  132.     <!-- Description -->
  133.     <div class="cards-1">
  134.         <div class="container">
  135.             <div class="row">
  136.                 <div class="col-lg-12">
  137.                    
  138.                     <!-- Card -->
  139.                     <div class="card">
  140.                         <span class="fa-stack">
  141.                             <span class="hexagon"></span>
  142.                             <i class="fas fa-binoculars fa-stack-1x"></i>
  143.                         </span>
  144.                         <div class="card-body">
  145.                             <h4 class="card-title">Environment Analysis</h4>
  146.                             <p>The starting point of any success story is knowing your current position in the business environment</p>
  147.                         </div>
  148.                     </div>
  149.                     <!-- end of card -->
  150.  
  151.                     <!-- Card -->
  152.                     <div class="card">
  153.                         <span class="fa-stack">
  154.                             <span class="hexagon"></span>
  155.                             <i class="fas fa-list-alt fa-stack-1x"></i>
  156.                         </span>
  157.                         <div class="card-body">
  158.                             <h4 class="card-title">Development Planning</h4>
  159.                             <p>After completing the environmental analysis the next stage is to design and  plan your development strategy</p>
  160.                         </div>
  161.                     </div>
  162.                     <!-- end of card -->
  163.  
  164.                     <!-- Card -->
  165.                     <div class="card">
  166.                         <span class="fa-stack">
  167.                             <span class="hexagon"></span>
  168.                             <i class="fas fa-chart-pie fa-stack-1x"></i>
  169.                         </span>
  170.                         <div class="card-body">
  171.                             <h4 class="card-title">Execution & Evaluation</h4>
  172.                            <p>In this phase you will focus on executing the actions plan and evaluating the results after each marketing campaign</p>
  173.                        </div>
  174.                    </div>
  175.                    <!-- end of card -->
  176.  
  177.                </div> <!-- end of col -->
  178.            </div> <!-- end of row -->
  179.        </div> <!-- end of container -->
  180.    </div> <!-- end of cards-1 -->
  181.    <!-- end of description -->
  182.  
  183.  
  184.    <!-- Services -->
  185.    <div id="services" class="cards-2">
  186.        <div class="container">
  187.            <div class="row">
  188.                <div class="col-lg-12">
  189.                    <div class="section-title">SERVICES</div>
  190.                    <h2>Choose The Service Package<br> That Suits Your Needs</h2>
  191.                </div> <!-- end of col -->
  192.            </div> <!-- end of row -->
  193.            <div class="row">
  194.                <div class="col-lg-12">
  195.                    
  196.                    <!-- Card -->
  197.                    <div class="card">
  198.                        <div class="card-image">
  199.                            <img class="img-fluid" src="images/services-1.jpg" alt="alternative">
  200.                        </div>
  201.                        <div class="card-body">
  202.                            <h3 class="card-title">Off The Ground Off The Ground</h3>
  203.                            <p>Perfect for fresh ideas or young startups, this package will help get the business off the ground</p>
  204.                            <ul class="list-unstyled li-space-lg">
  205.                                <li class="media">
  206.                                    <i class="fas fa-square"></i>
  207.                                    <div class="media-body">Environment and competition</div>
  208.                                </li>
  209.                                <li class="media">
  210.                                    <i class="fas fa-square"></i>
  211.                                    <div class="media-body">Designing the marketing plan</div>
  212.                                </li>
  213.                            </ul>
  214.                            <p class="price">Starting at <span>$199</span></p>
  215.                        </div>
  216.                        <div class="button-container">
  217.                            <a class="btn-solid-reg page-scroll" href="#callMe">DETAILS</a>
  218.                        </div> <!-- end of button-container -->
  219.                    </div>
  220.                    <!-- end of card -->
  221.  
  222.                    <!-- Card -->
  223.                    <div class="card">
  224.                        <div class="card-image">
  225.                            <img class="img-fluid" src="images/services-2.jpg" alt="alternative">
  226.                        </div>
  227.                        <div class="card-body">
  228.                            <h3 class="card-title">Accelerated Growth</h3>
  229.                            <p>Use this service pack to give your company the necessary impulse to become an industry leader</p>
  230.                            <ul class="list-unstyled li-space-lg">
  231.                                <li class="media">
  232.                                    <i class="fas fa-square"></i>
  233.                                    <div class="media-body">Business strategy planning</div>
  234.                                </li>
  235.                                <li class="media">
  236.                                    <i class="fas fa-square"></i>
  237.                                    <div class="media-body">Taking the planned actions</div>
  238.                                </li>
  239.                            </ul>
  240.                            <p class="price">Starting at <span>$299</span></p>
  241.                        </div>
  242.                        <div class="button-container">
  243.                            <a class="btn-solid-reg page-scroll" href="#callMe">DETAILS</a>
  244.                        </div> <!-- end of button-container -->
  245.                    </div>
  246.                    <!-- end of card -->
  247.  
  248.                    <!-- Card -->
  249.                    <div class="card">
  250.                        <div class="card-image">
  251.                            <img class="img-fluid" src="images/services-3.jpg" alt="alternative">
  252.                        </div>
  253.                        <div class="card-body">
  254.                            <h3 class="card-title">Market Domination</h3>
  255.                            <p>You already are a reference point in your industry now you need to learn about acquisitions</p>
  256.                            <ul class="list-unstyled li-space-lg">
  257.                                <li class="media">
  258.                                    <i class="fas fa-square"></i>
  259.                                    <div class="media-body">Maintaining the leader status</div>
  260.                                </li>
  261.                                <li class="media">
  262.                                    <i class="fas fa-square"></i>
  263.                                    <div class="media-body">Acquisitions the right way</div>
  264.                                </li>
  265.                            </ul>
  266.                            <p class="price">Starting at <span>$299</span></p>
  267.                        </div>
  268.                        <div class="button-container">
  269.                            <a class="btn-solid-reg page-scroll" href="#callMe">DETAILS</a>
  270.                        </div> <!-- end of button-container -->
  271.                    </div>
  272.                    <!-- end of card -->
  273.  
  274.                </div> <!-- end of col -->
  275.            </div> <!-- end of row -->
  276.        </div> <!-- end of container -->
  277.    </div> <!-- end of cards-2 -->
  278.    <!-- end of services -->
  279.    
  280.  
  281.    <!-- Details 1 -->
  282.     <div id="details" class="accordion">
  283.         <div class="area-1">
  284.         </div><!-- end of area-1 on same line and no space between comments to eliminate margin white space --><div class="area-2">
  285.            
  286.            <!-- Accordion -->
  287.            <div class="accordion-container" id="accordionOne">
  288.                <h2>Accelerate Business Growth To Improve Revenue Numbers</h2>
  289.                <div class="item">
  290.                    <div id="headingOne">
  291.                        <span data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne" role="button">
  292.                            <span class="circle-numbering">1</span><span class="accordion-title">How Can Aria Help Your Business</span>
  293.                        </span>
  294.                    </div>
  295.                    <div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordionOne">
  296.                        <div class="accordion-body">
  297.                            At Aria solutions, we’ve taken the consultancy concept one step further by offering a full service management organization with expertise.
  298.                        </div>
  299.                    </div>
  300.                </div> <!-- end of item -->
  301.            
  302.                <div class="item">
  303.                    <div id="headingTwo">
  304.                        <span class="collapsed" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo" role="button">
  305.                            <span class="circle-numbering">2</span><span class="accordion-title">Great Strategic Business Planning</span>
  306.                        </span>
  307.                    </div>
  308.                    <div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordionOne">
  309.                        <div class="accordion-body">
  310.                            Aria partners with businesses to business growth and development ideas including environment analysis, plan execution and evaluation.
  311.                        </div>
  312.                    </div>
  313.                </div> <!-- end of item -->
  314.            
  315.                <div class="item">
  316.                    <div id="headingThree">
  317.                        <span class="collapsed" data-toggle="collapse" data-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree" role="button">
  318.                            <span class="circle-numbering">3</span><span class="accordion-title">Online Marketing Campaigns</span>
  319.                        </span>
  320.                    </div>
  321.                    <div id="collapseThree" class="collapse" aria-labelledby="headingThree" data-parent="#accordionOne">
  322.                        <div class="accordion-body">
  323.                            An awesome online marketing plan won't save your bad product but paired with a good product, the sky is the limit for what can be achieved.
  324.                        </div>
  325.                    </div>
  326.                </div> <!-- end of item -->
  327.            </div> <!-- end of accordion-container -->
  328.            <!-- end of accordion -->
  329.  
  330.         </div> <!-- end of area-2 -->
  331.    </div> <!-- end of accordion -->
  332.    <!-- end of details 1 -->
  333.  
  334.  
  335.    <!-- Details 2 -->
  336.     <div class="tabs">
  337.        <div class="area-1">
  338.            <div class="tabs-container">
  339.                
  340.                <!-- Tabs Links -->
  341.                <ul class="nav nav-tabs" id="ariaTabs" role="tablist">
  342.                    <li class="nav-item">
  343.                        <a class="nav-link active" id="nav-tab-1" data-toggle="tab" href="#tab-1" role="tab" aria-controls="tab-1" aria-selected="true"><i class="fas fa-th"></i> Business</a>
  344.                    </li>
  345.                    <li class="nav-item">
  346.                        <a class="nav-link" id="nav-tab-2" data-toggle="tab" href="#tab-2" role="tab" aria-controls="tab-2" aria-selected="false"><i class="fas fa-th"></i> Expertise</a>
  347.                    </li>
  348.                    <li class="nav-item">
  349.                        <a class="nav-link" id="nav-tab-3" data-toggle="tab" href="#tab-3" role="tab" aria-controls="tab-3" aria-selected="false"><i class="fas fa-th"></i> Quality</a>
  350.                    </li>
  351.                </ul>
  352.                <!-- end of tabs links -->
  353.                
  354.                <!-- Tabs Content -->
  355.                <div class="tab-content" id="ariaTabsContent">
  356.  
  357.                    <!-- Tab -->
  358.                    <div class="tab-pane fade show active" id="tab-1" role="tabpanel" aria-labelledby="tab-1">
  359.                        <h4>Business Services For Companies</h4>
  360.                        <p>Aria provides the most innovative and customized business services in the industry. Our <a class="green page-scroll" href="#services">Services</a> section shows how flexible we are for all types of budgets.</p>
  361.                        
  362.                        <!-- Progress Bars -->
  363.                        <div class="progress-container">
  364.                            <div class="title">Business Development 100%</div>
  365.                            <div class="progress">
  366.                                <div class="progress-bar first" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"></div>
  367.                            </div>
  368.                            <div class="title">Opportunity Spotting 76%</div>
  369.                            <div class="progress">
  370.                                <div class="progress-bar second" role="progressbar" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
  371.                            </div>
  372.                            <div class="title">Online Marketing 90%</div>
  373.                            <div class="progress">
  374.                                <div class="progress-bar third" role="progressbar" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100"></div>
  375.                            </div>
  376.                        </div> <!-- end of progress-container -->
  377.                        <!-- end of progress bars -->
  378.                        
  379.                    </div> <!-- end of tab-pane -->
  380.                    <!-- end of tab -->
  381.  
  382.                    <!-- Tab -->
  383.                    <div class="tab-pane fade" id="tab-2" role="tabpanel" aria-labelledby="tab-2">
  384.                        <ul class="list-unstyled li-space-lg first">
  385.                            <li class="media">
  386.                                <div class="media-bullet">1</div>
  387.                                <div class="media-body"><strong>High quality</strong> is on top of our list when it comes to the way we deliver the services</div>
  388.                            </li>
  389.                            <li class="media">
  390.                                <div class="media-bullet">2</div>
  391.                                <div class="media-body"><strong>Maximum impact</strong> is what we look for in our actions</div>
  392.                            </li>
  393.                            <li class="media">
  394.                                <div class="media-bullet">3</div>
  395.                                <div class="media-body"><strong>Quality standards</strong> are important but meant to be exceeded</div>
  396.                            </li>
  397.                        </ul>
  398.                        <ul class="list-unstyled li-space-lg last">
  399.                            <li class="media">
  400.                                <div class="media-bullet">4</div>
  401.                                <div class="media-body"><strong>We're always looking</strong> for industry leaders to help them win their market position</div>
  402.                            </li>
  403.                            <li class="media">
  404.                                <div class="media-bullet">5</div>
  405.                                <div class="media-body"><strong>Evaluation</strong> is a key aspect of this business and important</div>
  406.                            </li>
  407.                            <li class="media">
  408.                                <div class="media-bullet">6</div>
  409.                                <div class="media-body"><strong>Ethic</strong> procedures ar alwasy at the base of everything we do</div>
  410.                            </li>
  411.                        </ul>
  412.                    </div> <!-- end of tab-pane -->
  413.                    <!-- end of tab -->
  414.  
  415.                    <!-- Tab -->
  416.                    <div class="tab-pane fade" id="tab-3" role="tabpanel" aria-labelledby="tab-3">
  417.                        <p><strong>We strive to achieve</strong> 100% customer satisfaction for both types of customers: hiring companies and job seekers. Types of customers: <a class="green" href="#your-link">with huge potential</a></p>
  418.                        <p><strong>Our goal is to help</strong> your company achieve its full potential and establish long term stability for <a class="green" href="#your-link">the stakeholders</a></p>
  419.                        <ul class="list-unstyled li-space-lg">
  420.                            <li class="media">
  421.                                <i class="fas fa-square"></i>
  422.                                <div class="media-body">It's easy to get a quotation, just call our office anytime</div>
  423.                            </li>
  424.                            <li class="media">
  425.                                <i class="fas fa-square"></i>
  426.                                <div class="media-body">We'll get back to you with an initial estimate soon</div>
  427.                            </li>
  428.                            <li class="media">
  429.                                <i class="fas fa-square"></i>
  430.                                <div class="media-body">Get ready to see results even after only 30 days</div>
  431.                            </li>
  432.                            <li class="media">
  433.                                <i class="fas fa-square"></i>
  434.                                <div class="media-body">Ask for a quote and start improving your business</div>
  435.                            </li>
  436.                            <li class="media">
  437.                                <i class="fas fa-square"></i>
  438.                                <div class="media-body">Just fill out the form and we'll call you right away</div>
  439.                            </li>
  440.                        </ul>
  441.                    </div> <!-- end of tab-pane -->
  442.                    <!-- end of tab -->
  443.  
  444.                </div> <!-- end of tab-content -->
  445.                <!-- end of tabs content -->
  446.  
  447.            </div> <!-- end of tabs-container -->
  448.        </div><!-- end of area-1 on same line and no space between comments to eliminate margin white space --><div class="area-2"></div> <!-- end of area-2 -->
  449.    </div> <!-- end of tabs -->
  450.    <!-- end of details 2 -->
  451.  
  452.  
  453.    <!-- Testimonials -->
  454.    <div class="slider">
  455.        <div class="container">
  456.            <div class="row">
  457.                <div class="col-lg-12">
  458.                    <h2>Read Our Customer Testimonials</h2>
  459.                    <p class="p-heading">Our clients are our partners and we can not imagine a better future for our company without helping them reach their objectives</p>
  460.                </div> <!-- end of col -->
  461.            </div> <!-- end of row -->
  462.            <div class="row">
  463.                <div class="col-lg-12">
  464.  
  465.                    <!-- Card Slider -->
  466.                    <div class="slider-container">
  467.                        <div class="swiper-container card-slider">
  468.                            <div class="swiper-wrapper">
  469.                                
  470.                                <!-- Slide -->
  471.                                <div class="swiper-slide">
  472.                                    <div class="card">
  473.                                        <img class="card-image" src="images/testimonial-1.jpg" alt="alternative">
  474.                                        <div class="card-body">
  475.                                            <div class="testimonial-text">The guys from Aria helped with getting my business off the ground and turning into a profitable company.</div>
  476.                                            <div class="testimonial-author">Jude Thorn - Founder</div>
  477.                                        </div>
  478.                                    </div>
  479.                                </div> <!-- end of swiper-slide -->
  480.                                <!-- end of slide -->
  481.        
  482.                                <!-- Slide -->
  483.                                <div class="swiper-slide">
  484.                                    <div class="card">
  485.                                        <img class="card-image" src="images/testimonial-2.jpg" alt="alternative">
  486.                                        <div class="card-body">
  487.                                            <div class="testimonial-text">I purchased the Growth Accelerator service pack a few years ago and I renewed the contract each year. </div>
  488.                                            <div class="testimonial-author">Marsha Singer - Marketer</div>
  489.                                        </div>
  490.                                    </div>        
  491.                                </div> <!-- end of swiper-slide -->
  492.                                <!-- end of slide -->
  493.        
  494.                                <!-- Slide -->
  495.                                <div class="swiper-slide">
  496.                                    <div class="card">
  497.                                        <img class="card-image" src="images/testimonial-3.jpg" alt="alternative">
  498.                                        <div class="card-body">
  499.                                            <div class="testimonial-text">Aria's CEO personally attends client meetings and gives his feedback on business growth strategies.</div>
  500.                                            <div class="testimonial-author">Roy Smith - Developer</div>
  501.                                        </div>
  502.                                    </div>        
  503.                                </div> <!-- end of swiper-slide -->
  504.                                <!-- end of slide -->
  505.        
  506.                                <!-- Slide -->
  507.                                <div class="swiper-slide">
  508.                                    <div class="card">
  509.                                        <img class="card-image" src="images/testimonial-4.jpg" alt="alternative">
  510.                                        <div class="card-body">
  511.                                            <div class="testimonial-text">At the beginning I thought the prices are a little high for what they offer but they over deliver each and every time.</div>
  512.                                            <div class="testimonial-author">Ronald Spice - Owner</div>
  513.                                        </div>
  514.                                    </div>
  515.                                </div> <!-- end of swiper-slide -->
  516.                                <!-- end of slide -->
  517.        
  518.                                <!-- Slide -->
  519.                                <div class="swiper-slide">
  520.                                    <div class="card">
  521.                                        <img class="card-image" src="images/testimonial-5.jpg" alt="alternative">
  522.                                        <div class="card-body">
  523.                                            <div class="testimonial-text">I recommend Aria to every business owner or growth leader that wants to take his company to the next level.</div>
  524.                                            <div class="testimonial-author">Lindsay Rune - Manager</div>
  525.                                        </div>
  526.                                    </div>        
  527.                                </div> <!-- end of swiper-slide -->
  528.                                <!-- end of slide -->
  529.        
  530.                                <!-- Slide -->
  531.                                <div class="swiper-slide">
  532.                                    <div class="card">
  533.                                        <img class="card-image" src="images/testimonial-6.jpg" alt="alternative">
  534.                                        <div class="card-body">
  535.                                            <div class="testimonial-text">My goals for using Aria's services seemed high when I first set them but they've met them with no problems.</div>
  536.                                            <div class="testimonial-author">Ann Black - Consultant</div>
  537.                                        </div>
  538.                                    </div>        
  539.                                </div> <!-- end of swiper-slide -->
  540.                                <!-- end of slide -->
  541.                            
  542.                            </div> <!-- end of swiper-wrapper -->
  543.        
  544.                            <!-- Add Arrows -->
  545.                            <div class="swiper-button-next"></div>
  546.                            <div class="swiper-button-prev"></div>
  547.                            <!-- end of add arrows -->
  548.        
  549.                        </div> <!-- end of swiper-container -->
  550.                    </div> <!-- end of sliedr-container -->
  551.                    <!-- end of card slider -->
  552.  
  553.                </div> <!-- end of col -->
  554.            </div> <!-- end of row -->
  555.        </div> <!-- end of container -->
  556.    </div> <!-- end of slider -->
  557.    <!-- end of testimonials -->
  558.  
  559.  
  560.    <!-- Call Me -->
  561.    <div id="callMe" class="form-1">
  562.        <div class="container">
  563.            <div class="row">
  564.                <div class="col-lg-6">
  565.                    <div class="text-container">
  566.                        <div class="section-title">CALL ME</div>
  567.                        <h2 class="white">Have Us Contact You By Filling And Submitting The Form</h2>
  568.                        <p class="white">You are just a few steps away from a personalized offer. Just fill in the form and send it to us and we'll get right back with a call to help you decide what service package works.</p>
  569.                        <ul class="list-unstyled li-space-lg white">
  570.                            <li class="media">
  571.                                <i class="fas fa-square"></i>
  572.                                <div class="media-body">It's very easy just fill in the form so we can call</div>
  573.                            </li>
  574.                            <li class="media">
  575.                                <i class="fas fa-square"></i>
  576.                                <div class="media-body">During the call we'll require some info about the company</div>
  577.                            </li>
  578.                            <li class="media">
  579.                                <i class="fas fa-square"></i>
  580.                                <div class="media-body">Don't hesitate to email us for any questions or inquiries</div>
  581.                            </li>
  582.                        </ul>
  583.                    </div>
  584.                </div> <!-- end of col -->
  585.                <div class="col-lg-6">
  586.                  
  587.                    <!-- Call Me Form -->
  588.                    <form id="callMeForm" data-toggle="validator" data-focus="false">
  589.                        <div class="form-group">
  590.                            <input type="text" class="form-control-input" id="lname" name="lname" required>
  591.                            <label class="label-control" for="lname">Name</label>
  592.                            <div class="help-block with-errors"></div>
  593.                        </div>
  594.                        <div class="form-group">
  595.                            <input type="text" class="form-control-input" id="lphone" name="lphone" required>
  596.                            <label class="label-control" for="lphone">Phone</label>
  597.                            <div class="help-block with-errors"></div>
  598.                        </div>
  599.                        <div class="form-group">
  600.                            <input type="email" class="form-control-input" id="lemail" name="lemail" required>
  601.                            <label class="label-control" for="lemail">Email</label>
  602.                            <div class="help-block with-errors"></div>
  603.                        </div>
  604.                        <div class="form-group">
  605.                            <select class="form-control-select" id="lselect" required>
  606.                                <option class="select-option" value="" disabled selected>Interested in...</option>
  607.                                <option class="select-option" value="Off The Ground">Off The Ground</option>
  608.                                <option class="select-option" value="Accelerated Growth">Accelerated Growth</option>
  609.                                <option class="select-option" value="Market Domination">Market Domination</option>
  610.                            </select>
  611.                            <div class="help-block with-errors"></div>
  612.                        </div>
  613.                        <div class="form-group checkbox white">
  614.                            <input type="checkbox" id="lterms" value="Agreed-to-Terms" name="lterms" required>I agree with Aria's stated <a class="white" href="privacy-policy.html">Privacy Policy</a> and <a class="white" href="terms-conditions.html">Terms & Conditions</a>
  615.                            <div class="help-block with-errors"></div>
  616.                        </div>
  617.                        <div class="form-group">
  618.                            <button type="submit" class="form-control-submit-button">CALL ME</button>
  619.                        </div>
  620.                        <div class="form-message">
  621.                            <div id="lmsgSubmit" class="h3 text-center hidden"></div>
  622.                        </div>
  623.                    </form>
  624.                    <!-- end of call me form -->
  625.                    
  626.                </div> <!-- end of col -->
  627.            </div> <!-- end of row -->
  628.        </div> <!-- end of container -->
  629.    </div> <!-- end of form-1 -->
  630.    <!-- end of call me -->
  631.  
  632.  
  633.    <!-- Projects -->
  634.     <div id="projects" class="filter">
  635.         <div class="container">
  636.            <div class="row">
  637.                <div class="col-lg-12">
  638.                    <div class="section-title">PROJECTS</div>
  639.                    <h2>Projects That We're Proud Of</h2>
  640.                </div> <!-- end of col -->
  641.            </div> <!-- end of row -->
  642.            <div class="row">
  643.                <div class="col-lg-12">
  644.                    <!-- Filter -->
  645.                    <div class="button-group filters-button-group">
  646.                        <a class="button is-checked" data-filter="*"><span>SHOW ALL</span></a>
  647.                        <a class="button" data-filter=".design"><span>DESIGN</span></a>
  648.                        <a class="button" data-filter=".development"><span>DEVELOPMENT</span></a>
  649.                        <a class="button" data-filter=".marketing"><span>MARKETING</span></a>
  650.                        <a class="button" data-filter=".seo"><span>SEO</span></a>
  651.                    </div> <!-- end of button group -->
  652.                    <div class="grid">
  653.                        <div class="element-item development">
  654.                            <a class="popup-with-move-anim" href="#project-1"><div class="element-item-overlay"><span>Online Banking</span></div><img src="images/project-1.jpg" alt="alternative"></a>
  655.                        </div>
  656.                        <div class="element-item development">
  657.                            <a class="popup-with-move-anim" href="#project-2"><div class="element-item-overlay"><span>Classic Industry</span></div><img src="images/project-2.jpg" alt="alternative"></a>
  658.                        </div>
  659.                        <div class="element-item design development marketing">
  660.                            <a class="popup-with-move-anim" href="#project-3"><div class="element-item-overlay"><span>BoomBap Audio</span></div><img src="images/project-3.jpg" alt="alternative"></a>
  661.                        </div>
  662.                        <div class="element-item design development marketing">
  663.                            <a class="popup-with-move-anim" href="#project-4"><div class="element-item-overlay"><span>Van Moose</span></div><img src="images/project-4.jpg" alt="alternative"></a>
  664.                        </div>
  665.                        <div class="element-item design development marketing seo">
  666.                            <a class="popup-with-move-anim" href="#project-5"><div class="element-item-overlay"><span>Joy Moments</span></div><img src="images/project-5.jpg" alt="alternative"></a>
  667.                        </div>
  668.                        <div class="element-item design marketing seo">
  669.                            <a class="popup-with-move-anim" href="#project-6"><div class="element-item-overlay"><span>Spark Events</span></div><img src="images/project-6.jpg" alt="alternative"></a>
  670.                        </div>
  671.                        <div class="element-item design marketing">
  672.                            <a class="popup-with-move-anim" href="#project-7"><div class="element-item-overlay"><span>Casual Wear</span></div><img src="images/project-7.jpg" alt="alternative"></a>
  673.                        </div>
  674.                        <div class="element-item design marketing">
  675.                            <a class="popup-with-move-anim" href="#project-8"><div class="element-item-overlay"><span>Zazoo Apps</span></div><img src="images/project-8.jpg" alt="alternative"></a>
  676.                        </div>
  677.                    </div> <!-- end of grid -->
  678.                    <!-- end of filter -->
  679.                    
  680.                </div> <!-- end of col -->
  681.            </div> <!-- end of row -->
  682.         </div> <!-- end of container -->
  683.    </div> <!-- end of filter -->
  684.    <!-- end of projects -->
  685.  
  686.  
  687.    <!-- Project Lightboxes -->
  688.    <!-- Lightbox -->
  689.    <div id="project-1" class="lightbox-basic zoom-anim-dialog mfp-hide">
  690.        <div class="row">
  691.            <button title="Close (Esc)" type="button" class="mfp-close x-button">×</button>
  692.            <div class="col-lg-8">
  693.                <img class="img-fluid" src="images/project-1.jpg" alt="alternative">
  694.            </div> <!-- end of col -->
  695.            <div class="col-lg-4">
  696.                <h3>Online Banking</h3>
  697.                <hr class="line-heading">
  698.                <h6>Strategy Development</h6>
  699.                <p>Need a solid foundation for your business growth plans? Aria will help you manage sales and meet your current needs</p>
  700.                <p>By offering the best professional services and quality products in the market. Don't hesitate and get in touch with us.</p>
  701.                <div class="testimonial-container">
  702.                    <p class="testimonial-text">Need a solid foundation for your business growth plans? Aria will help you manage sales and meet your current requirements.</p>
  703.                    <p class="testimonial-author">General Manager</p>
  704.                </div>
  705.                <a class="btn-solid-reg" href="#your-link">DETAILS</a> <a class="btn-outline-reg mfp-close as-button" href="#projects">BACK</a>
  706.            </div> <!-- end of col -->
  707.        </div> <!-- end of row -->
  708.    </div> <!-- end of lightbox-basic -->
  709.    <!-- end of lightbox -->
  710.  
  711.    <!-- Lightbox -->
  712.    <div id="project-2" class="lightbox-basic zoom-anim-dialog mfp-hide">
  713.        <div class="row">
  714.            <button title="Close (Esc)" type="button" class="mfp-close x-button">×</button>
  715.            <div class="col-lg-8">
  716.                <img class="img-fluid" src="images/project-2.jpg" alt="alternative">
  717.            </div> <!-- end of col -->
  718.            <div class="col-lg-4">
  719.                <h3>Classic Industry</h3>
  720.                <hr class="line-heading">
  721.                <h6>Strategy Development</h6>
  722.                <p>Need a solid foundation for your business growth plans? Aria will help you manage sales and meet your current needs</p>
  723.                <p>By offering the best professional services and quality products in the market. Don't hesitate and get in touch with us.</p>
  724.                <div class="testimonial-container">
  725.                    <p class="testimonial-text">Need a solid foundation for your business growth plans? Aria will help you manage sales and meet your current requirements.</p>
  726.                    <p class="testimonial-author">General Manager</p>
  727.                </div>
  728.                <a class="btn-solid-reg" href="#your-link">DETAILS</a> <a class="btn-outline-reg mfp-close as-button" href="#projects">BACK</a>
  729.            </div> <!-- end of col -->
  730.        </div> <!-- end of row -->
  731.    </div> <!-- end of lightbox-basic -->
  732.    <!-- end of lightbox -->
  733.  
  734.    <!-- Lightbox -->
  735.    <div id="project-3" class="lightbox-basic zoom-anim-dialog mfp-hide">
  736.        <div class="row">
  737.            <button title="Close (Esc)" type="button" class="mfp-close x-button">×</button>
  738.            <div class="col-lg-8">
  739.                <img class="img-fluid" src="images/project-3.jpg" alt="alternative">
  740.            </div> <!-- end of col -->
  741.            <div class="col-lg-4">
  742.                <h3>BoomBap Audio</h3>
  743.                <hr class="line-heading">
  744.                <h6>Strategy Development</h6>
  745.                <p>Need a solid foundation for your business growth plans? Aria will help you manage sales and meet your current needs</p>
  746.                <p>By offering the best professional services and quality products in the market. Don't hesitate and get in touch with us.</p>
  747.                <div class="testimonial-container">
  748.                    <p class="testimonial-text">Need a solid foundation for your business growth plans? Aria will help you manage sales and meet your current requirements.</p>
  749.                    <p class="testimonial-author">General Manager</p>
  750.                </div>
  751.                <a class="btn-solid-reg" href="#your-link">DETAILS</a> <a class="btn-outline-reg mfp-close as-button" href="#projects">BACK</a>
  752.            </div> <!-- end of col -->
  753.        </div> <!-- end of row -->
  754.    </div> <!-- end of lightbox-basic -->
  755.    <!-- end of lightbox -->
  756.  
  757.    <!-- Lightbox -->
  758.    <div id="project-4" class="lightbox-basic zoom-anim-dialog mfp-hide">
  759.        <div class="row">
  760.            <button title="Close (Esc)" type="button" class="mfp-close x-button">×</button>
  761.            <div class="col-lg-8">
  762.                <img class="img-fluid" src="images/project-4.jpg" alt="alternative">
  763.            </div> <!-- end of col -->
  764.            <div class="col-lg-4">
  765.                <h3>Van Moose</h3>
  766.                <hr class="line-heading">
  767.                <h6>Strategy Development</h6>
  768.                <p>Need a solid foundation for your business growth plans? Aria will help you manage sales and meet your current needs</p>
  769.                <p>By offering the best professional services and quality products in the market. Don't hesitate and get in touch with us.</p>
  770.                <div class="testimonial-container">
  771.                    <p class="testimonial-text">Need a solid foundation for your business growth plans? Aria will help you manage sales and meet your current requirements.</p>
  772.                    <p class="testimonial-author">General Manager</p>
  773.                </div>
  774.                <a class="btn-solid-reg" href="#your-link">DETAILS</a> <a class="btn-outline-reg mfp-close as-button" href="#projects">BACK</a>
  775.            </div> <!-- end of col -->
  776.        </div> <!-- end of row -->
  777.    </div> <!-- end of lightbox-basic -->
  778.    <!-- end of lightbox -->
  779.  
  780.    <!-- Lightbox -->
  781.    <div id="project-5" class="lightbox-basic zoom-anim-dialog mfp-hide">
  782.        <div class="row">
  783.            <button title="Close (Esc)" type="button" class="mfp-close x-button">×</button>
  784.            <div class="col-lg-8">
  785.                <img class="img-fluid" src="images/project-5.jpg" alt="alternative">
  786.            </div> <!-- end of col -->
  787.            <div class="col-lg-4">
  788.                <h3>Joy Moments</h3>
  789.                <hr class="line-heading">
  790.                <h6>Strategy Development</h6>
  791.                <p>Need a solid foundation for your business growth plans? Aria will help you manage sales and meet your current needs</p>
  792.                <p>By offering the best professional services and quality products in the market. Don't hesitate and get in touch with us.</p>
  793.                <div class="testimonial-container">
  794.                    <p class="testimonial-text">Need a solid foundation for your business growth plans? Aria will help you manage sales and meet your current requirements.</p>
  795.                    <p class="testimonial-author">General Manager</p>
  796.                </div>
  797.                <a class="btn-solid-reg" href="#your-link">DETAILS</a> <a class="btn-outline-reg mfp-close as-button" href="#projects">BACK</a>
  798.            </div> <!-- end of col -->
  799.        </div> <!-- end of row -->
  800.    </div> <!-- end of lightbox-basic -->
  801.    <!-- end of lightbox -->
  802.  
  803.    <!-- Lightbox -->
  804.    <div id="project-6" class="lightbox-basic zoom-anim-dialog mfp-hide">
  805.        <div class="row">
  806.            <button title="Close (Esc)" type="button" class="mfp-close x-button">×</button>
  807.            <div class="col-lg-8">
  808.                <img class="img-fluid" src="images/project-6.jpg" alt="alternative">
  809.            </div> <!-- end of col -->
  810.            <div class="col-lg-4">
  811.                <h3>Spark Events</h3>
  812.                <hr class="line-heading">
  813.                <h6>Strategy Development</h6>
  814.                <p>Need a solid foundation for your business growth plans? Aria will help you manage sales and meet your current needs</p>
  815.                <p>By offering the best professional services and quality products in the market. Don't hesitate and get in touch with us.</p>
  816.                <div class="testimonial-container">
  817.                    <p class="testimonial-text">Need a solid foundation for your business growth plans? Aria will help you manage sales and meet your current requirements.</p>
  818.                    <p class="testimonial-author">General Manager</p>
  819.                </div>
  820.                <a class="btn-solid-reg" href="#your-link">DETAILS</a> <a class="btn-outline-reg mfp-close as-button" href="#projects">BACK</a>
  821.            </div> <!-- end of col -->
  822.        </div> <!-- end of row -->
  823.    </div> <!-- end of lightbox-basic -->
  824.    <!-- end of lightbox -->
  825.  
  826.    <!-- Lightbox -->
  827.    <div id="project-7" class="lightbox-basic zoom-anim-dialog mfp-hide">
  828.        <div class="row">
  829.            <button title="Close (Esc)" type="button" class="mfp-close x-button">×</button>
  830.            <div class="col-lg-8">
  831.                <img class="img-fluid" src="images/project-7.jpg" alt="alternative">
  832.            </div> <!-- end of col -->
  833.            <div class="col-lg-4">
  834.                <h3>Casual Wear</h3>
  835.                <hr class="line-heading">
  836.                <h6>Strategy Development</h6>
  837.                <p>Need a solid foundation for your business growth plans? Aria will help you manage sales and meet your current needs</p>
  838.                <p>By offering the best professional services and quality products in the market. Don't hesitate and get in touch with us.</p>
  839.                <div class="testimonial-container">
  840.                    <p class="testimonial-text">Need a solid foundation for your business growth plans? Aria will help you manage sales and meet your current requirements.</p>
  841.                    <p class="testimonial-author">General Manager</p>
  842.                </div>
  843.                <a class="btn-solid-reg" href="#your-link">DETAILS</a> <a class="btn-outline-reg mfp-close as-button" href="#projects">BACK</a>
  844.            </div> <!-- end of col -->
  845.        </div> <!-- end of row -->
  846.    </div> <!-- end of lightbox-basic -->
  847.    <!-- end of lightbox -->
  848.  
  849.    <!-- Lightbox -->
  850.    <div id="project-8" class="lightbox-basic zoom-anim-dialog mfp-hide">
  851.        <div class="row">
  852.            <button title="Close (Esc)" type="button" class="mfp-close x-button">×</button>
  853.            <div class="col-lg-8">
  854.                <img class="img-fluid" src="images/project-8.jpg" alt="alternative">
  855.            </div> <!-- end of col -->
  856.            <div class="col-lg-4">
  857.                <h3>Zazoo Apps</h3>
  858.                <hr class="line-heading">
  859.                <h6>Strategy Development</h6>
  860.                <p>Need a solid foundation for your business growth plans? Aria will help you manage sales and meet your current needs</p>
  861.                <p>By offering the best professional services and quality products in the market. Don't hesitate and get in touch with us.</p>
  862.                <div class="testimonial-container">
  863.                    <p class="testimonial-text">Need a solid foundation for your business growth plans? Aria will help you manage sales and meet your current requirements.</p>
  864.                    <p class="testimonial-author">General Manager</p>
  865.                </div>
  866.                <a class="btn-solid-reg" href="#your-link">DETAILS</a> <a class="btn-outline-reg mfp-close as-button" href="#projects">BACK</a>
  867.            </div> <!-- end of col -->
  868.        </div> <!-- end of row -->
  869.    </div> <!-- end of lightbox-basic -->
  870.    <!-- end of lightbox -->
  871.    <!-- end of project lightboxes -->
  872.  
  873.  
  874.    <!-- Team -->
  875.    <div class="basic-2">
  876.        <div class="container">
  877.            <div class="row">
  878.                <div class="col-lg-12">
  879.                    <h2>Our Team Of Consultants</h2>
  880.                    <p class="p-heading">We're only as strong and as knowledgeable as our team. So here are the men and women which help customers meet goals and grow companies</p>
  881.                </div> <!-- end of col -->
  882.            </div> <!-- end of row -->
  883.            <div class="row">
  884.                <div class="col-lg-12">
  885.  
  886.                    <!-- Team Member -->
  887.                    <div class="team-member">
  888.                        <div class="image-wrapper">
  889.                            <img class="img-fluid" src="images/team-1.png" alt="alternative">
  890.                        </div> <!-- end of image-wrapper -->
  891.                        <p class="p-large">John Whitelong</p>
  892.                        <p class="job-title">General Manager</p>
  893.                        <span class="social-icons">
  894.                            <span class="fa-stack">
  895.                                <a href="#your-link">
  896.                                    <span class="hexagon"></span>
  897.                                    <i class="fab fa-facebook-f fa-stack-1x"></i>
  898.                                </a>
  899.                            </span>
  900.                            <span class="fa-stack">
  901.                                <a href="#your-link">
  902.                                    <span class="hexagon"></span>
  903.                                    <i class="fab fa-twitter fa-stack-1x"></i>
  904.                                </a>
  905.                            </span>
  906.                        </span>
  907.                    </div> <!-- end of team-member -->
  908.                    <!-- end of team member -->
  909.  
  910.                    <!-- Team Member -->
  911.                    <div class="team-member">
  912.                        <div class="image-wrapper">
  913.                            <img class="img-fluid" src="images/team-2.png" alt="alternative">
  914.                        </div> <!-- end of image wrapper -->
  915.                        <p class="p-large">Veronique Smith</p>
  916.                        <p class="job-title">Business Developer</p>
  917.                        <span class="social-icons">
  918.                            <span class="fa-stack">
  919.                                <a href="#your-link">
  920.                                    <span class="hexagon"></span>
  921.                                    <i class="fab fa-facebook-f fa-stack-1x"></i>
  922.                                </a>
  923.                            </span>
  924.                            <span class="fa-stack">
  925.                                <a href="#your-link">
  926.                                    <span class="hexagon"></span>
  927.                                    <i class="fab fa-twitter fa-stack-1x"></i>
  928.                                </a>
  929.                            </span>
  930.                        </span>
  931.                    </div> <!-- end of team-member -->
  932.                    <!-- end of team member -->
  933.  
  934.                    <!-- Team Member -->
  935.                    <div class="team-member">
  936.                        <div class="image-wrapper">
  937.                            <img class="img-fluid" src="images/team-3.png" alt="alternative">
  938.                        </div> <!-- end of image wrapper -->
  939.                        <p class="p-large">Chris Zimerman</p>
  940.                        <p class="job-title">Online Marketer</p>
  941.                        <span class="social-icons">
  942.                            <span class="fa-stack">
  943.                                <a href="#your-link">
  944.                                    <span class="hexagon"></span>
  945.                                    <i class="fab fa-facebook-f fa-stack-1x"></i>
  946.                                </a>
  947.                            </span>
  948.                            <span class="fa-stack">
  949.                                <a href="#your-link">
  950.                                    <span class="hexagon"></span>
  951.                                    <i class="fab fa-twitter fa-stack-1x"></i>
  952.                                </a>
  953.                            </span>
  954.                        </span>
  955.                    </div> <!-- end of team-member -->
  956.                    <!-- end of team member -->
  957.  
  958.                    <!-- Team Member -->
  959.                    <div class="team-member">
  960.                        <div class="image-wrapper">
  961.                            <img class="img-fluid" src="images/team-4.png" alt="alternative">
  962.                        </div> <!-- end of image wrapper -->
  963.                        <p class="p-large">Mary Villalonga</p>
  964.                        <p class="job-title">Community Manager</p>
  965.                        <span class="social-icons">
  966.                            <span class="fa-stack">
  967.                                <a href="#your-link">
  968.                                    <span class="hexagon"></span>
  969.                                    <i class="fab fa-facebook-f fa-stack-1x"></i>
  970.                                </a>
  971.                            </span>
  972.                            <span class="fa-stack">
  973.                                <a href="#your-link">
  974.                                    <span class="hexagon"></span>
  975.                                    <i class="fab fa-twitter fa-stack-1x"></i>
  976.                                </a>
  977.                            </span>
  978.                        </span>
  979.                    </div> <!-- end of team-member -->
  980.                    <!-- end of team member -->
  981.  
  982.                </div> <!-- end of col -->
  983.            </div> <!-- end of row -->
  984.        </div> <!-- end of container -->
  985.    </div> <!-- end of basic-2 -->
  986.    <!-- end of team -->
  987.  
  988.  
  989.    <!-- About -->
  990.    <div id="about" class="counter">
  991.        <div class="container">
  992.            <div class="row">
  993.                <div class="col-lg-5 col-xl-6">
  994.                    <div class="image-container">
  995.                        <img class="img-fluid" src="images/about.jpg" alt="alternative">
  996.                    </div> <!-- end of image-container -->
  997.                </div> <!-- end of col -->
  998.                <div class="col-lg-7 col-xl-6">
  999.                    <div class="text-container">
  1000.                        <div class="section-title">ABOUT</div>
  1001.                        <h2>We're Passionate About Delivering Growth Services</h2>
  1002.                        <p>Our goal is to provide the right business growth services at the appropriate time so companies can benefit from the created momentum and thrive for a long period of time</p>
  1003.                        <ul class="list-unstyled li-space-lg">
  1004.                            <li class="media">
  1005.                                <i class="fas fa-square"></i>
  1006.                                <div class="media-body">Everything we recommend has direct positive impact</div>
  1007.                            </li>
  1008.                            <li class="media">
  1009.                                <i class="fas fa-square"></i>
  1010.                                <div class="media-body">You will become an important partner of our company</div>
  1011.                            </li>
  1012.                        </ul>
  1013.  
  1014.                        <!-- Counter -->
  1015.                        <div id="counter">
  1016.                            <div class="cell">
  1017.                                <div class="counter-value number-count" data-count="231">1</div>
  1018.                                <div class="counter-info">Happy<br>Users</div>
  1019.                            </div>
  1020.                            <div class="cell">
  1021.                                <div class="counter-value number-count" data-count="121">1</div>
  1022.                                <div class="counter-info">Issues<br>Solved</div>
  1023.                            </div>
  1024.                            <div class="cell">
  1025.                                <div class="counter-value number-count" data-count="159">1</div>
  1026.                                <div class="counter-info">Good<br>Reviews</div>
  1027.                            </div>
  1028.                        </div>
  1029.                        <!-- end of counter -->
  1030.  
  1031.                    </div> <!-- end of text-container -->      
  1032.                </div> <!-- end of col -->
  1033.            </div> <!-- end of row -->
  1034.        </div> <!-- end of container -->
  1035.    </div> <!-- end of counter -->
  1036.    <!-- end of about -->
  1037.  
  1038.  
  1039.    <!-- Contact -->
  1040.    <div id="contact" class="form-2">
  1041.        <div class="container">
  1042.            <div class="row">
  1043.                <div class="col-lg-6">
  1044.                    <div class="text-container">
  1045.                        <div class="section-title">CONTACT</div>
  1046.                        <h2>Get In Touch Using The Form</h2>
  1047.                        <p>You can stop by our office for a cup of coffee and just use the contact form below for any questions and inquiries</p>
  1048.                        <ul class="list-unstyled li-space-lg">
  1049.                            <li class="address"><i class="fas fa-map-marker-alt"></i>22nd Innovative Street, San Francisco, CA 94043, US</li>
  1050.                            <li><i class="fas fa-phone"></i><a href="tel:003024630820">+81 720 22 126</a></li>
  1051.                            <li><i class="fas fa-phone"></i><a href="tel:003024630820">+81 720 22 128</a></li>
  1052.                            <li><i class="fas fa-envelope"></i><a href="mailto:office@aria.com">office@aria.com</a></li>
  1053.                        </ul>
  1054.                        <h3>Follow Aria On Social Media</h3>
  1055.  
  1056.                        <span class="fa-stack">
  1057.                            <a href="#your-link">
  1058.                                <span class="hexagon"></span>
  1059.                                <i class="fab fa-facebook-f fa-stack-1x"></i>
  1060.                            </a>
  1061.                        </span>
  1062.                        <span class="fa-stack">
  1063.                            <a href="#your-link">
  1064.                                <span class="hexagon"></span>
  1065.                                <i class="fab fa-twitter fa-stack-1x"></i>
  1066.                            </a>
  1067.                        </span>
  1068.                        <span class="fa-stack">
  1069.                            <a href="#your-link">
  1070.                                <span class="hexagon"></span>
  1071.                                <i class="fab fa-pinterest fa-stack-1x"></i>
  1072.                            </a>
  1073.                        </span>
  1074.                        <span class="fa-stack">
  1075.                            <a href="#your-link">
  1076.                                <span class="hexagon"></span>
  1077.                                <i class="fab fa-instagram fa-stack-1x"></i>
  1078.                            </a>
  1079.                        </span>
  1080.                        <span class="fa-stack">
  1081.                            <a href="#your-link">
  1082.                                <span class="hexagon"></span>
  1083.                                <i class="fab fa-linkedin-in fa-stack-1x"></i>
  1084.                            </a>
  1085.                        </span>
  1086.                        <span class="fa-stack">
  1087.                            <a href="#your-link">
  1088.                                <span class="hexagon"></span>
  1089.                                <i class="fab fa-behance fa-stack-1x"></i>
  1090.                            </a>
  1091.                        </span>
  1092.                    </div> <!-- end of text-container -->
  1093.                </div> <!-- end of col -->
  1094.                <div class="col-lg-6">
  1095.                    
  1096.                    <!-- Contact Form -->
  1097.                    <form id="contactForm" data-toggle="validator" data-focus="false">
  1098.                        <div class="form-group">
  1099.                            <input type="text" class="form-control-input" id="cname" required>
  1100.                            <label class="label-control" for="cname">Name</label>
  1101.                            <div class="help-block with-errors"></div>
  1102.                        </div>
  1103.                        <div class="form-group">
  1104.                            <input type="email" class="form-control-input" id="cemail" required>
  1105.                            <label class="label-control" for="cemail">Email</label>
  1106.                            <div class="help-block with-errors"></div>
  1107.                        </div>
  1108.                        <div class="form-group">
  1109.                            <textarea class="form-control-textarea" id="cmessage" required></textarea>
  1110.                            <label class="label-control" for="cmessage">Your message</label>
  1111.                            <div class="help-block with-errors"></div>
  1112.                        </div>
  1113.                        <div class="form-group checkbox">
  1114.                            <input type="checkbox" id="cterms" value="Agreed-to-Terms" required>I agree with Aria's stated <a href="privacy-policy.html">Privacy Policy</a> and <a href="terms-conditions.html">Terms Conditions</a>
  1115.                            <div class="help-block with-errors"></div>
  1116.                        </div>
  1117.                        <div class="form-group">
  1118.                            <button type="submit" class="form-control-submit-button">SUBMIT MESSAGE</button>
  1119.                        </div>
  1120.                        <div class="form-message">
  1121.                            <div id="cmsgSubmit" class="h3 text-center hidden"></div>
  1122.                        </div>
  1123.                    </form>
  1124.                    <!-- end of contact form -->
  1125.  
  1126.                </div> <!-- end of col -->
  1127.            </div> <!-- end of row -->
  1128.        </div> <!-- end of container -->
  1129.    </div> <!-- end of form-2 -->
  1130.    <!-- end of contact -->
  1131.  
  1132.  
  1133.    <!-- Footer -->
  1134.    <div class="footer">
  1135.        <div class="container">
  1136.            <div class="row">
  1137.                <div class="col-md-6">
  1138.                    <div class="text-container about">
  1139.                        <h4>Few Words About Aria</h4>
  1140.                        <p class="white">We're passionate about delivering the best business growth services for companies just starting out as startups or industry players that have established their market position a long tima ago.</p>
  1141.                    </div> <!-- end of text-container -->
  1142.                </div> <!-- end of col -->
  1143.                <div class="col-md-2">
  1144.                    <div class="text-container">
  1145.                        <h4>Links</h4>
  1146.                        <ul class="list-unstyled li-space-lg white">
  1147.                            <li>
  1148.                                <a class="white" href="#your-link">startupguide.com</a>
  1149.                            </li>
  1150.                            <li>
  1151.                                <a class="white" href="terms-conditions.html">Terms & Conditions</a>
  1152.                            </li>
  1153.                            <li>
  1154.                                <a class="white" href="privacy-policy.html">Privacy Policy</a>
  1155.                            </li>
  1156.                        </ul>
  1157.                    </div> <!-- end of text-container -->
  1158.                </div> <!-- end of col -->
  1159.                <div class="col-md-2">
  1160.                    <div class="text-container">
  1161.                        <h4>Tools</h4>
  1162.                        <ul class="list-unstyled li-space-lg">
  1163.                            <li>
  1164.                                <a class="white" href="#your-link">businessgrowth.com</a>
  1165.                            </li>
  1166.                            <li>
  1167.                               <a class="white" href="#your-link">influencers.com</a>
  1168.                            </li>
  1169.                            <li class="media">
  1170.                                <a class="white" href="#your-link">optimizer.net</a>
  1171.                            </li>
  1172.                        </ul>
  1173.                    </div> <!-- end of text-container -->
  1174.                </div> <!-- end of col -->
  1175.                <div class="col-md-2">
  1176.                    <div class="text-container">
  1177.                        <h4>Partners</h4>
  1178.                        <ul class="list-unstyled li-space-lg">
  1179.                            <li>
  1180.                                <a class="white" href="#your-link">unicorns.com</a>
  1181.                            </li>
  1182.                            <li>
  1183.                                <a class="white" href="#your-link">staffmanager.com</a>
  1184.                            </li>
  1185.                            <li>
  1186.                                <a class="white" href="#your-link">association.gov</a>
  1187.                            </li>
  1188.                        </ul>
  1189.                    </div> <!-- end of text-container -->
  1190.                </div> <!-- end of col -->
  1191.            </div> <!-- end of row -->
  1192.        </div> <!-- end of container -->
  1193.    </div> <!-- end of footer -->  
  1194.    <!-- end of footer -->
  1195.  
  1196.  
  1197.    <!-- Copyright -->
  1198.    <div class="copyright">
  1199.        <div class="container">
  1200.            <div class="row">
  1201.                <div class="col-lg-12">
  1202.                    <p class="p-small">Copyright © 2020 <a href="https://inovatik.com">Template by Inovatik</a></p>
  1203.                </div> <!-- end of col -->
  1204.            </div> <!-- enf of row -->
  1205.        </div> <!-- end of container -->
  1206.    </div> <!-- end of copyright -->
  1207.    <!-- end of copyright -->
  1208.    
  1209.        
  1210.    <!-- Scripts -->
  1211.    <script src="js/jquery.min.js"></script> <!-- jQuery for Bootstrap's JavaScript plugins -->
  1212.    <script src="js/popper.min.js"></script> <!-- Popper tooltip library for Bootstrap -->
  1213.    <script src="js/bootstrap.min.js"></script> <!-- Bootstrap framework -->
  1214.    <script src="js/jquery.easing.min.js"></script> <!-- jQuery Easing for smooth scrolling between anchors -->
  1215.    <script src="js/swiper.min.js"></script> <!-- Swiper for image and text sliders -->
  1216.    <script src="js/jquery.magnific-popup.js"></script> <!-- Magnific Popup for lightboxes -->
  1217.    <script src="js/morphext.min.js"></script> <!-- Morphtext rotating text in the header -->
  1218.    <script src="js/isotope.pkgd.min.js"></script> <!-- Isotope for filter -->
  1219.    <script src="js/validator.min.js"></script> <!-- Validator.js - Bootstrap plugin that validates forms -->
  1220.    <script src="js/scripts.js"></script> <!-- Custom scripts -->
  1221. </body>
  1222. </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!