-
Notifications
You must be signed in to change notification settings - Fork 2
/
about.html
243 lines (226 loc) · 10.1 KB
/
about.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
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
<!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">
<title>flizzet.about</title>
<link rel="icon" href="favicon.png">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<link href="https://fonts.googleapis.com/css?family=Black+Han+Sans|Lobster|Roboto|Abril+Fatface|Kreon" rel="stylesheet">
<link rel="stylesheet" href="assets/css/hamburgers.min.css">
<link rel="stylesheet" href="assets/css/flizanim.css">
<link rel="stylesheet" href="assets/css/spinloader.css">
<link rel="stylesheet" href="assets/css/nav.css">
<link rel="stylesheet" href="assets/css/coolbuttons.css">
<link rel="stylesheet" href="assets/css/style.css">
<link rel="stylesheet" href="assets/css/aos.css">
<link rel="stylesheet" href="assets/css/about.css">
<script
src="http://code.jquery.com/jquery-3.3.1.min.js"
integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.10/css/all.css" integrity="sha384-+d0P83n9kaQMCwj8F4RJB66tzIwOKmrdb46+porD/OvrJ+37WqIM7UoBtwHO6Nlg" crossorigin="anonymous">
<script src="assets/js/index.js"></script>
<script src="assets/js/nav.js"></script>
<script src="assets/js/background.js"></script>
<script src="assets/js/pagetransition.js"></script>
<script src="assets/js/project-page.js"></script>
<script src="assets/js/aos.js"></script>
<script src="assets/js/about.js"></script>
</head>
<body onunload="hideOverlay();">
<canvas id="background-canvas"></canvas>
<span class="overlay">
<div id="loader">
<div class="cssload-loader-container">
<span class="cssload-loader"><span class="cssload-loader-inner"></span></span>
</div>
</div>
</span>
<div id="main">
<div class="header-container">
<div id="header">
<span class="glare"></span>
<h1 class="article-title">
<span class="amper">about</span>
flizzet digital
</h1>
<br><br>
</div>
<a onclick="closePage('index.html');" class="back-button hvr-backward">
<span class="fa fa-angle-left"><p>back to home</p></span>
</a>
</div>
<hr>
<div id="about-containers">
<div class="about-header-container">
<div class="container" data-aos="fade-right">
<h1>What we do?</h1>
</div>
</div>
<div class="about-container about-container-1">
<div class="about-container-bg" data-tilt data-tilt-perspective="3000" data-tilt-speed="2500"></div>
<div class="container-row row">
<div class="container">
<div class="col-md-6 col-md-offset-1">
<p class="topic-text" data-aos="fade-in-zoom">
<span class="topic-text-border"></span>
<span class="hover-icon"><i class="fas fa-gamepad"></i></span>
We create gamified solutions with the intention of brand growth
or advertisement. We offer a range of options, from Facebook Instant
Games, to full fledged published branded games.
<br><br>
Our main goal is to bring your idea to life, or plant a seed that
will birth a priceless vision. The team is a handful of creative, skilled
professionals with open minds and a thriving passion.
</p>
</div>
</div>
</div>
</div>
<hr>
<div class="about-header-container header-right">
<div class="container header-right" data-aos="fade-left">
<h1>We bring value</h1>
</div>
</div>
<div class="about-container about-container-2">
<div class="about-container-bg" data-tilt data-tilt-perspective="3000" data-tilt-speed="2500"></div>
<!-- data-tilt-glare="true" data-tilt-maxGlare="0.15"></div> -->
<div class="container-row row">
<div class="container">
<div class="col-md-6 col-md-offset-1">
<p class="topic-text" data-aos="fade-in-zoom">
<span class="topic-text-border"></span>
<span class="hover-icon"><i class="fas fa-hand-holding-usd"></i></span>
We pursue the goal of bringing value to your brand. We grow your
image, while simultaneously growing your profits and your customer base.
<br><br>
Our experience spans from game development, to building full campaigns.
But of course, our greatest trait is using gamification to entirely
flip the general perception of your ads.
</p>
</div>
<div class="col-md-6">
</div>
</div>
</div>
</div>
<hr>
<div class="about-header-container">
<div class="container" data-aos="fade-right">
<h1>With our personal team</h1>
</div>
</div>
<div class="about-container about-container-3">
<div class="about-container-bg" data-tilt data-tilt-perspective="3000" data-tilt-speed="2500"></div>
<!-- data-tilt-glare="true" data-tilt-maxGlare="0.15"></div> -->
<div class="container-row row">
<div class="container">
<div class="col-md-6 col-md-offset-1">
<p class="topic-text" data-aos="fade-in-zoom">
<span class="topic-text-border"></span>
<span class="hover-icon"><i class="fas fa-people-carry"></i></span>
Our small team consists of the highest quality designers, programmers,
and marketing specialists. The whole team has one thing in common -
work ethic. We believe with work ethic, we can overcome any challenge.
Every one of us strive to create projects that are not only
branded wonderfully, but also beat major corporations subpar ad
standards.
</p>
</div>
<div class="col-md-6">
</div>
</div>
</div>
</div>
<div class="about-header-container header-right">
<div class="container">
<h1>Let's make something.</h1>
</div>
</div>
</div>
<hr>
<!-- <div class="team-container">
<h1>Our Team of Thinkers & Makers</h1>
<br>
<div class="container-row">
<div class="third-container team-member-container">
<img src="assets/imgs/team-members/pedro.png" class="team-member-image">
<h3>Pedro Dutra <span class="name-separator">//</span> <small style="text-shadow: none;">Founder, Developer</small></h3>
<p>Born in Seattle, Washington, Pedro Dutra started coding at age 10 and
has been going at it ever since. Pedro manages all projects and is hands
on with development and design. While Pedro is the leading member of the
team, he works hands on with every project equally as much as everyone
else, to ensure quality and success.</p>
</div>
<div class="third-container team-member-container">
<img src="assets/imgs/team-members/pedro.png" class="team-member-image">
<h3>John Doe <span class="name-separator">//</span> <small style="text-shadow: none;">Developer</small></h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perspiciatis libero reprehenderit, rem sit architecto eveniet totam molestias maiores dicta illo nam, minus, earum nisi vero aliquam dolore unde corrupti ducimus.</p>
</div>
<div class="third-container team-member-container">
<img src="assets/imgs/team-members/pedro.png" class="team-member-image">
<h3>Rick Ross <span class="name-separator">//</span> <small style="text-shadow: none;">Designer</small></h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cumque asperiores quae, ipsam ducimus consectetur aperiam, ipsum? Dicta labore eius obcaecati enim praesentium, veritatis, asperiores sapiente earum maiores ducimus ea reprehenderit?</p>
</div>
</div>
</div>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br> -->
<br><br><br><br><br><br><br>
<div class="contact-container container">
<!-- <h1>Let's make something great together.</h1> -->
<div class="contact-button">
<div class="button" onclick="closePage('contact.html')">
<span class="button__mask"></span>
<span class="button__text">Contact</span>
</div>
</div>
</div>
<br><br><br><br>
</div>
<!-- Navbar -->
<div id="navbar">
<div class="navbar-content">
<ul>
<li><a onclick="closePage('index.html');" class="nav-link">
<span class="left-selector">[</span>Home<span class="right-selector">]</span>
</a></li>
<li><a class="nav-link active">
<span class="left-selector">[</span>About<span class="right-selector">]</span>
</a></li>
<li><a onclick="closePage('projects.html')" class="nav-link">
<span class="left-selector">[</span>Projects<span class="right-selector">]</span>
</a></li>
<li><a onclick="closePage('careers.html');" class="nav-link">
<span class="left-selector">[</span>Careers<span class="right-selector">]</span>
</a></li>
<li><a onclick="closePage('contact.html');" class="nav-link">
<span class="left-selector">[</span>Contact<span class="right-selector">]</span>
</a></li>
</ul>
</div>
</div>
<!-- Nav -->
<button class="nav-button hamburger hamburger--3dxy" type="button" onclick="openNav();">
<span class="hamburger-box">
<span class="hamburger-inner"></span>
</span>
</button>
<!-- Vertical text piece -->
<div class="vertical-side-text">©
<script type="text/javascript">
document.write(new Date().getFullYear());
</script> - FLIZZET DIGITAL
</div>
<script src="assets/js/tilt.jquery.min.js"></script>
<script>
AOS.init({
offset: 200,
easing: 'ease-out-quart'
});
</script>
</body>
</html>