Skip to content

Instantly share code, notes, and snippets.

@dmarman

dmarman/index.html

Created December 6, 2018 13:57
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save dmarman/ee9ffab3fb45b5a63358ac819621e868 to your computer and use it in GitHub Desktop.
Save dmarman/ee9ffab3fb45b5a63358ac819621e868 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
index.html
<!doctype html>
<html class="no-js" lang="EN">
<head>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-114346081-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-114346081-1');
</script>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Search Engine -->
<meta name="description" content="Easiest payment system ever made. Lighting fast, no fees, no maintenance costs, free forever.">
<meta name="image" content="https://wecognitive.com/img/screenshot.png">
<!-- Schema.org for Google -->
<meta itemprop="name" content="WeCognitive">
<meta itemprop="description" content="Easiest payment system ever made. Lighting fast, no fees, no maintenance costs, free forever.">
<meta itemprop="image" content="https://wecognitive.com/img/screenshot.png">
<!-- Twitter -->
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="WeCognitive">
<meta name="twitter:description" content="Easiest payment system ever made. Lighting fast, no fees, no maintenance costs, free forever.">
<meta name="twitter:image:src" content="https://wecognitive.com/img/screenshot.png">
<!-- Open Graph general (Facebook, Pinterest & Google+) -->
<meta name="og:title" content="WeCognitive">
<meta name="og:description" content="Easiest payment system ever made. Lighting fast, no fees, no maintenance costs, free forever.">
<meta name="og:image" content="https://wecognitive.com/img/screenshot.png">
<meta name="og:url" content="https://WeCognitive.com/">
<meta name="og:site_name" content="WeCognitive">
<meta name="og:type" content="website">
<link rel="apple-touch-icon" href="favicon.png">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Merriweather:300">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat:400">
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-social/5.1.1/bootstrap-social.min.css">
<link rel="shortcut icon" type="image/x-icon" href="./favicon.png?v=1" />
<title>WeCognitive</title>
</head>
<body>
<div class="container">
<nav class="navbar navbar-expand-md navbar-dark pb-5 mt-2">
<div class="mx-auto order-0">
<a class="navbar-brand mx-auto" href="#">WeCognitive</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target=".dual-collapse2">
<span class="navbar-toggler-icon"></span>
</button>
</div>
<div class="navbar-collapse collapse w-100 order-3 dual-collapse2">
<ul class="navbar-nav ml-auto">
<li class="nav-item ml-4">
<a class="nav-link" href="https://tuemilio.com/">About</a>
</li>
</ul>
</div>
</nav>
<div class="landing-content">
<div class="my-5 pt-5 pb-3 text-center title">
<h1>WeCognitive is the coin of the future</h1>
<h4 class="subtitle mt-4">Easiest payment system ever made. Lighting fast, no fees, no maintenance costs, free forever.</h4>
</div>
<div class="form-inline justify-content-center" id="44722aad-f267-4e78-ba81-2c644830b425">
<div class="form-group mx-sm-3 mb-2 w-25">
<input type="email" class="form-control-lg w-100" placeholder="Email" autofocus>
</div>
<button type="submit" class="btn btn-1 btn-lg mb-2">Get Invited</button>
<div class="tu-message"></div>
</div>
<div class="mt-4">
<p class="text-muted text-center">We are building the network. <br> Get invited, invite your friends and reserve more WeCognitive coins.</p>
</div>
</div>
<div class="tu-dashboard hidden">
<div class="container">
<h1 class="my-3">Welcome <span class="text-muted" id="user"></span> to your dashboard!</h1>
<h4 class="my-4 text-muted">You are in position <strong id="position"></strong> of <strong id="subscribers-count"></strong></h4>
<div class="row">
<div class="col">
<div class="card">
<div class="card-body m-1">
<h3 class="mb-3">Current Task</h3>
<p class="text-muted">Invite people you know personally and go up on the waiting list.</p>
<div class="form-row align-items-center tu-share-link">
<div class="col-8">
<input type="text" class="form-control mb-2" id="input-dashboard">
</div>
<div class="col-2">
<button type="submit" class="btn btn-primary mb-2 copy-btn btn-1" data-clipboard-target="#input-dashboard">Copy <span class="fa fa-copy ml-1"></span></button>
</div>
</div>
<div class="row">
<div class="col-3">
<small class="text-muted">Or share with:</small>
</div>
<div class="col-9">
<div class="tu-share-social hidden mt-1">
<a class="btn btn-social-icon btn-twitter text-white">
<span class="fa fa-twitter"></span>
</a>
<a class="btn btn-social-icon btn-facebook text-white">
<span class="fa fa-facebook"></span>
</a>
<a class="btn btn-social-icon btn-linkedin text-white">
<span class="fa fa-linkedin"></span>
</a>
<a class="btn btn-social-icon btn-email text-white" style="background-color: darkred; font-size: 0.9em;">
<span class="fa fa-envelope"></span>
</a>
<a class="btn btn-social-icon btn-whatsapp text-white" style="background-color: #25d366; font-size: 1em;">
<span class="fa fa-whatsapp"></span>
</a>
<a class="btn btn-social-icon btn-reddit " style="color: #ff4500; background-color: white">
<span class="fa fa-reddit"></span>
</a>
<a class="btn btn-social-icon btn-wechat text-white" style="background-color: #09B83E; font-size: 0.9em;">
<span class="fa fa-weixin"></span>
</a>
<a class="btn btn-social-icon btn-telegram text-white" style="background-color: #0088cc; font-size: 0.9em;">
<span class="fa fa-telegram"></span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col">
<div class="card">
<div class="card-body">
<h3 class="mb-4"><span id="referred-friends-count"></span> Referred Friends:</h3>
<ul class="list-group list-group-flush" id="referred-friends">
</ul>
</div>
</div>
</div>
</div>
<div class="row my-3">
<div class="col-6">
<div class="card">
<div class="card-body">
<h3 class="mb-3">The waiting list</h3>
<p class="text-muted">This is your position on the list</p>
<ul class="list-group list-group-flush" id="waiting-list">
<li class="list-group-item text-center"><span class="pull-left">Position</span><span>Address</span><span class="pull-right">Points</span></li>
</ul>
</div>
</div>
</div>
<div class="col-6">
<div class="card">
<div class="card-body">
<h3 class="mb-3">Objective</h3>
<p class="text-muted">Invite 5 friends to unlock your price</p>
<div class="progress my-4">
<div id="progress-bar" class="progress-bar progress-bar-striped" role="progressbar" style="width: 10%" aria-valuenow="10" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script>
<script src="https://tuemilio.com/assets/js/tuemilio-sdk.js"></script>
<script src="https://cdn.jsdelivr.net/npm/clipboard@2/dist/clipboard.min.js"></script>
<script src="js/main.js"></script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment