-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
160 lines (124 loc) · 5.89 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
<!DOCTYPE html>
<html lang="en">
<head>
<title>Johnil Quezada</title>
<!--Let browser know website is optimized for mobile-->
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<meta charset="UTF-8">
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="description" content="" />
<meta name="keywords" content="Johnil Quezada Android Web Developer Programming Coder" />
<!--[if lte IE 8]><script src="js/html5shiv.js"></script><![endif]-->
<link href="http://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link type="text/css" rel="stylesheet" href="css/materialize.min.css" media="screen,projection"/>
<link type="text/css" rel="stylesheet" href="css/style.css"/>
<link rel="shortcut icon" href="https://s3.amazonaws.com/johnil/Profile+Icon.ico" type="favicon/ico" />
<title>Johnil Quezada</title>
<nav>
<div class="nav-wrapper">
<a href="#" class="brand-logo center">Johnil Quezada</a>
<ul id="nav-mobile" class="left hide-on-med-and-down">
<li><a href="#about">About/Skills</a></li>
<li><a href="#portfolio">Portfolio</a></li>
</ul>
</div>
</nav>
<div>
<img src="img/banner.jpg" width="100%"/>
<section class="banner-content banner-content-info" id="banner-content-profile-image">
<img style="height: 10%; width: 10%;" src="https://s3.amazonaws.com/johnil/Profile+Image.png"/>
<h2 class="banner-content-text">Hi. I'm Johnil.</h2>
<p class="banner-content-text subtext">I'm an Android and Web Developer</p>
<p class="banner-content-text subtext">Java | HTML5 | CSS3 | JS</p>
<p class="banner-content-text subtext">Android SDK | AngularJS | NodeJS | ExpressJS | MongooseJS</p>
<p class="banner-content-text subtext">Google Compute Engine | Amazon Web Services</p>
</section>
</div>
</head>
<body>
<div class="row section scrollspy" id="about">
<div class="col s12 m3">
<p> </p>
</div>
<div class="col s12 m6">
<div class="card blue-grey darken-1">
<div class="card-content white-text">
<span class="card-title">About & Skills</span>
<p>I am passionate about the future of technology and where it will take this world. My current interests are in programming and new, evolving technologies such as virtual reality, augmented reality, and wearable technology. My life mission is to provide Internet Access to the globe.
I specialize in Android Development and Full Stack JavaScript development, primarily with the MEAN stack. [Mongo/Mongoose, ExpressJS, AngularJS, NodeJS]</p>
</div>
</div>
</div>
</div>
<div class="row section scrollspy" id="portfolio">
<div class="col s12 m6">
<div class="card blue-grey darken-1">
<div class="card-content white-text">
<span class="card-title">Portfolio</span>
<section class="box">
<img style="height: 20%; width: 20%;" src="https://s3.amazonaws.com/johnil/buzz_parse_icon.png"/>
<h3>Buzz</h3>
<span>Installs: 5k-10k</span>
<br>
<span>Average Rating: 4.1</span>
<br>
<span>76 Reviews</span>
<br>
<img style="width: 40%" src="https://s3.amazonaws.com/johnil/buzz+1.png"/>
<br>
<a href="https://play.google.com/store/apps/details?id=moby.mobyv02">
<img style="width: 40%;" alt="Get it on Google Play" src="https://play.google.com/intl/en_us/badges/images/apps/en-play-badge-border.png" />
</a>
</section>
</div>
</div>
</div>
<div class="col s12 m6" style="height: 100%;">
<div class="card blue-grey darken-1" style="height: 100%;">
<div class="card-content white-text">
<span class="card-title">Portfolio</span>
<section class="box">
<img style="height: 20%; width: 20%;" src="https://s3.amazonaws.com/johnil/Hive+Round.png"/>
<h3>Hive Global Leaders Directory</h3>
<span>Wordpress | HTML5 | CSS3 | AngularJS</span>
<br>
<span>AWS Lambda | NodeJS | AWS RDS</span>
<br>
<span>Google Maps | MUI-CSS</span>
<br>
<img style="width: 85%" src="https://s3.amazonaws.com/johnil/Hive+GLD.png"/>
<a href="http://www.hive.org/alumni" class="button big"></a>
</section>
</div>
<div class="card-action">
<a href="http://www.hive.org/alumni">Hive Global Leaders Directory</a>
</div>
</div>
</div>
</div>
</body>
<footer class="page-footer">
<div class="container">
<div class="row">
<div class="col l6 s12">
<h5 class="white-text">I'd love to meet with you</h5>
<p class="grey-text text-lighten-4">Feel free to contact me at 201-956-4486.</p>
</div>
<div class="col l4 offset-l2 s12">
<h5 class="white-text">Information</h5>
<ul>
<li><a class="grey-text text-lighten-3" href="mailto:quezadajohnil@gmail.com">quezadajohnil@gmail.com</a></li>
<li><a class="grey-text text-lighten-3" href="https://docs.google.com/document/d/1qSp7odOt7AywKGitN5Ba7WD2qGe0LXJ_I5HcXI5LV80/edit?usp=sharing">Resume</a></li>
<li><a class="grey-text text-lighten-3" href="https://docs.google.com/document/d/1iFSVjXFQ8_plxtmJM-LyRHo2RbeukQt9LjCklhIoguw/edit?usp=sharing">Cover Letter</a></li>
</ul>
</div>
</div>
</div>
<div class="footer-copyright">
<div class="container">
2016 Copyright Johnil Quezada
</div>
</div>
</footer>
<script type="text/javascript" src="js/materialize.min.js"></script>
</html>