-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
111 lines (96 loc) · 4.54 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
<!DOCTYPE html>
<!--[if IE 8]><html class="no-js lt-ie9" lang="en" > <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en" > <!--<![endif]-->
<head>
<link href='http://fonts.googleapis.com/css?family=Lato:300,400,700' rel='stylesheet' type='text/css'>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>Open Karma : helping open source be more amazing</title>
<link rel="stylesheet" href="css/foundation.css">
<link rel="stylesheet" href="css/foundation.min.css">
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/screen.css">
<script src="js/vendor/custom.modernizr.js"></script>
<link rel="icon" type="image/png" href="img/logo-ribbon.png" />
</head>
<body>
<header>
<div class="row">
<div class="large-2 columns left">
</div>
<div class="large-8 columns ribbon-header">
<a href="index.html"><img src="img/logo-ribbon.png" class="logo-ribbon"></a>
</div>
<div class="large-2 columns">
<a href="http://eepurl.com/F5jCH" target="_blank"><button>Sign up</button></a>
</div>
</div>
</header>
<section class="row hero">
<div class="large-12 columns">
<h1>Say hello to Open Karma!</h1>
<p class="slogan">Connecting developers and designers to<br class="desktop-break"> help open source be more amazing.</p>
</div>
</section>
<section class="row signup">
<div class="large-12 columns">
<form action="http://theelefanta.us5.list-manage.com/subscribe/post?u=2c4f451f4059350287b951060&id=4d4a2b49de" method="post" id="newsletter-form" name="newsletter-form" class="validate" target="_blank" novalidate>
<input type="email" value="" name="EMAIL" class="email" id="newsletter-EMAIL" placeholder="Want to know when Open Karma is ready?" required>
<input type="submit" value="Subscribe" name="subscribe" id="newsletter-subscribe">
</form>
</div>
</section>
<div class="row link-div">
<div class="large-12 columns">
<img src="img/link.png" class="link-icon">
</div>
</div>
<section class="row">
<div class="large-4 columns">
<img src="img/icon-what.png" class="about-icons">
<h2>About Open Karma</h2>
<p class="more-info">Open Karma is a new tool to help bridge the gap between developers and designers. The idea came after noticing a huge need for OSS projects to find design help which previously seemed unattainable.</p>
</div>
<div class="large-4 columns mobile-padding">
<img src="img/icon-how.png" class="about-icons">
<h2>How it will work</h2>
<p class="more-info">Once we’ve launched you’ll be able to log in with your <a href="http://github.com" target="_blank">GitHub</a>, <a href="http://behance.net" target="_blank">Behance</a>, or email. Then you can connect projects you need design help with, find designers to work with and discover projects to collaborate on.</p>
</div>
<div class="large-4 columns mobile-padding">
<img src="img/icon-want.png" class="about-icons">
<h2>Want to get involved?</h2>
<p class="more-info">We're already receiving great interest— but, we want more! If you’re a designer or developer looking to keep up to date with Open Karma please sign up for our updates.</p>
</div>
<div class="columns">
<ul id="social">
<li class="tw"><a href="https://twitter.com/OpenKarmaDesign">Follow Open Karma on Twitter</a></li>
<li class="fb"><a href="https://facebook.com/openkarma">Like Open Karma on Faccebook</a></li>
<li class="gp"><a href="https://plus.google.com/102720264504681676145">Add Open Karam to your circle on Google+</a></li>
</ul>
</div>
</section>
<footer>
<div class="row">
<div class="large-12 columns">
<p>Creative child of <a href="http://twitter.com/saltinejustine" target="_blank">@saltinejustine</a> and <a href="http://twitter.com/bastilian" target="_blank">@bastilian</a>.</p>
</div>
</div>
</footer>
<script>
document.write('<script src=' +
('__proto__' in {} ? 'js/vendor/zepto' : 'js/vendor/jquery') +
'.js><\/script>')
</script>
<script src="js/foundation.min.js"></script>
<script>$(document).foundation();</script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-44438037-1', 'open-karma.com');
ga('send', 'pageview');
</script>
</body>
</html>