mirror of
https://github.com/storytold/artcraft.git
synced 2026-11-04 01:18:34 +00:00
revised structure
This commit is contained in:
Brandon Thomas committed
1 parent
d2d8d3b4af
commit
a2c95186fe
1 file changed
+222
-44
+222
-44
@@ -168,7 +168,7 @@ Start Section
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-12 col-md-5">
|
||||
<h2>Interactive streaming</h2>
|
||||
<h2>Interactive Streaming</h2>
|
||||
</div>
|
||||
<div class="col-12 col-md-7">
|
||||
<p>We're pioneers of interactive storytelling, and our tools can also be leveraged by audiences in real time to change settings, spawn enemies, and create virtual on-screen cheering and heckling from deepfaked cartoon characters, celebrities, and more. </p>
|
||||
@@ -241,7 +241,7 @@ Start Section
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-12 col-md-5">
|
||||
<h2>Otherworldly creativity</h2>
|
||||
<h2>The Power of Deepfakes</h2>
|
||||
</div>
|
||||
<div class="col-12 col-md-7">
|
||||
<p>Our users can create compelling content easily with the power of deep fakes. This can be done in our engine or on our website. Users can download content to create media to share.</p>
|
||||
@@ -251,6 +251,226 @@ Start Section
|
||||
</div> <!-- End container -->
|
||||
</section> <!-- End section -->
|
||||
|
||||
<section class="services section-xs" id="services">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<!-- Single Service Item -->
|
||||
<div class="col-md-4 col-sm-6 col-xs-12" >
|
||||
<div class="service-block color-bg text-center">
|
||||
<div class="service-icon text-center">
|
||||
<i class="tf-ion-ios-videocam-outline"></i>
|
||||
</div>
|
||||
<h3>Audio Deepfakes</h3>
|
||||
<p>Our streaming and film editing captures volumetric video and composites into virtual worlds. No cost location scouting, camera movement, and blocking. The shoot becomes the edit.</p>
|
||||
</div>
|
||||
</div>
|
||||
<!-- End Single Service Item -->
|
||||
|
||||
<!-- Single Service Item -->
|
||||
<div class="col-md-4 col-sm-6 col-xs-12" >
|
||||
<div class="service-block text-center">
|
||||
<div class="service-icon text-center">
|
||||
<i class="tf-ion-ios-alarm-outline"></i>
|
||||
</div>
|
||||
<h3>Video Deepfakes</h3>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur.. Sed id lorem eget orci dictum facilisis vel id tellus. Nullam iaculis arcu at mauris dapibus consectetur.</p>
|
||||
</div>
|
||||
</div>
|
||||
<!-- End Single Service Item -->
|
||||
|
||||
<!-- Single Service Item -->
|
||||
<div class="col-md-4 col-sm-6 col-xs-12 mx-auto" >
|
||||
<div class="service-block color-bg text-center">
|
||||
<div class="service-icon text-center">
|
||||
<i class="tf-ion-ios-book-outline"></i>
|
||||
</div>
|
||||
<h3>Annotation Flywheel</h3>
|
||||
<p>Our creation engine</p>
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- End row -->
|
||||
</div> <!-- End container -->
|
||||
</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
|
||||
=========================================== -->
|
||||
|
||||
<section class="testimonial section" id="testimonial-2">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<!-- testimonial wrapper -->
|
||||
<div class="testimonial-slider">
|
||||
<!-- testimonial single -->
|
||||
<div class="item text-center">
|
||||
<i class="tf-ion-quote"></i>
|
||||
<!-- client info -->
|
||||
<div class="client-details">
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eum nulla, soluta dolorum. Eos earum, magni asperiores, unde corporis labore, enim, voluptatum officiis voluptates alias natus. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quia, officia. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quod, quia?</p>
|
||||
</div>
|
||||
<!-- /client info -->
|
||||
<!-- client photo -->
|
||||
<div class="client-thumb">
|
||||
<img src="images/client-logo/clients-1.jpg" class="img-fluid" alt="">
|
||||
</div>
|
||||
<div class="client-meta">
|
||||
<h4>Matt Cutts</h4>
|
||||
<span>CEO , Company Name</span>
|
||||
</div>
|
||||
<!-- /client photo -->
|
||||
</div>
|
||||
<!-- /testimonial single -->
|
||||
|
||||
<!-- testimonial single -->
|
||||
<div class="item text-center">
|
||||
<i class="tf-ion-quote"></i>
|
||||
<!-- client info -->
|
||||
<div class="client-details">
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eum nulla, soluta dolorum. Eos earum, magni asperiores, unde corporis labore, enim, voluptatum officiis voluptates alias natus. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quia, officia. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quod, quia?</p>
|
||||
</div>
|
||||
<!-- /client info -->
|
||||
<!-- client photo -->
|
||||
<div class="client-thumb">
|
||||
<img src="images/client-logo/clients-2.jpg" class="img-fluid" alt="">
|
||||
</div>
|
||||
<div class="client-meta">
|
||||
<h4>Elon Musk</h4>
|
||||
<span>CEO , Company Name</span>
|
||||
</div>
|
||||
<!-- /client photo -->
|
||||
</div>
|
||||
<!-- /testimonial single -->
|
||||
|
||||
<!-- testimonial single -->
|
||||
<div class="item text-center">
|
||||
<i class="tf-ion-quote"></i>
|
||||
<!-- client info -->
|
||||
<div class="client-details">
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eum nulla, soluta dolorum. Eos earum, magni asperiores, unde corporis labore, enim, voluptatum officiis voluptates alias natus. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quia, officia. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quod, quia?</p>
|
||||
</div>
|
||||
<!-- /client info -->
|
||||
<!-- client photo -->
|
||||
<div class="client-thumb">
|
||||
<img src="images/client-logo/clients-1.jpg" class="img-fluid" alt="">
|
||||
</div>
|
||||
<div class="client-meta">
|
||||
<h4>Jonathon Ive</h4>
|
||||
<span>CEO , Company Name</span>
|
||||
</div>
|
||||
<!-- /client photo -->
|
||||
</div>
|
||||
<!-- /testimonial single -->
|
||||
</div>
|
||||
</div> <!-- end col lg 12 -->
|
||||
</div> <!-- End row -->
|
||||
</div> <!-- End container -->
|
||||
</section> <!-- End Section -->
|
||||
|
||||
|
||||
|
||||
<!--
|
||||
Start Section
|
||||
==================================== -->
|
||||
@@ -271,48 +491,6 @@ Start Section
|
||||
|
||||
|
||||
|
||||
<section class="services section-xs" id="services">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<!-- Single Service Item -->
|
||||
<div class="col-md-4 col-sm-6 col-xs-12" >
|
||||
<div class="service-block color-bg text-center">
|
||||
<div class="service-icon text-center">
|
||||
<i class="tf-ion-ios-videocam-outline"></i>
|
||||
</div>
|
||||
<h3>Creation Engine</h3>
|
||||
<p>Our streaming and film editing captures volumetric video and composites into virtual worlds. No cost location scouting, camera movement, and blocking. The shoot becomes the edit.</p>
|
||||
</div>
|
||||
</div>
|
||||
<!-- End Single Service Item -->
|
||||
|
||||
<!-- Single Service Item -->
|
||||
<div class="col-md-4 col-sm-6 col-xs-12" >
|
||||
<div class="service-block text-center">
|
||||
<div class="service-icon text-center">
|
||||
<i class="tf-ion-ios-alarm-outline"></i>
|
||||
</div>
|
||||
<h3>Viewers Engaged</h3>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur.. Sed id lorem eget orci dictum facilisis vel id tellus. Nullam iaculis arcu at mauris dapibus consectetur.</p>
|
||||
</div>
|
||||
</div>
|
||||
<!-- End Single Service Item -->
|
||||
|
||||
<!-- Single Service Item -->
|
||||
<div class="col-md-4 col-sm-6 col-xs-12 mx-auto" >
|
||||
<div class="service-block color-bg text-center">
|
||||
<div class="service-icon text-center">
|
||||
<i class="tf-ion-ios-book-outline"></i>
|
||||
</div>
|
||||
<h3>Creators Amplified</h3>
|
||||
<p>Our creation engine</p>
|
||||
</div>
|
||||
</div>
|
||||
</div> <!-- End row -->
|
||||
</div> <!-- End container -->
|
||||
</section> <!-- End section -->
|
||||
|
||||
|
||||
|
||||
|
||||
<section class="about section-sm" id="about">
|
||||
|
||||
Reference in new issue
Block a user