<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <link rel="icon" href="images/logo.png" type="image/x-icon" />
    <!-- Theme tittle --> 
    <title>Yop - Digital Business agency Multipurpose HTML Template</title>  
    
    <!-- Theme style CSS -->         
    <link href="css/style.css" rel="stylesheet"> 

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body>
   
    <!-- Header Area -->
    <header class="main_header_area">   
		<nav class="navbar navbar-expand-lg"> 
			<div class="navbar-brand">
				<a class="logo" href="index.html"><img src="images/logo.png" alt=""></a>   
			</div>
			<!-- Small Divice Menu-->
			<button class="navbar-toggler" type="button" data-toggle="collapse" data-target=".navbar_supported"  aria-label="Toggle navigation"> 
				<i class="fas fa-bars"></i>
			</button>
			<!-- Left Nav bar -->
			<div class="collapse navbar-collapse navbar_supported"> 
				<ul class="navbar-nav"> 
					<li class="dropdown">
						<a class="nav-link dropdown-toggle" href="" role="button" data-toggle="dropdown">Product</a>
						<ul class="dropdown-menu home_drop">
							<li>
								<a href="index.html" class="active">
									<i class="fab fa-soundcloud"></i>
									<span>Home Cloud Agency <small>This website for cloud storage related</small></span>
								</a> 
							</li>  
							<li> 
								<a href="index-2.html">
									<i class="fas fa-cogs"></i>
									<span>Home SaaS, IT & Sofware<small>This website for IT software related</small></span>
								</a> 
							</li>    
							<li> 
								<a href="index-3.html">
									<i class="fas fa-piggy-bank"></i>
									<span>Home Capital & Business <small>This website for Capital, cash related</small></span>
								</a> 
							</li>    
							<li> 
								<a href="home/index.html">
									<i class="fab fa-drupal"></i>
									<span>SaaS Landing <small>This website for Capital, cash related</small></span>
									<span class="new">New</span>
								</a> 
							</li>      
							<li> 
								<a href="home/index-2.html">
									<i class="fab fa-autoprefixer"></i>
									<span>App Landing <small>This website for Capital, cash related</small></span>
									<span class="new">New</span>
								</a> 
							</li>    
						</ul>
					</li>           
					<li><a href="feature.html">Feature</a></li>   
					<li><a href="pricing.html">Pricing</a></li>       
					<li class="dropdown">
						<a class="nav-link dropdown-toggle" href="" role="button" data-toggle="dropdown">Pages</a>
						<ul class="dropdown-menu"> 
							<li><a href="partners.html">Partners</a></li>   	     
							<li><a href="leadership.html">Leadership</a></li>   
							<li class="dropdown">
								<a class="nav-link dropdown-toggle" href="" role="button" data-toggle="dropdown">Blog</a>
								<ul class="dropdown-menu">
									<li><a href="blog.html">Blog</a></li>   	     
									<li><a href="blog-single.html">Blog Single</a></li>   
								</ul>
							</li>  
							<li class="dropdown">
								<a class="nav-link dropdown-toggle" href="" role="button" data-toggle="dropdown">Cases</a>
								<ul class="dropdown-menu">
									<li><a href="case.html">Case</a></li>
									<li><a href="case-2.html">Case v2</a></li> 
									<li><a href="case-single.html">Case Single</a></li> 
								</ul>
							</li> 
							<li><a href="faq.html">Faq</a></li>  
							<li><a href="contact.html">Contact</a></li> 
						</ul>
					</li>  
					<li><a href="about.html">Company</a></li>   
					<li><a href="contact.html">Support</a></li>      
				</ul>    
			</div> 
			<!-- Right Nav bar --> 
			<ul class="right_nav">    
				<li><a href="#" class="get_m">Get Started Free</a></li>
				<li><a href="#" class="theme_btn">Sign up</a></li>
			</ul>  
		</nav>   
    </header>
    <!-- Header Area -->    
    
    <!-- Banner Area -->    
    <section class="banner_area">
    	<div class="container bdr">
    		<div class="row">
    			<div class="col-lg-6">
    				<h2 class="wow fadeInUp">Digital your <br>Cloud management</h2>
					<p class="wow fadeInUp" data-wow-delay="0.3s">Cloud management is how admins have control over everything that operates in a cloud: the users, data, applications</p>
   					<p class="wow fadeInUp" data-wow-delay="0.5s">We care about your business , Cloud Hosting Platform</p>
   					<a href="#" class="theme_btn wow fadeInUp" data-wow-delay="0.7s">Get Started Free</a>
    			</div>
    			<div class="col-lg-6 banner_i">
    				<img src="images/rs-banner-3.png" alt="" class="rs_banner">
    				<img src="images/banner-i-2.png" alt="" class="images_1">
    				<img src="images/banner-i-1.png" alt="" class="images_2 wow slideInRight">
    			</div>
    		</div>
    	</div>
    </section>
    <!-- Banner Area --> 
	
    <!-- Client Logo Area -->    
    <section class="client_logo_area">
    	<div class="container">
    		<h6>Trusted by more than 10,000 online stores wordwide</h6>
    		<div class="owl-carousel cl_slide">
    			<a href="#" class="item"><img src="images/client-logo-1.png" alt=""></a> 
    			<a href="#" class="item"><img src="images/client-logo-2.png" alt=""></a> 
    			<a href="#" class="item"><img src="images/client-logo-3.png" alt=""></a> 
    			<a href="#" class="item"><img src="images/client-logo-4.png" alt=""></a> 
    			<a href="#" class="item"><img src="images/client-logo-5.png" alt=""></a> 
    			<a href="#" class="item"><img src="images/client-logo-6.png" alt=""></a> 
    			<a href="#" class="item"><img src="images/client-logo-7.png" alt=""></a> 
    		</div>
    	</div>
    </section>
    <!-- Client Logo Area -->   
     
    <!--A platform that facilitates -->  
    <section class="platform_facilitates">
    	<div class="container">
    		<h2>A platform that facilitates choice Grow your cloud  </h2>
    		<div class="row platform_row">
    			<div class="col-lg-4 col-md-6 wow fadeIn">
    				<div class="platform">
    					<div class="icons">
    						<i class="flaticon-support"></i>
    					</div>
    					<a href="#">Support</a>
    					<p>Let us put your website in front of consumers at the moment in time they are searching for your products & services.</p>
    				</div>
    			</div>
				<!-- platform -->
    			<div class="col-lg-4 col-md-6 wow fadeIn" data-wow-delay="0.3s">
    				<div class="platform">
    					<div class="icons">
    						<i class="flaticon-collaboration"></i>
    					</div>
    					<a href="#">Performance </a>
    					<p>Let us put your website in front of consumers at the moment in time they are searching for your products & services.</p>
    				</div>
    			</div>
				<!-- platform -->
    			<div class="col-lg-4 col-md-6 wow fadeIn" data-wow-delay="0.6s">
    				<div class="platform">
    					<div class="icons">
    						<i class="flaticon-piggybank"></i>
    					</div>
    					<a href="#">Manage </a>
    					<p>Let us put your website in front of consumers at the moment in time they are searching for your products & services.</p>
    				</div>
    			</div>
    		</div>
    	</div>
    </section>
    <!--A platform that facilitates -->    
    
    <!-- Digital Cloud agency --> 
    <section class="cloud_agency_area">
    	<div class="container">
    		<div class="row">
    			<div class="col-lg-6 containt_inner">
    				<h5>Digital Cloud agency</h5>
    				<h2>Attract Customers With digital modules </h2>
    				<p>Building your online presence helps attract more potential clients. Our integrated marketing team will work directly with you to understand what makes your business unique, and provide more qualified leads to achieve success in your industry</p>
    				<a href="#" class="theme_btn">Get in touch</a>
    			</div>
    			<div class="col-lg-6 text-lg-right"><img src="images/cloud-1.png" alt=""></div>
    		</div>
    	</div>
    </section>
    <!-- Digital Cloud agency -->    
    
    <!-- Digital Modules  --> 
    <section class="digital_modules">
    	<div class="container">
    		<div class="tittle"> 
				<h2>Digital Modules </h2>
				<p>Cloud management is how admins have control over everything that operates in a cloud: the users, data, applications</p>
    		</div>
    		<div class="row modules_inner">
    			<!-- modules -->
    			<div class="col-lg-4 col-md-6 media wow fadeIn" data-wow-delay="0.6s">
    				<i class="fas fa-cloud"></i>
    				<div class="media-body">
    					<a href="#">Easy Reporting</a>
    					<p>Building your online presence helps attract more potential </p>
    				</div>
    			</div>
    			<!-- modules -->
    			<div class="col-lg-4 col-md-6 media wow fadeIn" data-wow-delay="0.3s">
    				<i class="fas fa-hospital-alt c_2"></i>
    				<div class="media-body">
    					<a href="#">Hosting Platform</a>
    					<p>Building your online presence helps attract more potential </p>
    				</div>
    			</div>
    			<!-- modules -->
    			<div class="col-lg-4 col-md-6 media wow fadeIn">
    				<i class="fab fa-cloudsmith c_3"></i>
    				<div class="media-body">
    					<a href="#">Managed Cloud </a>
    					<p>Building your online presence helps attract more potential </p>
    				</div>
    			</div>
    		</div>
    		<!-- Reporting -->
    		<div class="row reporting_area">
    			<div class="col-lg-6 wow fadeInLeft">
    				<h5>Easy Reporting</h5>
    				<h2>Enabling organizations to grow </h2>
    				<p>Building your online presence helps attract more potential clients. Our integrated marketing team will work directly with you to understand what makes your business unique, and provide more qualified leads to achieve success in your industry</p>
    				<p>Everything you need to make the best decision on one page, with all the context you need.</p>
    				<a href="#" class="theme_btn">Get Started quickly</a>
    			</div>
    			<div class="col-lg-6 wow fadeInRight">
    				<div class="reporting_img">
    					<img src="images/reporting-1.png" alt="">
    					<img src="images/reporting-2.png" alt="" class="img_2">
    				</div>
    			</div>
    		</div>
    	</div>
    </section>
    <!-- Digital Modules  -->     
     
    <!--A platform that facilitates -->  
    <section class="platform_facilitates pf_2">
    	<div class="container">
    		<h2>Features <br>Less Worries More Freedom</h2>
    		<div class="row platform_row">
    			<div class="col-lg-4 col-md-6 wow fadeIn">
    				<div class="platform">
    					<div class="icons">
    						<i class="flaticon-php"></i>
    					</div>
    					<a href="#"> PHP Apps Supported</a>
    					<p>Let us put your website in front of consumers at the moment in time they are searching for your products & services.</p>
    				</div>
    			</div>
				<!-- platform -->
    			<div class="col-lg-4 col-md-6 wow fadeIn" data-wow-delay="0.3s">
    				<div class="platform">
    					<div class="icons">
    						<i class="flaticon-cloud"></i>
    					</div>
    					<a href="#">Cloudways Bot</a>
    					<p>Let us put your website in front of consumers at the moment in time they are searching for your products & services.</p>
    				</div>
    			</div>
				<!-- platform -->
    			<div class="col-lg-4 col-md-6 wow fadeIn" data-wow-delay="0.6s">
    				<div class="platform">
    					<div class="icons">
    						<i class="flaticon-security"></i>
    					</div>
    					<a href="#">Managed Security</a>
    					<p>Let us put your website in front of consumers at the moment in time they are searching for your products & services.</p>
    				</div>
    			</div>
				<!-- platform -->
    			<div class="col-lg-4 col-md-6 wow fadeIn" data-wow-delay="0.8s">
    				<div class="platform">
    					<div class="icons">
    						<i class="flaticon-piggy-bank-1"></i>
    					</div>
    					<a href="#">Strategy control</a>
    					<p>Let us put your website in front of consumers at the moment in time they are searching for your products & services.</p>
    				</div>
    			</div>
				<!-- platform -->
    			<div class="col-lg-4 col-md-6 wow fadeIn" data-wow-delay="1s">
    				<div class="platform">
    					<div class="icons">
    						<i class="flaticon-happy"></i>
    					</div>
    					<a href="#">Customer friendly</a>
    					<p>Let us put your website in front of consumers at the moment in time they are searching for your products & services.</p>
    				</div>
    			</div>
				<!-- platform -->
    			<div class="col-lg-4 col-md-6 wow fadeIn" data-wow-delay="1.2s">
    				<div class="platform">
    					<div class="icons">
    						<i class="flaticon-pay"></i>
    					</div>
    					<a href="#">Payment Security</a>
    					<p>Let us put your website in front of consumers at the moment in time they are searching for your products & services.</p>
    				</div>
    			</div>
    		</div>
    	</div>
    </section>
    <!--A platform that facilitates --> 
     
    <!-- Smarter way to collect  -->  
    <section class="smarter_collect">
    	<div class="container">
    		<div class="row">
    			<div class="col-lg-7 smarter_text">
    				<h2>Smarter way to collect payments</h2>
    				<p>Cloud management is how admins have control over everything that operates in a cloud: the users, data, applications</p>
    				<div class="media">
    					<div class="media-left">  
    						<i class="fas fa-bell"></i>
    					</div>
    					<div class="media-body">
    						<a href="#" class="heding">Payment Notification</a>
    						<p>Keep your systems in sync with automated webhook based notifications each time a link is paid.</p>
    						<a href="#" class="get_btn">Get Strated <i class="fas fa-arrow-circle-right"></i></a>
    					</div>
    				</div>
    				<div class="media">
    					<div class="media-left">
    						<i class="fas fa-cogs c_2"></i>
    					</div>
    					<div class="media-body">
    						<a href="#" class="heding">API Driven</a>
    						<p>Automate the generation and collection of payments through powerful APIs for all aspects of payment links.</p>
    						<a href="#" class="get_btn">Get Strated <i class="fas fa-arrow-circle-right"></i></a>
    					</div>
    				</div>
    			</div>
    			<div class="col-lg-5 smarter_img">
    				<img src="images/ex-img.png" alt="">
    			</div>
    		</div>
    	</div>
    </section>
    <!-- Smarter way to collect  -->  
    
    <!-- Testimonial Area  -->
    <section class="testimonial_area">
    	<div class="container">
    		<div class="row">
    			<div class="col-lg-5 testimonial_img">
    				<img src="images/testimonial.png" alt="">
    			</div>
    			<div class="col-lg-7">
    				<div class="carousel testimonial_s slide" data-ride="carousel">
    					<div class="carousel-inner">
    						<div class="carousel-item active">
								<h2>Hear what others are saying</h2>
   								<p>Since we began our partnership with Restoration Digital Marketing, our web traffic has increased tremendously. This has led to increased phone calls, that are legitimate leads, </p>
   								<div class="author">
   									<a href="#">Emran Khan</a>
   									<h6>Front-end Web Developer</h6>
   									<img src="images/author.png" alt="">
   								</div>
    						</div> 
    						<div class="carousel-item">
								<h2>Hear what others are saying</h2>
   								<p>Since we began our partnership with Restoration Digital Marketing, our web traffic has increased tremendously. This has led to increased phone calls, that are legitimate leads, </p>
   								<div class="author">
   									<a href="#">Mahfuz Riad</a>
   									<h6>Ux & Product Designer</h6>
   									<img src="images/author.png" alt="">
   								</div>
    						</div> 
    						<div class="carousel-item"> 
								<h2>Hear what others are saying</h2>
   								<p>Since we began our partnership with Restoration Digital Marketing, our web traffic has increased tremendously. This has led to increased phone calls, that are legitimate leads, </p>
   								<div class="author">
   									<a href="#">Al Mahmud</a>
   									<h6>Ux & Product Designer</h6>
   									<img src="images/author.png" alt="">
   								</div>
    						</div> 
						</div> 
    					<ol class="carousel-indicators">
    						<li data-target=".testimonial_s" data-slide-to="0" class="active"></li>
    						<li data-target=".testimonial_s" data-slide-to="1"></li>
    						<li data-target=".testimonial_s" data-slide-to="2"></li>
    					</ol>
    				</div>
    			</div>
    		</div>
    	</div>
    </section>
    <!-- Testimonial Area  -->
    
    <!-- See our blog  -->
    <section class="our_blog_area">
    	<div class="container">
    		<div class="tittle">
    			<h2>See our blog</h2>
    			<p>Check out our blog and keep up to date on the latest tools and trends in your industry</p>
    		</div>
    		<div class="row">
    			<!-- Blog item -->
    			<div class="col-lg-4 col-md-6 blog_item wow fadeIn">
    				<div class="blog_img"><img src="images/r-blog-1.jpg" alt=""></div>
    				<div class="blog_cont">
    					<a href="blog-single.html" class="heding">Why UX Matters (And How You Can Affect It)</a>
    					<h6>by <a href="#">Emran Khan</a> ,  on April 19</h6> 
    					<a href="#" class="get_btn">Read More <i class="fas fa-arrow-circle-right"></i></a>
    				</div>
    			</div>
    			<!-- Blog item -->
    			<div class="col-lg-4 col-md-6 blog_item wow fadeIn" data-wow-delay="0.2s">
    				<div class="blog_img"><img src="images/r-blog-2.jpg" alt=""></div>
    				<div class="blog_cont">
    					<a href="blog-single.html" class="heding">Rules for creating good User Experience</a>
    					<h6>by <a href="#">Emran Khan</a> ,  on April 19</h6> 
    					<a href="#" class="get_btn">Read More <i class="fas fa-arrow-circle-right"></i></a>
    				</div>
    			</div>
    			<!-- Blog item -->
    			<div class="col-lg-4 col-md-6 blog_item wow fadeIn" data-wow-delay="0.2s">
    				<div class="blog_img"><img src="images/r-blog-3.jpg" alt=""></div>
    				<div class="blog_cont">
    					<a href="blog-single.html" class="heding">Digital advance would have stopped </a>
    					<h6>by <a href="#">Emran Khan</a> ,  on April 19</h6> 
    					<a href="#" class="get_btn">Read More <i class="fas fa-arrow-circle-right"></i></a>
    				</div>
    			</div>
    		</div>
    	</div>
    </section>
    <!-- See our blog  -->
    
    <!-- Get in touch -->
    <section class="get_touch">
    	<div class="container">
    		<h2>Get in touch or create an account</h2>
    		<h6>Succeed More</h6>
    		<p>Explore your options, and map out your path to success.</p>
    		<a href="#" class="theme_btn">Explore your options</a>
    		<a href="#" class="theme_btn create">Create Account</a>
    	</div>
    </section>
    <!-- Get in touch -->
	
    <!-- Footer Area -->  
    <footer class="footer_area">   
       <div class="container"> 
			<div class="footer_inner row">   
				<div class="col-lg-4 col-sm-6 footer_logo wow fadeIn"> 
					<a href="index.html"><img src="images/logo.png" alt=""></a>  
					<address>
						75 Arlington St. Suite 500 Boston, MA <br> 02116, USA <br>
						<a href="#"  class="fsa">+088 01912704287</a>
						<a href="#">Office23@gmail.com</a>
					</address> 
					 <ul class="footer_social"> 
						<li><a href="#" class="active"><i class="fab fa-facebook-f"></i></a></li>
						<li><a href="#"><i class="fab fa-linkedin-in"></i></a></li>
						<li><a href="#"><i class="fab fa-dribbble"></i></a></li>
						<li><a href="#"><i class="fab fa-twitter"></i></a></li>  
					</ul>
					<div class="app_btn">
						<a href="#"><img src="images/app-btn.png" alt=""></a>
						<a href="#"><img src="images/app-btn-2.png" alt=""></a>
					</div>
				</div>
				<div class="footer_widget col-lg-3 col-sm-6 wow fadeIn" data-wow-delay="0.2s">
					<h4>Navigation</h4>
					<ul class="footer_nav">   
						<li><a href="#">About us</a></li>     
						<li><a href="#">Contact</a></li>     
						<li><a href="#">Influencer Marketing</a></li>     
						<li><a href="#">Products Overview</a></li>     
						<li><a href="#">Managed Databases</a></li>     
						<li><a href="#">Tools & Integrations </a></li>  
					</ul>
				</div>  
				<div class="footer_widget col-lg-3 col-sm-6 wow fadeIn" data-wow-delay="0.6s">
					<h4>Solution</h4>
					<ul class="footer_nav">   
						<li><a href="#">SEO Strategy</a></li>     
						<li><a href="#">Content Strategy</a></li>     
						<li><a href="#">PPC Management</a></li>     
						<li><a href="#">Link Building Services</a></li>     
						<li><a href="#">Social media markering</a></li>     
						<li><a href="#">Email marketing</a></li>     
						<li><a href="#">Cloud Strategy</a></li>  
					</ul>
				</div> 
				<div class="footer_widget col-lg-2 fw_2 col-sm-6 wow fadeIn" data-wow-delay="0.9s">
					<h4>Product</h4> 
					<ul class="footer_nav">   
						<li><a href="#">Apps</a></li>     
						<li><a href="#">Register</a></li>          
						<li><a href="#">Pricing</a></li>          
						<li><a href="#">Helpdesk</a></li>          
						<li><a href="#">help</a></li>          
						<li><a href="#">Faq</a></li>          
						<li><a href="#">Linkedin</a></li>          
						<li><a href="blog.html">Blog</a></li>          
					</ul>
				</div>          
			</div>  
			<div class="copy_right">
				<div class="row"> 
					<div class="col-md-6  wow slideInRight">
						<ul class="c_nav"> 
							<li><a href="#">Privacy Policy</a></li>
							<li><a href="#">Customer Support </a></li>
							<li><a href="#">Careers</a></li>
						</ul>
					</div>   
					<div class="col-md-6 order-md-first  wow slideInLeft">
						<p>Copyrights 2019 <a href="#">Themazine</a></p>
					</div> 
				</div>
			</div> 
       </div> 
    </footer>
    <!-- End Footer Area --> 
    
    <!-- Scroll Top Button -->
    <button class="scroll-top">
        <i class="fas fa-angle-up"></i>
    </button>

    <!-- Preloader -->  
	<div class="preloader"><img src="images/preloder.png" alt=""></div>
    
    <!-- jQuery v3.3.1 -->
    <script src="js/jquery-3.3.1.min.js"></script>    
    <!-- Bootstrap v4.0.0 -->
    <script src="js/popper.min.js"></script>
    <script src="js/bootstrap.min.js"></script>  
    <!-- Extra Plugin -->
    <script src="vendors/animate-css/wow.min.js"></script> 
    <script src="vendors/owl-carousel/owl.carousel.min.js"></script>     
    
    <!-- Theme js / Custom js -->
    <script src="js/theme.js"></script> 
</body>
</html> 