-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
142 lines (133 loc) · 5.94 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
<!DOCTYPE HTML>
<html>
<head>
<title>EliteByteTech</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
</head>
<body class="is-preload">
<!-- Header -->
<section id="header">
<header>
<img class="image fit" src="images/header-logo.jpg">
<h1>EliteByteTech</h1>
<p>A Multi-Media Software Co.</p>
</header>
<footer>
<a href="#banner" class="button style2 scrolly-middle">View More</a>
</footer>
</section>
<!-- Banner -->
<section id="banner">
<header>
<h2>What do we do?</h2>
</header>
<p>Our agency founded by <a href="https://github.com/elitebyte">EliteByte</a>, was made to serve other modern
companies <br/> in need of bleeding edge platforms to reach their target audiences. <br />
Our three main specialties include–but are not limited to: <br/>Web Development, App Development, and Graphic Design + Film. <br />
</p>
<footer>
<a href="#first" class="button style2 scrolly">See More</a>
</footer>
</section>
<!-- Feature 1 -->
<article id="first" class="container box style1 right">
<a href="#" class="image fit"><img src="images/web-development.jpg" alt="" /></a>
<div class="inner">
<header>
<h2>Web<br />
Development</h2>
</header>
<p>CRM-Enabled or Static websites that can cross-integrate with an optional
mobile application.</p>
</div>
</article>
<!-- Feature 2 -->
<article class="container box style1 left">
<a href="#" class="image fit"><img src="images/app-development.jpg" alt="" /></a>
<div class="inner">
<header>
<h2>App<br />
Development</h2>
</header>
<p>In a vastly growing market of varying platforms, mobile apps have become the leading wave
for interfacing with content.</p>
</div>
</article>
<!-- Feature 3 -->
<article class="container box style1 right">
<a href="#" class="image fit"><img src="images/graphic-design.jpg" alt="" /></a>
<div class="inner">
<header>
<h2>Graphic<br />
Design</h2>
</header>
<p>From logos, to fast-paced promotional films, clean consistent branding is essential for
any organization to gain recognition.</p>
</div>
</article>
<!-- Portfolio -->
<article class="container box style2">
<header>
<h2>Some Of Our Projects</h2>
<p>All bases of media, coverd.<br />
Tailored to your needs.</p>
</header>
<div class="inner gallery">
<div class="row gtr-0">
<div class="col-3 col-12-mobile"><a href="images/fulls/01.svg" class="image fit"><img src="images/thumbs/01.svg" alt="" title="LPFM LA Radio Station Mobile Integrated Website + iOS App + Logo Design." /></a></div>
<div class="col-3 col-12-mobile"><a href="images/fulls/02.svg" class="image fit"><img src="images/thumbs/02.svg" alt="" title="Truck Grub iOS App + Website + Logo Design." /></a></div>
<div class="col-3 col-12-mobile"><a href="images/fulls/03.jpg" class="image fit"><img src="images/thumbs/03.jpg" alt="" title="GoodTimeApparel Clothing Company E-Commerce Website + Logo Design." /></a></div>
<div class="col-3 col-12-mobile"><a href="images/fulls/04.jpg" class="image fit"><img src="images/thumbs/04.svg" alt="" title="LA Streetbots Website + Logo Design." /></a></div>
</div>
</article>
<!-- Contact -->
<article class="container box style3">
<header>
<h2>Contact Us</h2>
<p>Business inquires, further questions, or anything in that regard.<br/>Or send us an <a href="mailto:[email protected]">email</a> directly.</p>
</header>
<form method="POST" action="https://formspree.io/[email protected]">
<div class="row gtr-50">
<div class="col-6 col-12-mobile"><input type="text" class="text" name="name" placeholder="Name"/></div>
<div class="col-6 col-12-mobile"><input type="text" class="text" name="email" placeholder="Email"/></div>
<div class="col-12">
<textarea name="message" placeholder="Message"></textarea>
</div>
<div class="col-12">
<ul class="actions">
<li><input type="submit" value="Send Message" /></li>
</ul>
</div>
</div>
</form>
</article>
<section id="footer">
<ul class="icons">
*
<li><a href="https://twitter.com/elitebytetech" class="icon fa-twitter"><span class="label">Twitter</span></a></li>
<li><a href="https://github.com/elitebyte" class="icon fa-github"><span class="label">GitHub</span></a></li>
<li><a href="https://medium.com/@elitebyte" class="icon fa-medium"><span class="label">Medium</span></a></li>
<li><a href="https://dribbble.com/elitebyte" class="icon fa-dribbble"><span class="label">Dribbble</span></a></li>
<li><a href="https://www.linkedin.com/in/mariofigueroa2023/" class="icon fa-linkedin"><span class="label">LinkedIn</span></a></li>
<li><a href="https://vimeo.com/elitebyte" class="icon fa-vimeo"><span class="label">Vimeo</span></a></li>
*
</ul>
<div class="copyright">
<ul class="menu">
<li>Copyright © 2018 EliteByteTech. All rights reserved.</li><br/>
</ul>
</div>
</section>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/jquery.poptrox.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>