This repository has been archived by the owner on Sep 27, 2019. It is now read-only.
forked from LMDoc/patron
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
203 lines (183 loc) · 8.74 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
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>PatronGG | Changing the way fans follow esports</title>
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="stylesheet" type="text/css" href="style-tablet.css">
<link rel="stylesheet" type="text/css" href="style-mobile.css">
<link rel="icon" href="./images/logo.jpeg">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="We are a tech startup built by esports veterans providing fans with new ways to follow their favourite esport teams and players.">
<meta name="keywords" content="esports, mobile, app, fans, engagement, match, teams">
</head>
<body>
<nav>
<img id="logo" src="./images/patronlogo.png">
<img id="burger-menu-btn" src="./images/burger-menu.png">
<ul>
<li class="btn" data-value=".about-container">ABOUT</li>
<li class="btn" data-value=".product-container">PRODUCT</li>
<li class="btn" data-value=".contact-container">CONTACT US</li>
</ul>
</nav>
<div class="burger-menu">
<ul>
<li class="btn" data-value=".about-container">ABOUT</li>
<li class="btn" data-value=".product-container">PRODUCT</li>
<li class="btn" data-value=".contact-container">CONTACT US</li>
<hr style="width: 90%; margin: 10px 0; border-top: 2px dashed #8c8b8b">
<li><a href="https://angel.co/patron-gg/jobs" target="_blank" style="color: #424659">CAREERS</a></li>
<li><a href="http://www.patron.gg/imprint" target="_blank" style="color: #424659">IMPRINT</a></li>
</ul>
</div>
<div class="header">
<div class="header-text">
<h1>changing the way fans follow esports</h1>
</div>
</div>
<div class="about-container">
<div class="about-us">
<h1>ABOUT US</h1>
<p>PatronGG is a tech startup built by esports veterans with the goal of changing the way fans follow esports by providing them with a central place to track their favourite teams and players, take part in discussions & compete to be the #1 fan. Join our journey and build amazing fan experiences with us!</p>
<p>Our first app “Fnatic Nation” was built as the official fan app for Fnatic to help them grow, retain and monetize their fanbase. Now, we're scaling our mission across all teams by building one central app that unites all fans and teams in one place.</p>
<a href="https://angel.co/patron-gg/jobs" target="_blank"><img src="./images/handicon.png">WORK WITH US</a>
</div>
<div class="cards">
<div class="cards-row">
<div class="card">
<div id="photo-1" class="photo-card"><img src="./images/league-logo.png"></div>
<h3>Dean Burrows</h3>
<p>CEO, Head of Product</p>
<p class="small">Lead product vision and execution at ChallengeMe.GG and Hubrick</p>
<div class="logos-container">
<img src="./images/cme-logo.png">
<img src="./images/hubrick-logo.jpg">
</div>
</div>
<div class="card">
<div id="photo-2" class="photo-card"><img src="./images/csgo-logo.png"></div>
<h3>Jens hilgers</h3>
<p>Advisor</p>
<p class="small">The 'Godfather of Esports'. Built ESL, BITKRAFT & Dojo Madness</p>
<div class="logos-container">
<img src="./images/esl-logo.png">
<img src="./images/bitkraft-logo.png">
</div>
</div>
<div class="card">
<div id="photo-3" class="photo-card"><img src="./images/league-logo.png"></div>
<h3>Michael Arnold</h3>
<p>Advisor</p>
<p class="small">Founding team @ NeoReach (SF Based Startup). Also Wooga.</p>
<div class="logos-container">
<img src="./images/wooga-logo.png" style="max-height: 40px">
<img src="./images/neoreach-logo.png" style="max-height: 40px">
</div>
</div>
</div>
<div class="cards-row">
<div class="card">
<div id="photo-4" class="photo-card"><img src="./images/fifa-logo.png"></div>
<h3>Dominic Graefin</h3>
<p>Lead Developer</p>
<p class="small">Previously 10 years at Wooga, building casual mobile games for a global audience.</p>
<div class="logos-container">
<img src="./images/wooga-logo.png">
</div>
</div>
<div class="card">
<div id="photo-5" class="photo-card"><img src="./images/dota-logo.png"></div>
<h3>Gustavo Brunoro</h3>
<p>Senior Developer</p>
<p class="small">6+ years of experience building scalable mobile apps, worked at Wooga.</p>
<div class="logos-container">
<img src="./images/wooga-logo.png">
</div>
</div>
<div class="card">
<div id="photo-6" class="photo-card"><img src="./images/league-logo.png"></div>
<h3>Elliott Rarden</h3>
<p>Developer</p>
<p class="small">4+ years of experience in full-stack development. Worked at Echostar.</p>
<div class="logos-container">
<img src="./images/echostar-logo.jpeg">
</div>
</div>
</div>
</div>
<div class="slider">
<img id="slider-left" src="./images/arrowicon.png">
<img id="slider-right" src="./images/arrowicon.png">
<div class="card">
<div id="slider-photo" class="photo-card" background="./images/placeholder.png"><img id="slider-game" src="./images/logo.jpeg"></div>
<h3 id="slider-name">Dean Burrows</h3>
<p id="slider-title">CEO, Head of Product</p>
<p id="slider-text" class="small">Built awesome products at ChallengeMe.GG and Hubrick</p>
<div id="slider-logos" class="logos-container">
<img src="./images/cme-logo.png">
<img src="./images/hubrick-logo.jpg">
</div>
<div class="dots"></div>
</div>
</div>
</div>
<div class="product-container">
<h1>OUR PRODUCTS</h1>
<div class="fnatic">
<div class="fnatic-left">
<img src="./images/fnatic-app.png">
</div>
<div class="fnatic-right">
<div class="fnatic-text">
<img src="./images/fnatic-logo.png" style="height: 100px; width: 100px;">
<h2>FNATIC NATION</h2>
<p>PatronGG’s first product, Fnatic Nation is the official fan engagement app for Fnatic. The app allows users to view social media posts from the team and players in an aggregated social feed, track when Fnatic are playing, view match results and talk with other fans using the discussion boards.</p>
<p>The app currently covers League of Legends and Counter-Strike: Global Offensive matches.</p>
<a href="https://itunes.apple.com/us/app/fnatic-nation/id1266308739" target="_blank"><img class="app-store-size" src="./images/app-store.png"></a> <a href="https://play.google.com/store/apps/details?id=gg.patron.fnatic" target="_blank"><img class="app-store-size" src="./images/google-store.png"></a>
</div>
</div>
</div>
<div class="kokyo">
<div class="kokyo-left">
<div class="kokyo-text">
<img src="./images/Kokyo-White.png" style="height: 100px; width: 100px;">
<h2>KOKYO APP</h2>
<p>We took what we had from the Fnatic Nation app and decided to supercharge it! Kokyo will change the way fans follow esports by providing them with the means to follow and track their favourite teams across multiple games, view in-depth match statistics, discuss last match’s top play and more!</p>
<p>DWe aim to get Kokyo into your hands soon but in the meantime, if our journey is something you want to be apart of sooner rather than later, sign-up below!</p>
<h2>Get Product updates</h2>
<form action="https://patron.us18.list-manage.com/subscribe/post?u=28b112e4bfcc1f15428ffcda8&id=7c29065922" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="input" target="_blank" novalidate>
<img id="mail" src="./images/mailicon.png">
<input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="Leave your email for update" required><button type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe"><img src="./images/arrowicon.png"></button>
<div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_28b112e4bfcc1f15428ffcda8_7c29065922" tabindex="-1" value=""></div>
</form>
</div>
</div>
<div class="kokyo-right">
<img src="./images/kokyo-app.png">
</div>
</div>
</div>
<div class="contact-container">
<div class="contact-info">
<h1>CONTACT US</h1>
<p>Built with lots of love and tilt in the heart of Berlin.</p>
<h2>OUR OFFICE</h2>
<p>Axel-Springer Str. 54B <br> 10117 Berlin</p>
<h2>OUR EMAIL</h2>
<a href="mailto:[email protected]">[email protected]</a>
</div>
<div id="map"></div>
</div>
<footer>
<div class="footer-content">
<img src="./images/patronlogo-small.png">
<a href="http://www.patron.gg/imprint" target="_blank">IMPRINT</a>
<br>
<p>© 2018 PATRONGG</p>
</div>
</footer>
<script type="text/javascript" src="./js/main.js"></script>
<script async defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB0REtc3EHG6dXnZJaEepsPHqyvzWe-XVg&callback=initMap"></script>
</body>
</html>