File: /home/awaldron/_domains/cmt.alanwaldron.com/build-communities.php
<?php include('_header_html.php'); ?>
<?php include('_header.php'); ?>
<!-- Navigation panel end-->
<!-- Header -->
<header id="header-1">
<div class="header-masc">
<!-- Background animation -->
<div class="space-header">
<div class="stars"></div>
</div>
<!-- Background animation end -->
<div class="container header-container">
<div class="row">
<div class="col-md-7 col-sm-12 main-title wow fadeInUp" data-wow-duration="1.9s">
<div>
<!-- Main header title -->
<h2 class="white">An <b>engagement</b> platform designed to grow thriving communities.</h2>
<!-- Main header suptitle -->
<!-- <h3 class="white"><i>It`s very <span data-typer-targets="simple,easy,fun!"></span></i></h3> -->
<br>
<!-- Appstore button -->
<a href="#" class="btn dwnld-btn appstore">Create Your Community Today <i class="fa fa-chevron-right fa-lg" aria-hidden="true"></i> </a>
<!-- Playmarket button -->
</div>
</div>
<div class="col-md-5 col-sm-0 header-phone">
<div class="illustration">
<!-- Phone -->
<div class="front-phone wow fadeInUp" data-wow-duration="1.7s">
<div class="iphone-x single-phone">
<i></i>
<b></b>
<em>HomeBar</em>
<div class="header-slider">
<div class="slide">
<img src="images/screens/own-community.png" alt="Screenshot">
</div>
<div class="slide">
<img src="images/screens/own-deals.png" alt="Screenshot">
</div>
<div class="slide">
<img src="images/screens/deal.png" alt="Screenshot">
</div>
<div class="slide">
<img src="images/screens/own-events.png" alt="Screenshot">
</div>
<div class="slide">
<img src="images/screens/event.png" alt="Screenshot">
</div>
<div class="slide">
<img src="images/screens/own-news.png" alt="Screenshot">
</div>
<div class="slide">
<img src="images/screens/own-map.png" alt="Screenshot">
</div>
<div class="slide">
<img src="images/screens/own-boards.png" alt="Screenshot">
</div>
</div>
</div>
</div>
<!-- Phone end -->
</div>
</div>
</div>
</div>
</div>
</header>
<!-- Header end -->
<!-- Start section -->
<section id="start">
<div class="padding-masc">
<div class="container text-center">
<div class="row">
<div class="col-sm-12">
<h4 class="tagline"><b>Commet is a community engagement platform specifically designed to enable brands, businesses,
and other organizations to communicate with their audiences better than any other social platform.</b></h4>
</div>
</div>
</div>
</div>
</section>
<!-- Start section end -->
<!-- About section -->
<section id="about">
<div class="padding-masc">
<div class="container">
<div class="row">
<div class="col-xs-12 col-md-6 col-md-push-6 about-text">
<div>
<!-- Title -->
<h3>Why <b>Commet</b>?</h3>
<!-- Description -->
<h4 class="mb30 cmt"><i class="color"><i class="fa fa-play"></i> The Return of Organic Reach</i></h4>
<p class="section-description">
One of the biggest challenges facing community managers has been the death of organic reach. Social media news feeds have become saturated with
personal photos, cat videos and silly memes. Your social media posts are typically seen by less than 5% of your audience!</p>
<br>
<p>Commet treats your audience as your community, people who want to read your news, go to your events, redeem your deals, and collaborate
with others in your community. Commet users can engage with any number of organizations in this manner, meaning all information from the groups
they care about is presented to them in one place, in an easily-consumable format.</p>
<br>
<p>And as a geo-social platform, Commet makes available real-time geographic data about your community, which creates an entirely new way to reach
your audience with targeted, timely and relative messaging.</p>
<br>
<p><b>Simply put, organic reach is back and better than ever!</b></p>
</div>
</div>
<div class="col-xs-12 col-md-6 col-md-pull-6 text-center">
<div class="illustration">
<!-- Front phone -->
<div class="back-phone wow slideInUp" data-wow-duration="1.3s" data-wow-delay=".2s">
<div class="iphone-x">
<i></i>
<b></b>
<!-- Screenshot -->
<img src="images/screens/own-meeteor.png" alt="Screenshot">
</div>
</div>
<!-- Front phone end -->
<!-- Back phone -->
<div class="front-phone wow slideInUp" data-wow-duration="1.2s">
<div class="iphone-x">
<i></i>
<b></b>
<!-- Screenshot -->
<img src="images/screens/own-community.png" alt="Screenshot">
</div>
</div>
<!-- Back phone end -->
</div>
</div>
</div>
</div>
</div>
</section>
<!-- About section end-->
<!-- Video section -->
<section id="video">
<div class="masc">
<!-- Background animation -->
<div class="space">
<div class="stars"></div>
</div>
<!-- Background animation end -->
<div class="container">
<div class="row">
<div class="col-md-7 video-text">
<div>
<!-- Title -->
<h3 class="white"><b>Video:</b> A day with Commet:</h3>
<!-- Description -->
<h4 ><i>See what's possible when people use Commet!</i></h4>
</div>
</div>
<div class="col-md-5 text-center video-button">
<div class="waves">
<div class="circle-1"></div>
<div class="circle-2"></div>
<a href="https://vimeo.com/263870922" data-lity>
<div class="circle wow bounceIn" data-toggle="modal" data-target="#myModal"><i class="fa fa-play-circle" aria-hidden="true"></i></div>
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Video section end -->
<!-- Features section -->
<section id="features">
<div class="padding-masc">
<div class="container">
<div class="col-lg-12 text-center">
<!-- Title -->
<h3><b>Features</b></h3>
<!-- Description -->
<!--<h4 class="mb30"><i class="color">Lorem ipsum dolor sit.</i></h4>-->
</div>
<div class="row">
<div class="col-md-4 col-sm-6 col-sm-6 text-right-adaptive">
<ul>
<li>
<div class="future" id="desc-news">
<!-- Change the .fa-circle to change the icon -->
<h4>
<!-- for mobile --><i class="fa fa-newspaper-o hiden right" aria-hidden="true"></i> News Feed
<!-- for desctop --><i class="fa fa-newspaper-o left" aria-hidden="true"></i></h4>
<p>Ensure your community members don't miss out on all of your important news and announcements</p>
</div>
</li>
<li>
<div class="future" id="desc-events">
<h4>
<!-- for mobile --><i class="fa fa-calendar-o hiden right" aria-hidden="true"></i> Events Feed
<!-- for desctop --><i class="fa fa-calendar-o left" aria-hidden="true"></i></h4>
<p>Give your community members opportunities to meet in the real world with the events feed</p>
</div>
</li>
<li>
<div class="future" id="desc-deals">
<h4>
<!-- for mobile --><i class="fa fa-tags hiden right" aria-hidden="true"></i> Deals Feed
<!-- for desctop --><i class="fa fa-tags left" aria-hidden="true"></i></h4>
<p>Reward your community members by offering them exclusive deals on your products and services</p>
</div>
</li>
</ul>
</div>
<div class="col-md-4 col-sm-4 text-center advantages-phone">
<div class="illustration">
<!-- Phone -->
<div class="front-phone wow fadeInUp" data-wow-duration="1.2s">
<div class="iphone-x single-phone">
<i>Speaker</i>
<b>Camera</b>
<em>HomeBar</em>
<!-- Screenshot -->
<div id="screenshot-container">
<div id="screenshot-container-inner">
<img src="images/screens/own-news.png" id="screen-news" alt="Commet News Feed">
<img src="images/screens/event.png" id="screen-events" alt="Commet Events Feed">
<img src="images/screens/deal.png" id="screen-deals" alt="Commet Deals Feed">
<img src="images/screens/own-community.png" id="screen-community" alt="Commet Community Profile">
<img src="images/screens/own-map.png" id="screen-news" alt="Commet Community Map">
<!-- <img src="images/screens/own-boards.png" id="screen-events" alt="Commet Discussion Boards">-->
<img src="images/screens/own-meeteor.png" id="screen-deals" alt="Commet Meeteors">
</div>
</div>
</div>
</div>
<!-- Phone end -->
</div>
</div>
<div class="col-md-4 col-sm-6 col-sm-6 text-left">
<ul>
<li>
<div class="future" id="desc-community">
<h4><i class="ico cmt-communities right" aria-hidden="true"></i> Community Profile</h4>
<p>Your detailed community profile screen gives your members quick and easy access to all of your Commet content</p>
</div>
</li>
<li>
<div class="future" id="desc-map">
<h4><i class="ico cmt-map right" aria-hidden="true"></i> Community Map</h4>
<p>View in real-time where your community members are congregating and send them targeted, relevant messaging</p>
</div>
</li>
<!-- <li>-->
<!-- <div class="future" id="desc-boards">-->
<!-- <h4><i class="fa fa-comments right" aria-hidden="true"></i> Discussion Boards</h4>-->
<!-- <p>Let members of your community collaborate with one another about your organization in the discussion boards</p>-->
<!-- </div>-->
<!-- </li>-->
<li>
<div class="future" id="desc-meeteor">
<h4><i class="ico cmt-meeteor right" aria-hidden="true"></i> Meeteors</h4>
<p>Meeteors allow community members to locate and meet one another out in the real world, building real social bonds</p>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<!-- Features section end -->
<!-- Price section -->
<section id="price">
<div class="padding-masc">
<div class="container">
<!--Title-->
<h3><b>Available Plans</b></h3>
<!-- Description -->
<!--<h4 class="mb60"><i class="color">Lorem ipsum dolor sit.</i></h4>-->
<div class="row">
<!-- Plan 1 -->
<div class="plan col-md-4 wow fadeInUp" data-wow-duration="1.5s">
<ul>
<li class="plan-title">
<h3>Personal</h3>
</li>
<li class="plan-price color">FREE (always)</li>
<li>
<ul class="options">
<li>Up to 250 <span>Community Members</span></li>
<li>Unlimited <span>News / Announcements</span></li>
<li>Unlimited <span>Events</span></li>
<li>0 <span>Deals</span></li>
</ul>
</li>
<li class="btn price-button"><a href="#" class="btn button order color"><i class="fa fa-check"></i> Sign Up</a></li>
</ul>
</div>
<!-- Plan 2 <Optimal> -->
<div class="plan col-md-4 wow fadeInUp" data-wow-duration="1s">
<ul class="center-plan">
<li class="plan-title">
<h3>Social</h3>
</li>
<li class="plan-price color">FREE (beta)</li>
<li>
<ul class="options">
<li>Unlimited <span>Community Members</span></li>
<li>Unlimited <span>News / Announcements</span></li>
<li>Unlimited <span>Events</span></li>
<li>0 <span>Deals</span></li>
</ul>
</li>
<li class="btn price-button"><a href="#" class="btn button order color"><i class="fa fa-check"></i> Sign Up</a></li>
</ul>
</div>
<!-- Plan 3 -->
<div class="plan col-md-4 wow fadeInUp" data-wow-duration="1.5s">
<ul class="center-plan">
<li class="plan-title">
<h3>Business</h3>
</li>
<li class="plan-price color">FREE (beta)</li>
<li>
<ul class="options">
<li>Unlimited <span>Community Members</span></li>
<li>Unlimited <span>News / Announcements</span></li>
<li>Unlimited <span>Events</span></li>
<li>Unlimited <span>Deals</span></li>
</ul>
</li>
<li class="btn price-button"><a href="#" class="btn button order color"><i class="fa fa-check"></i> Sign Up</a></li>
</ul>
</div>
</div>
<div class="row">
<div class="col-xs-12">
<h4> <br/>Commet is and always will be free for end-users.<br/> </h4>
</div>
</div>
</div>
</div>
</section>
<!-- Price section end -->
<?php include('_footer.php'); ?>
<?php include('_footer_html.php'); ?>