-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
134 lines (122 loc) · 6.92 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
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="shortcut icon" href="/favicon.png" />
<title>1Ramp - Rewarding Creators</title>
<!-- Search Engine -->
<meta name="description"
content="Artists and creators are fuel to the Internet. It’s time we start rewarding them for the value they create.">
<meta name="image" content="./img/web_preview.png">
<!-- Schema.org for Google -->
<meta itemprop="name" content="1Ramp - Rewarding Creators">
<meta itemprop="description"
content="Artists and creators are fuel to the Internet. It’s time we start rewarding them for the value they create.">
<meta itemprop="image" content="./img/web_preview.png">
<!-- Open Graph general (Facebook, Pinterest & Google+) -->
<meta name="og:title" content="1Ramp - Rewarding Creators">
<meta name="og:description"
content="Artists and creators are fuel to the Internet. It’s time we start rewarding them for the value they create.">
<meta name="og:image" content="./img/web_preview.png">
<meta name="og:url" content="http://1ramp.io">
<meta name="og:site_name" content="1Ramp">
<meta name="og:type" content="website">
<!-- Twitter Large Summary Card -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@the1ramp">
<meta name="twitter:title" content="1Ramp - Rewarding Creators">
<meta name="twitter:description"
content="Artists and creators are fuel to the Internet. It’s time we start rewarding them for the value they create.">
<meta name="twitter:image" content="./img/web_preview.png">
<link href="https://fonts.googleapis.com/css?family=Dancing+Script:700|Roboto" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css">
<link rel="stylesheet" href="./css/style.css">
</head>
<body>
<header>
<nav>
<div class="container">
<div class="nav-container">
<div class="brand-logo">1Ramp</div>
<a href="https://alpha.1ramp.io/feed/explore/" target="__blank" class="header-cta">Our Steem App is live</a>
</div>
</div>
</nav>
</header>
<section class="hero-section">
<div class="container">
<div class="div split-container">
<div class="hero-contents">
<h2 class="hero-title font-deco">Rewarding Creators</h2>
<div class="hero-body">Artists and creators are fuel to the Internet. It’s time we start rewarding
them for the value they create.</div>
</div>
<div class="hero-illustration">
<img src="./img/hero-illustration.svg" alt="Hero illustration">
</div>
</div>
<div class="vertical-deco"></div>
</div>
</section>
<section class="cta-section">
<div class="container">
<div class="cta-wrapper">
<div class="cta-container">
<div class="split-container">
<div class="cta-contents">
<h2 class="cta-title font-deco">Join The Movement</h2>
<p class="cta-body">We have cooked some surprising ways to reward creators for their work.
Request an invite and we’ll notify when it’s ready for you.</p>
</div>
<div class="submission-feedback">
We are excited to see you on our invite list. “Rewarding creators” is a movement and we
cannot do it without your support.
</div>
<div class="share-options text-color-yellow">
<h3>Help more creators find us.</h3>
<div class="social-share-container">
<a href="https://www.facebook.com/sharer/sharer.php?u=http%3A//1ramp.io/" class="social-share-item"
="__blank"><img src="./img/facebook.svg" alt=""></a>
<a href="https://twitter.com/intent/tweet?url=http%3A%2F%2F1ramp.i%2F1ramp_landing_v3%2F&via=%40the1ramp&text=Checkout%201Ramp%2C%20where%20creators%20earn%20rewards%20on%20their%20content%21%20Join%20the%20invite%20list%20now"
target="__blank" class="social-share-item"><img src="./img/twitter.svg" alt=""></a>
</div>
</div>
<div class="cta-form">
<script type="text/javascript">
var submitted = false;
</script>
<iframe name="hidden_iframe" id="hidden_iframe" style="display:none;"
onload="if(submitted) {var el = document.getElementsByClassName('cta-container');el[0].classList.add('submitted');}"></iframe>
<form method="post" target="hidden_iframe" onsubmit="submitted=true;"
action="https://docs.google.com/forms/d/e/1FAIpQLSciUs-UEM1VcfqhjtUJSfpLCQdIku_bEj3lXGXIEfGqGQ65gg/formResponse">
<input name="entry.747163953" class="cta-input" type="email" required
placeholder="Your Email">
<input name="entry.1698641747" class="cta-input" type="text"
placeholder="Link to your profile (your Blog, Instagram, YouTube, Behance, anything?)" required>
<input class="cta-submit" type="submit" value="Request Invite">
</form>
</div>
</div>
</div>
</div>
</div>
</section>
<footer>
<div class="footer-container container">
<ul class="site-links">
<li><a href="https://hapramp.com/" target="__blank">About</a></li>
</ul>
<ul class="links">
<li><a href="https://www.linkedin.com/company/13405668/" target="__blank">LinkedIn</a></li>
<li><a href="https://www.facebook.com/the1ramp/" target="__blank">Facebook</a></li>
<li><a href="https://www.instagram.com/the1ramp/" target="__blank">Instagram</a></li>
<li><a href="https://twitter.com/the1ramp" target="__blank">Twitter</a></li>
<li><a href="https://medium.com/1ramp" target="__blank">Medium</a></li>
<li><a href="mailto:[email protected]" target="__blank">[email protected]</a></li>
</ul>
</div>
</footer>
</body>
</html>