forked from bloominstituteoftechnology/portfolio-website
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
174 lines (159 loc) · 7.36 KB
/
index.html
File metadata and controls
174 lines (159 loc) · 7.36 KB
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
<!DOCTYPE HTML>
<!--
Solid State by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>DJ Zaragoza - Software Developer</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">
<!-- Page Wrapper -->
<div id="page-wrapper">
<!-- Header -->
<header id="header" class="alt">
<h1><a href="index.html">Solid State</a></h1>
<nav>
<a href="#menu">Menu</a>
</nav>
</header>
<!-- Menu -->
<nav id="menu">
<div class="inner">
<h2>Menu</h2>
<ul class="links">
<li><a href="index.html">Home</a></li>
<li><a href="generic.html">Medium</a></li>
</ul>
<a href="#" class="close">Close</a>
</div>
</nav>
<!-- Banner -->
<section id="banner">
<div class="inner">
<div class="logo"><span class="icon fa-diamond"></span></div>
<h2>DJ Zaragoza</h2>
<p>Full Stack Software Developer</p>
</div>
</section>
<!-- Wrapper -->
<section id="wrapper">
<!-- One -->
<section id="one" class="wrapper spotlight style1">
<div class="inner">
<a href="#" class="image"><img src="images/djz.JPG" alt="" /></a>
<div class="content">
<h2 class="major">About Me</h2>
<p>Native Filipino | Eldest of 6 | Corona Del Sol Aztec grad '01 | 12 yrs in AZ | Warner Pacific Univ grad '09 degree in Business Admin | married with 3 beautiful children | 17 yrs in OR | currently reside in WA since '17 | Lambda School student </p>
</div>
</div>
</section>
<!-- Two -->
<section id="two" class="wrapper alt spotlight style2">
<div class="inner">
<a href="#" class="image"><img src="images/coffee_lambda.jpg" alt="" /></a>
<div class="content">
<h2 class="major">Coffee and Lambda School</h2>
<p>Technology and programming has always been my passion -- I've always been curious to see how things work from inside out. It took me years to decide that I wanted to be a developer. Here I am, a student of Lambda School; on my way to fulfilling my passion and achieving my dreams not just for myself, but for my family. Oh, and coffee is very important. </p>
<a href="https://lambdaschool.com/" class="special">Learn more about Lambda School</a>
</div>
</div>
</section>
<!-- Three -->
<section id="three" class="wrapper spotlight style3">
<div class="inner">
<a href="#" class="image"><img src="images/vision.jpeg" alt="" /></a>
<div class="content">
<h2 class="major">My vision</h2>
<p>Where will we be 5 years from now? 10 years? 20 years? Technology is advancing at a rapid pace where users/consumers are craving for the next big thing. Artificial Intelligence, virtual reality, advanced software, smart home devices, driverless vehicles, etc., are growing at a rapid pace and will only continue to develop. The world needs more programmers/developers/engineers to build new things for the greater good. When we work together, we will change the world, one line of code at a time. </p>
</div>
</div>
</section>
<!-- Four -->
<section id="four" class="wrapper alt style1">
<div class="inner">
<h2 class="major">Projects</h2>
<p>Below are a few projects I have built. Tune in to see more completed projects!</p>
<section class="features">
<article>
<a href="#" class="image"><img src="images/sprint01proj.PNG" alt="" /></a>
<h3 class="major">Sprint 01</h3>
<p>First challenge project was to build a 2 page website, consisting of a Home page and an About page, linked from the Home page. This is built using HTML and CSS, respectively. </p>
<a href="https://github.com/djzaragoza/Sprint-Challenge--User-Interface" class="special">Front end repo from GitHub</a>
</article>
<article>
<a href="#" class="image"><img src="images/greatidea.PNG" alt="" /></a>
<h3 class="major">Great Idea! Website</h3>
<p>Built using HTML and CSS. First website project created.</p>
<a href="https://github.com/djzaragoza/User-Interface" class="special">front end repo from GitHub</a>
</article>
<article>
<a href="#" class="image"><img src="images/rwd.PNG" alt="" /></a>
<h3 class="major">RWD Project</h3>
<p>Basic project to create a responsive web page using HTML, CSS and responsive design .</p>
<a href="https://codepen.io/dzaragoza/pen/PLMQXB?editors=1100" class="special">Project coded via CodePen</a>
</article>
<article>
<a href="#" class="image"><img src="images/personalproj.PNG" alt="" /></a>
<h3 class="major">Personal project - Zaragoza Family website</h3>
<p>This is my first larger project written in HTML, CSS, responsive design and JavaScript. Ongoing project, not yet deployed</p>
<a href="https://codepen.io/dzaragoza/pen/qvxZPg?editors=1100" class="special">Project coded via CodePen</a>
</article>
</section>
<ul class="actions">
<li><a href="#" class="button">Back to the top</a></li>
</ul>
</div>
</section>
</section>
<!-- Footer -->
<section id="footer">
<div class="inner">
<h2 class="major">Connect with me</h2>
<p></p>
<form method="post" action="#">
<div class="fields">
<div class="field">
<label for="name">Name</label>
<input type="text" name="name" id="name" />
</div>
<div class="field">
<label for="email">Email</label>
<input type="email" name="email" id="email" />
</div>
<div class="field">
<label for="message">Message</label>
<textarea name="message" id="message" rows="4"></textarea>
</div>
</div>
<ul class="actions">
<li><input type="submit" value="Send Message" /></li>
</ul>
</form>
<ul class="contact">
<li class="fa-phone">(503) 679-3892</li>
<li class="fa-envelope"><a href="#">zaragoza0126@gmail.com</a></li>
<li class="fa-twitter"><a href="https://twitter.com/dzpinoy">Follow me on Twitter!</a></li>
<li class="fa-facebook"><a href="https://www.facebook.com/dj.zaragoza">My Facebook page</a></li>
<li class="fa-instagram"><a href="https://www.instagram.com/djzaragoza/?hl=en">My Instagram page</a></li>
</ul>
<ul class="copyright">
<li>© DJ Zaragoza All rights reserved.</li><li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
</ul>
</div>
</section>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrollex.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>