mirror of
https://github.com/storytold/artcraft.git
synced 2026-11-04 17:38:10 +00:00
rework sections, remove pricing
This commit is contained in:
Brandon Thomas committed
1 parent
a2c95186fe
commit
1c9cbf8bfc
1 file changed
+133
-228
+133
-228
@@ -293,107 +293,6 @@ Start Section
|
||||
</section> <!-- End section -->
|
||||
|
||||
|
||||
|
||||
<!-- Start Portfolio Section
|
||||
=========================================== -->
|
||||
<section class="portfolio section" id="portfolio-2">
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<div class="title text-center">
|
||||
<h4>RECENT WORK</h4>
|
||||
<h2>WORK SHOWCASE.</h2>
|
||||
<span class="border"></span>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illum reiciendis quasi itaque, obcaecati atque sit!</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row" >
|
||||
<div class="col-lg-12">
|
||||
<!-- /section title -->
|
||||
<div class="portfolio-filter">
|
||||
<button type="button" data-filter="all">All</button>
|
||||
<button type="button" data-filter=".photography">Photography</button>
|
||||
<button type="button" data-filter=".ios">IOS App</button>
|
||||
<button type="button" data-filter=".development">Development</button>
|
||||
<button type="button" data-filter=".design">Design</button>
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- /end col-lg-12 -->
|
||||
<div class="row portfolio-items-wrapper">
|
||||
<div class="col-6 col-md-4 padding-0 mix design">
|
||||
<div class="portfolio-block">
|
||||
<img class="img-fluid" src="images/portfolio/portfolio-1.jpg" alt="">
|
||||
<div class="caption">
|
||||
<a class="search-icon" href="images/portfolio/portfolio-1.jpg" data-lightbox="image-1">
|
||||
<i class="tf-ion-ios-search-strong"></i>
|
||||
</a>
|
||||
<h4><a href="">AirBnB Postcard</a></h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-6 col-md-4 padding-0 mix design ios">
|
||||
<div class="portfolio-block ">
|
||||
<img class="img-fluid" src="images/portfolio/portfolio-2.jpg" alt="">
|
||||
<div class="caption">
|
||||
<a class="search-icon" href="images/portfolio/portfolio-2.jpg" data-lightbox="image-1">
|
||||
<i class="tf-ion-ios-search-strong"></i>
|
||||
</a>
|
||||
<h4><a href="">AirBnB Postcard</a></h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-6 col-md-4 padding-0 mix photography development">
|
||||
<div class="portfolio-block">
|
||||
<img class="img-fluid" src="images/portfolio/portfolio-3.jpg" alt="">
|
||||
<div class="caption">
|
||||
<a class="search-icon" href="images/portfolio/portfolio-3.jpg" data-lightbox="image-1">
|
||||
<i class="tf-ion-ios-search-strong"></i>
|
||||
</a>
|
||||
<h4><a href="">AirBnB Postcard</a></h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-6 col-md-4 padding-0 mix photography ios">
|
||||
<div class="portfolio-block">
|
||||
<img class="img-fluid" src="images/portfolio/portfolio-4.jpg" alt="">
|
||||
<div class="caption">
|
||||
<a class="search-icon" href="images/portfolio/portfolio-4.jpg" data-lightbox="image-1">
|
||||
<i class="tf-ion-ios-search-strong"></i>
|
||||
</a>
|
||||
<h4><a href="">AirBnB Postcard</a></h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-6 col-md-4 padding-0 mix design">
|
||||
<div class="portfolio-block">
|
||||
<img class="img-fluid" src="images/portfolio/portfolio-5.jpg" alt="">
|
||||
<div class="caption">
|
||||
<a class="search-icon" href="images/portfolio/portfolio-5.jpg" data-lightbox="image-1">
|
||||
<i class="tf-ion-ios-search-strong"></i>
|
||||
</a>
|
||||
<h4><a href="">AirBnB Postcard</a></h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-6 col-md-4 padding-0 development mix design">
|
||||
<div class="portfolio-block">
|
||||
<img class="img-fluid" src="images/portfolio/portfolio-1.jpg" alt="">
|
||||
<div class="caption">
|
||||
<a class="search-icon" href="images/portfolio/portfolio-1.jpg" data-lightbox="image-1">
|
||||
<i class="tf-ion-ios-search-strong"></i>
|
||||
</a>
|
||||
<h4><a href="">Photography Website</a></h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- end row -->
|
||||
</section> <!-- End section -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- Start Testimonial
|
||||
=========================================== -->
|
||||
@@ -471,6 +370,109 @@ Start Section
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- Start Portfolio Section
|
||||
=========================================== -->
|
||||
<section class="portfolio section" id="portfolio-2">
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<div class="title text-center">
|
||||
<h4>What our users have created</h4>
|
||||
<h2>COMMUNITY SHOWCASE</h2>
|
||||
<span class="border"></span>
|
||||
<p>These are recent videos created using the <a href="https://vo.codes" target="_blank">"vo.codes"</a>
|
||||
deepfake toolset, which is both a standalone website featuring deepfake tools,
|
||||
and a stream-integrated audience interaction platform.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<!-- /section title -->
|
||||
<div class="portfolio-filter">
|
||||
<button type="button" data-filter="all">All</button>
|
||||
<button type="button" data-filter=".photography">Music Videos</button>
|
||||
<button type="button" data-filter=".development">Stories</button>
|
||||
<button type="button" data-filter=".design">Memes</button>
|
||||
<button type="button" data-filter=".ios">Misc</button>
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- /end col-lg-12 -->
|
||||
<div class="row portfolio-items-wrapper">
|
||||
<div class="col-6 col-md-4 padding-0 mix design">
|
||||
<div class="portfolio-block">
|
||||
<img class="img-fluid" src="images/portfolio/portfolio-1.jpg" alt="">
|
||||
<div class="caption">
|
||||
<a class="search-icon" href="images/portfolio/portfolio-1.jpg" data-lightbox="image-1">
|
||||
<i class="tf-ion-ios-search-strong"></i>
|
||||
</a>
|
||||
<h4><a href="">AirBnB Postcard</a></h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-6 col-md-4 padding-0 mix design ios">
|
||||
<div class="portfolio-block ">
|
||||
<img class="img-fluid" src="images/portfolio/portfolio-2.jpg" alt="">
|
||||
<div class="caption">
|
||||
<a class="search-icon" href="images/portfolio/portfolio-2.jpg" data-lightbox="image-1">
|
||||
<i class="tf-ion-ios-search-strong"></i>
|
||||
</a>
|
||||
<h4><a href="">AirBnB Postcard</a></h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-6 col-md-4 padding-0 mix photography development">
|
||||
<div class="portfolio-block">
|
||||
<img class="img-fluid" src="images/portfolio/portfolio-3.jpg" alt="">
|
||||
<div class="caption">
|
||||
<a class="search-icon" href="images/portfolio/portfolio-3.jpg" data-lightbox="image-1">
|
||||
<i class="tf-ion-ios-search-strong"></i>
|
||||
</a>
|
||||
<h4><a href="">AirBnB Postcard</a></h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-6 col-md-4 padding-0 mix photography ios">
|
||||
<div class="portfolio-block">
|
||||
<img class="img-fluid" src="images/portfolio/portfolio-4.jpg" alt="">
|
||||
<div class="caption">
|
||||
<a class="search-icon" href="images/portfolio/portfolio-4.jpg" data-lightbox="image-1">
|
||||
<i class="tf-ion-ios-search-strong"></i>
|
||||
</a>
|
||||
<h4><a href="">AirBnB Postcard</a></h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-6 col-md-4 padding-0 mix design">
|
||||
<div class="portfolio-block">
|
||||
<img class="img-fluid" src="images/portfolio/portfolio-5.jpg" alt="">
|
||||
<div class="caption">
|
||||
<a class="search-icon" href="images/portfolio/portfolio-5.jpg" data-lightbox="image-1">
|
||||
<i class="tf-ion-ios-search-strong"></i>
|
||||
</a>
|
||||
<h4><a href="">AirBnB Postcard</a></h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-6 col-md-4 padding-0 development mix design">
|
||||
<div class="portfolio-block">
|
||||
<img class="img-fluid" src="images/portfolio/portfolio-1.jpg" alt="">
|
||||
<div class="caption">
|
||||
<a class="search-icon" href="images/portfolio/portfolio-1.jpg" data-lightbox="image-1">
|
||||
<i class="tf-ion-ios-search-strong"></i>
|
||||
</a>
|
||||
<h4><a href="">Photography Website</a></h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- end row -->
|
||||
</section> <!-- End section -->
|
||||
|
||||
|
||||
|
||||
|
||||
<!--
|
||||
Start Section
|
||||
==================================== -->
|
||||
@@ -587,105 +589,6 @@ Start About Section
|
||||
</div> <!-- End container -->
|
||||
</section> <!-- End section -->
|
||||
|
||||
<!-- Start Portfolio Section
|
||||
=========================================== -->
|
||||
<section class="portfolio section" id="portfolio">
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<div class="title text-center">
|
||||
<h4>RECENT WORK</h4>
|
||||
<h2>WORK SHOWCASE.</h2>
|
||||
<span class="border"></span>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illum reiciendis quasi itaque, obcaecati atque sit!</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row" >
|
||||
<div class="col-lg-12">
|
||||
<!-- /section title -->
|
||||
<div class="portfolio-filter">
|
||||
<button type="button" data-filter="all">All</button>
|
||||
<button type="button" data-filter=".photography">Photography</button>
|
||||
<button type="button" data-filter=".ios">IOS App</button>
|
||||
<button type="button" data-filter=".development">Development</button>
|
||||
<button type="button" data-filter=".design">Design</button>
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- /end col-lg-12 -->
|
||||
<div class="row portfolio-items-wrapper">
|
||||
<div class="col-6 col-md-4 padding-0 mix design">
|
||||
<div class="portfolio-block">
|
||||
<img class="img-fluid" src="images/portfolio/portfolio-1.jpg" alt="">
|
||||
<div class="caption">
|
||||
<a class="search-icon" href="images/portfolio/portfolio-1.jpg" data-lightbox="image-1">
|
||||
<i class="tf-ion-ios-search-strong"></i>
|
||||
</a>
|
||||
<h4><a href="">AirBnB Postcard</a></h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-6 col-md-4 padding-0 mix design ios">
|
||||
<div class="portfolio-block ">
|
||||
<img class="img-fluid" src="images/portfolio/portfolio-2.jpg" alt="">
|
||||
<div class="caption">
|
||||
<a class="search-icon" href="images/portfolio/portfolio-2.jpg" data-lightbox="image-1">
|
||||
<i class="tf-ion-ios-search-strong"></i>
|
||||
</a>
|
||||
<h4><a href="">AirBnB Postcard</a></h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-6 col-md-4 padding-0 mix photography development">
|
||||
<div class="portfolio-block">
|
||||
<img class="img-fluid" src="images/portfolio/portfolio-3.jpg" alt="">
|
||||
<div class="caption">
|
||||
<a class="search-icon" href="images/portfolio/portfolio-3.jpg" data-lightbox="image-1">
|
||||
<i class="tf-ion-ios-search-strong"></i>
|
||||
</a>
|
||||
<h4><a href="">AirBnB Postcard</a></h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-6 col-md-4 padding-0 mix photography ios">
|
||||
<div class="portfolio-block">
|
||||
<img class="img-fluid" src="images/portfolio/portfolio-4.jpg" alt="">
|
||||
<div class="caption">
|
||||
<a class="search-icon" href="images/portfolio/portfolio-4.jpg" data-lightbox="image-1">
|
||||
<i class="tf-ion-ios-search-strong"></i>
|
||||
</a>
|
||||
<h4><a href="">AirBnB Postcard</a></h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-6 col-md-4 padding-0 mix design">
|
||||
<div class="portfolio-block">
|
||||
<img class="img-fluid" src="images/portfolio/portfolio-5.jpg" alt="">
|
||||
<div class="caption">
|
||||
<a class="search-icon" href="images/portfolio/portfolio-5.jpg" data-lightbox="image-1">
|
||||
<i class="tf-ion-ios-search-strong"></i>
|
||||
</a>
|
||||
<h4><a href="">AirBnB Postcard</a></h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-6 col-md-4 padding-0 development mix design">
|
||||
<div class="portfolio-block">
|
||||
<img class="img-fluid" src="images/portfolio/portfolio-1.jpg" alt="">
|
||||
<div class="caption">
|
||||
<a class="search-icon" href="images/portfolio/portfolio-1.jpg" data-lightbox="image-1">
|
||||
<i class="tf-ion-ios-search-strong"></i>
|
||||
</a>
|
||||
<h4><a href="">Photography Website</a></h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- end row -->
|
||||
</section> <!-- End section -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
@@ -816,7 +719,7 @@ Start About Section
|
||||
</section> <!-- End section -->
|
||||
|
||||
<!-- Start Pricing section
|
||||
=========================================== -->
|
||||
=========================================== -- >
|
||||
<section class="pricing-table section" id="pricing">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
@@ -830,19 +733,19 @@ Start About Section
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<!-- single pricing table -->
|
||||
< !-- single pricing table -- >
|
||||
<div class="col-md-4 col-sm-6 col-xs-12" >
|
||||
<div class="pricing-item">
|
||||
|
||||
<!-- plan name & value -->
|
||||
< !-- plan name & value -- >
|
||||
<div class="price-title bg-pricing">
|
||||
<h3>Basic</h3>
|
||||
<strong class="value">$99</strong>
|
||||
<p>Perfect for single freelancers who work by themselves</p>
|
||||
</div>
|
||||
<!-- /plan name & value -->
|
||||
<! -- /plan name & value -- >
|
||||
|
||||
<!-- plan description -->
|
||||
< !-- plan description -- >
|
||||
<ul>
|
||||
<li>1GB Disk Space</li>
|
||||
<li>10 Email Account</li>
|
||||
@@ -851,29 +754,29 @@ Start About Section
|
||||
<li>10 GB Bandwidth</li>
|
||||
<li>24/7 Tech Support</li>
|
||||
</ul>
|
||||
<!-- /plan description -->
|
||||
< !-- /plan description -- >
|
||||
|
||||
<!-- signup button -->
|
||||
< !-- signup button -- >
|
||||
<a class="btn btn-main" href="#">Signup</a>
|
||||
<!-- /signup button -->
|
||||
< !-- /signup button -- >
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!-- end single pricing table -->
|
||||
< !-- end single pricing table -- >
|
||||
|
||||
<!-- single pricing table -->
|
||||
< !-- single pricing table -- >
|
||||
<div class="col-md-4 col-sm-6 col-xs-12" >
|
||||
<div class="pricing-item">
|
||||
|
||||
<!-- plan name & value -->
|
||||
< !-- plan name & value -- >
|
||||
<div class="price-title bg-pricing">
|
||||
<h3>Advance</h3>
|
||||
<strong class="value">$199</strong>
|
||||
<p>Suitable for small businesses with up to 5 employees</p>
|
||||
</div>
|
||||
<!-- /plan name & value -->
|
||||
< !-- /plan name & value -- >
|
||||
|
||||
<!-- plan description -->
|
||||
< !-- plan description -- >
|
||||
<ul>
|
||||
<li>1GB Disk Space</li>
|
||||
<li>10 Email Account</li>
|
||||
@@ -882,29 +785,29 @@ Start About Section
|
||||
<li>10 GB Bandwidth</li>
|
||||
<li>24/7 Tech Support</li>
|
||||
</ul>
|
||||
<!-- /plan description -->
|
||||
< !-- /plan description -- >
|
||||
|
||||
<!-- signup button -->
|
||||
< !-- signup button -- >
|
||||
<a class="btn btn-main" href="#">Signup</a>
|
||||
<!-- /signup button -->
|
||||
< !-- /signup button -- >
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!-- end single pricing table -->
|
||||
< !-- end single pricing table -- >
|
||||
|
||||
<!-- single pricing table -->
|
||||
< !-- single pricing table -- >
|
||||
<div class="col-md-4 col-sm-6 col-xs-12 mx-auto">
|
||||
<div class="pricing-item ">
|
||||
|
||||
<!-- plan name & value -->
|
||||
< !-- plan name & value -- >
|
||||
<div class="price-title bg-pricing">
|
||||
<h3>Professional</h3>
|
||||
<strong class="value">$299</strong>
|
||||
<p>Great for large businesses with more than 5 employees</p>
|
||||
</div>
|
||||
<!-- /plan name & value -->
|
||||
< !-- /plan name & value -- >
|
||||
|
||||
<!-- plan description -->
|
||||
< !-- plan description -- >
|
||||
<ul>
|
||||
<li>1GB Disk Space</li>
|
||||
<li>10 Email Account</li>
|
||||
@@ -913,20 +816,22 @@ Start About Section
|
||||
<li>10 GB Bandwidth</li>
|
||||
<li>24/7 Tech Support</li>
|
||||
</ul>
|
||||
<!-- /plan description -->
|
||||
< !-- /plan description -- >
|
||||
|
||||
<!-- signup button -->
|
||||
< !-- signup button -- >
|
||||
<a class="btn btn-main" href="#">Signup</a>
|
||||
<!-- /signup button -->
|
||||
< !-- /signup button -- >
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!-- end single pricing table -->
|
||||
< !-- end single pricing table -- >
|
||||
|
||||
|
||||
</div> <!-- End row -->
|
||||
</div> <!-- End container -->
|
||||
</section> <!-- End section -->
|
||||
</div> < !-- End row -- >
|
||||
</div> < !-- End container -- >
|
||||
</section> < !-- End section -- >
|
||||
|
||||
-->
|
||||
|
||||
|
||||
<!-- Start Testimonial
|
||||
|
||||
Reference in new issue
Block a user