daniel543x/artcraft
1
0 Fork 0
mirror of https://github.com/storytold/artcraft.git synced 2026-11-04 01:18:34 +00:00
Code Issues Packages Projects Releases Wiki Activity
Files
35e192fc6bcc59b329524ffbd7bf4ffb23be3cc0
artcraft/pricing.html
T
Brandon Thomas 280ee6125f further clean up brand
2021-03-30 04:10:37 -04:00

455 lines
15 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js"> <!--<![endif]-->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="description" content="Storyteller">
<meta name="author" content="The Storyteller Company">
<title>Storyteller | Hollywood Studio </title>
<!-- Mobile Specific Meta
================================================== -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Favicon -->
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.png" />
<!-- CSS
================================================== -->
<!-- Themefisher Icon font -->
<link rel="stylesheet" href="plugins/themefisher-font/style.css">
<!-- bootstrap.min css -->
<link rel="stylesheet" href="plugins/bootstrap/dist/css/bootstrap.min.css">
<!-- Lightbox.min css -->
<link rel="stylesheet" href="plugins/lightbox2/dist/css/lightbox.min.css">
<!-- Slick Carousel -->
<link rel="stylesheet" href="plugins/slick-carousel/slick/slick.css">
<link rel="stylesheet" href="plugins/slick-carousel/slick/slick-theme.css">
<!-- Main Stylesheet -->
<link rel="stylesheet" href="css/style.css">
<!-- Colors -->
<!-- <link rel="stylesheet" type="text/css" href="css/colors/green.css" title="green">
<link rel="stylesheet" type="text/css" href="css/colors/red.css" title="light-red">
<link rel="stylesheet" type="text/css" href="css/colors/light-blue.css" title="light-blue">
<link rel="stylesheet" type="text/css" href="css/colors/yellow.css" title="yellow">
<link rel="stylesheet" type="text/css" href="css/colors/light-green.css" title="light-green">
<link rel="stylesheet" type="text/css" href="css/colors/blue.css" title="blue"> -->
</head>
<body id="body">
<!--
Start Preloader
==================================== -->
<div id="preloader">
<div class="preloader">
<div class="sk-circle1 sk-child"></div>
<div class="sk-circle2 sk-child"></div>
<div class="sk-circle3 sk-child"></div>
<div class="sk-circle4 sk-child"></div>
<div class="sk-circle5 sk-child"></div>
<div class="sk-circle6 sk-child"></div>
<div class="sk-circle7 sk-child"></div>
<div class="sk-circle8 sk-child"></div>
<div class="sk-circle9 sk-child"></div>
<div class="sk-circle10 sk-child"></div>
<div class="sk-circle11 sk-child"></div>
<div class="sk-circle12 sk-child"></div>
</div>
</div>
<!--
End Preloader
==================================== -->
<!--
Fixed Navigation
==================================== -->
<section class="header navigation">
<div class="container">
<div class="row">
<div class="col-md-12">
<nav class="navbar navbar-expand-md">
<a class="navbar-brand" href="index.html">
<img src="images/storyteller-logo.png" alt="logo" class="logo-image">
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="tf-ion-android-menu"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ml-auto">
<li class="nav-item active">
<a class="nav-link" href="index.html">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="about.html">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="service.html">Service</a>
</li>
<li class="nav-item">
<a class="nav-link" href="portfolio.html">Portfolio</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html">Contact</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Pages
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="404.html">404 Page</a>
</div>
</li>
</ul>
</div>
</nav>
</div>
</div>
</div>
</section>
<section class="single-page-header">
<div class="container">
<div class="row">
<div class="col-md-12">
<h2>Easy Pricing</h2>
<nav aria-label="breadcrumb mx-auto" role="navigation">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="index.html">Home</a></li>
<li class="breadcrumb-item active" aria-current="page">Easy Pricing</li>
</ol>
</nav>
</div>
</div>
</div>
</section>
<!--
Start About Section
==================================== -->
<section class="about-2 section bg-gray" id="about">
<div class="container">
<div class="row">
<div class="col-12 col-md-5">
<h2>We have explored the digital landscape with passion for a long time</h2>
</div>
<div class="col-12 col-md-7">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quae deleniti ipsa labore necessitatibus culpa veritatis quo accusantium, neque enim ea ad eaque iure, quas tempore velit, quibusdam dolor illo! Explicabo.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid quisquam maiores iste soluta, nihil dolorem?</p>
</div>
</div> <!-- End row -->
</div> <!-- End container -->
</section> <!-- End section -->
<!-- Start Pricing section
=========================================== -->
<section class="pricing-table section" id="pricing">
<div class="container">
<div class="row">
<div class="col">
<div class="title text-center">
<h4>Easy Pricing</h4>
<h2>Pricing.</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 pricing table -->
<div class="col-md-4 col-sm-6 col-xs-12" >
<div class="pricing-item">
<!-- 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 description -->
<ul>
<li>1GB Disk Space</li>
<li>10 Email Account</li>
<li>Script Installer</li>
<li>1 GB Storage</li>
<li>10 GB Bandwidth</li>
<li>24/7 Tech Support</li>
</ul>
<!-- /plan description -->
<!-- signup button -->
<a class="btn btn-main" href="#">Signup</a>
<!-- /signup button -->
</div>
</div>
<!-- end single pricing table -->
<!-- single pricing table -->
<div class="col-md-4 col-sm-6 col-xs-12" >
<div class="pricing-item">
<!-- 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 description -->
<ul>
<li>1GB Disk Space</li>
<li>10 Email Account</li>
<li>Script Installer</li>
<li>1 GB Storage</li>
<li>10 GB Bandwidth</li>
<li>24/7 Tech Support</li>
</ul>
<!-- /plan description -->
<!-- signup button -->
<a class="btn btn-main" href="#">Signup</a>
<!-- /signup button -->
</div>
</div>
<!-- end 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 -->
<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 description -->
<ul>
<li>1GB Disk Space</li>
<li>10 Email Account</li>
<li>Script Installer</li>
<li>1 GB Storage</li>
<li>10 GB Bandwidth</li>
<li>24/7 Tech Support</li>
</ul>
<!-- /plan description -->
<!-- signup button -->
<a class="btn btn-main" href="#">Signup</a>
<!-- /signup button -->
</div>
</div>
<!-- end single pricing table -->
</div> <!-- End row -->
</div> <!-- End container -->
</section> <!-- End section -->
<!-- Srart Contact Us
=========================================== -->
<section class="contact-us section bg-gray" id="contact">
<div class="container">
<div class="row">
<div class="col">
<div class="title text-center">
<h4>Drop us a note</h4>
<h2>Contact Us.</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">
<!-- Contact Details -->
<div class="col-12 col-md-6">
<div class="map">
<div id="map"></div>
</div>
</div>
<!-- / End Contact Details -->
<!-- Contact Form -->
<div class="contact-form col-12 col-md-6 " >
<form id="contact-form" method="post" action="sendmail.php" role="form">
<div class="form-group">
<input type="text" placeholder="Your Name" class="form-control" name="name" id="name">
</div>
<div class="form-group">
<input type="email" placeholder="Your Email" class="form-control" name="email" id="email">
</div>
<div class="form-group">
<input type="text" placeholder="Subject" class="form-control" name="subject" id="subject">
</div>
<div class="form-group">
<textarea rows="6" placeholder="Message" class="form-control" name="message" id="message"></textarea>
</div>
<div id="mail-success" class="success">
Thank you. The Mailman is on His Way :)
</div>
<div id="mail-fail" class="error">
Sorry, don't know what happened. Try later :(
</div>
<div id="cf-submit">
<input type="submit" id="contact-submit" class="btn btn-transparent" value="Submit">
</div>
</form>
</div>
<!-- ./End Contact Form -->
</div> <!-- end row -->
<div class="row">
<div class="col-12 col-md-4">
<div class="address-block contact-meta-block">
<i class="tf-ion-android-pin"></i>
<h4>Our Location</h4>
<p>
14/05, Stockhome <br>
Victori Palace , United States <br>
</p>
</div>
</div>
<div class="col-12 col-md-4">
<div class="phone-block contact-meta-block">
<i class="tf-ion-ios-telephone"></i>
<h4>Call Us</h4>
<p>
Office: (03) 9283 2617 <br>
Fax: +61 3827 3590
</p>
</div>
</div>
<div class="col-12 col-md-4">
<div class="social-icons-block contact-meta-block">
<i class="tf-ion-ios-contact"></i>
<h4>We are social</h4>
<ul class="list-inline social-icon">
<li class="list-inline-item"><a href=""><i class="tf-ion-social-facebook"></i></a></li>
<li class="list-inline-item"><a href=""><i class="tf-ion-social-twitter"></i></a></li>
<li class="list-inline-item"><a href=""><i class="tf-ion-social-linkedin"></i></a></li>
<li class="list-inline-item"><a href=""><i class="tf-ion-social-dribbble"></i></a></li>
<li class="list-inline-item"><a href=""><i class="tf-ion-social-instagram"></i></a></li>
</ul>
</div>
</div>
</div>
</div> <!-- end container -->
</section> <!-- end section -->
<footer id="footer" class="bg-one">
<div class="top-footer">
<div class="container">
<div class="row">
<div class="col-sm-3 col-md-3 col-lg-3">
<h3>About</h3>
<p>Integer posuere erat a ante venenati dapibus posuere velit aliquet. Fusce dapibus, tellus cursus commodo, tortor mauris sed posuere.</p>
</div>
<!-- End of .col-sm-3 -->
<div class="col-sm-3 col-md-3 col-lg-3">
<h3>Our Services</h3>
<ul>
<li><a href="#">Graphic Design</a></li>
<li><a href="#">Web Design</a></li>
<li><a href="#">Web Development</a></li>
</ul>
</div>
<!-- End of .col-sm-3 -->
<div class="col-sm-3 col-md-3 col-lg-3">
<h3>Quick Links</h3>
<ul>
<li><a href="#">Partners</a></li>
<li><a href="#">About</a></li>
<li><a href="#">FAQ’s</a></li>
<li><a href="#">Badges</a></li>
</ul>
</div>
<!-- End of .col-sm-3 -->
<div class="col-sm-3 col-md-3 col-lg-3">
<h3>Subscribe Now</h3>
<form class="subscribe-form">
<div class="form-group">
<input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="Enter email">
</div>
<button type="submit" class="btn btn-main-sm">Subscribe Now</button>
</form>
</div>
<!-- End of .col-sm-3 -->
</div>
</div> <!-- end container -->
</div>
<div class="footer-bottom">
<h5>Copyright 2021. The Storyteller Company<br>(formally registered as Learning Machines, LLC.)</h5>
<h6>Read more content and stuff<br>A Link <a href="https://vo.codes" target="_blank">DeepFake TTS</a></h6>
</div>
</footer> <!-- end footer -->
<!-- end Footer Area
========================================== -->
<!--
Essential Scripts
=====================================-->
<!-- Main jQuery -->
<script src="plugins/jquery/dist/jquery.min.js"></script>
<!-- Bootstrap 3.7 -->
<script src="plugins/bootstrap/dist/js/popper.min.js"></script>
<script src="plugins/bootstrap/dist/js/bootstrap.min.js"></script>
<!-- Parallax -->
<script src="plugins/parallax/jquery.parallax-1.1.3.js"></script>
<!-- lightbox -->
<script src="plugins/lightbox2/dist/js/lightbox.min.js"></script>
<!-- Owl Carousel -->
<script src="plugins/slick-carousel/slick/slick.min.js"></script>
<!-- Portfolio Filtering -->
<script src="plugins/mixitup/dist/mixitup.min.js"></script>
<!-- Smooth Scroll js -->
<script src="plugins/smooth-scroll/dist/js/smooth-scroll.min.js"></script>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCC72vZw-6tGqFyRhhg5CkF2fqfILn2Tsw"></script>
<!-- Custom js -->
<script src="js/script.js"></script>
</body>
</html>
Reference in new issue View Git Blame Copy Permalink