-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
executable file
·223 lines (171 loc) · 7.53 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
214
215
216
217
218
219
220
221
222
223
---
layout: display
---
<header class="cover-container white site-header bg-gray bg-cover bg-center vh-85 relative">
<div class="mt2 wrap">
<div class="measure">
<a href="{{ site.url }}/" class="site-title">
<!--<img src="/images/me.jpg" alt="Marlon Wiebe" class="circle sm-hide" style="max-width:50px;"/><br class="md-hide"/>-->
{{ site.title }}
</a>
<!--<img src="/images/me.jpg" alt="Marlon Wiebe" class="circle sm-show left" style="max-width:45px; position:relative; top:-5px;left:10px;"/>-->
<nav class="site-nav white">
{% include navigation.html %}
</nav>
</div>
</div>
<div class="center px2 py4 mt3">
<p class="center">
<i class="fa fa-gamepad fa-4x white"></i>
</p>
<h1 class="h1 h0-responsive caps mt0 mb0 regular white">GAME TRAILERS</h1>
<p class="h3 white">
I make indie game trailers for rad people.
</p>
<!--<a href="#portfolio" class="scroll btn btn-outline white">Here's Proof</a>-->
</div>
<!--
<div class="center" style="
position: absolute;
width: 100%;
bottom: 150px;">
<!--<img class="circle mb2" src="images/testimonial/mr-clark.jpg" style="max-width: 100px;" />-->
<!--<p class="white">"Marlon's the best." - Awesome Person"</p>
<a href="#portfolio" class="scroll"><i class="fa fa-angle-down fa-3x animated infinite fadeInOutDown"></i></a>
</div>
-->
<div class="video-bg bg-cover bg-center" style="background-image: url('{{ site.baseurl }}/images/header.png')">
<video autoplay loop class="fillWidth md-show" poster="{{ site.baseurl }}/images/header.png">
<source src="{{ site.baseurl }}/images/header.mp4" type="video/mp4" />
Your browser does not support the video tag. I suggest you upgrade your browser.
</video>
</div><!-- end video-container -->
</header>
<!--Recent Video-->
<div id="portfolio" class="container px2">
<div class="clearfix mxn2">
{% for post in site.categories['featured-video'] limit:1 %}
<div class="clearfix p1">
<div class="sm-col sm-col-12">
<h3 class="mt0">Latest Vids</h3>
</div>
<div class="sm-col sm-col-6">
<div class="video-wrapper">
<iframe src="{{ post.embed }}" width="500" height="281" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
</div>
</div>
<div class="sm-col sm-col-6 px2">
<a href="{{ post.url | prepend: site.baseurl }}" class="post-link">
<h2>{{ post.title }}</h2>
<p>
{{ post.excerpt }}
</p>
<h6 class="caps right-align">
SEE BEHIND THE SCENES
</h6>
</a>
</div>
</div>
{% endfor %}
</div>
</div>
<!--Video Examples-->
<div id="video-thumbnails" class="container px2">
<div class="clearfix mxn2">
{% for post in site.categories['homepage-video'] limit:3 %}
<div class="sm-col sm-col-4">
{% include video-thumbnail.html %}
</div>
{% endfor %}
<div class="sm-col sm-col-12 p1 center">
<a href="/videos/">
<h6 class="caps right-align">
Watch More
</h6>
</a>
<a href="{{ site.baseurl }}/contact/" class="h2 btn btn-primary m1" style="position:relative;top:-40px;">
<h2 class="m2">Let's work together</h2>
</a>
</div>
</div>
</div>
<hr class="mt0"/>
<!--Testimonial-->
<ul class="lightSlider">
<!--Single Testimonial-->
<li>
<div class="container">
<div class="col-10 mx-auto center">
<p>"The trailer we had in mind for Orwell was ambitious. It needed to match the game's unique visual style and narrative tone, communicate cleverly and create intrigue. Marlon took our ideas and delivered on them in every way."</p>
<div class="right container">
<div class="col col-4">
<img class="circle mb2 fit" style="max-width:90px;" src="images/testimonial/mr-taylor.jpg" />
</div>
<div class="col col-7">
<h4 class="left-align light-font mt1 ml2">
Drew Taylor <br/>
<a href="http://surpriseattackgames.com">Surprise Attack Games</a>
</h4>
</div>
</div>
</div>
</div>
</li>
<!--Single Testimonial-->
<li>
<div class="container">
<div class="col-10 mx-auto center">
<p>"Marlon was awesome to work with and went way beyond what we imaged for our trailer. Every time we'd see an updated edit, the team would get excited about the game all over again."</p>
<div class="right container">
<div class="col col-4">
<img class="circle mb2 fit" style="max-width:90px;" src="images/testimonial/mr-hammill.jpg" />
</div>
<div class="col col-7">
<h4 class="left-align light-font mt1 ml2">
Matt Hammill <br/>
<a href="http://asteroidbase.com">Asteroid Base</a>
</h4>
</div>
</div>
</div>
</div>
</li>
<!--Single Testimonial-->
<li>
<div class="container">
<div class="col-10 mx-auto center">
<p>"Our game's trailers generated hundreds of thousands of views thanks to Marlon's outstanding work. Marlon always went above and beyond what we asked for, and really became an indispensable part of our team."</p>
<div class="right container" style="min-width:250px;">
<div class="col col-4">
<img class="circle mb2 fit" style="max-width:90px;" src="images/testimonial/mr-clark.png" />
</div>
<div class="col col-7">
<h4 class="left-align light-font mt1 ml2">
Ryan Clark <br/>
<a href="http://braceyourselfgames.com">Brace Yourself Games</a>
</h4>
</div>
</div>
</div>
</div>
</li>
<!--Single Testimonial-->
<li>
<div class="container">
<div class="col-10 mx-auto center">
<p>"We've worked with Marlon for a few of our trailers, and have been consistently impressed by the high quality of his work. It's always a pleasure to work with him!"</p>
<div class="right container" style="min-width:250px;">
<div class="col col-4">
<img class="circle mb2 fit" style="max-width:90px;" src="images/testimonial/mr-smith.jpg" />
</div>
<div class="col col-7">
<h4 class="left-align light-font mt1 ml2">
Graham Smith <br/>
<a href="http://drinkboxstudios.com">Co-Founder, Drinkbox Studios</a>
</h4>
</div>
</div>
</div>
</div>
</li>
</ul>