SkullSplitter Dice - 2019 Kickstarter
<!DOCTYPE html>
<html>
<head>
<title>Soma - Share</title>
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700' rel='stylesheet' type='text/css' />
<link rel="stylesheet" type="text/css" href="share.css" />
<link type="text/css" rel="stylesheet" media="only screen and (max-width: 600px)" href="mobile.css" />
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
</head>
<body>
<h1>Support Soma with 3 Clicks</h1>
<div id="container">
<p id="welcome">
<b>Hola, rockstar!</b><br /><br />We hope you're having an awesome day. You're here because we know you have influence. When you share something, people pay attention. So, please take a few seconds to spread the Soma love.
<br /><br />
<b>Thanks so much,</b>
<br />
Mike, Zach and the entire Soma Team
</p>
<div id="progress">
<div class="percent">
<div class="number">0%</div>
</div>
</div>
<ul id="actions">
<li>
<h2>1. Share on Facebook</h2>
<p>Share Soma with your friends</p>
<button class="facebook">Share</button>
</li>
<li>
<h2>2. Post on Twitter</h2>
<p>Hook your following up</p>
<button class="twitter">Tweet</button>
</li>
<li>
<h2>3. Watch our Video</h2>
<p>Thank you in advance for backing Soma</p>
<button class="play">Play</button>
</li>
</ul>
</div>
<div id="footer">© Soma 2012</div>
<script src="share.js"></script>
</body>
</html>