?

áEÓê¤ÎïLwebshll2019

Current Path : /home/webyoo/www/backup/allback/docteur-site/cv/sym/a/events/crm/
Upload File :
Current File : /home/webyoo/www/backup/allback/docteur-site/cv/sym/a/events/crm/index-web-hosting.html

<!DOCTYPE html>
<html lang="en">
<head>
    <!-- Meta Tags -->
    <meta charset="utf-8">
    <meta content="width=device-width, initial-scale=1, shrink-to-fit=no" name="viewport">
    <!-- Author -->
    <meta name="author" content="Themes Industry">
    <!-- description -->
    <meta name="description" content="MegaOne is a highly creative, modern, visually stunning and Bootstrap responsive multipurpose studio and portfolio HTML5 template with 8 ready home page demos.">
    <!-- keywords -->
    <meta name="keywords" content="Creative, modern, clean, bootstrap responsive, html5, css3, portfolio, blog, studio, templates, multipurpose, one page, corporate, start-up, studio, branding, designer, freelancer, carousel, parallax, photography, studio, masonry, grid, faq">
    <!-- Page Title -->
    <title>Web Hosting | MegaOne HTML5 Template</title>
    <!-- Favicon -->
    <link href="vendor/img/favicon.ico" rel="icon">
    <!-- Bundle -->
    <link href="vendor/css/bundle.min.css" rel="stylesheet">
    <!-- Plugin Css -->
    <link href="vendor/css/owl.carousel.min.css" rel="stylesheet">
    <link rel="stylesheet" href="vendor/css/LineIcons.min.css">
    <link rel="stylesheet" href="vendor/css/jquery.fancybox.min.css">
    <!-- Style Sheet -->
    <link href="web-hosting/css/line-awesome.min.css" rel="stylesheet">
    <link href="web-hosting/css/style.css" rel="stylesheet">
    <link href="web-hosting/css/custom.css" rel="stylesheet">
</head>

<body data-spy="scroll" data-target=".navbar" data-offset="90">

<!-- Start Loader -->
<div class="loader-bg">
    <div class="loader">
        <span></span>
        <span></span>
        <span></span>
        <span></span>
        <span></span>
        <span></span>
        <span></span>
        <span></span>
        <span></span>
        <span></span>
        <span></span>
        <span></span>
        <span></span>
        <span></span>
        <span></span>
    </div>
</div>
<!-- End Loader -->

<!-- Start Header -->
<header>
    <!--Navigation-->
    <nav class="navbar navbar-top-default navbar-expand-lg navbar-simple nav-line">
        <div class="container">
            <a href="#slider-area" title="Logo" class="logo scroll">
                <!--Logo Default-->
                <img src="web-hosting/img/logo.png" title="logo" alt="logo" class="logo-default">
            </a>

            <!--Nav Links-->
            <div class="collapse navbar-collapse" id="megaone">
                <div class="navbar-nav ml-auto">
                    <a class="nav-link scroll line active" href="#slider-area">Home</a>
                    <a class="nav-link scroll line" href="#about">Hosting</a>
                    <a class="nav-link scroll line" href="#prices">Pricing</a>
                    <a class="nav-link scroll line" href="#hosting">Vps Services</a>
                    <a class="nav-link scroll line" href="#testimonials">Reviews</a>
                    <a class="nav-link scroll line" href="#blog">Blog</a>
                    <a class="nav-link scroll line" href="#contact">Contact Us</a>
                </div>
            </div>
        </div>

        <!--Side Menu Button-->
        <div class="navigation-toggle">
            <ul class="slider-social toggle-btn my-0">
                <li>
                    <a href="javascript:void(0);" class="sidemenu_btn" id="sidemenu_toggle">
                        <span></span>
                        <span></span>
                        <span></span>
                    </a>
                </li>
            </ul>
        </div>
    </nav>

    <!--Side Nav-->
    <div class="side-menu hidden">
        <div class="inner-wrapper">
            <span class="btn-close" id="btn_sideNavClose"><i></i><i></i></span>
            <a href="index-web-hosting.html" title="Logo" class="logo side-logo">
                <!--Logo Default-->
                <img src="web-hosting/img/side-logo.png" alt="logo">
            </a>
            <nav class="side-nav w-100">
                <ul class="navbar-nav side-navbar">
                    <li class="nav-item">
                        <a class="nav-link scroll" href="#slider-area">Home</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link scroll" href="#about">Hosting</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link scroll" href="#prices">Pricing</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link scroll" href="#hosting">Vps Services</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link scroll" href="#testimonials">Reviews</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link scroll" href="#blog">Blog</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link scroll" href="#contact">Contact Us</a>
                    </li>
                </ul>
            </nav>

            <div class="side-footer w-100">
                <ul class="social-icons-simple">
                    <li><a class="social-icon" href="javascript:void(0)"><i class="fab fa-facebook-f"></i> </a> </li>
                    <li><a class="social-icon" href="javascript:void(0)"><i class="fab fa-twitter"></i> </a> </li>
                    <li><a class="social-icon" href="javascript:void(0)"><i class="fab fa-linkedin-in"></i> </a> </li>
                    <li><a class="social-icon" href="javascript:void(0)"><i class="fab fa-instagram"></i> </a> </li>
                </ul>
                <p>&copy; 2021 MegaOne. Made With Love by Themesindustry</p>
            </div>
        </div>
    </div>
    <a id="close_side_menu" href="javascript:void(0);"></a>
</header>
<!-- End Header -->

<!-- Start Banner -->
<section id="particles-js" class="p-0 position-relative">
    <div class="slider-area" id="slider-area">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-12 col-md-6 col-lg-6 text-md-center text-lg-left wow fadeInLeft content-margin" data-wow-duration="1.5s" data-wow-delay="1.2s">
                    <div class="area-heading text-center text-lg-left">
                        <h1 class="main-font text-white font-weight-bold mb-4">Affordable <span class="d-block">Hosting at $3.50</span></h1>
                        <p class="text-white alt-font mb-5">Donec quis nunc mollis, tincidunt mi vel, pellentesque arcu. Nam nec tristique ex, vitae posuere enim. Nunc vulputate metus id ex pretium fermentum. </p>
                        <a href="#about" class="scroll btn btn-medium btn-rounded btn-trans-white mb-5">GET STARTED NOW</a>
                    </div>
                </div>
                <div class="col-12 col-md-6 col-lg-6 text-right image-order wow fadeInRight" data-wow-duration="1.5s" data-wow-delay="1.2s">
                    <div class="slider-image">
                        <img src="web-hosting/img/banner-img.png" alt="Slider-Image">
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Author Skills -->
    <div class="author-skills bg-blue">
        <div class="container">
            <div class="row text-center text-lg-left">
                <!-- First Skill -->
                <div class="col-12 col-md-4 about-media wow zoomIn" data-wow-duration="1.5s" data-wow-delay="1.2s">
                    <span class="about-icon"><a href="javascript:void(0);"><i class="la la-laptop-code"></i></a></span>
                    <h4 class="small-heading main-font">Web Hosting</h4>
                    <p class="small-text alt-font">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                </div>
                <!-- Second Skill -->
                <div class="col-12 col-md-4 about-media wow zoomIn" data-wow-duration="1.5s" data-wow-delay="1.5s">
                    <span class="about-icon"><a href="javascript:void(0);"><i class="las la-server"></i></a></span>
                    <h4 class="small-heading main-font">Vps Servers</h4>
                    <p class="small-text alt-font">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                </div>
                <!-- Third Skill -->
                <div class="col-12 col-md-4 about-media wow zoomIn" data-wow-duration="1.5s" data-wow-delay="1.8s">
                    <span class="about-icon"><a href="javascript:void(0);"><i class="las la-registered"></i></a></span>
                    <h4 class="small-heading main-font">Domain Registration</h4>
                    <p class="small-text alt-font">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- End Banner -->

<!-- Start About -->
<section id="about">
    <div class="container">
        <div class="row align-items-center">
            <!-- About Video -->
            <div class=" col-sm-12 col-md-6 img-sec mt-5 mt-md-0 wow fadeIn order-2 order-md-1" data-wow-duration="1.5s" data-wow-delay=".5s">
                <div class="blue_rectangle"></div>
                <div class="about_img position-relative">
                    <img src="web-hosting/img/about-img.jpg" alt="About Image">
                    <a data-fancybox="video" href="https://www.youtube.com/watch?v=7e90gBu4pas" class="video-play-button position-absolute">
                        <i class="las la-play"></i>
                    </a>
                </div>
            </div>
            <!-- Content -->
            <div class="col-sm-12 col-md-6 pl-md-5 wow fadeInRight order-1 order-md-1" data-wow-duration="1.5s" data-wow-delay=".5s">
                <div class="about-heading">
                    <p class="text-small alt-font text-red">Have Questions?</p>
                    <h1 class="heading margin_heading main-font">Hosting Video Tutorials</h1>
                    <p class="info">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc mauris arcu. Lorem ipsum dolor sit amet.</p>
                    <p class="info my-4">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc mauris arcu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc mauris arcu.</p>
                    <a href="#prices" class="scroll btn btn-medium btn-rounded btn-blue mt-2">Learn More</a>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- End About -->

<!-- Start Stats -->
<section class="stats-sec pt-0" id="stats-sec">
    <div class="container">
        <div class="row circular-wrap text-center">
            <!-- First Circle -->
            <div class="col-12 col-lg-4 wow bounceIn">
                <div id="circle" class="circle" data-value="0.77">
                    <h6 class="counter-num">257%</h6>
                </div>
                <h4 class="stats-heading">Reliability</h4>
                <p class="stats-para">Lorem ipsum dolor sit amet.</p>
            </div>
            <!-- Second Circle -->
            <div class="col-12 col-lg-4 wow bounceIn wrap-2">
                <div id="circletwo" class="circle" data-value="0.96">
                    <h6 class="counter-num">96%</h6>
                </div>
                <h4 class="stats-heading">Up Time</h4>
                <p class="stats-para">Lorem ipsum dolor sit amet.</p>
            </div>
            <!-- Third Circle -->
            <div class="col-12 col-lg-4 wow bounceIn">
                <div id="circlethree" class="circle" data-value="0.75">
                    <h6 class="counter-num">317%</h6>
                </div>
                <h4 class="stats-heading">Clients Worldwide</h4>
                <p class="stats-para">Lorem ipsum dolor sit amet.</p>
            </div>
        </div>
    </div>
</section>
<!-- End Stats -->

<!-- Start Learn More -->
<section class="learn-more-section">
    <div class="container">
        <div class="text-area wow fadeInUpBig heading-area" data-wow-delay=".5s">
            <div class="row">
                <div class="col-12">
                    <h2 class="heading text-white">Looking for reliable hosting <span class="d-block">for your website?</span></h2>
                    <a href="web-hosting/standalone.html" class="btn btn-medium btn-rounded btn-blue">Learn More</a>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- End Learn More -->

<!-- Start Pricing -->
<section id="prices" class="prices padding-up">
    <div class="container">
        <!--Heading-->
        <div class="row text-center">
            <div class="col-12 col-md-10 col-lg-8 offset-md-1 offset-lg-2 wow zoomIn heading-area" data-wow-duration="1s" data-wow-delay=".1s">
                <h3 class="heading text-center">Easy and affordable web <span class="d-block">hosting packages</span></h3>
                <p class="text text-center">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse ultrices gravida.</p>
            </div>
        </div>
        <div class="row padding-top-half">
            <!-- Price-1 -->
            <div class="col-12 col-lg-4 wow fadeInLeftBig" data-wow-delay=".4s">
                <div class="price-item text-center">
                    <div class="price_header">
                        <p class="price_header_text">Starter Plan</p>
                    </div>
                    <p class="actual_price">$19<br><span class="small_font">3 Month</span> </p>
                    <ul class="price-list">
                        <li>Modern & Creative Design</li>
                        <li>Premium Plugins</li>
                        <li>Clean Code</li>
                        <li>Responsive Layouts</li>
                        <li>Google Fonts</li>
                        <li>Highly Customizable</li>
                    </ul>
                    <a href="#" class="scroll btn btn-medium btn-rounded btn-blue-dark-white mb-5">Load More</a>
                </div>
            </div>
            <!-- Price-2 -->
            <div class="col-12 col-lg-4 wow fadeIn" data-wow-delay=".8s">
                <div class="price-item-center text-center">
                    <div class="price_header-center">
                        <p class="price_header_text">Standard Plan</p>
                    </div>
                    <p class="actual_price">$59<br><span class="small_font">6 Months</span> </p>
                    <ul class="price-list">
                        <li>Modern & Creative Design</li>
                        <li>Premium Plugins</li>
                        <li>Clean Code</li>
                        <li>Responsive Layouts</li>
                        <li>Google Fonts</li>
                        <li>Highly Customizable</li>
                    </ul>
                    <a href="#" class="scroll btn btn-medium btn-rounded btn-primary mb-5">Load More</a>
                </div>
            </div>
            <!-- Price-3 -->
            <div class="col-12 col-lg-4 wow fadeInRightBig" data-wow-delay=".4s">
                <div class="price-item text-center">
                    <div class="price_header">
                        <p class="price_header_text">Premium Plan</p>
                    </div>
                    <p class="actual_price">$99<br><span class="small_font">12 Months</span> </p>
                    <ul class="price-list">
                        <li>Modern & Creative Design</li>
                        <li>Premium Plugins</li>
                        <li>Clean Code</li>
                        <li>Responsive Layouts</li>
                        <li>Google Fonts</li>
                        <li>Highly Customizable</li>
                    </ul>
                    <a href="#" class="scroll btn btn-medium btn-rounded btn-blue-dark-white mb-5">Load More</a>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- End Pricing -->

<!-- Start Hosting -->
<section class="hosting bg-light-white" id="hosting">
    <div class="container">
        <div class="row align-items-center">
            <div class="col-12 col-md-6 wow fadeInLeftBig" data-wow-delay=".4s">
                <div class="heading-area">
                    <h2 class="heading mb-0">Ultra VPS Hosting</h2>
                    <p class="text">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse ultrices gravida.</p>
                    <a href="#contact" class="scroll btn btn-medium btn-rounded btn-primary">Starts at $25 / Month</a>
                </div>
            </div>
            <div class="col-12 col-md-6 wow fadeIn" data-wow-delay="1.2s">
                <div class="img-fluid">
                    <img src="web-hosting/img/hosting.png" alt="image">
                </div>
            </div>
        </div>
    </div>
</section>
<!-- End Hosting -->

<!-- Start Testimonials -->
<section class="testimonial-section py-0" id="testimonials">
    <div class="row no-gutters">
        <div class="col-lg-6 col-md-12 col-sm-12 text-section wow fadeInLeft" data-wow-delay="300ms">
            <div class="text-area testimonial-heading">
                <h5>We have some</h5>
                <h2>Happy Customers</h2>
            </div>
        </div>

        <div class="col-lg-6 col-md-12 col-sm-12 carousel-section wow fadeInRight" data-wow-delay="300ms">
            <div class=" text-center testimonial-carousel owl-carousel owl-themes active">
                <!-- Item-1 -->
                <div class="item">
                    <div class="testimonials">
                        <div class="quote">
                            <i class="fas fa-quote-right"></i>
                        </div>
                        <p class="text subheading">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce vitae egestas mi, vel dapibus diam. Mauris malesuada, nisl non rutrum commodo, sem magna laoreet tellus, eu euismod dolor enim et mi. In at tempor purus.</p>
                        <div class="testimonial-image">
                            <img src="web-hosting/img/testimonial-1.png" alt="image">
                        </div>
                        <h5 class="text">Sara Williams</h5>
                    </div>
                </div>

                <!-- Item-2 -->
                <div class="item active">
                    <div class="testimonials">
                        <div class="quote">
                            <i class="fas fa-quote-right"></i>
                        </div>
                        <p class="text subheading">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce vitae egestas mi, vel dapibus diam. Mauris malesuada, nisl non rutrum commodo, sem magna laoreet tellus, eu euismod dolor enim et mi. In at tempor purus. </p>
                        <div class="testimonial-image">
                            <img src="web-hosting/img/testimonial-2.png" alt="image">
                        </div>
                        <h5 class="text">Steve Jobs</h5>
                    </div>
                </div>

                <!-- Item-3 -->
                <div class="item">
                    <div class="testimonials">
                        <div class="quote">
                            <i class="fas fa-quote-right"></i>
                        </div>
                        <p class="text subheading">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce vitae egestas mi, vel dapibus diam. Mauris malesuada, nisl non rutrum commodo, sem magna laoreet tellus, eu euismod dolor enim et mi. In at tempor purus. </p>
                        <div class="testimonial-image">
                            <img src="web-hosting/img/testimonial-3.png" alt="image">
                        </div>
                        <h5 class="text">Natasha Lee</h5>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- End Testimonials -->

<!-- Start Blog -->
<section class="blog-sec" id="blog">
    <div class="container">
        <!--Heading-->
        <div class="row text-center padding-bottom-half">
            <div class="col-12 col-md-10 col-lg-8 offset-md-1 offset-lg-2 wow zoomIn heading-area" data-wow-duration="1s" data-wow-delay=".1s">
                <h3 class="heading text-center">Our latest blogs will keep <span class="d-block">everyone updated</span></h3>
            </div>
        </div>
        <!--Row-->
        <div class="row wow fadeInUp">
            <!--News Item-->
            <div class="col-lg-4">
                <div class="news-item">
                    <img alt="image" class="news-img" src="web-hosting/img/blog-img-1.jpg">
                    <div class="news-text-box">
                        <span class="date">October 29, 2020</span>
                        <a href="#."><h4 class="news-title">Web design is fun</h4></a>
                        <p class="para">Lorem ipsum dolor sit amet consectetur adipiscing elit ipsum dolor sit am...</p>
                        <a class="author d-flex align-items-center" href="javascript:void(0);">
                            <img alt="image" class="author-img bg-blue" src="web-hosting/img/blog-avatar1.png">
                            <h5 class="author-name text-light-blue">Hena Sword</h5>
                        </a>
                    </div>
                </div>
            </div>
            <!--News Item-->
            <div class="col-lg-4">
                <div class="news-item">
                    <img alt="image" class="news-img" src="web-hosting/img/blog-img-2.jpg">
                    <div class="news-text-box">
                        <span class="date">October 29, 2020</span>
                        <a href="#."><h4 class="news-title">Future of websites</h4></a>
                        <p class="para">Lorem ipsum dolor sit amet consectetur adipiscing elit ipsum dolor sit am...</p>
                        <a class="author d-flex align-items-center" href="javascript:void(0);">
                            <img alt="image" class="author-img bg-purple" src="web-hosting/img/blog-avatar2.png">
                            <h5 class="author-name text-light-blue">Teena Walker</h5>
                        </a>
                    </div>
                </div>
            </div>
            <!--News Item-->
            <div class="col-lg-4">
                <div class="news-item">
                    <img alt="image" class="news-img" src="web-hosting/img/blog-img-3.jpg">
                    <div class="news-text-box">
                        <span class="date">October 29, 2020</span>
                        <a href="#."><h4 class="news-title">Digital marketing</h4></a>
                        <p class="para">Lorem ipsum dolor sit amet consectetur adipiscing elit ipsum dolor sit am...</p>
                        <a class="author d-flex align-items-center" href="javascript:void(0);">
                            <img alt="image" class="author-img bg-pink" src="web-hosting/img/blog-avatar3.png">
                            <h5 class="author-name text-light-blue">David Villas</h5>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- End Blog -->

<!-- Start Contact -->
<section class="contact-sec" id="contact">
    <div class="container">
        <div class="row align-items-center">
            <div class="col-12 col-md-3 text-center">
                <div class="user-img"><img src="web-hosting/img/footer-logo.png" class="rounded-circle" alt="img"></div>
                <h4 class="user-name">MegaOne Hosts</h4>
                <p class="user-designation">email@website.com</p>
                <p class="user-designation">+1 631 123 4567</p>
            </div>
            <div class="col-12 col-md-9">
                <div class="row">
                    <div class="col-12" id="result"></div>
                    <div class="col-12 col-md-6">
                        <form class="row contact-form row-padding" id="contact-form-data">
                            <div class="col-12">
                                <input type="text" name="userName" placeholder="Name" class="form-control">
                                <input type="text" name="userPhone" placeholder="Contact No" class="form-control">
                                <input type="email" name="userEmail" placeholder="Email" class="form-control">
                            </div>
                        </form>
                    </div>
                    <div class="col-12 col-md-6 contact-form">
                        <textarea class="form-control" name="userMessage" rows="6" placeholder="Type Your Message Here"></textarea>
                        <a href="javascript:void(0);" class="btn btn-medium btn-rounded btn-trans-white rounded-pill w-100 contact_btn main-font">Let’s Get In Touch</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- End Contact -->

<!-- Start Footer -->
<footer class="footer">
    <div class="container">
        <div class="row align-items-center">
            <!--Social-->
            <div class="col-12">
                <div class="footer-social text-center">
                    <ul class="list-unstyled">
                        <li><a class="wow fadeInUp" href="javascript:void(0);"><i aria-hidden="true" class="fab fa-facebook-f"></i><span></span></a></li>
                        <li><a class="wow fadeInDown" href="javascript:void(0);"><i aria-hidden="true" class="fab fa-twitter"></i><span></span></a></li>
                        <li><a class="wow fadeInUp" href="javascript:void(0);"><i aria-hidden="true" class="fab fa-google-plus-g"></i><span></span></a></li>
                        <li><a class="wow fadeInDown" href="javascript:void(0);"><i aria-hidden="true" class="fab fa-linkedin-in"></i><span></span></a></li>
                        <li><a class="wow fadeInUp" href="javascript:void(0);"><i aria-hidden="true" class="fab fa-instagram"></i><span></span></a></li>
                        <li><a class="wow fadeInDown" href="javascript:void(0);"><i aria-hidden="true" class="fab fa-pinterest-p"></i><span></span></a></li>
                    </ul>
                </div>
            </div>
            <!--Text-->
            <div class="col-12 text-center mt-3">
                <p class="company-about fadeIn">© 2021 MegaOne. Made With Love By <a href="javascript:void(0);">Themesindustry</a>
                </p>
            </div>
        </div>
    </div>
</footer>
<!-- End Footer -->

<!-- JavaScript -->
<script src="vendor/js/bundle.min.js"></script>
<!-- Plugin Js -->
<script src="vendor/js/jquery.appear.js"></script>
<script src="vendor/js/owl.carousel.min.js"></script>
<script src="vendor/js/wow.min.js"></script>
<script src="vendor/js/jquery.fancybox.min.js"></script>
<script src="web-hosting/js/particles.min.js"></script>

<!-- CUSTOM JS -->
<script src="vendor/js/contact_us.js"></script>
<script src="web-hosting/js/circle-progress.min.js"></script>
<script src="web-hosting/js/script.js"></script>

</body>
</html>



web shell, Coded By 2019