You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
384 lines
18 KiB
384 lines
18 KiB
<!--====== SERVICES PART START ======-->
|
|
|
|
|
|
<section id="service" class="services-area gray-bg pt-125 pb-130">
|
|
<div class="container">
|
|
<div class="row justify-content-center">
|
|
<div class="col-lg-8">
|
|
<div class="section-title text-center pb-30">
|
|
<h2 class="title">My Services</h2>
|
|
<p>Nunc id dui at sapien faucibus fermentum ut vel diam. Nullam tempus, nunc id efficitur sagittis, urna est ultricies eros, ac porta sem turpis quis leo.</p>
|
|
</div> <!-- section title -->
|
|
</div>
|
|
</div> <!-- row -->
|
|
<div class="row justify-content-center">
|
|
<div class="col-lg-4 col-md-6 col-sm-8">
|
|
<div class="single-service text-center mt-30">
|
|
<div class="service-icon">
|
|
<i class="lni-code-alt"></i>
|
|
</div>
|
|
<div class="service-content">
|
|
<h4 class="service-title"><a href="#">Web Design</a></h4>
|
|
<p>Curabitur vitae magna felis. Nulla ac libero ornare, vestibulum lacus quis blandit enimdicta sunt.</p>
|
|
</div>
|
|
</div> <!-- single service -->
|
|
</div>
|
|
<div class="col-lg-4 col-md-6 col-sm-8">
|
|
<div class="single-service text-center mt-30">
|
|
<div class="service-icon">
|
|
<i class="lni-color-pallet"></i>
|
|
</div>
|
|
<div class="service-content">
|
|
<h4 class="service-title"><a href="#contact">Graphic Design</a></h4>
|
|
<p>Curabitur vitae magna felis. Nulla ac libero ornare, vestibulum lacus quis blandit enimdicta sunt.</p>
|
|
</div>
|
|
</div> <!-- single service -->
|
|
</div>
|
|
<div class="col-lg-4 col-md-6 col-sm-8">
|
|
<div class="single-service text-center mt-30">
|
|
<div class="service-icon">
|
|
<i class="lni-mobile"></i>
|
|
</div>
|
|
<div class="service-content">
|
|
<h4 class="service-title"><a href="#">App Design</a></h4>
|
|
<p>Curabitur vitae magna felis. Nulla ac libero ornare, vestibulum lacus quis blandit enimdicta sunt.</p>
|
|
</div>
|
|
</div> <!-- single service -->
|
|
</div>
|
|
<div class="col-lg-4 col-md-6 col-sm-8">
|
|
<div class="single-service text-center mt-30">
|
|
<div class="service-icon">
|
|
<i class="lni-vector"></i>
|
|
</div>
|
|
<div class="service-content">
|
|
<h4 class="service-title"><a href="#">Illustration Design</a></h4>
|
|
<p>Curabitur vitae magna felis. Nulla ac libero ornare, vestibulum lacus quis blandit enimdicta sunt.</p>
|
|
</div>
|
|
</div> <!-- single service -->
|
|
</div>
|
|
<div class="col-lg-4 col-md-6 col-sm-8">
|
|
<div class="single-service text-center mt-30">
|
|
<div class="service-icon">
|
|
<i class="lni-website"></i>
|
|
</div>
|
|
<div class="service-content">
|
|
<h4 class="service-title"><a href="#">Web Development</a></h4>
|
|
<p>Curabitur vitae magna felis. Nulla ac libero ornare, vestibulum lacus quis blandit enimdicta sunt.</p>
|
|
</div>
|
|
</div> <!-- single service -->
|
|
</div>
|
|
<div class="col-lg-4 col-md-6 col-sm-8">
|
|
<div class="single-service text-center mt-30">
|
|
<div class="service-icon">
|
|
<i class="lni-support"></i>
|
|
</div>
|
|
<div class="service-content">
|
|
<h4 class="service-title"><a href="#">Consultancy and Support</a></h4>
|
|
<p>Curabitur vitae magna felis. Nulla ac libero ornare, vestibulum lacus quis blandit enimdicta sunt.</p>
|
|
</div>
|
|
</div> <!-- single service -->
|
|
</div>
|
|
</div> <!-- row -->
|
|
</div> <!-- container -->
|
|
</section>
|
|
|
|
<!--====== SERVICES PART ENDS ======-->
|
|
|
|
<!--====== CALL TO ACTION PART START ======-->
|
|
|
|
<section id="call-to-action" class="call-to-action pt-125 pb-130 bg_cover" style="background-image: url(assets/images/call-to-action.jpg)">
|
|
<div class="container">
|
|
<div class="row justify-content-center">
|
|
<div class="col-xl-8 col-lg-9">
|
|
<div class="call-action-content text-center">
|
|
<h2 class="action-title">Have any project on mind?</h2>
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua nostrud.</p>
|
|
<ul>
|
|
<li><a class="main-btn custom" href="#">download cv</a></li>
|
|
<li><a class="main-btn custom-2" href="#">hire me</a></li>
|
|
</ul>
|
|
</div> <!-- call action content -->
|
|
</div>
|
|
</div> <!-- row -->
|
|
</div> <!-- container -->
|
|
</section>
|
|
|
|
<!--====== CALL TO ACTION PART ENDS ======-->
|
|
|
|
<!--====== WORK PART START ======-->
|
|
|
|
<section id="work" class="work-area pt-125 pb-130">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-8">
|
|
<div class="section-title pb-25">
|
|
<h2 class="title">My Recent Works</h2>
|
|
<p>Nunc id dui at sapien faucibus fermentum ut vel diam. Nullam tempus, nunc id efficitur sagittis, urna est ultricies eros, ac porta sem turpis quis leo.</p>
|
|
</div> <!-- section title -->
|
|
</div>
|
|
</div> <!-- row -->
|
|
<div class="row">
|
|
<div class="col-lg-4 col-md-6 col-sm-6">
|
|
<div class="single-work text-center mt-30">
|
|
<div class="work-image">
|
|
<img src="assets/images/work/w-1.jpg" alt="work">
|
|
</div>
|
|
<div class="work-overlay">
|
|
<div class="work-content">
|
|
<h3 class="work-title">Product Design</h3>
|
|
<ul>
|
|
<li><a class="image-popup" href="assets/images/work/w-1.jpg"><i class="lni-plus"></i></a></li>
|
|
<li><a href="#"><i class="lni-link"></i></a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div> <!-- single work -->
|
|
</div>
|
|
<div class="col-lg-4 col-md-6 col-sm-6">
|
|
<div class="single-work text-center mt-30">
|
|
<div class="work-image">
|
|
<img src="assets/images/work/w-2.jpg" alt="work">
|
|
</div>
|
|
<div class="work-overlay">
|
|
<div class="work-content">
|
|
<h3 class="work-title">Product Design</h3>
|
|
<ul>
|
|
<li><a class="image-popup" href="assets/images/work/w-2.jpg"><i class="lni-plus"></i></a></li>
|
|
<li><a href="#"><i class="lni-link"></i></a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div> <!-- single work -->
|
|
</div>
|
|
<div class="col-lg-4 col-md-6 col-sm-6">
|
|
<div class="single-work text-center mt-30">
|
|
<div class="work-image">
|
|
<img src="assets/images/work/w-3.jpg" alt="work">
|
|
</div>
|
|
<div class="work-overlay">
|
|
<div class="work-content">
|
|
<h3 class="work-title">Product Design</h3>
|
|
<ul>
|
|
<li><a class="image-popup" href="assets/images/work/w-3.jpg"><i class="lni-plus"></i></a></li>
|
|
<li><a href="#"><i class="lni-link"></i></a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div> <!-- single work -->
|
|
</div>
|
|
<div class="col-lg-4 col-md-6 col-sm-6">
|
|
<div class="single-work text-center mt-30">
|
|
<div class="work-image">
|
|
<img src="assets/images/work/w-4.jpg" alt="work">
|
|
</div>
|
|
<div class="work-overlay">
|
|
<div class="work-content">
|
|
<h3 class="work-title">Product Design</h3>
|
|
<ul>
|
|
<li><a class="image-popup" href="assets/images/work/w-4.jpg"><i class="lni-plus"></i></a></li>
|
|
<li><a href="#"><i class="lni-link"></i></a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div> <!-- single work -->
|
|
</div>
|
|
<div class="col-lg-4 col-md-6 col-sm-6">
|
|
<div class="single-work text-center mt-30">
|
|
<div class="work-image">
|
|
<img src="assets/images/work/w-5.jpg" alt="work">
|
|
</div>
|
|
<div class="work-overlay">
|
|
<div class="work-content">
|
|
<h3 class="work-title">Product Design</h3>
|
|
<ul>
|
|
<li><a class="image-popup" href="assets/images/work/w-5.jpg"><i class="lni-plus"></i></a></li>
|
|
<li><a href="#"><i class="lni-link"></i></a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div> <!-- single work -->
|
|
</div>
|
|
<div class="col-lg-4 col-md-6 col-sm-6">
|
|
<div class="single-work text-center mt-30">
|
|
<div class="work-image">
|
|
<img src="assets/images/work/w-6.jpg" alt="work">
|
|
</div>
|
|
<div class="work-overlay">
|
|
<div class="work-content">
|
|
<h3 class="work-title">Product Design</h3>
|
|
<ul>
|
|
<li><a class="image-popup" href="assets/images/work/w-6.jpg"><i class="lni-plus"></i></a></li>
|
|
<li><a href="#"><i class="lni-link"></i></a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div> <!-- single work -->
|
|
</div>
|
|
</div> <!-- row -->
|
|
<div class="row">
|
|
<div class="col-lg-12">
|
|
<div class="work-more text-center mt-50">
|
|
<a class="main-btn" href="#">more works</a>
|
|
</div> <!-- work more -->
|
|
</div>
|
|
</div> <!-- row -->
|
|
</div> <!-- container -->
|
|
</section>
|
|
|
|
<!--====== WORK PART ENDS ======-->
|
|
|
|
<!--====== PRICING PART START ======-->
|
|
|
|
<section id="pricing" class="pricing-area gray-bg pt-125 pb-130">
|
|
<div class="container">
|
|
<div class="row justify-content-center">
|
|
<div class="col-lg-8">
|
|
<div class="section-title text-center pb-25">
|
|
<h2 class="title">My Pricing Plans</h2>
|
|
<p>Nunc id dui at sapien faucibus fermentum ut vel diam. Nullam tempus, nunc id efficitur sagittis, urna est ultricies eros, ac porta sem turpis quis leo.</p>
|
|
</div> <!-- section title -->
|
|
</div>
|
|
</div> <!-- row -->
|
|
<div class="row justify-content-center">
|
|
<div class="col-lg-4 col-md-8 col-sm-9">
|
|
<div class="single-pricing text-center mt-30">
|
|
<div class="pricing-package">
|
|
<h4 class="package-title">Basic</h4>
|
|
</div>
|
|
<div class="pricing-body">
|
|
<div class="pricing-text">
|
|
<p>Simple project management for teams and small businesses.</p>
|
|
<span class="price">$19.00</span>
|
|
</div>
|
|
<div class="pricing-list">
|
|
<ul>
|
|
<li>Unlimited Tasks</li>
|
|
<li>Unlimited Public</li>
|
|
<li>Private Projects</li>
|
|
<li>Unlimited Teams</li>
|
|
<li>All Integrations</li>
|
|
<li>Public API</li>
|
|
</ul>
|
|
</div>
|
|
<div class="pricing-btn">
|
|
<a class="main-btn" href="#contact">get quote</a>
|
|
</div>
|
|
</div>
|
|
</div> <!-- single pricing -->
|
|
</div>
|
|
<div class="col-lg-4 col-md-8 col-sm-9">
|
|
<div class="single-pricing active text-center mt-30">
|
|
<div class="pricing-package">
|
|
<h4 class="package-title">Standard</h4>
|
|
</div>
|
|
<div class="pricing-body">
|
|
<div class="pricing-text">
|
|
<p>Simple project management for teams and small businesses.</p>
|
|
<span class="price">$39.00</span>
|
|
</div>
|
|
<div class="pricing-list">
|
|
<ul>
|
|
<li>Unlimited Tasks</li>
|
|
<li>Unlimited Public</li>
|
|
<li>Private Projects</li>
|
|
<li>Unlimited Teams</li>
|
|
<li>All Integrations</li>
|
|
<li>Public API</li>
|
|
</ul>
|
|
</div>
|
|
<div class="pricing-btn">
|
|
<a class="main-btn" href="#contact">get quote</a>
|
|
</div>
|
|
</div>
|
|
</div> <!-- single pricing -->
|
|
</div>
|
|
<div class="col-lg-4 col-md-8 col-sm-9">
|
|
<div class="single-pricing text-center mt-30">
|
|
<div class="pricing-package">
|
|
<h4 class="package-title">Premium</h4>
|
|
</div>
|
|
<div class="pricing-body">
|
|
<div class="pricing-text">
|
|
<p>Simple project management for teams and small businesses.</p>
|
|
<span class="price">$29.00</span>
|
|
</div>
|
|
<div class="pricing-list">
|
|
<ul>
|
|
<li>Unlimited Tasks</li>
|
|
<li>Unlimited Public</li>
|
|
<li>Private Projects</li>
|
|
<li>Unlimited Teams</li>
|
|
<li>All Integrations</li>
|
|
<li>Public API</li>
|
|
</ul>
|
|
</div>
|
|
<div class="pricing-btn">
|
|
<a class="main-btn" href="#contact">get quote</a>
|
|
</div>
|
|
</div>
|
|
</div> <!-- single pricing -->
|
|
</div>
|
|
</div> <!-- row -->
|
|
</div> <!-- container -->
|
|
</section>
|
|
|
|
<!--====== PRICING PART ENDS ======-->
|
|
|
|
<!--====== BLOG PART START ======-->
|
|
|
|
<section id="blog" class="blog-area pt-125 pb-130">
|
|
<div class="container">
|
|
<div class="row justify-content-center">
|
|
<div class="col-lg-8">
|
|
<div class="section-title text-center pb-25">
|
|
<h2 class="title">From The Blog</h2>
|
|
<p>Nunc id dui at sapien faucibus fermentum ut vel diam. Nullam tempus, nunc id efficitur sagittis, urna est ultricies eros, ac porta sem turpis quis leo.</p>
|
|
</div> <!-- section title -->
|
|
</div>
|
|
</div> <!-- row -->
|
|
<div class="row justify-content-center">
|
|
<div class="col-lg-4 col-md-8 col-sm-9">
|
|
<div class="single-blog mt-30">
|
|
<div class="blog-image">
|
|
<img src="assets/images/blog/b-1.jpg" alt="Blog">
|
|
</div>
|
|
<div class="blog-content">
|
|
<h4 class="blog-title"><a href="#">Hired Releases 2023 Brand Health.</a></h4>
|
|
<span>July 26, 2022</span>
|
|
</div>
|
|
</div> <!-- single blog -->
|
|
</div>
|
|
<div class="col-lg-4 col-md-8 col-sm-9">
|
|
<div class="single-blog mt-30">
|
|
<div class="blog-image">
|
|
<img src="assets/images/blog/b-2.jpg" alt="Blog">
|
|
</div>
|
|
<div class="blog-content">
|
|
<h4 class="blog-title"><a href="#">Hired Releases 2023 Brand Health.</a></h4>
|
|
<span>July 26, 2022</span>
|
|
</div>
|
|
</div> <!-- single blog -->
|
|
</div>
|
|
<div class="col-lg-4 col-md-8 col-sm-9">
|
|
<div class="single-blog mt-30">
|
|
<div class="blog-image">
|
|
<img src="assets/images/blog/b-3.jpg" alt="Blog">
|
|
</div>
|
|
<div class="blog-content">
|
|
<h4 class="blog-title"><a href="#">Hired Releases 2023 Brand Health.</a></h4>
|
|
<span>July 26, 2022</span>
|
|
</div>
|
|
</div> <!-- single blog -->
|
|
</div>
|
|
</div> <!-- row -->
|
|
<div class="row">
|
|
<div class="col-lg-12">
|
|
<div class="blog-more text-center mt-50">
|
|
<a class="main-btn" href="#">More posts</a>
|
|
</div> <!-- blog more -->
|
|
</div>
|
|
</div> <!-- row -->
|
|
</div> <!-- container -->
|
|
</section>
|
|
|
|
<!--====== BLOG PART ENDS ======--> |