-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
executable file
·213 lines (202 loc) · 13 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
204
205
206
207
208
209
210
211
212
213
<!doctype html>
<html class="no-js" lang="">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>App Loads Podcast</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta property="og:title" content="Apploads" />
<meta property="og:description" content="Apploads" />
<meta property="og:url" content="http://apploads.pl" />
<meta property="og:image" content="http://apploads.pl/img/ogimage.png" />
<link rel="apple-touch-icon" href="favicon.png">
<link rel="stylesheet" href="css/apploads.css">
</head>
<body>
<header>
<img class="show-for-medium fallback" src="img/header-bg.svg" alt="">
<div class="show-for-medium main-header-bg">
<object data="img/hero_image_elements/bg_anim.svg" type="image/svg+xml"></object>
<object class="guy1" data="img/hero_image_elements/guy_anim_01.svg" type="image/svg+xml"></object>
<!-- <object class="guy2" data="img/hero_image_elements/guy_anim_02.svg" type="image/svg+xml"></object> -->
<object class="bush" data="img/hero_image_elements/bush_anim.svg" type="image/svg+xml"></object>
<object class="flower" data="img/hero_image_elements/flower.svg" type="image/svg+xml"></object>
</div>
<img class="show-for-small-only" src="img/header-bg-small.svg" alt="">
<div class="header-content">
<img src="img/logo.svg" alt="">
<h1>Pierwszy polski podcast <br class="show-for-small-only"> o product designie.</h1>
<a href="#firstPodcast" class="btn btn-white inner-link">Słuchaj teraz</a>
</div>
</header>
<div class="grey-bg">
<div class="content-hader-section row ">
<div class="small-12 medium-10 medium-offset-1 columns">
<h2>Dla kogo i po co?</h2>
<p class="section-content">App Loads to pierwszy polski podcast poświęcony projektowaniu produktów. <span class="show-for-medium">Wśród zaproszony gości znajdziecie najlepszych polskich designerów i nie tylko.</span> <br>Audycje prowadzi <a href="http://ptaszynski.me">Michał Ptaszyński</a>.</p>
</div>
</div>
<div id="firstPodcast" class="podcast-item row">
<div class="small-12 medium-3 large-2 medium-offset-1 large-offset-2 columns">
<figure class="thumb-large podcast-thumb podcast-thumb-1"><span>01.</span></figure>
</div>
<div class="small-12 medium-7 large-6 columns">
<span class="episode-label">odcinek #1</span>
<h3>O tym jakich programów do prototypowania warto się uczyć, jak wygląda praca nad poprawą UXa na Eduweb i czy można nauczyć się dobrego smaku.</h3>
<div class="caster">
<figure class="thumb-small show-for-medium">
<img src="img/caster_rog.png" alt="Grzegorz Rog">
</figure>
<h4><span>Gościnnie:</span> Grzegorz Róg z serwisu <a href="http://eduweb.pl">Eduweb</a></h4>
</div>
<a href="" class="btn btn-large btn-blue">Słuchaj na Soundcloud <i class="icon icon-arrow"></i></a>
<a href="" class="simple-link">albo skocz do iTunes</a>
</div>
</div>
<div class="podcast-item row">
<div class="small-12 medium-3 large-2 medium-offset-1 large-offset-2 columns">
<figure class="thumb-large podcast-thumb podcast-thumb-1"><span>02.</span></figure>
</div>
<div class="small-12 medium-7 large-6 columns">
<span class="episode-label">odcinek #2</span>
<h3>O tym jak budowano Design Language System w Znanym Lekarzu, czy warto rozwijać swój produkt po godzinach i o różnicach między software housem a startupem.</h3>
<div class="caster">
<figure class="thumb-small show-for-medium">
<img src="img/caster_liberadzki.png" alt="Dawid Liberadzki">
</figure>
<h4><span>Gościnnie:</span> Dawid Liberadzki z serwisu <a href="http://znanylekarz.pl">Znany Lekarz</a></h4>
</div>
<span class="btn btn-large btn-grey">Dostępny od: 11 kwietnia 2018</span>
</div>
</div>
<div class="podcast-item podcast-item-extra-margin-bottom row">
<div class="small-12 medium-3 large-2 medium-offset-1 large-offset-2 columns">
<figure class="thumb-large podcast-thumb podcast-thumb-1"><span>03.</span></figure>
</div>
<div class="small-12 medium-7 large-6 columns">
<span class="episode-label">odcinek #3</span>
<h3>O tym jak zbudować silny zespół w software housie, czy warto robić redesigny produktów znanych marek, czym jest Dribbble dla 10 Clouds i jaka jest ścieżka rozwoju dla szefów działów dizjanowych.</h3>
<div class="caster">
<figure class="thumb-small show-for-medium">
<img src="img/caster_pirog.png" alt="Milosz Pirog">
</figure>
<h4><span>Gościnnie:</span> Miłosz Piróg z <a href="http://10clouds.pl">10Clouds</a></h4>
</div>
<span class="btn btn-large btn-grey">Dostępny od: 28 kwietnia 2018</span>
</div>
</div>
<div class="row expanded">
<div class="columns small-12 ">
<div class="newsletter-section">
<div class="newsletter-animation">
<object class="newsbg" data="img/newsletter-bg.svg" type="image/svg+xml"></object>
</div>
<div class="row">
<div class="small-12 columns">
<h2>Newsletter</h2>
<p class="section-content">Zapisz się i dostawaj powiadomienia <br>o nowych odcinach prosto na maila!</p>
</div>
<!-- Begin MailChimp Signup Form -->
<div id="mc_embed_signup">
<form id="newsletterForm">
<div class="form-inputs">
<input type="email" value="" name="EMAIL" class="required email" required placeholder="[email protected]" id="mce-EMAIL">
<div class="response hide">
<p>Twój adres jest ju na naszej liście.</p>
</div>
<div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_d3c5c8710ed5ab65db85a2f4d_658fd7538c" tabindex="-1" value=""></div>
<button type="submit" name="subscribe" id="mc-embedded-subscribe" class="btn btn-white">Dodaj swojego maila</button>
</div>
<div class="success hide">
<img src="img/gfx.svg" alt="">
<p>You're awesome! Thanks</p>
</div>
</form>
</div>
<!--End mc_embed_signup-->
</div>
</div>
</div>
</div>
<div class="podcast-item podcast-extra-margin-bottom row">
<div class="small-12 medium-3 large-2 medium-offset-1 large-offset-2 columns">
<figure class="thumb-large podcast-thumb podcast-thumb-1"><span>04.</span></figure>
</div>
<div class="small-12 medium-7 large-6 columns">
<span class="episode-label">odcinek #4</span>
<h3>O tym jak wygląda praca zdalna dla zagranicznego startupu i jak rozwijać produkt dla bardzo specyficznej grupy docelowej, a także jak pozyskiwać zlecenia na freelance.</h3>
<div class="caster">
<figure class="thumb-small show-for-medium">
<img src="img/caster_dlubacz.png" alt="Greg Dlubacz">
</figure>
<h4><span>Gościnnie:</span> Greg Dłubacz z <a href="https://home.bimsync.com">Catenda AS</a></h4>
</div>
<span class="btn btn-large btn-grey">Dostępny od: 2 luty 2018</span>
</div>
</div>
<div class="row show-more-wrap">
<div class="small-12 medium-10 large-8 medium-offset-1 large-offset-2 columns">
<button class="show-more btn btn-small btn-grey">Wgraj więcej odcinków</button>
</div>
</div>
</div>
<div class="row expanded">
<div class="columns small-12 ">
<div class="about-me-section">
<object class="aboutanim" data="img/about_image_elements/frame_anim.svg" type="image/svg+xml"></object>
<div class="row">
<div class="small-12 medium-8 medium-offset-2 columns">
<h2>Kim jestem?</h2>
<p class="section-content">Jestem Michał, UI / UX designer z 10 letnim doświadczeniem. W swojej codziennej pracy pomagam startupom poprawiać jakość ich produktów. Możesz sprawdzić mnie na <a href="https://dribbble.com/michal_ptaszynski/">Dribbble</a>, <a href="https://www.linkedin.com/in/ptaszynski/">Linkedin</a>, <a href="https://medium.com/@michal_ptaszynski">Medium</a> oraz <a href="http://ptaszynski.me">About.me</a>.</p>
</div>
</div>
</div>
</div>
</div>
<footer>
<div class="row footer-top">
<div class="small-12 medium-6 text-align-left large-reset-order columns text-left small-order-2 medium-order-1">
<h2>AppLoads.pl</h2>
</div>
<div class="small-12 medium-6 columns medium-text-right text-left small-order-1 medium-order-2">
<ul>
<li class="social-link"><a href="https://www.facebook.com/apploads/"><i class="icon icon-facebook"></i></a></li>
<li class="social-link"><a href="https://soundcloud.com/apploads"><i class="icon icon-soundcloud"></i></a></li>
<li class="social-link"><a href="https://twitter.com/app_loads"><i class="icon icon-twitter"></i></a></li>
</ul>
</div>
</div>
<div class="row footer-bottom">
<div class="small-12 medium-6 text-align-left columns">
<p><span>© Kopiowanie bez zgody właściciela zabronione.</span><br>Powstałe w bólu i wielu frustracjach w 2018.</p>
</div>
<div class="small-12 medium-6 medium-text-right text-left columns">
<p><span>Masz pytanie albo chcesz wziąć udział w nagraniu?</span><br>Pisz śmiało na: <a href="mailto:[email protected]">[email protected]</a></p>
</div>
</div>
</footer>
<aside class="fixed-sidebar">
<div>
<ul>
<li class="social-link"><a href="https://www.facebook.com/apploads/"><i class="icon icon-facebook"></i></a></li>
<li class="social-link"><a href="https://soundcloud.com/apploads"><i class="icon icon-soundcloud"></i></a></li>
<li class="social-link"><a href="https://twitter.com/app_loads"><i class="icon icon-twitter"></i></a></li>
</ul>
<h2>AppLoads.pl</h2>
</div>
</aside>
<script src="js/vendor/modernizr-3.5.0.min.js"></script>
<script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>
<!-- <script>window.jQuery || document.write('<script src="js/vendor/jquery-3.2.1.min.js"><\/script>')</script> -->
<!-- <script src="js/plugins.js"></script> -->
<script src="js/main.js"></script>
<!-- Google Analytics: change UA-XXXXX-Y to be your site's ID. -->
<!-- <script>
window.ga=function(){ga.q.push(arguments)};ga.q=[];ga.l=+new Date;
ga('create','UA-XXXXX-Y','auto');ga('send','pageview')
</script>
<script src="https://www.google-analytics.com/analytics.js" async defer></script> -->
<script id="mcjs">!function(c,h,i,m,p){m=c.createElement(h),p=c.getElementsByTagName(h)[0],m.async=1,m.src=i,p.parentNode.insertBefore(m,p)}(document,"script","https://chimpstatic.com/mcjs-connected/js/users/8597c5cbbd305c02d1eba24bf/4e4514fa1b037eeea14fd5981.js");</script>
</body>
</html>