Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="en"> <![endif]-->
- <!--[if IE 7]> <html class="no-js ie7 oldie" lang="en"> <![endif]-->
- <!--[if IE 8]> <html class="no-js ie8" lang="en"> <![endif]-->
- <!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
- <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
- <meta name="keywords" content="">
- <meta name="description" content="">
- <script type="text/javascript" src="js/modernizr.js"></script>
- <script type="text/javascript">
- WebFontConfig = {
- google: { families: [ 'Montserrat:400,700:latin', 'Raleway:500,700:latin' ] }
- };
- (function() {
- var wf = document.createElement('script');
- wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
- '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
- wf.type = 'text/javascript';
- wf.async = 'true';
- var s = document.getElementsByTagName('script')[0];
- s.parentNode.insertBefore(wf, s);
- })(); </script>
- <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAYqPP2cf2uNHUAtKOm3lEjr3B7sTLPr_Q"></script>
- <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
- <link rel="stylesheet" href="css/base.css">
- <title>Captiv8</title>
- </head>
- <body class="home-page">
- <div class="container">
- <!-- begin top -->
- <div class="top">
- <div class="top__inner">
- <span class="mobile-nav" role="button">
- <i></i>
- </span>
- <div class="logo"></div>
- <!-- begin top-auth -->
- <div class="top-auth">
- <a href="" class="top-auth__item">Sign up</a>
- <ul class="top-auth-list">
- <li class="top-auth-list__list-item"><a href="" class="top-auth-list__item">i’m a creator</a></li>
- <li class="top-auth-list__list-item"><a href="" class="top-auth-list__item">I’m a brand</a></li>
- </ul>
- </div>
- <div class="top-auth-login">
- <a href="" class="top-auth-login__item">LOGIN</a>
- </div>
- <!-- end top-auth -->
- <!-- begin navigation -->
- <div class="navigation">
- <ul class="navigation__list">
- <li class="navigation__list-item"><a href="home.html" class="navigation__item __active">HOME</a></li>
- <li class="navigation__list-item"><a href="creators.html" class="navigation__item">CREATORS</a></li>
- <li class="navigation__list-item"><a href="brands.html" class="navigation__item">BRANDS</a></li>
- <li class="navigation__list-item"><a href="/leaderboard/" class="navigation__item">LEADERBOARD</a></li>
- <li class="navigation__list-item"><a href="contact.html" class="navigation__item">CONTACT</a></li>
- </ul>
- </div>
- <!-- end navigation -->
- </div>
- </div>
- <!-- end top -->
- <!-- begin main-visual -->
- <div class="main-visual">
- <div class="main-visual__video" style="background-image:url(img/fish-visual.jpg)">
- </div>
- <!-- begin leaderboard statistics -->
- <div class="main-leaderboard-stat">
- <div class="main-leaderboard-stat__inner">
- <!-- begin leaderboard statistics item -->
- <div class="main-leaderboard-stat__item">
- <strong class="main-leaderboard-stat__numb">
- 642,740,8181
- </strong>
- <small class="main-leaderboard-stat__title">TOTAL REACH</small>
- </div>
- <!-- end leaderboard statistics item -->
- <!-- begin leaderboard statistics item -->
- <div class="main-leaderboard-stat__item">
- <strong class="main-leaderboard-stat__numb">
- 5,198,619,955
- </strong>
- <small class="main-leaderboard-stat__title">VIEWS THIS MONTH</small>
- </div>
- <!-- end leaderboard statistics item -->
- <!-- begin leaderboard statistics item -->
- <div class="main-leaderboard-stat__item">
- <strong class="main-leaderboard-stat__numb">
- 113,627,286
- </strong>
- <small class="main-leaderboard-stat__title">ENGAGEMENTS THIS MONTH</small>
- </div>
- <!-- end leaderboard statistics item -->
- </div>
- </div>
- <!-- end leaderboard statistics -->
- <div class="main-visual__content">
- <h1><span class="hgh">Amplify</span> Your Audience</h1>
- <p>The only platform that allows influencers to own, promote and monetize their audience.</p>
- <p>
- <a href="" class="main-visual__btn">CREATORS</a>
- <a href="" class="main-visual__btn">BRANDS</a>
- </p>
- </div>
- </div>
- <!-- end main-visual -->
- <!-- begin main-steps -->
- <div class="main-steps">
- <div class="main-steps__inner">
- <div class="main-steps__precontent">
- <strong>Captiv8</strong> helps <a href="">brands</a> and <a href="">creators</a> connect to impact audiences around the world. And
- we have the data to back it up.
- </div>
- <!-- begin steps-items -->
- <div class="steps-items">
- <ul class="steps-items__list">
- <li class="steps-items__list-item">
- <a href="" class="steps-items__item steps-items__item--1">
- <div class="steps-items__cnt">
- <div class="steps-items__cnt-inner">
- <h2 class="steps-items__ttl">CONNECT WITH CREATORS</h2>
- <p>Partner with influencers on all social platforms to promote your products in a meaningful way.</p>
- </div>
- </div>
- <div class="steps-items__bg"><i style="background-image:url(img/step-1.jpg)"></i></div>
- <div class="steps-items__more">
- LET'S DO IT
- </div>
- </a>
- </li>
- <!-- <li class="steps-items__list-item">
- <a href="" class="steps-items__item steps-items__item--2">
- <div class="steps-items__cnt">
- <div class="steps-items__cnt-inner">
- <h2 class="steps-items__ttl">BECOME A BRAND AMBASSADOR</h2>
- <p>Set up a profile in minutes to start making money from your favorite brands on the social channels you love. </p>
- </div>
- </div>
- <div class="steps-items__bg"><i style="background-image:url(img/step-2.jpg)"></i></div>
- <div class="steps-items__more">
- LET'S DO IT
- </div>
- </a>
- </li> -->
- <li class="steps-items__list-item">
- <a href="" class="steps-items__item steps-items__item--3">
- <div class="steps-items__cnt">
- <div class="steps-items__cnt-inner">
- <h2 class="steps-items__ttl">let’s talk numbers</h2>
- <p>Get exclusive data on any account, hashtag or post. Insights on location, gender, context and more.</p>
- </div>
- </div>
- <div class="steps-items__bg"><i style="background-image:url(img/step-3.jpg)"></i></div>
- <div class="steps-items__more">
- LET'S SEE IT
- </div>
- </a>
- </li>
- </ul>
- </div>
- <!-- end steps-items -->
- </div>
- </div>
- <!-- end main-steps -->
- <!-- begin main-creators -->
- <div class="main-creators">
- <h2 class="main-creators__ttl">CREATORS</h2>
- <div class="main-creators-scroll">
- <ul class="main-creators-list">
- <li class="main-creators-list__list-item main-creators-list__list-item--1">
- <div class="main-creators-list__item" style="background-image:url(img/creators/christian-delgrosso.jpg)">
- <!-- <a href="" class="main-creators-list__link"></a> -->
- <div class="main-creators-list__content">
- <h3>Christian DelGrosso</h3>
- <p>Total Reach: 7,665,303</p>
- <p><span class="main-socials-list__item __vn"></span></p>
- </div>
- </div>
- </li>
- <li class="main-creators-list__list-item main-creators-list__list-item--2">
- <div class="main-creators-list__item" style="background-image:url(img/creators/jason-nash.jpg)">
- <!-- <a href="" class="main-creators-list__link"></a> -->
- <div class="main-creators-list__content">
- <h3>Jason Nash </h3>
- <p>Total Reach: 1,872,200</p>
- <p><span class="main-socials-list__item __vn"></span></p>
- </div>
- </div>
- </li>
- <li class="main-creators-list__list-item main-creators-list__list-item--3">
- <div class="main-creators-list__item" style="background-image:url(img/creators/king-bach.jpeg)">
- <!-- <a href="" class="main-creators-list__link"></a> -->
- <div class="main-creators-list__content">
- <h3>King Bach </h3>
- <p>Total Reach: 18,569,342</p>
- <p><span class="main-socials-list__item __vn"></span></p>
- </div>
- </div>
- </li>
- <li class="main-creators-list__list-item main-creators-list__list-item--4">
- <div class="main-creators-list__item" style="background-image:url(img/creators/shonduras.png)">
- <!-- <a href="" class="main-creators-list__link"></a> -->
- <div class="main-creators-list__content">
- <h3>Shonduras </h3>
- <p>Total Reach: 126,425</p>
- <p><span class="main-socials-list__item __sc"></span></p>
- </div>
- </div>
- </li>
- <li class="main-creators-list__list-item main-creators-list__list-item--5">
- <div class="main-creators-list__item" style="background-image:url(img/creators/zach_king_photo.jpg)">
- <!-- <a href="" class="main-creators-list__link"></a> -->
- <div class="main-creators-list__content">
- <h3>Zach King</h3>
- <p>Total Reach: 10,343,360</p>
- <p><span class="main-socials-list__item __vn"></span></p>
- </div>
- </div>
- </li>
- <li class="main-creators-list__list-item main-creators-list__list-item--6">
- <div class="main-creators-list__item" style="background-image:url(img/creators/keegan-allen.jpg)">
- <!-- <a href="" class="main-creators-list__link"></a> -->
- <div class="main-creators-list__content">
- <h3>Keegan Allen</h3>
- <p>Total Reach: 5,808,000</p>
- <p><span class="main-socials-list__item __ig"></span> <span class="main-socials-list__item __fb"></span></p>
- </div>
- </div>
- </li>
- <li class="main-creators-list__list-item main-creators-list__list-item--7">
- <div class="main-creators-list__item" style="background-image:url(img/creators/david-henrie.jpg)">
- <!-- <a href="" class="main-creators-list__link"></a> -->
- <div class="main-creators-list__content">
- <h3>David Henrie </h3>
- <p>Total Reach: 10,207,500</p>
- <p><span class="main-socials-list__item __ig"></span> </p>
- </div>
- </div>
- </li>
- <li class="main-creators-list__list-item main-creators-list__list-item--8">
- <div class="main-creators-list__item" style="background-image:url(img/creators/amanda.jpg)">
- <!-- <a href="" class="main-creators-list__link"></a> -->
- <div class="main-creators-list__content">
- <h3>Amanda Cerny </h3>
- <p>Total Reach: 5,100,000</p>
- <p><span class="main-socials-list__item __vn"></span></p>
- </div>
- </div>
- </li>
- <li class="main-creators-list__list-item main-creators-list__list-item--9">
- <div class="main-creators-list__item" style="background-image:url(img/creators/nash.jpg)">
- <!-- <a href="" class="main-creators-list__link"></a> -->
- <div class="main-creators-list__content">
- <h3>Nash Grier </h3>
- <p>Total Reach: 21,100,000</p>
- <p><span class="main-socials-list__item __vn"></span></p>
- </div>
- </div>
- </li>
- <li class="main-creators-list__list-item main-creators-list__list-item--10">
- <div class="main-creators-list__item" style="background-image:url(img/creators/vanos.jpg)">
- <!-- <a href="" class="main-creators-list__link"></a> -->
- <div class="main-creators-list__content">
- <h3>VanossGaming </h3>
- <p>Total Reach: 14,899,717</p>
- <p><span class="main-socials-list__item __yt"></span></p>
- </div>
- </div>
- </li>
- </ul>
- </div>
- </div>
- <!-- end main-creators -->
- <!-- begin main-socials -->
- <div class="main-socials">
- <div class="main-socials__inner">
- <ul class="main-socials-list">
- <li class="main-socials-list__list-item"><span class="main-socials-list__item __ig"></span></li>
- <li class="main-socials-list__list-item"><span class="main-socials-list__item __vn"></span></li>
- <li class="main-socials-list__list-item"><span class="main-socials-list__item __sc"></span></li>
- <li class="main-socials-list__list-item"><span class="main-socials-list__item __yt"></span></li>
- <li class="main-socials-list__list-item"><span class="main-socials-list__item __fb"></span></li>
- <li class="main-socials-list__list-item"><span class="main-socials-list__item __tw"></span></li>
- </ul>
- </div>
- </div>
- <!-- end main-socials -->
- <!-- begin main-brands -->
- <div class="main-brands">
- <h2 class="main-brands__ttl">KILLING IT FOR BRANDS WE LOVE</h2>
- <div class="main-brands__viewer">
- <ul class="main-brands-logos __active">
- <li class="main-brands-logos__list-item"><span class="main-brands-logos__item"><img src="img/brands/ms.png" height="84" width="395" alt=""></span></li>
- <li class="main-brands-logos__list-item"><span class="main-brands-logos__item"><img src="img/brands/DRP_Logo.png" height="140" width="239" alt=""></span></li>
- <li class="main-brands-logos__list-item"><span class="main-brands-logos__item"><img src="img/brands/PG-logo.png" height="103" width="236" alt=""></span></li>
- <li class="main-brands-logos__list-item"><span class="main-brands-logos__item"><img src="img/brands/starbucks-logo.png" height="140" width="239" alt=""></span></li>
- <li class="main-brands-logos__list-item"><span class="main-brands-logos__item"><img src="img/brands/disney-01.png" height="140" width="239" alt=""></span></li>
- </ul>
- <ul class="main-brands-logos">
- <li class="main-brands-logos__list-item"><span class="main-brands-logos__item"><img src="img/brands/amazon.png" height="80" width="418" alt=""></span></li>
- <li class="main-brands-logos__list-item"><span class="main-brands-logos__item"><img src="img/brands/Unilever_logo.png" height="75" width="348" alt=""></span></li>
- <li class="main-brands-logos__list-item"><span class="main-brands-logos__item"><img src="img/brands/lionsgate.png" height="49" width="383" alt=""></span></li>
- <li class="main-brands-logos__list-item"><span class="main-brands-logos__item"><img src="img/brands/Chips-Ahoy-Logo.png" height="188" width="211" alt=""></span></li>
- </ul>
- </div>
- </div>
- <!-- end main-brands -->
- <!-- begin main-careers -->
- <div class="main-careers">
- <div class="main-careers__inner">
- <p class="main-careers__seelink">
- <a href="" class="main-careers__btn">SEE OUR JOBS</a>
- </p>
- <p class="main-careers__content">We’re looking for people passionate about making social media more meaningful.</p>
- </div>
- </div>
- <!-- end main-careers -->
- <!-- begin main-feedback -->
- <form class="main-feedback">
- <div class="main-feedback__inner">
- <h2 class="main-feedback__ttl">Get in touch with us</h2>
- <div class="main-feedback__col">
- <div class="main-feedback__form-group">
- <input type="text" name="" class="main-feedback__form-control __error" placeholder="Name">
- <p class="help-block __warning">You already signed up as a creator. Would you like to <a href="https://captiv8.io/signin">sign in?</a></p>
- </div>
- <div class="main-feedback__form-group">
- <input type="email" name="" class="main-feedback__form-control" placeholder="Email Address">
- </div>
- <div class="main-feedback__form-group">
- <input type="url" name="" class="main-feedback__form-control" placeholder="Website">
- </div>
- </div>
- <div class="main-feedback__col">
- <div class="main-feedback__form-group">
- <input type="text" name="" class="main-feedback__form-control" placeholder="Subject">
- </div>
- <div class="main-feedback__form-group">
- <textarea name="" cols="30" rows="10" class="main-feedback__form-control" placeholder="Message"></textarea>
- </div>
- </div>
- <div class="main-feedback__btn-row">
- <button class="main-feedback__btn">
- SEND
- </button>
- <button class="main-feedback__btn __sent">
- <i class="fa fa-check"></i> SENT
- </button>
- </div>
- </div>
- </form>
- <!-- end main-feedback -->
- <!-- begin main-maps -->
- <div class="main-maps">
- <div id="map-canvas"></div>
- </div>
- <!-- end main-maps -->
- <!-- begin bottom -->
- <div class="bottom">
- <div class="bottom__inner">
- <div class="bottom__aside">
- <div class="bottom-logo"></div>
- <p>The only platform that allows influencers to own, promote and monetize their audience. </p>
- <ul class="bottom-social">
- <li class="bottom-social__list-item"><a href="" class="bottom-social__ico __fb"></a></li>
- <li class="bottom-social__list-item"><a href="" class="bottom-social__ico __tw"></a></li>
- <li class="bottom-social__list-item"><a href="" class="bottom-social__ico __vimeo"></a></li>
- <li class="bottom-social__list-item"><a href="" class="bottom-social__ico __gp"></a></li>
- <li class="bottom-social__list-item"><a href="" class="bottom-social__ico __in"></a></li>
- </ul>
- </div>
- <div class="bottom-nav">
- <p class="bottom-nav__ttl">SITE MAP</p>
- <ul class="bottom-nav__list">
- <li class="bottom-nav__list-item"><a href="" class="bottom-nav__item">HOME</a></li>
- <li class="bottom-nav__list-item"><a href="" class="bottom-nav__item">CREATORS</a></li>
- <li class="bottom-nav__list-item"><a href="" class="bottom-nav__item">BRANDS</a></li>
- <li class="bottom-nav__list-item"><a href="" class="bottom-nav__item">LEADERBOARD</a></li>
- <li class="bottom-nav__list-item"><a href="" class="bottom-nav__item">CONTACT</a></li>
- </ul>
- <ul class="bottom-nav__list">
- <li class="bottom-nav__list-item"><a href="" class="bottom-nav__item">ABOUT</a></li>
- <li class="bottom-nav__list-item"><a href="" class="bottom-nav__item">PROVACY POLICY</a></li>
- <li class="bottom-nav__list-item"><a href="" class="bottom-nav__item">TERMS OF SERVICE</a></li>
- </ul>
- </div>
- <div class="bottom__cpr">
- Copyright 2015 - Captiv8
- </div>
- </div>
- </div>
- <!-- end bottom -->
- </div>
- <noindex>
- <div class="mobile-left-side">
- <ul class="mobile-nav-list">
- <li class="mobile-nav__list-item"><a href="" class="mobile-nav__item __active">HOME</a></li>
- <li class="mobile-nav__list-item"><a href="" class="mobile-nav__item">CREATORS</a></li>
- <li class="mobile-nav__list-item"><a href="" class="mobile-nav__item">BRANDS</a></li>
- <li class="mobile-nav__list-item"><a href="" class="mobile-nav__item">LEADERBOARD</a></li>
- <li class="mobile-nav__list-item"><a href="" class="mobile-nav__item">CONTACT</a></li>
- </ul>
- </div>
- <div class="mobile-overlay"></div>
- </noindex>
- <!-- // SCRIPTS SECTION // -->
- <script src="js/jquery.js"></script>
- <script src="js/fontdetect.js"></script>
- <script src="js/jquery.tools.js"></script>
- <script src="js/project.js"></script>
- <script>
- function initialize() {
- var mapOptions = {
- center: new google.maps.LatLng(37.770562,-122.414232),
- zoom: 15,
- zoomControl: true,
- zoomControlOptions: {
- style: google.maps.ZoomControlStyle.SMALL,
- },
- disableDoubleClickZoom: true,
- mapTypeControl: false,
- scaleControl: false,
- scrollwheel: true,
- panControl: false,
- streetViewControl: false,
- draggable : true,
- overviewMapControl: false,
- overviewMapControlOptions: {
- opened: false,
- },
- mapTypeId: google.maps.MapTypeId.ROADMAP,
- styles: [{"featureType":"administrative","elementType":"geometry","stylers":[{"saturation":"2"},{"visibility":"simplified"}]},{"featureType":"administrative","elementType":"labels","stylers":[{"saturation":"-28"},{"lightness":"-10"},{"visibility":"on"}]},{"featureType":"administrative","elementType":"labels.text.fill","stylers":[{"color":"#444444"}]},{"featureType":"landscape","elementType":"all","stylers":[{"color":"#f2f2f2"}]},{"featureType":"landscape","elementType":"geometry.fill","stylers":[{"saturation":"-1"},{"lightness":"-12"}]},{"featureType":"landscape.natural","elementType":"labels.text","stylers":[{"lightness":"-31"}]},{"featureType":"landscape.natural","elementType":"labels.text.fill","stylers":[{"lightness":"-74"}]},{"featureType":"landscape.natural","elementType":"labels.text.stroke","stylers":[{"lightness":"65"}]},{"featureType":"landscape.natural.landcover","elementType":"geometry","stylers":[{"lightness":"-15"}]},{"featureType":"landscape.natural.landcover","elementType":"geometry.fill","stylers":[{"lightness":"0"}]},{"featureType":"poi","elementType":"all","stylers":[{"visibility":"off"}]},{"featureType":"road","elementType":"all","stylers":[{"saturation":-100},{"lightness":45}]},{"featureType":"road","elementType":"geometry","stylers":[{"visibility":"on"},{"saturation":"0"},{"lightness":"-9"}]},{"featureType":"road","elementType":"geometry.stroke","stylers":[{"lightness":"-14"}]},{"featureType":"road","elementType":"labels","stylers":[{"lightness":"-35"},{"gamma":"1"},{"weight":"1.39"}]},{"featureType":"road","elementType":"labels.text.fill","stylers":[{"lightness":"-19"}]},{"featureType":"road","elementType":"labels.text.stroke","stylers":[{"lightness":"46"}]},{"featureType":"road.highway","elementType":"all","stylers":[{"visibility":"simplified"}]},{"featureType":"road.highway","elementType":"labels.icon","stylers":[{"lightness":"-13"},{"weight":"1.23"},{"invert_lightness":true},{"visibility":"simplified"},{"hue":"#ff0000"}]},{"featureType":"road.arterial","elementType":"labels.icon","stylers":[{"visibility":"off"}]},{"featureType":"transit","elementType":"all","stylers":[{"visibility":"off"}]},{"featureType":"water","elementType":"all","stylers":[{"color":"#adadad"},{"visibility":"on"}]}]
- };
- var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
- }
- google.maps.event.addDomListener(window, 'load', initialize);
- $(function() {
- });
- </script>
- <!-- // end SCRIPTS SECTION // -->
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement