Stay in the know
Subscribe to our mailing list to receives daily updates!
<!-- =========={ SUBCRIBE }========== -->
<div id="subcribe" class="section py-6 py-md-7 bg-light-dark">
<div class="container">
<div class="row justify-content-center">
<div class="col-11 col-md-6 aos-init aos-animate" data-aos="fade-up">
<!-- Title -->
<div class="text-center mx-auto mb-4">
<h2>Stay in the know</h2>
<p class="lead text-muted mb-0">Subscribe to our mailing list to receives daily updates!</p>
</div><!-- End Title -->
<!--form-->
<div class="mx-auto mb-4">
<form id="subscribe" class="needs-validation" action="#" novalidate>
<div class="input-group">
<input type="email" class="form-control" name="email" required="" aria-label="email" placeholder="Enter you email address">
<span class="input-group-append">
<button class="btn btn-primary rounded-end rounded-0" type="submit">Subscribe</button>
</span>
<div class="invalid-feedback">
Please insert email address.
</div>
</div>
</form>
</div><!--end form-->
</div>
</div>
</div>
</div><!-- End subcribe -->
Subcribe!
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
<!-- =========={ SUBCRIBE }========== -->
<div id="subcribe" class="section py-6 py-md-7 bg-light jarallax">
<!-- background parallax -->
<img class="jarallax-img" src="src/img-min/bg/bg3.jpg" alt="title">
<div class="container">
<div class="row justify-content-center">
<div class="col-11 col-sm-10 col-md-9" data-aos="fade-up">
<div class="row g-0">
<!-- img block -->
<div class="col-lg-6 order-lg-2 text-white bg-light-dark">
<div class="z-index-2 py-5 text-center">
<img class="img-fluid" src="src/img-min/svg/new_message.svg" alt="subcribe">
</div>
</div>
<!-- content block -->
<div class="col-lg-6 order-lg-1 my-auto showcase-text">
<div class="p-5 p-md-6 bg-body text-center">
<h3>Subcribe!</h3>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. </p>
<form class="needs-validation" action="#" novalidate>
<div class="mb-4">
<input type="text" class="form-control" placeholder="Full name" aria-label="full name" id="fullname" required>
<div class="invalid-feedback">
Please insert full name.
</div>
</div>
<div class="mb-4">
<input type="email" class="form-control" placeholder="Email address" aria-label="email" id="exampleInputEmail1" required>
<div class="invalid-feedback">
Please insert email address.
</div>
</div>
<div class="d-grid">
<button type="submit" class="btn btn-primary">Submit</button>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div><!-- End subcribe -->
Subcribe Newsletter
Subscribe to our mailing list to receives daily updates!
<!-- =========={ SUBCRIBE }========== -->
<div id="subcribe" class="section pt-7 pb-8 bg-body overflow-hidden">
<!-- particle moving animation -->
<div class="particle">
<div class="scroll-rotate position-absolute opacity-50 text-primary z-index-n1" style="right:9%;bottom: 72%;">
<svg class="bi bi-bounding-box-circles" width="2rem" height="2rem" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M12.5 2h-9V1h9v1zm-10 1.5v9h-1v-9h1zm11 9v-9h1v9h-1zM3.5 14h9v1h-9v-1z" clip-rule="evenodd"></path>
<path fill-rule="evenodd" d="M14 3a1 1 0 100-2 1 1 0 000 2zm0 1a2 2 0 100-4 2 2 0 000 4zm0 11a1 1 0 100-2 1 1 0 000 2zm0 1a2 2 0 100-4 2 2 0 000 4zM2 3a1 1 0 100-2 1 1 0 000 2zm0 1a2 2 0 100-4 2 2 0 000 4zm0 11a1 1 0 100-2 1 1 0 000 2zm0 1a2 2 0 100-4 2 2 0 000 4z" clip-rule="evenodd"></path>
</svg>
</div>
<div class="scroll-rotate position-absolute opacity-50 text-warning z-index-n1" style="right:12%;bottom: 30%;">
<svg class="bi bi-bounding-box-circles" width="2rem" height="2rem" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M12.5 2h-9V1h9v1zm-10 1.5v9h-1v-9h1zm11 9v-9h1v9h-1zM3.5 14h9v1h-9v-1z" clip-rule="evenodd"></path>
<path fill-rule="evenodd" d="M14 3a1 1 0 100-2 1 1 0 000 2zm0 1a2 2 0 100-4 2 2 0 000 4zm0 11a1 1 0 100-2 1 1 0 000 2zm0 1a2 2 0 100-4 2 2 0 000 4zM2 3a1 1 0 100-2 1 1 0 000 2zm0 1a2 2 0 100-4 2 2 0 000 4zm0 11a1 1 0 100-2 1 1 0 000 2zm0 1a2 2 0 100-4 2 2 0 000 4z" clip-rule="evenodd"></path>
</svg>
</div>
<div class="scroll-rotate position-absolute opacity-50 text-danger d-none d-lg-block z-index-n1" style="right:22%;bottom: 55%;">
<svg class="bi bi-bounding-box-circles" width="1.5rem" height="1.5rem" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M12.5 2h-9V1h9v1zm-10 1.5v9h-1v-9h1zm11 9v-9h1v9h-1zM3.5 14h9v1h-9v-1z" clip-rule="evenodd"></path>
<path fill-rule="evenodd" d="M14 3a1 1 0 100-2 1 1 0 000 2zm0 1a2 2 0 100-4 2 2 0 000 4zm0 11a1 1 0 100-2 1 1 0 000 2zm0 1a2 2 0 100-4 2 2 0 000 4zM2 3a1 1 0 100-2 1 1 0 000 2zm0 1a2 2 0 100-4 2 2 0 000 4zm0 11a1 1 0 100-2 1 1 0 000 2zm0 1a2 2 0 100-4 2 2 0 000 4z" clip-rule="evenodd"></path>
</svg>
</div>
<div class="scroll-rotate position-absolute opacity-50 text-danger d-none d-lg-block z-index-n1" style="left:40%;top: 20%;">
<svg class="bi bi-bounding-box-circles" width="1.5rem" height="1.5rem" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M12.5 2h-9V1h9v1zm-10 1.5v9h-1v-9h1zm11 9v-9h1v9h-1zM3.5 14h9v1h-9v-1z" clip-rule="evenodd"></path>
<path fill-rule="evenodd" d="M14 3a1 1 0 100-2 1 1 0 000 2zm0 1a2 2 0 100-4 2 2 0 000 4zm0 11a1 1 0 100-2 1 1 0 000 2zm0 1a2 2 0 100-4 2 2 0 000 4zM2 3a1 1 0 100-2 1 1 0 000 2zm0 1a2 2 0 100-4 2 2 0 000 4zm0 11a1 1 0 100-2 1 1 0 000 2zm0 1a2 2 0 100-4 2 2 0 000 4z" clip-rule="evenodd"></path>
</svg>
</div>
<div class="scroll-rotate position-absolute opacity-50 text-primary z-index-n1" style="left:60%;bottom: 20%;">
<svg class="bi bi-bounding-box-circles" width="1.5rem" height="1.5rem" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M12.5 2h-9V1h9v1zm-10 1.5v9h-1v-9h1zm11 9v-9h1v9h-1zM3.5 14h9v1h-9v-1z" clip-rule="evenodd"></path>
<path fill-rule="evenodd" d="M14 3a1 1 0 100-2 1 1 0 000 2zm0 1a2 2 0 100-4 2 2 0 000 4zm0 11a1 1 0 100-2 1 1 0 000 2zm0 1a2 2 0 100-4 2 2 0 000 4zM2 3a1 1 0 100-2 1 1 0 000 2zm0 1a2 2 0 100-4 2 2 0 000 4zm0 11a1 1 0 100-2 1 1 0 000 2zm0 1a2 2 0 100-4 2 2 0 000 4z" clip-rule="evenodd"></path>
</svg>
</div>
<div class="scroll-rotate position-absolute opacity-50 text-warning z-index-n1" style="left:20%;bottom: 60%;">
<svg class="bi bi-bounding-box-circles" width="1.5rem" height="1.5rem" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M12.5 2h-9V1h9v1zm-10 1.5v9h-1v-9h1zm11 9v-9h1v9h-1zM3.5 14h9v1h-9v-1z" clip-rule="evenodd"></path>
<path fill-rule="evenodd" d="M14 3a1 1 0 100-2 1 1 0 000 2zm0 1a2 2 0 100-4 2 2 0 000 4zm0 11a1 1 0 100-2 1 1 0 000 2zm0 1a2 2 0 100-4 2 2 0 000 4zM2 3a1 1 0 100-2 1 1 0 000 2zm0 1a2 2 0 100-4 2 2 0 000 4zm0 11a1 1 0 100-2 1 1 0 000 2zm0 1a2 2 0 100-4 2 2 0 000 4z" clip-rule="evenodd"></path>
</svg>
</div>
<div class="scroll-rotate position-absolute opacity-50 text-primary z-index-n1" style="left:12%;bottom: 30%;">
<svg class="bi bi-bounding-box-circles" width="2rem" height="2rem" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M12.5 2h-9V1h9v1zm-10 1.5v9h-1v-9h1zm11 9v-9h1v9h-1zM3.5 14h9v1h-9v-1z" clip-rule="evenodd"></path>
<path fill-rule="evenodd" d="M14 3a1 1 0 100-2 1 1 0 000 2zm0 1a2 2 0 100-4 2 2 0 000 4zm0 11a1 1 0 100-2 1 1 0 000 2zm0 1a2 2 0 100-4 2 2 0 000 4zM2 3a1 1 0 100-2 1 1 0 000 2zm0 1a2 2 0 100-4 2 2 0 000 4zm0 11a1 1 0 100-2 1 1 0 000 2zm0 1a2 2 0 100-4 2 2 0 000 4z" clip-rule="evenodd"></path>
</svg>
</div>
<div class="scroll-rotate position-absolute opacity-50 text-success z-index-n1" style="left:6%;bottom:75%;">
<svg class="bi bi-bounding-box-circles" width="2rem" height="2rem" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M12.5 2h-9V1h9v1zm-10 1.5v9h-1v-9h1zm11 9v-9h1v9h-1zM3.5 14h9v1h-9v-1z" clip-rule="evenodd"></path>
<path fill-rule="evenodd" d="M14 3a1 1 0 100-2 1 1 0 000 2zm0 1a2 2 0 100-4 2 2 0 000 4zm0 11a1 1 0 100-2 1 1 0 000 2zm0 1a2 2 0 100-4 2 2 0 000 4zM2 3a1 1 0 100-2 1 1 0 000 2zm0 1a2 2 0 100-4 2 2 0 000 4zm0 11a1 1 0 100-2 1 1 0 000 2zm0 1a2 2 0 100-4 2 2 0 000 4z" clip-rule="evenodd"></path>
</svg>
</div>
</div>
<div class="container">
<div class="row justify-content-center">
<div class="col-10 col-md-6" data-aos="fade-up">
<!-- Title -->
<div class="text-center mx-auto mb-4">
<svg class="bi bi-envelope-open text-primary mb-4" width="5rem" height="5rem" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M.243 6.929l.514-.858L8 10.417l7.243-4.346.514.858L8 11.583.243 6.93z" clip-rule="evenodd"></path>
<path fill-rule="evenodd" d="M7.184 10.68L.752 14.432l-.504-.864L6.68 9.816l.504.864zm1.632 0l6.432 3.752.504-.864L9.32 9.816l-.504.864z" clip-rule="evenodd"></path>
<path fill-rule="evenodd" d="M8.47 1.318a1 1 0 00-.94 0l-6 3.2A1 1 0 001 5.4V14a1 1 0 001 1h12a1 1 0 001-1V5.4a1 1 0 00-.53-.882l-6-3.2zM7.06.435a2 2 0 011.882 0l6 3.2A2 2 0 0116 5.4V14a2 2 0 01-2 2H2a2 2 0 01-2-2V5.4a2 2 0 011.059-1.765l6-3.2z" clip-rule="evenodd"></path>
</svg>
<h2><span class="fw-light">Subcribe</span> Newsletter</h2>
<hr class="divider my-4 mx-auto bg-warning border-warning">
<p class="lead text-muted mb-0">Subscribe to our mailing list to receives daily updates!</p>
</div><!-- End Title -->
<!--form-->
<div class="mx-auto">
<form id="subscribe1" class="needs-validation" action="#" novalidate>
<div class="row">
<div class="col-12 col-lg-8 mb-4 mb-lg-0">
<input type="email" class="form-control" id="email" placeholder="Email address" aria-label="email" name="email" required>
</div>
<div class="col-12 col-lg-4">
<div class="d-grid mb-2">
<button type="submit" class="btn btn-primary">Subcribe!</button>
</div>
</div>
</div>
</form>
</div><!--end form-->
</div>
</div>
</div><!-- end subcribe -->
</div><!-- End Contact Form -->
How to Grow Your Business
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
- Business Plan
- Financial Strategy
- Loan and Taxs
- Sales and Marketing
Subcribe!
<!-- =========={ SUBCRIBE }========== -->
<div id="subcribe" class="section py-6 py-md-7 bg-light-dark" style="background-image: url('src/img-min/bg/email-pattern.png');background-repeat: repeat;">
<div class="container">
<div class="row justify-content-center">
<div class="col-10 col-lg-6 order-lg-2" data-aos="fade-left">
<h2 class="mb-3 text-dark">How to Grow <span>Your Business</span></h2>
<p class="lead">
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
</p>
<ul class="list-unstyled lead mb-5 mb-lg-2">
<li class="py-2">
<svg class="bi bi-check-circle text-success me-3" width="1.2rem" height="1.2rem" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M15.354 2.646a.5.5 0 010 .708l-7 7a.5.5 0 01-.708 0l-3-3a.5.5 0 11.708-.708L8 9.293l6.646-6.647a.5.5 0 01.708 0z" clip-rule="evenodd"></path>
<path fill-rule="evenodd" d="M8 2.5A5.5 5.5 0 1013.5 8a.5.5 0 011 0 6.5 6.5 0 11-3.25-5.63.5.5 0 11-.5.865A5.472 5.472 0 008 2.5z" clip-rule="evenodd"></path>
</svg>Business Plan
</li>
<li class="py-2">
<svg class="bi bi-check-circle text-success me-3" width="1.2rem" height="1.2rem" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M15.354 2.646a.5.5 0 010 .708l-7 7a.5.5 0 01-.708 0l-3-3a.5.5 0 11.708-.708L8 9.293l6.646-6.647a.5.5 0 01.708 0z" clip-rule="evenodd"></path>
<path fill-rule="evenodd" d="M8 2.5A5.5 5.5 0 1013.5 8a.5.5 0 011 0 6.5 6.5 0 11-3.25-5.63.5.5 0 11-.5.865A5.472 5.472 0 008 2.5z" clip-rule="evenodd"></path>
</svg>Financial Strategy
</li>
<li class="py-2">
<svg class="bi bi-check-circle text-success me-3" width="1.2rem" height="1.2rem" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M15.354 2.646a.5.5 0 010 .708l-7 7a.5.5 0 01-.708 0l-3-3a.5.5 0 11.708-.708L8 9.293l6.646-6.647a.5.5 0 01.708 0z" clip-rule="evenodd"></path>
<path fill-rule="evenodd" d="M8 2.5A5.5 5.5 0 1013.5 8a.5.5 0 011 0 6.5 6.5 0 11-3.25-5.63.5.5 0 11-.5.865A5.472 5.472 0 008 2.5z" clip-rule="evenodd"></path>
</svg>Loan and Taxs
</li>
<li class="py-2">
<svg class="bi bi-check-circle text-success me-3" width="1.2rem" height="1.2rem" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M15.354 2.646a.5.5 0 010 .708l-7 7a.5.5 0 01-.708 0l-3-3a.5.5 0 11.708-.708L8 9.293l6.646-6.647a.5.5 0 01.708 0z" clip-rule="evenodd"></path>
<path fill-rule="evenodd" d="M8 2.5A5.5 5.5 0 1013.5 8a.5.5 0 011 0 6.5 6.5 0 11-3.25-5.63.5.5 0 11-.5.865A5.472 5.472 0 008 2.5z" clip-rule="evenodd"></path>
</svg>Sales and Marketing
</li>
</ul>
</div>
<div class="col-lg-6 col-lg-5 order-lg-1 px-5 px-md-7 px-lg-0" data-aos="fade-right">
<!-- Card -->
<div class="p-4 p-md-5 bg-body rounded-3 shadow-sm mx-lg-6">
<div class="text-center mb-4">
<h3 class="mb-0">Subcribe!</h3>
</div>
<!-- Form -->
<form class="needs-validation" action="#" novalidate>
<div class="mb-4">
<input type="text" class="form-control" id="Name" aria-label="name" placeholder="Name" required>
<div class="invalid-feedback">
Please insert name.
</div>
</div>
<div class="mb-4">
<input type="email" class="form-control" id="Email" aria-label="email" placeholder="Email" required>
<div class="invalid-feedback">
Please insert email address.
</div>
</div>
<div class="mb-4">
<input type="password" class="form-control" id="Password" aria-label="password" placeholder="Password" required>
<div class="invalid-feedback">
Please insert password.
</div>
</div>
<div class="d-grid mb-4">
<button class="btn btn-primary" type="submit">
Subcribe Newsletter
</button>
</div>
</form>
</div>
</div>
</div>
</div>
</div><!-- End subcribe -->