From 1c9cbf8bfc70ebcfb22250f266963f7902be1fda Mon Sep 17 00:00:00 2001
From: Brandon Thomas <echelon@gmail.com>
Date: Wed, 31 Mar 2021 02:07:16 -0400
Subject: [PATCH] rework sections, remove pricing

---
 index.html | 361 ++++++++++++++++++++---------------------------------
 1 file changed, 133 insertions(+), 228 deletions(-)

diff --git a/index.html b/index.html
index ae126752dd..1f25e54cdd 100644
--- a/index.html
+++ b/index.html
@@ -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