mirror of
https://github.com/storytold/artcraft.git
synced 2026-11-04 01:18:34 +00:00
good flow (getting close)
This commit is contained in:
Brandon Thomas committed
1 parent
3f990efeb8
commit
35e192fc6b
1 file changed
+82
-217
+82
-217
@@ -241,7 +241,7 @@ Start Section
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-12 col-md-5">
|
||||
<h2>The Power of Deepfakes</h2>
|
||||
<h2>The Power of Community</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>
|
||||
@@ -548,65 +548,24 @@ Start About Section
|
||||
</div>
|
||||
</div> <!-- end row -->
|
||||
</section> <!-- End section -->
|
||||
|
||||
|
||||
|
||||
|
||||
<!--
|
||||
Start Section
|
||||
Start Call To Action
|
||||
==================================== -->
|
||||
<section class="about-2 section bg-gray" id="about">
|
||||
<section class="call-to-action section">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-12 col-md-5">
|
||||
<h2>Automation of storytelling</h2>
|
||||
</div>
|
||||
<div class="col-12 col-md-7">
|
||||
<p>We're pioneers of diinteractive 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>
|
||||
</div>
|
||||
|
||||
</div> <!-- End row -->
|
||||
</div> <!-- End container -->
|
||||
</section> <!-- End section -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<section class="about section-sm" id="about">
|
||||
<div class="container">
|
||||
<div class="row mb-50 justify-content-center">
|
||||
<div class="col-md-5 col-sm-12 text-center offset-md-1">
|
||||
<img src="images/about/about-1.jpg" class="img-fluid rounded shadow" alt="">
|
||||
</div>
|
||||
<div class="col-md-5 col-sm-12">
|
||||
<div class="content">
|
||||
<h2>Words words words<br> more words</h2>
|
||||
<p>Curabitur felis nibh, imperdiet eu erat non, luctus cursus lectus. Donec maximus diam leo, sed fringilla nisl auctor eget. Donec dictum neque est, ac faucibus ex blandit a
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Recusandae quo minima ab aperiam molestiae natus repellendus neque culpa iure, nemo veritatis explicabo facilis, officia, saepe! Et corrupti odit, non deserunt.
|
||||
</div>
|
||||
|
||||
</p>
|
||||
</div>
|
||||
</div> <!-- End row -->
|
||||
<div class="row mt-50 justify-content-center">
|
||||
<div class="col-12 col-md-5 offset-md-1 col-md-5 col-sm-12">
|
||||
<div class="content">
|
||||
<h2>We think out of the <br> Box</h2>
|
||||
<p>Curabitur felis nibh, imperdiet eu erat non, luctus cursus lectus. Donec maximus diam leo, sed fringilla nisl auctor eget. Donec dictum neque est, ac faucibus ex blandit a
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Recusandae quo minima ab aperiam molestiae natus repellendus neque culpa iure, nemo veritatis explicabo facilis, officia, saepe! Et corrupti odit, non deserunt.
|
||||
</div>
|
||||
|
||||
</p>
|
||||
</div>
|
||||
<div class="col-12 col-md-5 col-sm-12 text-center">
|
||||
<img src="images/about/about-2.jpg" class="img-fluid rounded shadow" alt="">
|
||||
<div class="col-md-12 text-center">
|
||||
<h2>Storytelling Democratized</h2>
|
||||
<p>Proin gravida nibh vel velit auctor aliquet. Aenean sollicudin bibendum auctor, <br> nisi elit consequat ipsum, nesagittis sem nid elit. Duis sed odio sitain elit.</p>
|
||||
</div>
|
||||
</div> <!-- End row -->
|
||||
</div> <!-- End container -->
|
||||
</section> <!-- End section -->
|
||||
|
||||
|
||||
|
||||
<!--
|
||||
Start About Section
|
||||
==================================== -->
|
||||
@@ -669,6 +628,80 @@ Start About Section
|
||||
</section> <!-- End section -->
|
||||
|
||||
|
||||
<!--
|
||||
Start Section
|
||||
==================================== -->
|
||||
<section class="about-2 section bg-gray" id="about">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-12 col-md-5">
|
||||
<h2>Automation of storytelling</h2>
|
||||
</div>
|
||||
<div class="col-12 col-md-7">
|
||||
<p>We're pioneers of diinteractive 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>
|
||||
</div>
|
||||
|
||||
</div> <!-- End row -->
|
||||
</div> <!-- End container -->
|
||||
</section> <!-- End section -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<section class="service-list section bg-gray">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<div class="title text-center">
|
||||
<h4>A List of services</h4>
|
||||
<h2>Our Service.</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-md-4">
|
||||
<div class="block">
|
||||
<i class="tf-ion-ios-copy-outline"></i>
|
||||
<h3>Branding</h3>
|
||||
<ul>
|
||||
<li>Brand Strategy</li>
|
||||
<li>Advertising / Campaigns</li>
|
||||
<li>Product Design</li>
|
||||
<li>Video / Photography</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div class="block">
|
||||
<i class="tf-ion-ios-alarm-outline"></i>
|
||||
<h3>Web Design</h3>
|
||||
<ul>
|
||||
<li>UI Design</li>
|
||||
<li>E- Commerce Site Design</li>
|
||||
<li>App Development</li>
|
||||
<li>Mobile UI Design</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div class="block">
|
||||
<i class="tf-ion-ios-book-outline"></i>
|
||||
<h3>IOS App Development</h3>
|
||||
<ul>
|
||||
<li>Game Development</li>
|
||||
<li>Game Design</li>
|
||||
<li>Social Media Marketing</li>
|
||||
<li>Mobile UI Design</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
<!-- Start Our Team
|
||||
@@ -913,174 +946,6 @@ Start About Section
|
||||
-->
|
||||
|
||||
|
||||
<!-- Start Testimonial
|
||||
=========================================== -->
|
||||
|
||||
<section class="testimonial section" id="testimonial">
|
||||
<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 Blog Section
|
||||
=========================================== -->
|
||||
<section class="blog section" id="blog">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<div class="title text-center">
|
||||
<h4>Our untold story</h4>
|
||||
<h2>Blog.</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">
|
||||
<!-- single blog post -->
|
||||
<article class="col-12 col-md-4" >
|
||||
<div class="post-item">
|
||||
<div class="post-thumb">
|
||||
<img class="img-fluid shadow rounded" src="images/blog/post-1.jpg" alt="Generic placeholder image">
|
||||
</div>
|
||||
<div class="post-title">
|
||||
<h3 class="mt-0"><a href="">Ten things about Business</a></h3>
|
||||
</div>
|
||||
<div class="post-meta">
|
||||
<span>By</span> <a href="" class="">Jonathon Ive</a>
|
||||
</div>
|
||||
<div class="post-content">
|
||||
<p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Est voluptatem accusantium dolorum, maxime eos blanditiis sint enim necessitatibus placeat dolor.</p>
|
||||
</div>
|
||||
<a class="btn btn-main" href="#">Read more</a>
|
||||
</div>
|
||||
</article>
|
||||
<!-- /single blog post -->
|
||||
|
||||
<!-- single blog post -->
|
||||
<article class="col-12 col-md-4" >
|
||||
<div class="post-item">
|
||||
<div class="post-thumb">
|
||||
<img class="img-fluid shadow rounded" src="images/blog/post-2.jpg" alt="Generic placeholder image">
|
||||
</div>
|
||||
<div class="post-title">
|
||||
<h3 class="mt-0"><a href="">Something I need to tell you</a></h3>
|
||||
</div>
|
||||
<div class="post-meta">
|
||||
<ul class="list-inline">
|
||||
<li class="list-inline-item">
|
||||
<span>By</span> <a href="" class="">Jonathon Ive</a>
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<span>By</span> <span> 15th December 2017</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="post-content">
|
||||
<p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Est voluptatem accusantium dolorum, maxime eos blanditiis sint enim necessitatibus placeat dolor.</p>
|
||||
</div>
|
||||
<a class="btn btn-main" href="#">Read more</a>
|
||||
</div>
|
||||
</article>
|
||||
<!-- end single blog post -->
|
||||
<!-- single blog post -->
|
||||
<article class="col-12 col-md-4" >
|
||||
<div class="post-item">
|
||||
<div class="post-thumb">
|
||||
<img class="img-fluid shadow rounded" src="images/blog/post-3.jpg" alt="Generic placeholder image">
|
||||
</div>
|
||||
<div class="post-title">
|
||||
<h3 class="mt-0"><a href="">Are you doing the Right Way?</a></h3>
|
||||
</div>
|
||||
<div class="post-meta">
|
||||
<ul class="list-inline">
|
||||
<li class="list-inline-item">
|
||||
<span>By</span> <a href="" class="">Jonathon Ive</a>
|
||||
</li>
|
||||
<li class="list-inline-item">
|
||||
<span>By</span> <span> 15th December 2017</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="post-content">
|
||||
<p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Est voluptatem accusantium dolorum, maxime eos blanditiis sint enim necessitatibus placeat dolor.</p>
|
||||
</div>
|
||||
<a class="btn btn-main" href="#">Read more</a>
|
||||
</div>
|
||||
</article>
|
||||
<!-- end single blog post -->
|
||||
|
||||
</div> <!-- end row -->
|
||||
</div> <!-- end container -->
|
||||
</section> <!-- end section -->
|
||||
|
||||
|
||||
<!-- Srart Contact Us
|
||||
===========================================
|
||||
<section class="contact-us section bg-gray" id="contact">
|
||||
|
||||
Reference in new issue
Block a user