File: //home/awaldron/_domains/cmt.alanwaldron.com/join-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-8 col-sm-12 main-title wow fadeInUp" data-wow-duration="1.9s">
<div>
<!-- Main header title -->
<h2 class="white">Explore the world with <b>communities</b> of people like you</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"><i class="fa fa-apple" aria-hidden="true"></i>
App Store</a>
<!-- Playmarket button -->
<a href="#" class="btn dwnld-btn playmarket"><i class="fa fa-android" aria-hidden="true"></i>
Google Play</a>
</div>
</div>
<div class="col-md-4 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 specifically designed to get people
to begin experiencing their communities with new people at new places in the real world.</b></h4>
<h4><i class="fa fa-caret-down red"></i> Here's How <i class="fa fa-caret-down red"></i></h4>
</div>
</div>
</div>
</div>
</section>
<!-- Start section end -->
<!-- JOIN COMMUNITIES 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><i class="ico cmt-communities red"></i> <b>Join Communities</b></h3>
<!-- Description -->
<h4 class="mb30 cmt red"><i>Stay connected to communities you care about</i></h4>
<p>Commet allows you to join and follow any number of your favorite communities ensuring that you never miss out on important communications.</p>
<br>
<p>Communities can be anything, from your favorite musicians, sports teams, universities and alumni groups, local businesses, national brands, non-profit organizations or even just a group of your friends.</p>
<br>
<p>With Commet, content created by all the communities you care about is organized into three simple feeds:</p>
<br>
<div class="content-types">
<div class="ctype"><i class="ico cmt-news"></i><br/>News</div>
<div class="ctype"><i class="ico cmt-calendar"></i><br/>Events</div>
<div class="ctype"><i class="ico cmt-tags"></i><br/>Deals</div>
</div>
</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/communities.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>
<!-- JOIN COMMUNITIES section end-->
<!-- SOCIAL RADAR section -->
<section class="aboutDiv graybg">
<div class="padding-masc">
<div class="container">
<div class="row">
<div class="col-xs-12 col-md-6 about-text">
<div>
<!-- Title -->
<h3><i class="ico cmt-radar red"></i> <b>Search the Social Radar</b></h3>
<!-- Description -->
<h4 class="mb30 cmt red"><i>Discover places your communities are gathering</i></h4>
<p>Once you join communities you care about, you'll be able to search the <b>Social Radar</b>,
a feature that allows you to discover places where people in your communities are gathering in real time!</p>
<br/>
<p>The Social Radar is perfect for people looking to:</p>
<br/>
<ul>
<li>Meet up with fans of your favorite musician before the concert</li>
<li>Find a new place where fellow fanatics are watching the big game</li>
<li>Network with other professionals in your industry</li>
<li>Identify the best places to meet other single people</li>
</ul>
<br/>
<p>Everyone who uses Commet finds new and unique ways to leverage its functionality. Sign up and discover how you use Commet!</p>
</div>
</div>
<div class="col-xs-12 col-md-6 text-center">
<div class="illustration">
<!-- Front phone -->
<div class="back-phone wow slideInUp flipped" data-wow-duration="1.3s" data-wow-delay=".2s">
<div class="iphone-x">
<i></i>
<b></b>
<!-- Screenshot -->
<img src="images/screens/socialradar.png" alt="Screenshot">
</div>
</div>
<!-- Front phone end -->
<!-- Back phone -->
<div class="front-phone wow slideInUp flipped" data-wow-duration="1.2s">
<div class="iphone-x">
<i></i>
<b></b>
<!-- Screenshot -->
<img src="images/screens/place.png" alt="Screenshot">
</div>
</div>
<!-- Back phone end -->
</div>
</div>
</div>
</div>
</div>
</section>
<!-- SOCIAL RADAR section end-->
<!-- MEET NEW PEOPLE section -->
<section class="aboutDiv">
<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><i class="ico cmt-meeteor red"></i> <b>Launch Meeteors</b></h3>
<!-- Description -->
<h4 class="mb30 cmt red"><i>Meet new people in the real world</i></h4>
<p>Now that you've joined communities, and used the Social Radar to locate people in your communities, you'll need a way to meet those people when you're out and about.</p>
<br/>
<p><b>Meeteors</b> are a mechanism in Commet that allows you to alert nearby people in your communities that you are interested in meeting.</p>
<br/>
<p>People who receive your Meeteors will see an alert including your name, photo and a custom messsage notifying them that you'd like to meet. Those who want to meet up can then find you and strike up a conversation!</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/meeteorscaught.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-meeteor.png" alt="Screenshot">
</div>
</div>
<!-- Back phone end -->
</div>
</div>
</div>
</div>
</div>
</section>
<!-- MEET NEW PEOPLE 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" class="whitebg">
<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-join">
<!-- Change the .fa-circle to change the icon -->
<h4>
<!-- for mobile --><i class="ico cmt-communities hiden right"
aria-hidden="true"></i> Join Communities
<!-- for desctop --><i class="ico cmt-communities left" aria-hidden="true"></i></h4>
<p>Join any number of communities to meet new people and receive news, events and deals
from community managers</p>
</div>
</li>
<li>
<div class="future" id="desc-jradar">
<!-- Change the .fa-circle to change the icon -->
<h4>
<!-- for mobile --><i class="ico cmt-radar hiden right" aria-hidden="true"></i>
Social Radar
<!-- for desctop --><i class="ico cmt-radar left" aria-hidden="true"></i></h4>
<p>Find places near you where people in your community are hanging out</p>
</div>
</li>
<li>
<div class="future" id="desc-jmeet">
<!-- Change the .fa-circle to change the icon -->
<h4>
<!-- for mobile --><i class="ico cmt-radar hiden right" aria-hidden="true"></i>
Meeteors
<!-- for desctop --><i class="ico cmt-radar left" aria-hidden="true"></i></h4>
<p>Meeteors are a way to alert nearby people in your communities that you are looking to
meet in the real world</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-community.png" id="screen-join"
alt="Commet Community Profile">
<img src="images/screens/place.png" id="screen-jradar"
alt="Commet Social Radar">
<img src="images/screens/own-meeteor.png" id="screen-jmeet"
alt="Commet Meeteors">
<img src="images/screens/own-events.png" id="screen-jfeeds"
alt="Commet Content Feeds">
<img src="images/screens/own-boards.png" id="screen-jboards"
alt="Commet Discussion Boards">
<img src="images/screens/friends.png" id="screen-jfriends" alt="Commet Friends">
</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-jfeeds">
<!-- Change the .fa-circle to change the icon -->
<h4><i class="ico cmt-news right" aria-hidden="true"></i> Content Feed</h4>
<p>Never miss important news, announcements, events or deals from your communities with
Commet's dedicated news feeds</p>
</div>
</li>
<li>
<div class="future" id="desc-jboards">
<h4><i class="fa fa-comments right" aria-hidden="true"></i> Discussion Boards</h4>
<p>Collaborate with fellow community members in the discussion boards</p>
</div>
</li>
<li>
<div class="future" id="desc-jfriends">
<h4><i class="ico cmt-tags right" aria-hidden="true"></i> Friends</h4>
<p>Share your community interests with your friends and let them see what they've been
missing</p>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<!-- Features section end -->
<!-- FAQ section -->
<section id="faq">
<div class="padding-masc">
<div class="container">
<div class="row">
<div class="col-xs-12 col-md-6 col-md-push-6 faq-text">
<div>
<!-- Title -->
<h3>Frequently Asked <b>Questions</b></h3>
<!-- Description -->
<div class="panel-group" id="accordion">
<!-- Question 1 -->
<div class="panel panel-default text-left">
<a data-toggle="collapse" data-parent="#accordion" href="#collapse1">
<div class="panel-heading">
<!-- Question -->
<h4 class="panel-title">Does Commet track my location? <i
class="fa fa-chevron-circle-down" aria-hidden="true"></i></h4>
</div>
</a>
<div id="collapse1" class="panel-collapse collapse in">
<div class="panel-body">
<!-- Answer -->
<p class="default-text">Yes and no. Commet keeps an updated record of your
current coordinates and the place you probably are at. Commet does not keep
a history of your previous coordinates or locations.</p>
</div>
</div>
</div>
<!-- Question 1 end -->
<!-- Question 2 -->
<div class="panel panel-default text-left">
<a data-toggle="collapse" data-parent="#accordion" href="#collapse2">
<div class="panel-heading">
<!-- Question -->
<h4 class="panel-title">Does Commet show people where I am at? <i
class="fa fa-chevron-circle-down" aria-hidden="true"></i></h4>
</div>
</a>
<div id="collapse2" class="panel-collapse collapse">
<div class="panel-body">
<!-- Answer -->
<p class="default-text">No, Commet will never show people that you are at a
specific place. The most specific information a Commet user sees is the
number of people at a place that matches their search criteria, we never
specifically display who those people are.</p>
</div>
</div>
</div>
<!-- Question 2 end -->
<!-- Question 3 -->
<div class="panel panel-default text-left">
<a data-toggle="collapse" data-parent="#accordion" href="#collapse3">
<div class="panel-heading">
<!-- Question -->
<h4 class="panel-title">Can I find a date on Commet? <i
class="fa fa-chevron-circle-down" aria-hidden="true"></i></h4>
</div>
</a>
<div id="collapse3" class="panel-collapse collapse">
<div class="panel-body">
<!-- Answer -->
<p class="default-text">Absolutely! Join the Commet Singles community and start
meeting single people near you!</p>
</div>
</div>
</div>
<!-- Question 3 end -->
<!-- Question 4 -->
<div class="panel panel-default text-left">
<a data-toggle="collapse" data-parent="#accordion" href="#collapse4">
<div class="panel-heading">
<!-- Question -->
<h4 class="panel-title">How much does Commet cost? <i
class="fa fa-chevron-circle-down" aria-hidden="true"></i></h4>
</div>
</a>
<div id="collapse4" class="panel-collapse collapse">
<div class="panel-body">
<!-- Answer -->
<p class="default-text">Commet is always free for users. Though, if you want to
run your own community, there may be a monthly charge if your community is
for a business, or you need have than 250 people in your community. </p>
</div>
</div>
</div>
<!-- Question 4 end -->
<!-- Question 5 -->
<div class="panel panel-default text-left">
<a data-toggle="collapse" data-parent="#accordion" href="#collapse5">
<div class="panel-heading">
<!-- Question -->
<h4 class="panel-title">How much does Commet cost? <i
class="fa fa-chevron-circle-down" aria-hidden="true"></i></h4>
</div>
</a>
<div id="collapse5" class="panel-collapse collapse">
<div class="panel-body">
<!-- Answer -->
<p class="default-text">Commet is always free for people who just want to join communities. If you want to
start your own community, there may be a monthly charge if your community is
for a business, or you need have than 250 people in your community. </p>
</div>
</div>
</div>
<!-- Question 5 end -->
</div>
</div>
</div>
<div class="col-xs-12 col-md-6 col-md-pull-6 text-center">
</div>
</div>
</div>
</div>
</section>
<!-- FAQ section end-->
<?php include('_footer.php'); ?>
<?php include('_footer_html.php'); ?>