<!DOCTYPE html>
<html lang="en">

    <!-- Basic -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">   
   
    <!-- .site-wrap 490-->
    <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title></title>  
    <link rel="stylesheet" href="assets/css/bootstrap.min.css">
    <link rel="stylesheet" href="assets/css/style.css">

</head>
<body class="host_version"> 

    <header class="header header_style_01">
        <nav class="megamenu navbar navbar-default navbar-expand-lg">
            <div class="container">
                <div class="navbar-header">
                    <span class="navbar-brand" ><img src="assets/images/logos/logo-hosting.png" alt=""></span>
                </div>
                <div class="collapse navbar-collapse" id="site-nav">
          <ul class="navbar-nav ml-auto">
            <li class="nav-item"><a href="/" class="nav-link"><img src="assets/images/en.png"></a></li>
            <li class="nav-item"><a href="fr/" class="nav-link"><img src="assets/images/fr.png"></a></li>
            <li class="nav-item"><a href="de/" class="nav-link"><img src="assets/images/de.png"></a></li>
            <li class="nav-item"><a href="es/" class="nav-link"><img src="assets/images/es.png"></a></li>
            <li class="nav-item"><a href="it/" class="nav-link"><img src="assets/images/it.png"></a></li>
          </ul>
        </div>
            </div>
        </nav>
    </header>
	
	<div class="bs-slider" >

					<div class="container">
						<div class="row align-items-center justify-content-center site-vh-100">
							<div class="col-md-12 col-sm-12 text-center">
								<div class="big-tagline">
									<img src="assets/images/logos/logo-hosting.png" alt="">
									<h2 >Fusce <strong>vulputate sem</strong> at sapien</h2>
									<p class="lead" >Aliquam convallis sollicitudin purus. Praesent aliquam, enim at fermentum mollis, ligula massa adipiscing nisl, ac euismod nibh nisl eu lectus. Fusce vulputate sem at sapien. </p>
								</div>
							</div>
						</div><!-- end row -->            
				</div>
	</div>
	
    <div id="overviews" class="section wb">
        <div class="container">
            <div class="section-title row text-center">
                <div class="col-md-8 col-md-offset-2">
                    <h3>Pellentesque</h3>
                    <p class="lead">Aliquam convallis sollicitudin purus. Praesent aliquam, enim at fermentum mollis, ligula massa adipiscing nisl, ac euismod nibh nisl eu lectus. Fusce vulputate sem at sapien.</p>
                </div>
            </div><!-- end title -->
        
            <div class="row">
                <div class="col-md-6">
                    <div class="message-box">
                        <h4>Praesent aliquam enim</h4>
                        <h2>Ligula massa adipiscing nisl</h2>
                        <p class="lead">Quisque eget nisl id nulla sagittis auctor quis id. Aliquam quis vehicula enim, non aliquam risus. Sed a tellus quis mi rhoncus dignissim.</p>

                        <p> Integer rutrum ligula eu dignissim laoreet. Pellentesque venenatis nibh sed tellus faucibus bibendum. Sed fermentum est vitae rhoncus molestie. Cum sociis natoque penatibus et magnis montes, nascetur ridiculus mus. Sed vitae rutrum neque. </p>

                    </div><!-- end messagebox -->
                </div><!-- end col -->
				
				<div class="col-md-6">
                    <div class="post-media wow fadeIn">
                        <img src="assets/images/about_02.jpg" alt="" class="img-responsive img-rounded">
                    </div><!-- end media -->
                </div><!-- end col -->
            </div><!-- end row -->

            <hr class="invis"> 

            <div class="row"> 
                <div class="col-md-4 col-sm-6 col-xs-12">
                    <div class="icon-wrapper " >
                        <h3>Proin feugiat</h3>
                        <p>Mauris ullamcorper felis vitae erat. Proin feugiat, augue non elementum posuere, metus purus iaculis lectus, et tristique ligula justo vitae magna. </p>
                    </div><!-- end icon-wrapper -->
                </div><!-- end col -->

                <div class="col-md-4 col-sm-6 col-xs-12">
                    <div class="icon-wrapper" >
                       <h3>Proin feugiat</h3>
                        <p>Mauris ullamcorper felis vitae erat. Proin feugiat, augue non elementum posuere, metus purus iaculis lectus, et tristique ligula justo vitae magna. </p>
                    </div><!-- end icon-wrapper -->
                </div><!-- end col -->

                <div class="col-md-4 col-sm-6 col-xs-12">
                    <div class="icon-wrapper " >
                      <h3>Proin feugiat</h3>
                        <p>Mauris ullamcorper felis vitae erat. Proin feugiat, augue non elementum posuere, metus purus iaculis lectus, et tristique ligula justo vitae magna. </p>
                    </div><!-- end icon-wrapper -->
                </div><!-- end col -->
            </div><!-- end row -->

            <hr class="hr3"> 

            <div class="row"> 
                <div class="col-md-4 col-sm-6 col-xs-12">
                    <div class="icon-wrapper " >
                       <h3>Proin feugiat</h3>
                        <p>Mauris ullamcorper felis vitae erat. Proin feugiat, augue non elementum posuere, metus purus iaculis lectus, et tristique ligula justo vitae magna. </p>
                    </div><!-- end icon-wrapper -->
                </div><!-- end col -->

                <div class="col-md-4 col-sm-6 col-xs-12">
                    <div class="icon-wrapper ">
                        <h3>Proin feugiat</h3>
                        <p>Mauris ullamcorper felis vitae erat. Proin feugiat, augue non elementum posuere, metus purus iaculis lectus, et tristique ligula justo vitae magna. </p>
                    </div><!-- end icon-wrapper -->
                </div><!-- end col -->

                <div class="col-md-4 col-sm-6 col-xs-12">
                    <div class="icon-wrapper ">
                      <h3>Proin feugiat</h3>
                        <p>Mauris ullamcorper felis vitae erat. Proin feugiat, augue non elementum posuere, metus purus iaculis lectus, et tristique ligula justo vitae magna. </p>
                    </div><!-- end icon-wrapper -->
                </div><!-- end col -->
            </div><!-- end row -->
        </div><!-- end container -->
    </div><!-- end section -->

    <div id="domain" class="parallax section noover" style="background-image:url('assets/images/parallax_11.jpg');">
        <div class="container">
            <div class="row text-center">
                <div class="col-md-5 col-sm-12">
                    <div class="customwidget text-left">
                        <h1>Aliquam convallis sollicitudin</h1>
                        <p>Fusce vulputate sem at sapien. Vivamus leo. Aliquam euismod libero eu enim. Nulla nec felis sed leo placerat imperdiet. Aenean suscipit nulla in justo.</p>
                        <ul class="list-inline">
                            <li>Suspendisse cursus rutrum augue</li>
                            <li>Nulla tincidunt tincidunt mi</li>
                        </ul>
        
                    </div>
                </div>
                <!-- end col -->

                <div class="col-md-7">
                </div>
            </div><!-- end row -->
        </div><!-- end container -->
    </div><!-- end section -->

    <div id="hosting" class="section wb" style="background: rgb(248, 248, 248)">
        <div class="container">
            <div class="section-title text-center">
                <h3>Aenean suscipit nulla in justo</h3>
                <p class="lead">Suspendisse cursus rutrum augue. Nulla tincidunt tincidunt mi. Curabitur iaculis, lorem vel rhoncus faucibus, felis magna fermentum augue, et ultricies lacus lorem varius purus. </p>
            </div><!-- end title -->

            <div class="row dev-list text-center">
                <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12 wow fadeIn">
                    <div class="widget clearfix">
                        <img src="assets/images/hosting_01.jpg" alt="" class="img-responsive">
                        <div class="widget-title">
                            <h3>Curabitur iaculis</h3>
                            <small>Lorem vel rhoncus</small>
                        </div>
                        <!-- end title -->
                        <p>Suspendisse cursus rutrum augue. Nulla tincidunt tincidunt mi. Curabitur iaculis, lorem vel rhoncus faucibus, felis magna fermentum augue, et ultricies.</p>
                    </div><!--widget -->
                </div><!-- end col -->

                <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12 wow fadeIn" >
        				<div class="widget clearfix">
                        <img src="assets/images/hosting_02.jpg" alt="" class="img-responsive">
                        <div class="widget-title">
                            <h3>Curabitur iaculis</h3>
                            <small>Lorem vel rhoncus</small>
                        </div>
                        <!-- end title -->
                        <p>Suspendisse cursus rutrum augue. Nulla tincidunt tincidunt mi. Curabitur iaculis, lorem vel rhoncus faucibus, felis magna fermentum augue, et ultricies.</p>
                    </div><!--widget -->
                </div><!-- end col -->

                <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12 wow fadeIn" >
 						<div class="widget clearfix">
                        <img src="assets/images/hosting_03.jpg" alt="" class="img-responsive">
                        <div class="widget-title">
                            <h3>Curabitur iaculis</h3>
                            <small>Lorem vel rhoncus</small>
                        </div>
                        <!-- end title -->
                        <p>Suspendisse cursus rutrum augue. Nulla tincidunt tincidunt mi. Curabitur iaculis, lorem vel rhoncus faucibus, felis magna fermentum augue, et ultricies.</p>
                    </div><!--widget -->
                </div><!-- end col -->
            </div><!-- end row -->
        </div><!-- end container -->
    </div><!-- end section -->




    <div id="testimonials" class="parallax section db parallax-off" style="background-image:url('assets/images/parallax_04.jpg');">
        <div class="container">
            <div class="section-title text-center">
                <h3>Lorem varius purus</h3>
                <p class="lead">Suspendisse cursus rutrum augue. Nulla tincidunt tincidunt mi. Curabitur iaculis, lorem vel rhoncus faucibus, felis magna fermentum augue, et ultricies lacus lorem varius purus.</p>
            </div><!-- end title -->

            <div class="row">
                <div class="col-md-12 col-sm-12">
                    <div class="testi-carousel owl-carousel owl-theme row">
                        <div class="testimonial clearfix col-md-4">
                            <div class="desc">
                                <h3>Cras vestibulum bibendum</h3>
                                <p class="lead">Mauris ullamcorper felis vitae erat. Proin feugiat, augue non elementum posuere, metus purus iaculis lectus, et tristique ligula justo vitae magna. </p>
                            </div>
                            <div class="testi-meta">
                                <img src="assets/images/testi_01.png" alt="" class="img-responsive alignleft">
                                <h4>justo <small>- vitae</small></h4>
                            </div>
                            <!-- end testi-meta -->
                        </div>
                        <!-- end testimonial -->

                        <div class="testimonial clearfix col-md-4">
                            <div class="desc">
                                <h3>Cras vestibulum bibendum</h3>
                                <p class="lead">Mauris ullamcorper felis vitae erat. Proin feugiat, augue non elementum posuere, metus purus iaculis lectus, et tristique ligula justo vitae magna. </p>
                            </div>
                            <div class="testi-meta">
                                <img src="assets/images/testi_02.png" alt="" class="img-responsive alignleft">
                                <h4>justo <small>- vitae</small></h4>
                            </div>
                            <!-- end testi-meta -->
                        </div>
                        <!-- end testimonial -->

                        <div class="testimonial clearfix col-md-4">
                            <div class="desc">
                                <h3>Cras vestibulum bibendum</h3>
                                <p class="lead">Mauris ullamcorper felis vitae erat. Proin feugiat, augue non elementum posuere, metus purus iaculis lectus, et tristique ligula justo vitae magna. </p>
                            </div>
                            <div class="testi-meta">
                                <img src="assets/images/testi_03.png" alt="" class="img-responsive alignleft">
                                <h4>justo <small>- vitae</small></h4>
                            </div>
                            <!-- end testi-meta -->
                        </div>

                    </div><!-- end carousel -->
                </div><!-- end col -->
            </div><!-- end row -->
        </div><!-- end container -->
    </div><!-- end section -->

    <div id="support" class="section wb">
        <div class="container">
            <div class="section-title text-center">
                <h3>Felis magna fermentum augue et ultricies</h3>
                <p class="lead">Aliquam euismod libero eu enim. Nulla nec felis sed leo placerat imperdiet. Aenean suscipit nulla in justo. Suspendisse cursus rutrum augue. Nulla tincidunt tincidunt mi. Curabitur iaculis, lorem vel rhoncus faucibus.</p>
            </div><!-- end title -->
        </div><!-- end container -->
    </div><!-- end section -->



    <section class="section nopad cac text-center">
        <h3 style="color:#fff">Suspendisse cursus rutrum augue. Nulla tincidunt tincidunt mi. Curabitur iaculis, lorem vel rhoncus faucibus.</h3>
    </section>

    <footer class="footer">
        <div class="container">
            <div class="row">
                <div class="col-md-4 col-sm-4 col-xs-12">
                    <div class="widget clearfix">
                        <div class="widget-title">
                            <img src="assets/images/logos/logo-hosting-light.png" alt="">
                        </div>
                        <p> Integer rutrum ligula eu dignissim laoreet. Pellentesque venenatis nibh sed tellus faucibus bibendum. Sed fermentum est vitae rhoncus molestie. Cum sociis natoque penatibus et magnis dis montes.</p>
                        <p>Sed fermentum est vitae rhoncus molestie. Cum sociis natoque penatibus et magnis dis montes.</p>
                    </div><!-- end clearfix -->
                </div><!-- end col -->

				<div class="col-md-3 col-sm-3 col-xs-12">
                    <div class="widget clearfix">
                        <div class="widget-title">
                            <h3>Magnis</h3>
                        </div>
                        <ul class="footer-links">
                           <li>Aliquam</li>
                                    <li>Convallis</li>
                                    <li>Sollicitudin</li>
                                    <li>Purus</li>
                                    <li>Praesent</li>
                        </ul><!-- end links -->
                    </div><!-- end clearfix -->
                </div><!-- end col -->
				
                <div class="col-md-3 col-sm-3 col-xs-12">
                    <div class="widget clearfix">
                        <div class="widget-title">
                            <h3>Magnis</h3>
                        </div>

                        <ul class="footer-links">
                           <li>Aliquam</li>
                                    <li>Convallis</li>
                                    <li>Sollicitudin</li>
                                    <li>Purus</li>
                                    <li>Praesent</li>
                        </ul><!-- end links -->
                    </div><!-- end clearfix -->
                </div><!-- end col -->

                <div class="col-md-2 col-sm-2 col-xs-12">
                    <div class="widget clearfix">
                        <div class="widget-title">
                            <h3>Magnis</h3>
                        </div>
                        <ul class="footer-links">
                           <li>Aliquam</li>
                                    <li>Convallis</li>
                                    <li>Sollicitudin</li>
                                    <li>Purus</li>
                                    <li>Praesent</li>
                        </ul><!-- end links -->
                    </div><!-- end clearfix -->
                </div><!-- end col -->
            </div><!-- end row -->
        </div><!-- end container -->
    </footer><!-- end footer -->

    <div class="copyrights">
        <div class="container">
            <div class="footer-distributed">
                <div class="footer-left">                   
                    <p class="footer-company-name">Powered by : <a href="https://www.apostropheagency.com" target="_blank">apostropheagency.com</a></p> 
                </div>
            </div>
        </div><!-- end container -->
    </div><!-- end copyrights -->



</body>
</html>