<html class="no-js">
<head>
<script>
if (window.location.href.includes("#")) window.location.href = window.location.href.replace(/\/\#\//g, '#').replace(/\/\#/g, '#').replace(/\#/g, '/');
</script>
<meta charset="utf-8">
<meta content="IE=edge" http-equiv="X-UA-Compatible">
<title>
Notes
</title>
<meta content="" name="description">
<meta content="width=device-width, initial-scale=1" name="viewport">
<!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
<!-- Fonts -->
<!-- Lato -->
<link href="https://fonts.googleapis.com/css?family=Lato:400,300,700" rel="stylesheet" type="text/css">
<link href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" rel="stylesheet">
<!-- CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/font-awesome.min.css" rel="stylesheet">
<link href="css/owl.carousel.css" rel="stylesheet">
<link href="css/animate.css" rel="stylesheet">
<link href="css/main.css" rel="stylesheet">
<!-- Responsive Stylesheet -->
<link href="css/responsive.css" rel="stylesheet">
</head>
<body id="body">
<div id="preloader">
<div class="book">
<div class="book__page">
</div>
<div class="book__page">
</div>
<div class="book__page">
</div>
</div>
</div>
<!--
Header start
==================== -->
<div class="navbar-default navbar-fixed-top" id="navigation">
<div class="container">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button class="navbar-toggle collapsed" data-target="#navbar" data-toggle="collapse" type="button">
<span class="sr-only">
Toggle navigation
</span>
<span class="icon-bar">
</span>
<span class="icon-bar">
</span>
<span class="icon-bar">
</span>
</button>
<a class="navbar-brand" href="#">
<img alt="LOGO" class="logo-1" src="images/logo.png">
<img alt="LOGO" class="logo-2" src="images/logo-2.png">
</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<nav class="collapse navbar-collapse" id="navbar">
<ul class="nav navbar-nav navbar-right" id="top-nav">
<li class="current">
<a href="#body">
Home
</a>
</li>
<li>
<a href="#about">
About us
</a>
</li>
<li>
<a href="#service">
Services
</a>
</li>
<li>
<a href="#contact">
Contact
</a>
</li>
</ul>
</nav>
<!-- /.navbar-collapse -->
</div>
<!-- /.container-fluid -->
</div>
<section id="hero-area">
<div class="container">
<div class="row">
<div class="col-md-6">
<div class="block">
<h1 class="wow fadeInDown">
A passionate web company
</h1>
<p class="wow fadeInDown" data-wow-delay="0.3s">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna
</p>
<div class="wow fadeInDown" data-wow-delay="0.3s">
<a class="btn btn-default btn-home" href="#about" role="button">
Get Started
</a>
</div>
</div>
</div>
<div class="col-md-6 wow zoomIn">
<div class="block">
<div class="counter text-center">
<ul id="countdown_dashboard">
<li>
<div class="dash days_dash">
<div class="digit">
0
</div>
<div class="digit">
0
</div>
<div class="digit">
0
</div>
<span class="dash_title">
Days
</span>
</div>
</li>
<li>
<div class="dash hours_dash">
<div class="digit">
0
</div>
<div class="digit">
0
</div>
<span class="dash_title">
Hours
</span>
</div>
</li>
<li>
<div class="dash minutes_dash">
<div class="digit">
0
</div>
<div class="digit">
0
</div>
<span class="dash_title">
Minutes
</span>
</div>
</li>
<li>
<div class="dash seconds_dash">
<div class="digit">
0
</div>
<div class="digit">
0
</div>
<span class="dash_title">
Seconds
</span>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
<!-- .row close -->
</div>
<!-- .container close -->
</section>
<!-- header close -->
<!--
About start
==================== -->
<section class="section" id="about">
<div class="container">
<div class="row">
<div class="col-md-7 col-sm-12 wow fadeInLeft">
<div class="sub-heading">
<h3>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Magnam ipsa recusandae consequatur veniam, reiciendis odit quia eaque vel eius a.
</h3>
</div>
<div class="block">
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ulla-mco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Neque, aspernatur.
</p>
</div>
</div>
<div class="col-md-5 col-sm-12 wow fadeInLeft" data-wow-delay="0.3s">
<div class="about-slider">
<div class="init-slider">
<div class="about-item">
<img alt="" class="img-responsive" src="images/about/1.jpg">
</div>
<div class="about-item">
<img alt="" class="img-responsive" src="images/about/2.jpg">
</div>
<div class="about-item">
<img alt="" class="img-responsive" src="images/about/3.jpg">
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- #about close -->
<!--
About start
==================== -->
<!--
Service start
==================== -->
<section class="section" id="service">
<div class="container">
<div class="row">
<div class="heading wow fadeInUp">
<h2>
Our service
</h2>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et
<br>
dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex
</p>
</div>
<div class="col-sm-6 col-md-3 wow fadeInLeft">
<div class="service">
<div class="icon-box">
<span class="icon">
<i class="ion-android-desktop">
</i>
</span>
</div>
<div class="caption">
<h3>
Fully Responsive
</h3>
<p>
Lorem ipsum dolor sit amet, con-sectetur adipisicing elit, sed do eiusmod tempor incididunt ut
</p>
</div>
</div>
</div>
<div class="col-sm-6 col-md-3 wow fadeInLeft" data-wow-delay="0.3s">
<div class="service">
<div class="icon-box">
<span class="icon">
<i class="ion-speedometer">
</i>
</span>
</div>
<div class="caption">
<h3>
Speed Optimized
</h3>
<p>
Lorem ipsum dolor sit amet, con-sectetur adipisicing elit, sed do eiusmod tempor incididunt ut
</p>
</div>
</div>
</div>
<div class="col-sm-6 col-md-3 wow fadeInLeft" data-wow-delay="0.6s">
<div class="service">
<div class="icon-box">
<span class="icon">
<i class="ion-ios-infinite-outline">
</i>
</span>
</div>
<div class="caption">
<h3>
Tons of Feature
</h3>
<p>
Lorem ipsum dolor sit amet, con-sectetur adipisicing elit, sed do eiusmod tempor incididunt ut
</p>
</div>
</div>
</div>
<div class="col-sm-6 col-md-3 wow fadeInLeft" data-wow-delay="0.9s">
<div class="service">
<div class="icon-box">
<span class="icon">
<i class="ion-ios-cloud-outline">
</i>
</span>
</div>
<div class="caption">
<h3>
Cloud Option
</h3>
<p>
Lorem ipsum dolor sit amet, con-sectetur adipisicing elit, sed do eiusmod tempor incididunt ut
</p>
</div>
</div>
</div>
</div>
</div>
<!-- .container close -->
</section>
<!-- #service close -->
<section class="section" id="call-to-action">
<div class="container">
<div class="row">
<div class="col-md-12 wow text-center">
<div class="block">
<h2>
Lorem ipsum dolor sit amet, consectetur adipisicing
</h2>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
</p>
<div class="form-group">
<input class="form-control" placeholder="Enter Your Email Address" type="text">
<button class="btn btn-default btn-submit" type="submit">
Get Notified
</button>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- #call-to-action close -->
<!--
Contact start
==================== -->
<section class="section" id="contact">
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12">
<div class="block">
<div class="heading wow fadeInUp">
<h2>
Get In Touch
</h2>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et
<br>
dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex
</p>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-5 wow fadeInUp">
<div class="block text-left">
<div class="sub-heading">
<h4>
Contact Address
</h4>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet quos maxime voluptate doloribus, voluptatum nemo vel ipsa in eligendi, ullam. Ducimus consequuntur labore error hic.
</p>
</div>
<address class="address">
<hr>
<p>
Dhanmondi 32,
<br>
Dhaka,
<br>
Bangladesh
</p>
<hr>
<p>
<strong>
E:
</strong>
<a class="__cf_email__" data-cfemail="e68e838a8a89a68089938882949fc8888392" href="/cdn-cgi/l/email-protection">
[email protected]
</a>
<br>
<strong>
P:
</strong>
+614 3948 2726
</p>
</address>
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-5 col-md-offset-1 wow fadeInUp" data-wow-delay="0.3s">
<div class="form-group">
<form action="#" id="contact-form" method="post">
<div class="input-field">
<input class="form-control" name="name" placeholder="Your Name" type="text">
</div>
<div class="input-field">
<input class="form-control" name="email" placeholder="Email Address" type="email">
</div>
<div class="input-field">
<textarea class="form-control" name="message" placeholder="Your Message" rows="3"></textarea>
</div>
<button class="btn btn-send" type="submit">
Send me
</button>
</form>
<div id="success">
<p>
Your Message was sent successfully
</p>
</div>
<div id="error">
<p>
Your Message was not sent successfully
</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section clas="wow fadeInUp">
<div class="map-wrapper">
</div>
</section>
<footer>
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="block">
<p>
2019 Copyright © All right reserved.
</p>
</div>
</div>
</div>
</div>
</footer>
<!-- Js -->
<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js">
</script>
<script src="js/vendor/modernizr-2.6.2.min.js">
</script>
<script src="js/vendor/jquery-1.10.2.min.js">
</script>
<script src="https://maps.googleapis.com/maps/api/js?sensor=false">
</script>
<script src="js/jquery.lwtCountdown-1.0.js">
</script>
<script src="js/bootstrap.min.js">
</script>
<script src="js/owl.carousel.min.js">
</script>
<script src="js/jquery.validate.min.js">
</script>
<script src="js/jquery.form.js">
</script>
<script src="js/jquery.nav.js">
</script>
<script src="js/jquery.sticky.js">
</script>
<script src="js/plugins.js">
</script>
<script src="js/wow.min.js">
</script>
<script src="js/main.js">
</script>
</body>
</html>