<!doctype html>
<html lang="en">
<head>
<!--====== Required meta tags ======-->
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!--====== Title ======-->
<title>Home</title>
<!--====== Favicon Icon ======-->
<link rel="shortcut icon" href="assets/images/favicon.png" type="image/png">
<!--====== Bootstrap css ======-->
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<!--====== Line Icons css ======-->
<link rel="stylesheet" href="assets/css/LineIcons.css">
<!--====== Magnific Popup css ======-->
<link rel="stylesheet" href="assets/css/magnific-popup.css">
<!--====== Default css ======-->
<link rel="stylesheet" href="assets/css/default.css">
<!--====== Style css ======-->
<link rel="stylesheet" href="assets/css/style.css">
</head>
<body>
<!--====== HEADER PART START ======-->
<header class="header-area">
<div class="navgition navgition-transparent">
<div class="container">
<div class="row">
<div class="col-lg-12">
<nav class="navbar navbar-expand-lg">
<a class="navbar-brand" href="#">
<img src="assets/images/logo.svg" alt="Logo">
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarOne" aria-controls="navbarOne" aria-expanded="false" aria-label="Toggle navigation">
<span class="toggler-icon"></span>
<span class="toggler-icon"></span>
<span class="toggler-icon"></span>
</button>
<div class="collapse navbar-collapse sub-menu-bar" id="navbarOne">
<ul class="navbar-nav m-auto">
<li class="nav-item active">
<a class="page-scroll" href="#home">HOME</a>
</li>
<li class="nav-item">
<a class="page-scroll" href="#service">SERVICES</a>
</li>
<li class="nav-item">
<a class="page-scroll" href="#pricing">PRICING</a>
</li>
<li class="nav-item">
<a class="page-scroll" href="#contact">CONTACT</a>
</li>
</ul>
</div>
<div class="navbar-social d-none d-sm-flex align-items-center">
<span>FOLLOW US</span>
<ul>
<li><a href="#"><i class="lni-facebook-filled"></i></a></li>
<li><a href="#"><i class="lni-twitter-original"></i></a></li>
<li><a href="#"><i class="lni-instagram-original"></i></a></li>
<li><a href="#"><i class="lni-linkedin-original"></i></a></li>
</ul>
</div>
</nav> <!-- navbar -->
</div>
</div> <!-- row -->
</div> <!-- container -->
</div> <!-- navgition -->
<div id="home" class="header-hero bg_cover" style="background-image: url(assets/images/header-bg.jpg)">
<div class="container">
<div class="row justify-content-center">
<div class="col-xl-8 col-lg-10">
<div class="header-content text-center">
<h3 class="header-title">Handcrafted Landing Page for Startups and SaaS Businesses</h3>
<p class="text">A simple, customizable, and, beautiful SaaS business focused landing page to make your project closer to launch!</p>
<ul class="header-btn">
<li><a class="main-btn btn-one" href="#">GET IN TOUCH</a></li>
<li><a class="main-btn btn-two video-popup" href="#">WATCH THE VIDEO <i class="lni-play"></i></a></li>
</ul>
</div> <!-- header content -->
</div>
</div> <!-- row -->
</div> <!-- container -->
<div class="header-shape">
<img src="assets/images/header-shape.svg" alt="shape">
</div>
</div> <!-- header content -->
</header>
<!--====== HEADER PART ENDS ======-->
<!--====== SERVICES PART START ======-->
<section id="service" class="services-area">
<div class="container">
<div class="row">
<div class="col-lg-6">
<div class="section-title pb-10">
<h4 class="title">Crafted For</h4>
<p class="text">Stop wasting time and money designing and managing a website that doesn’t get results. Happiness guaranteed!</p>
</div> <!-- section title -->
</div>
</div> <!-- row -->
<div class="row">
<div class="col-lg-8">
<div class="row">
<div class="col-md-6">
<div class="services-content mt-40 d-sm-flex">
<div class="services-icon">
<i class="lni-bolt"></i>
</div>
<div class="services-content media-body">
<h4 class="services-title">Startup</h4>
<p class="text">Short description for the ones</br> who look for something new.</p>
</div>
</div> <!-- services content -->
</div>
<div class="col-md-6">
<div class="services-content mt-40 d-sm-flex">
<div class="services-icon">
<i class="lni-bar-chart"></i>
</div>
<div class="services-content media-body">
<h4 class="services-title">SaaS Business</h4>
<p class="text">Short description for the ones</br> who look for something new.</p>
</div>
</div> <!-- services content -->
</div>
<div class="col-md-6">
<div class="services-content mt-40 d-sm-flex">
<div class="services-icon">
<i class="lni-brush"></i>
</div>
<div class="services-content media-body">
<h4 class="services-title">Agency</h4>
<p class="text">Short description for the ones</br> who look for something new.</p>
</div>
</div> <!-- services content -->
</div>
<div class="col-md-6">
<div class="services-content mt-40 d-sm-flex">
<div class="services-ico