View file TeraHoster/TeraHoster html-Version/2018 Version/cloud-hosting.html

File size: 45.26Kb
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta content="IE=edge" http-equiv="X-UA-Compatible">
    <meta content="width=device-width, initial-scale=1" name="viewport">
    <!-- seo tools -->
    <meta content="TeraHoster is a professional,clean,unique and modern hosting HTML5 Template" name="description">
    <meta content="TeraHoster,design,html5,hosting template,hosting,whmcs,domain" name="keywords">
    <meta content="ThemeKolor" name="author">
    <!-- seo tools -->
    <!-- page title -->
    <title>TeraHoster - Best wordpress Hosting</title>
    <!-- page title -->
    <!-- favicon -->
    <link href="favicon.ico" rel="shortcut icon" type="image/x-icon">
    <link href="favicon.ico" rel="icon" type="image/x-icon">
    <!-- bootstrap css -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <!-- default css / Style Pages -->
    <link href="style/style.css" rel="stylesheet" type="text/css">
    <link href="style/navigation.css" rel="stylesheet">
    <link href="style/preloader.css" rel="stylesheet">
    <link href="style/megamenu-style.css" rel="stylesheet">
    <link href="style/color-switcher/color-switcher.css" rel="stylesheet">
    <!-- responsive css -->
    <link href="style/responsive.css" rel="stylesheet" type="text/css">
    <!-- animations -->
    <link href="style/animate.css" rel="stylesheet" type="text/css">
    <!-- fontawesome -->
    <link href="fonts/font-awesome.min.css" rel="stylesheet" type="text/css">
    <!-- google fonts -->
    <link href="https://fonts.googleapis.com/css?family=Maven+Pro:400,500,700,900|Noto+Sans:400,700|Nunito+Sans:400,400i,600,600i,700,700i,800,900,900i" rel="stylesheet">
</head>

<body>

    <!-- preloader -->
    <div id="preloader">
        <div class="text-center " id="status">
            <img src="Preloader.svg" alt="Preloader" class="img-responsive" style="margin: 0 auto">
        </div>
    </div>
    <!-- preloader -->

    <!--START OF TOP-BAR -->
    <div class="container-fluid top-bar">
        <div class="container">
            <div class="col-sm-5 col-xs-5 top-list">
                <ul>
                    <li>
                        <a href="#"><i aria-hidden="true" class="fa fa-facebook fa-md hvr-grow"></i></a>
                    </li>
                    <li>
                        <a href="#"><i aria-hidden="true" class="fa fa-twitter fa-md hvr-grow"></i></a>
                    </li>
                    <li>
                        <a href="#"><i aria-hidden="true" class="fa fa-google-plus fa-md hvr-grow"></i></a>
                    </li>
                    <li>
                        <a href="#"><i aria-hidden="true" class="fa fa-linkedin fa-md hvr-grow"></i></a>
                    </li>
                </ul>
            </div>
            <div class="col-sm-7 col-xs-7 top-list-right">
                <ul>
                    <li class="account"><a href="#">My Account</a></li>
                    <li class="toplist-3"><a href="about.html">About</a></li>
                    <li class="toplist-5"><a href="contact.html">Contact</a></li>
                    <li class="toplist-2">hello@themekolor.co</li>
                </ul>
            </div>
        </div>
    </div>
    <!--END OF TOP-BAR  -->
    <!-- Start Navigation -->
    <nav class="navbar navbar-default navbar-sticky navbar-mobile bootsnav">

        <div class="container">
            <!-- Start Atribute Navigation -->
            <div class="attr-nav">
                <ul>
                    <li class="side-menu"><a href="#"><i class="fa fa-bars"></i></a></li>
                </ul>
            </div>
            <!-- End Atribute Navigation -->

            <!-- Start Header Navigation -->
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-menu">
                    <i class="fa fa-bars"></i>
                </button>
                <a class="navbar-brand" href="index.html"><img src="img/logo/logo2.png" class="logo" alt=""></a>
            </div>
            <!-- End Header Navigation -->

            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse" id="navbar-menu">
                <ul class="nav navbar-nav navbar-right" data-in="" data-out="fadeOut">
                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">Home</a>
                        <ul class="dropdown-menu">
                            <li class="active"><a href="index.html">2018 Version</a></li>
                            <li><a href="http://themekolor.co/enterprise/index.html">Enterprise Version</a></li>
                            <li><a href="http://themekolor.co/whmcs/">WHMCS Version</a></li>
                        </ul>
                    </li>
                    <li class="dropdown megamenu-fw active">
                        <a href="#" class="dropdown-toggle before" data-toggle="dropdown">Hosting</a>
                        <ul class="dropdown-menu megamenu-content" role="menu">
                            <li>
                                <div class="row">
                                    <div class="col-menu col-md-3">
                                        <h6 class="title">Wordpress Hosting</h6>
                                        <div class="content">
                                            <img src="img/megamenu/wp.jpg" alt="ColorHosting" class="img-responsive">
                                            <h5>Starting from <b>$29.99</b></h5>
                                            <p>High performance hosting</p>
                                            <a href="wordpress-hosting.html" class="button btn btn-outline">Buy Now</a>
                                        </div>
                                    </div>
                                    <!-- end col-3 -->
                                    <div class="col-menu col-md-3">
                                        <h6 class="title">Cloud Hosting</h6>
                                        <div class="content">
                                            <img src="img/megamenu/cloud.jpg" alt="ColorHosting" class="img-responsive">
                                            <h5>Starting from <b>$11.99</b></h5>
                                            <p>High performance Cloud hosting</p>
                                            <a href="cloud-hosting.html" class="button btn btn-outline">Buy Now</a>
                                        </div>
                                    </div>
                                    <!-- end col-3 -->
                                    <div class="col-menu col-md-3">
                                        <h6 class="title">Virtual servers</h6>
                                        <div class="content">
                                            <img src="img/megamenu/vps.jpg" alt="ColorHosting" class="img-responsive">
                                            <h5>Starting from <b>$19.99</b></h5>
                                            <p>High performance VPS hosting</p>
                                            <a href="vps-hosting.html" class="button btn btn-outline">Buy Now</a>
                                        </div>
                                    </div>
                                    <div class="col-menu col-md-3">
                                        <h6 class="title">Dedicated Servers</h6>
                                        <div class="content dedicated">
                                            <h2>SALE 50%</h2>
                                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
                                            <a href="dedicated.html" class="button btn btn-outline">Read More</a>
                                        </div>
                                    </div>
                                    <!-- end col-3 -->
                                </div>
                                <!-- end row -->
                            </li>
                        </ul>
                    </li>
                    <li>
                        <a href="web-development.html">Web Design <span class="new">NEW</span></a>
                    </li>
                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">Features</a>
                        <ul class="dropdown-menu">
                            <li><a href="testimonials.html">Testimonials</a></li>
                            <li><a href="boxes.html">Style Boxes</a></li>
                            <li><a href="headers.html">Page Headers</a></li>
                            <li><a href="pricing.html">Pricing Tables</a></li>
                            <li><a href="contact.html">Working Contact Form</a></li>
                        </ul>
                    </li>
                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">Pages</a>
                        <ul class="dropdown-menu">
                            <li><a href="error404.html">404 Error</a></li>
                            <li><a href="about.html">About Us</a></li>
                            <li><a href="contact.html">Contact Page</a></li>
                            <li><a href="web-development.html">Web Development</a></li>
                            <li class="dropdown">
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Hosting</a>
                                <ul class="dropdown-menu">
                                    <li><a href="wordpress-hosting.html">Wordpress Hosting</a></li>
                                    <li><a href="cloud-hosting.html">Cloud Hosting</a></li>
                                    <li><a href="dedicated.html">Dedicated Servers</a></li>
                                    <li><a href="vps-hosting.html">Virtual Servers</a></li>
                                </ul>
                            </li>
                        </ul>
                    </li>
                    <li><a href="contact.html">Contact</a></li>
                </ul>
            </div>
            <!-- /.navbar-collapse -->
        </div>

        <!-- Side Menu -->
        <div class="side">
            <a href="#" class="close-side"><i class="fa fa-times"></i></a>
            <div class="widget">
                <h6 class="title">OUR COMPANY</h6>
                <ul class="link">
                    <li><a href="#">About</a></li>
                    <li><a href="#">Services</a></li>
                    <li><a href="#">Blog</a></li>
                    <li><a href="#">Portfolio</a></li>
                    <li><a href="#">Contact</a></li>
                </ul>
            </div>
            <div class="widget">
                <h6 class="title">WHY TERAHOSTER</h6>
                <ul class="link">
                    <li><a href="#">Modern and Clean</a></li>
                    <li><a href="#">Smooth Scroll</a></li>
                    <li><a href="#">Parallax Effect</a></li>
                    <li><a href="#">Easy to Costumize</a></li>
                    <li><a href="#">Multiple Pages</a></li>
                </ul>
            </div>
        </div>
        <!-- End Side Menu -->
    </nav>
    <!-- End Navigation -->

    <!-- header -->
    <div class="jumbotron header-simple wordpress-header cloud text-center">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <h2>Fully Managed Wordpress Hosting</h2>
                    <p><a href="index.html">Home</a> / <a href="wordpress-hosting.html"> Wordpress Hosting</a></p>
                </div>
            </div>
        </div>
    </div>
    <!-- end of header -->

    <!-- start of section -->
    <section class="pricing-columns pricing-section">
        <div class="default-title">
            <h3>Choose your perfect Dedicated Plan</h3>
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
        </div>
        <div class="container">
            <label class="toggler toggler--is-active" id="filt-monthly">Monthly</label>
            <div class="toggle">
                <input type="checkbox" id="switcher" class="check">
                <b class="b switch"></b>
            </div>
            <label class="toggler" id="filt-hourly">Yearly</label>
            <div id="monthly" class="wrapper-full">
                <div id="pricing-chart-wrap">
                    <div id="pricing-chart">
                        <div id="smaller-plans">
                            <div class="col-md-3 col-sm-6 col-xs-12">
                                <div class="plan">
                                    <div class="price">
                                        <span class="dollar">$</span>
                                        <span class="amount" data-dollar-amount="11.99">11.99</span>
                                        <span class="slash">/</span>
                                        <span class="month">mo</span>
                                    </div>
                                    <ul>
                                        <li class="list1">30GB SSD Space</li>
                                        <li class="list2">1024MB Memory</li>
                                        <li class="list3">1 Core vCPU</li>
                                        <li class="list4">1TB/mo Bandwidth</li>
                                        <li class="list5">Unlimited MySQL</li>
                                        <li class="list6">50 E-mails</li>
                                        <li class="list7">50 FTP Accounts</li>
                                        <li class="list8">Unlimited Free Support</li>
                                    </ul>
                                    <a class="button sign-up" href="#">Sign Up</a>
                                </div>
                            </div>
                            <div class="col-md-3 col-sm-6 col-xs-12">
                                <div class="plan offer">
                                    <div class="price">
                                        <span class="dollar">$</span>
                                        <span class="amount" data-dollar-amount="19.99">19.99</span>
                                        <span class="slash">/</span>
                                        <span class="month">mo</span>
                                    </div>
                                    <ul>
                                        <li class="list1">50GB SSD Space</li>
                                        <li class="list2">2024MB Memory</li>
                                        <li class="list3">2 Core vCPU</li>
                                        <li class="list4">2TB/mo Bandwidth</li>
                                        <li class="list5">Unlimited MySQL</li>
                                        <li class="list6">100 E-mails</li>
                                        <li class="list7">100 FTP Accounts</li>
                                        <li class="list8">Unlimited Free Support</li>
                                    </ul>
                                    <a class="button sign-up" href="#">Sign Up</a>
                                </div>
                            </div>
                            <div class="col-md-3 col-sm-6 col-xs-12">
                                <div class="plan">
                                    <div class="price">
                                        <span class="dollar">$</span>
                                        <span class="amount" data-dollar-amount="29.99">29.99</span>
                                        <span class="slash">/</span>
                                        <span class="month">mo</span>
                                    </div>
                                    <ul>
                                        <li class="list1">100GB SSD Space</li>
                                        <li class="list2">4024MB Memory</li>
                                        <li class="list3">2 Core vCPU</li>
                                        <li class="list4">1.5TB/mo Bandwidth</li>
                                        <li class="list5">Unlimited MySQL</li>
                                        <li class="list6">150 E-mails</li>
                                        <li class="list7">150 FTP Accounts</li>
                                        <li class="list8">Unlimited Free Support</li>
                                    </ul>
                                    <a class="button sign-up" href="#">Sign Up</a>
                                </div>
                            </div>
                            <div class="col-md-3 col-sm-6 col-xs-12">
                                <div class="plan">
                                    <div class="price">
                                        <span class="dollar">$</span>
                                        <span class="amount" data-dollar-amount="34.99">34.99</span>
                                        <span class="slash">/</span>
                                        <span class="month">mo</span>
                                    </div>
                                    <ul>
                                        <li class="list1">200GB SSD Space</li>
                                        <li class="list2">4024MB Memory</li>
                                        <li class="list3">3 Core vCPU</li>
                                        <li class="list4">5TB/mo Bandwidth</li>
                                        <li class="list5">Unlimited MySQL</li>
                                        <li class="list6">300 E-mails</li>
                                        <li class="list7">300 FTP Accounts</li>
                                        <li class="list8">Unlimited Free Support</li>
                                    </ul>
                                    <a class="button sign-up" href="#">Sign Up</a>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
            <div id="yearly" class="wrapper-full hide">
                <div id="pricing-chart-wrap">
                    <div id="pricing-chart">
                        <div id="smaller-plans">
                            <div class="col-md-3 col-sm-6 col-xs-12">
                                <div class="plan">
                                    <div class="price">
                                        <span class="dollar">$</span>
                                        <span class="amount" data-dollar-amount="89.99">89.99</span>
                                        <span class="slash">/</span>
                                        <span class="month">y</span>
                                    </div>
                                    <ul>
                                        <li class="list1">30GB SSD Space</li>
                                        <li class="list2">1024MB Memory</li>
                                        <li class="list3">1 Core vCPU</li>
                                        <li class="list4">1TB/mo Bandwidth</li>
                                        <li class="list5">Unlimited MySQL</li>
                                        <li class="list6">50 E-mails</li>
                                        <li class="list7">50 FTP Accounts</li>
                                        <li class="list8">Unlimited Free Support</li>
                                    </ul>
                                    <a class="button sign-up" href="#">Sign Up</a>
                                </div>
                            </div>
                            <div class="col-md-3 col-sm-6 col-xs-12">
                                <div class="plan offer">
                                    <div class="price">
                                        <span class="dollar">$</span>
                                        <span class="amount" data-dollar-amount="109.99">109.49</span>
                                        <span class="slash">/</span>
                                        <span class="month">y</span>
                                    </div>
                                    <ul>
                                        <li class="list1">50GB SSD Space</li>
                                        <li class="list2">2024MB Memory</li>
                                        <li class="list3">2 Core vCPU</li>
                                        <li class="list4">2TB/mo Bandwidth</li>
                                        <li class="list5">Unlimited MySQL</li>
                                        <li class="list6">100 E-mails</li>
                                        <li class="list7">100 FTP Accounts</li>
                                        <li class="list8">Unlimited Free Support</li>
                                    </ul>
                                    <a class="button sign-up" href="#">Sign Up</a>
                                </div>
                            </div>
                            <div class="col-md-3 col-sm-6 col-xs-12">
                                <div class="plan">
                                    <div class="price">
                                        <span class="dollar">$</span>
                                        <span class="amount" data-dollar-amount="179.99">179.49</span>
                                        <span class="slash">/</span>
                                        <span class="month">y</span>
                                    </div>
                                    <ul>
                                        <li class="list1">100GB SSD Space</li>
                                        <li class="list2">4024MB Memory</li>
                                        <li class="list3">2 Core vCPU</li>
                                        <li class="list4">1.5TB/mo Bandwidth</li>
                                        <li class="list5">Unlimited MySQL</li>
                                        <li class="list6">150 E-mails</li>
                                        <li class="list7">150 FTP Accounts</li>
                                        <li class="list8">Unlimited Free Support</li>
                                    </ul>
                                    <a class="button sign-up" href="#">Sign Up</a>
                                </div>
                            </div>
                            <div class="col-md-3 col-sm-6 col-xs-12">
                                <div class="plan">
                                    <div class="price">
                                        <span class="dollar">$</span>
                                        <span class="amount" data-dollar-amount="219.99">219.99</span>
                                        <span class="slash">/</span>
                                        <span class="month">y</span>
                                    </div>
                                    <ul>
                                        <li class="list1">200GB SSD Space</li>
                                        <li class="list2">4024MB Memory</li>
                                        <li class="list3">3 Core vCPU</li>
                                        <li class="list4">5TB/mo Bandwidth</li>
                                        <li class="list5">Unlimited MySQL</li>
                                        <li class="list6">300 E-mails</li>
                                        <li class="list7">300 FTP Accounts</li>
                                        <li class="list8">Unlimited Free Support</li>
                                    </ul>
                                    <a class="button sign-up" href="#">Sign Up</a>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- end of section -->

    <!-- start of section -->
    <section id="features-list">
        <div class="default-title">
            <h3> WORDPRESS HOSTING FEATURES </h3>
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nisi iste laudantium nemo repudiandae.</p>
        </div>
        <div class="container feature-list-style">
            <div class="col-sm-4 fadesimple">
                <ul>
                    <li>Supermicro Blade Servers</li>
                    <li>Full Root Access / No Limit</li>
                    <li>$100 Google AdWords Offer</li>
                    <li>Troubleshooting & Repairs</li>
                    <li>Email Marketing Constant Contact</li>
                </ul>
            </div>
            <div class="col-sm-4 fadesimple">
                <ul>
                    <li>Get Started Quickly & Easily</li>
                    <li>Instant Server Provisioning</li>
                    <li>Award-Winning Web Hosting!</li>
                    <li>Free Cpanel accounts migrations</li>
                    <li>1gb/s network connection</li>
                </ul>
            </div>
            <div class="col-sm-4 fadesimple">
                <ul>
                    <li>Fully Scalable To Grow With You</li>
                    <li>Start small and grow your hosting</li>
                    <li>Full root access allows total control</li>
                    <li>Dedicated Control & Functionality</li>
                    <li>Scalable CPU and RAM</li>
                </ul>
            </div>
        </div>
        <!-- list container -->
    </section>

    <!-- start of section -->
    <section class="parallax" data-speed="0.6">
        <div class="container">
            <div class="col-md-6 col-sm-8">
                <div class="text">
                    <h3>Let's get started and grow your bussines</h3>
                    <h4>Five centuries later Lorem Ipsum experienced a surge in popularity with the release of Letraset's dry-transfer sheets</h4>
                    <a href="#" class="btn btn-2 red btn-lg">Get Started Now</a>
                </div>
            </div>
            <div class="col-md-6 col-sm-4"></div>
        </div>
    </section>
    <!-- end of section -->

    <!-- start of section -->
    <section class="section-dd-ft">
        <div class="container fadesimple">
            <div class="col-sm-4 overflow">
                <i class="fa fa-code fa-3x pull-left"></i>
                <div class="text">
                    <h3>Full Root</h3>
                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio eius repellendus esse qui, ut, suscipit nesciunt repudiandae eaque</p>
                </div>
            </div>
            <div class="col-sm-4 overflow">
                <i class="fa fa-sliders fa-3x pull-left"></i>
                <div class="text">
                    <h3>Scalable Ram</h3>
                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio eius repellendus esse qui, ut, suscipit nesciunt repudiandae eaque</p>
                </div>
            </div>
            <div class="col-sm-4 overflow">
                <i class="fa fa-undo fa-3x pull-left"></i>
                <div class="text">
                    <h3>Daily Backups</h3>
                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio eius repellendus esse qui, ut, suscipit nesciunt repudiandae eaque</p>
                </div>
            </div>
        </div>
        <!-- section -->
    </section>
    <!-- end of section -->
    <section class="arrow-f5-bg">
        <div class="arrow-red"></div>
    </section>
    <!-- start of section -->
    <section id="df-media">
        <div class="container">
            <div class="row">
                <div class="col-sm-6 fadesimple">
                    <div class="default-title">
                        <h3>Fully Managed Virtual <span>Servers</span></h3>
                    </div>
                    <ul>
                        <li>Over 90 operating systems and licences available</li>
                        <li>We have latest Xenon Processors</li>
                        <li>Platinum Quality bandwidth delivered to your location</li>
                        <li>Network cross-connections optimised to suit your needs</li>
                    </ul>
                    <a href="#" class="btn button btn-2 red btn-lg">Buy Now</a>
                    <a href="#" class="btn button btn-2 btn-lg">Read More</a>
                </div>
                <div class="col-sm-6 fadesimple">
                    <img alt="Dedicated Hosting" src="img/other/01.png" class="img-responsive">
                </div>
            </div>
        </div>
    </section>


    <section class="trng-bg for-df">
        <div class="trng trng-df"></div>
    </section>

    <section id="df-media2">
        <div class="container">
            <div class="row">
                <div class="col-sm-6 fadesimple">
                    <img alt="Dedicated Hosting" src="img/other/03.png" class="img-responsive">
                </div>
                <div class="col-sm-6 fadesimple">
                    <div class="default-title">
                        <h3>Powerful SSD Virtual <span>Hosting</span></h3>
                    </div>
                    <ul>
                        <li>Unlimited Banwidth with 1gb/s network connection</li>
                        <li>Unlimited SSD Space with latest technology</li>
                        <li>Professional E-mail Hosting</li>
                        <li>All servers are protected by powerful anti-DDos</li>
                    </ul>
                    <a href="#" class="btn button btn-2 red btn-lg">Buy Now</a>
                    <a href="#" class="btn button btn-2 btn-lg">Read More</a>
                </div>
            </div>
        </div>
    </section>
    <!-- section end -->

    <!-- section start -->
    <section class="arrow-f5-bg">
        <div class="arrow-white"></div>
    </section>
    <!-- start of section -->

    <section id="section-05">
        <div class="default-title">
            <h3>WHAT MAKES WORDPRESS HOSTING AWESOME</h3>
            <p>At obcaecati consectetur amet eaque quas, facilis officia dolorum voluptates..</p>
        </div>
        <div class="container">
            <div class="row slideinup">
                <div class="col-sm-3 col-xs-6 section-05-box">
                    <i class="fa fa-cogs fa-3x" aria-hidden="true"></i>
                    <h3>Free Maintenance</h3>
                    <h4>Lorem ipsum dolor sit amet, consectetur adipisicing elit. In voluptas fuga, praesentium.</h4>
                </div>
                <div class="col-sm-3 col-xs-6 section-05-box">
                    <i class="fa fa-windows fa-3x" aria-hidden="true"></i>
                    <h3>Windows Server</h3>
                    <h4>Lorem ipsum dolor sit amet, consectetur adipisicing elit. In voluptas fuga, praesentium.</h4>
                </div>
                <div class="col-sm-3 col-xs-6 section-05-box">
                    <i class="fa fa-microchip fa-3x" aria-hidden="true"></i>
                    <h3>Multi Processors</h3>
                    <h4>Lorem ipsum dolor sit amet, consectetur adipisicing elit. In voluptas fuga, praesentium.</h4>
                </div>
                <div class="col-sm-3 col-xs-6 section-05-box">
                    <i class="fa fa-line-chart fa-3x" aria-hidden="true"></i>
                    <h3>Live Stats</h3>
                    <h4>Lorem ipsum dolor sit amet, consectetur adipisicing elit. In voluptas fuga, praesentium.</h4>
                </div>
            </div>
            <div class="row slideinup">
                <div class="col-sm-3 col-xs-6 section-05-box">
                    <i class="fa fa-hdd-o fa-3x" aria-hidden="true"></i>
                    <h3>SSD Hosting</h3>
                    <h4>Lorem ipsum dolor sit amet, consectetur adipisicing elit. In voluptas fuga, praesentium.</h4>
                </div>
                <div class="col-sm-3 col-xs-6 section-05-box">
                    <i class="fa fa-cloud fa-3x" aria-hidden="true"></i>
                    <h3>Cloud Technology</h3>
                    <h4>Lorem ipsum dolor sit amet, consectetur adipisicing elit. In voluptas fuga, praesentium.</h4>
                </div>
                <div class="col-sm-3 col-xs-6 section-05-box">
                    <i class="fa fa-dashboard fa-3x" aria-hidden="true"></i>
                    <h3>LiteSpeed</h3>
                    <h4>Lorem ipsum dolor sit amet, consectetur adipisicing elit. In voluptas fuga, praesentium.</h4>
                </div>
                <div class="col-sm-3 col-xs-6 section-05-box">
                    <i class="fa fa-clock-o fa-3x" aria-hidden="true"></i>
                    <h3>24/7 Support</h3>
                    <h4>Lorem ipsum dolor sit amet, consectetur adipisicing elit. In voluptas fuga,.</h4>
                </div>
            </div>
        </div>
    </section>
    <!-- end of section -->


    <!-- start of section -->
    <section class="faq">
        <div class="default-title">
            <h3>ASK AND QUESTION</h3>
        </div>
        <div class="container-fluid faq-cf">
            <div class="col-md-4 col-sm-6 col-xs-12 faq-text">
                <div class="box">
                    <h3>Why Dedicated Hosting</h3>
                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatibus nihil quis deleniti porro impedit qui, minus eius nam blanditiis rerum maiores dignissimos animi ipsa, optio voluptatum non omnis expedita dolor!</p>
                </div>
            </div>
            <div class="col-md-4 col-sm-6 col-xs-12 faq-text">
                <div class="box">
                    <h3>What can i do with dedicated server</h3>
                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatibus nihil quis deleniti porro impedit qui, minus eius nam blanditiis rerum maiores dignissimos animi ipsa, optio voluptatum non omnis expedita dolor!</p>
                </div>
            </div>
            <div class="col-md-4 col-sm-6 col-xs-12 faq-text">
                <div class="box">
                    <h3>What is Fully-Managed Hosting</h3>
                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatibus nihil quis deleniti porro impedit qui, minus eius nam blanditiis rerum maiores dignissimos animi ipsa, optio voluptatum non omnis expedita dolor!</p>
                </div>
            </div>
            <div class="col-md-4 col-sm-6 col-xs-12 faq-text">
                <div class="box">
                    <h3>What is Un-Managed Hosting</h3>
                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatibus nihil quis deleniti porro impedit qui, minus eius nam blanditiis rerum maiores dignissimos animi ipsa, optio voluptatum non omnis expedita dolor!</p>
                </div>
            </div>
            <div class="col-md-4 col-sm-6 col-xs-12 faq-text">
                <div class="box">
                    <h3>Do You Offer Money Back Guarantee</h3>
                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatibus nihil quis deleniti porro impedit qui, minus eius nam blanditiis rerum maiores dignissimos animi ipsa, optio voluptatum non omnis expedita dolor!</p>
                </div>
            </div>
            <div class="col-md-4 col-sm-6 col-xs-12 faq-text">
                <div class="box">
                    <h3>Do You Offer Free Wordpress Migration</h3>
                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatibus nihil quis deleniti porro impedit qui, minus eius nam blanditiis rerum maiores dignissimos animi ipsa, optio voluptatum non omnis expedita dolor!
                    </p>
                </div>
            </div>
        </div>
    </section>
    <!-- end of section -->

    <!-- ===== FOOTER ===== -->
    <!-- start of section -->
    <section id="contact-parts">
        <div class="container-fluid">
            <div class="col-sm-6 contact-p1">
                <h2>CALL US : +1-855-435-8226</h2>
            </div>
            <div class="col-sm-6 contact-p2">
                <h2>hello@themekolor.co</h2>
            </div>
        </div>
    </section>
    <!-- end of first section -->
    <footer>
        <div class="container-fluid footer-fluid">
            <div class="container-fluid partners">
                <div class="col-sm-2 col-xs-6">
                    <img src="img/other/envato.png" class="img-responsive" alt="Hosting Template">
                </div>
                <div class="col-sm-2 col-xs-6">
                    <img src="img/other/envato.png" class="img-responsive" alt="Hosting Template">
                </div>
                <div class="col-sm-2 col-xs-6">
                    <img src="img/other/envato.png" class="img-responsive" alt="Hosting Template">
                </div>
                <div class="col-sm-2 col-xs-6">
                    <img src="img/other/envato.png" class="img-responsive" alt="Hosting Template">
                </div>
                <div class="col-sm-2 col-xs-6">
                    <img src="img/other/envato.png" class="img-responsive" alt="Hosting Template">
                </div>
                <div class="col-sm-2 col-xs-6">
                    <img src="img/other/envato.png" class="img-responsive" alt="Hosting Template">
                </div>
            </div>
            <div class="row">
                <!-- row -->
                <div class="col-lg-4 col-md-4 col-sm-3">
                    <!-- widgets column left -->
                    <ul class="list-unstyled clear-margins">
                        <!-- widgets -->
                        <li class="widget-container widget_nav_menu">
                            <!-- widgets list -->
                            <h2 class="title-widget">About Tera Hoster</h2>
                            <p>Tera Hoster is a clean,unique,colorful,professional and fully responsive Web Hosting Template.It looks perfect on all major browsers, tablets and smartphones.Tera Hoster is definitely a perfect solution for your web project.Buy
                                now and start doing business.</p>
                        </li>
                    </ul>
                </div>
                <!-- widgets column left end -->
                <div class="col-lg-2 col-md-2 col-sm-3 col-xs-6">
                    <!-- widgets column left -->
                    <ul class="list-unstyled clear-margins">
                        <!-- widgets -->
                        <li class="widget-container widget_nav_menu">
                            <!-- widgets list -->
                            <h2 class="title-widget">Services</h2>
                            <ul>
                                <li><a href="#"><i class="fa fa-angle-right"></i>  Web Hosting</a></li>
                                <li><a href="#"><i class="fa fa-angle-right"></i>  Managed Services</a></li>
                                <li><a href="#"><i class="fa fa-angle-right"></i>  VPS Servers</a></li>
                                <li><a href="#"><i class="fa fa-angle-right"></i>  Dedicated Servers</a></li>
                                <li><a href="#"><i class="fa fa-angle-right"></i>  Cloud Hosting</a></li>
                                <li><a href="#"><i class="fa fa-angle-right"></i>  e-Commerce Development</a></li>
                                <li><a href="#"><i class="fa fa-angle-right"></i>  Web Development</a></li>
                            </ul>
                        </li>
                    </ul>
                </div>
                <div class="col-lg-2 col-md-2 col-sm-3 col-xs-6">
                    <!-- widgets column left -->
                    <ul class="list-unstyled clear-margins">
                        <!-- widgets -->
                        <li class="widget-container widget_nav_menu">
                            <!-- widgets list -->
                            <h2 class="title-widget">Hosting</h2>
                            <ul>
                                <li><a href="#"><i class="fa fa-angle-right"></i>  Virtual Servers</a></li>
                                <li><a href="#"><i class="fa fa-angle-right"></i>  Dedicated Servers</a></li>
                                <li><a href="#"><i class="fa fa-angle-right"></i>  Cloud Hosting</a></li>
                                <li><a href="#"><i class="fa fa-angle-right"></i>  Shared Hosting</a></li>
                                <li><a href="#"><i class="fa fa-angle-right"></i>  Wordpress Hosting</a></li>
                                <li><a href="#"><i class="fa fa-angle-right"></i>  PrestaShop</a></li>
                                <li><a href="#"><i class="fa fa-angle-right"></i>  Magento</a></li>
                                <li><a href="#"><i class="fa fa-angle-right"></i> Managed Servers</a></li>
                            </ul>
                        </li>
                    </ul>
                </div>
                <!-- widgets column left end -->
                <div class="col-lg-2 col-md-2 col-sm-3 col-xs-6">
                    <!-- widgets column left -->
                    <ul class="list-unstyled clear-margins">
                        <!-- widgets -->
                        <li class="widget-container widget_nav_menu">
                            <!-- widgets list -->
                            <h2 class="title-widget">Development</h2>
                            <ul>
                                <li><a href="#"><i class="fa fa-angle-right"></i> Web Design</a></li>
                                <li><a href="#"><i class="fa fa-angle-right"></i> Web App Development</a></li>
                                <li><a href="#"><i class="fa fa-angle-right"></i> e-Commerce</a></li>
                                <li><a href="#"><i class="fa fa-angle-right"></i> Business Templates</a></li>
                                <li><a href="#"><i class="fa fa-angle-right"></i> Theme Development</a></li>
                                <li><a href="#"><i class="fa fa-angle-right"></i> Business Web Site</a></li>
                                <li><a href="#"><i class="fa fa-angle-right"></i>  Wordpress Blogger</a></li>
                                <li><a href="#"><i class="fa fa-angle-right"></i>  News and Media</a></li>
                            </ul>
                        </li>
                    </ul>
                </div>
                <!-- widgets column left end -->
                <div class="col-lg-2 col-md-2 col-sm-6 col-xs-6">
                    <!-- widgets column center -->
                    <ul class="list-unstyled clear-margins">
                        <!-- widgets -->
                        <li class="widget-container widget_recent_news">
                            <!-- widgets list -->
                            <h2 class="title-widget">Contact </h2>
                            <div class="footerp">
                                <img src="img/logo/logowhite.png" class="img-responsive" alt="Hosting Template">
                                <br>
                                <h2 class="title-median">Hosting Company</h2>
                                <p>Email: <a href="mailto:hello@themekolor.co">info@themekolor.co</a></p>
                                <p>Helpline Numbers: +1-855-435-8226</p>
                                <p>California State Merced,W 16th ST</p>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </footer>

    <div class="footer-bottom">

        <div class="container">

            <div class="row">

                <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 half">

                    <div class="copyright">

                        © 2017, themekolor, All rights reserved

                    </div>

                </div>

                <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 half">

                    <div class="design">
                        <a href="#">Terms of Use</a> | <a href="#"> Privacy Policy</a> | <a href="#"> Sitemap</a>
                    </div>
                </div>

            </div>

        </div>

    </div>
    <!-- ===== FOOTER / END ===== -->

    <!-- javascript -->
    <script src="javascript/jquery-3.1.1.min.js"></script>
    <script src="javascript/jquery.scroll-with-ease.min.js"></script>
    <script src="javascript/contact.js"></script>
    <script src="javascript/color-switcher.js"></script>
    <script src="javascript/parallax.js"></script>
    <script src="javascript/bootsnav.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="javascript/javascript.js"></script>
    <!-- javascript -->
</body>

</html>