-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
214 lines (160 loc) · 8.72 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
<!DOCTYPE HTML>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Brandon Ramirez</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<!--imports the main css file-->
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen" />
<!--imports lightbox css file-->
<link rel="stylesheet" type="text/css" href="css/jquery.lightbox-0.5.css" media="screen" />
<!-- no javascript css fix -->
<noscript><link rel="stylesheet" href="css/noscript.css" type="text/css" media="screen" /></noscript>
<!--[if IE 7]><link href="css/ie7.css" rel="stylesheet" type="text/css" media="screen" /><![endif]-->
<!-- fixes the black outline issue in IE7/8 -->
<!--[if IE]><link href="css/ie_black_outlines_fix.css" rel="stylesheet" type="text/css" media="screen" /><![endif]-->
</head>
<body class="wood">
<div id="wrapper">
<div id="header">
<h1>I am <span class="theme_color_2">Brandon Ramirez</span></h1>
<p class="sub_title">Full-Stack Web Software Engineer</p>
</div><!-- end header -->
<div id="main">
<div id="menu">
<ul id="nav">
<li id="nav_1" class="active"><a href="#about">About me</a></li>
<li id="nav_2"><a href="#experience">Experience</a></li>
<li id="nav_3"><a href="#photos">Photos</a></li>
<li id="nav_4"><a href="#contact">Contact</a></li>
</ul>
<img class="separator" src="img/separator_line.png" alt="image description"/>
</div><!-- end menu -->
<div id="page_container">
<!-- ABOUT PAGE -->
<div id="about" class="content">
<h2>ABOUT <span class="theme_color_1">ME</span></h2>
<img class="portrait" src="photos/wedding.jpg" alt="Brandon Ramirez"/>
<p>
Software engineer with a passion for the web. I have over a decade of experience with software design, troubleshooting, and performance improvements.
</p>
Education
<ul class="list_items">
<li>Degree: B.S. in Information Technology from RIT (high honors)</li>
<li>Certifications: Sun Certified Programmer for Java 6 (SCJP), CompTIA Network+</li>
</ul>
<p>
I am working on tools to help content creators (musicians & podcasters) at Pandora.
</p>
</div>
<!-- EXPERIENCE PAGE -->
<div id="experience" class="content">
<h2>MY <span class="theme_color_1">EXPERIENCE</span></h2>
Programming Languages:
<ul class="list_items">
<li>Java</li>
<li>JavaScript (experience with node.js), HTML, CSS</li>
<li>SQL, T-SQL, PL/pgSQL</li>
<li>PowerShell, Bash, Perl</li>
<li>PHP</li>
</ul>
Databases:
<ul class="list_items">
<li>PostgreSQL</li>
<li>SQL Server</li>
<li>MySQL</li>
<li>Oracle</li>
<li>MongoDB</li>
</ul>
</div>
<!-- PORTFOLIO PAGE -->
<div id="photos" class="content">
<h2>MY <span class="theme_color_1">PHOTOS</span></h2>
<div id="portfolio_slider">
<div id="gallery_page_1" class="portfolio_content">
<noscript><h2>MY <span class="theme_color_1">PHOTOS</span></h2></noscript><!--no javascript fix / only visible if the js is disabled-->
<ul class="gallery">
<li><a href="photos/Chicago-River.jpg" title="Project 1"><img src="photos/thumb-Chicago-River.jpg" alt="image description" /></a></li>
<li><a href="photos/chicago-beach-myneco.jpg" title="Project 1"><img src="photos/thumb-chicago-beach-myneco.jpg" alt="image description" /></a></li>
<li><a href="photos/chicago-beach-skyline.jpg" title="Project 1"><img src="photos/thumb-chicago-beach-skyline.jpg" alt="image description" /></a></li>
<li><a href="photos/DogDrivingCar-Vermont.JPG" title="Project 1"><img class="last_in_line" src="photos/thumb-DogDrivingCar-Vermont.jpg" alt="image description" /></a></li>
<li><a href="photos/Fallsview.jpg" title="Project 1"><img src="photos/thumb-Fallsview.jpg" alt="image description" /></a></li>
<li><a href="photos/NiagraFallsArial.jpg" title="Project 1"><img src="photos/thumb-NiagraFallsArial.jpg" alt="image description" /></a></li>
<li><a href="photos/MaidOfTheMist.jpg" title="Project 1"><img src="photos/thumb-MaidOfTheMist.jpg" alt="image description" /></a></li>
<li><a href="photos/NiagraFallsCloseUp.jpg" title="Project 1"><img class="last_in_line" src="photos/thumb-NiagraFallsCloseUp.jpg" alt="image description" /></a></li>
</ul>
</div><!-- end gallery_page_1 -->
<div id="gallery_page_2" class="portfolio_content">
<noscript><h2>MY <span class="theme_color_1">PHOTOS</span></h2></noscript><!--no javascript fix / only visible if the js is disabled-->
<ul class="gallery">
<li><a href="photos/NiagraFallsCloseUp2.jpg" title="Project 1"><img src="photos/thumb-NiagraFallsCloseUp2.jpg" alt="image description" /></a></li>
<li><a href="photos/CloudsOverSeattle.jpg" title="Project 1"><img src="photos/thumb-CloudsOverSeattle.jpg" alt="image description" /></a></li>
<li><a href="photos/SeattleSkyline.jpg" title="Project 1"><img src="photos/thumb-SeattleSkyline.jpg" alt="image description" /></a></li>
<li><a href="photos/OriginalStarbucks.jpg" title="Project 1"><img class="last_in_line" src="photos/thumb-OriginalStarbucks.jpg" alt="image description" /></a></li>
</ul>
</div><!-- end gallery_page_2 -->
</div><!-- end portfolio_slider -->
<!-- gallery navigation -->
<ul id="gallery_nav">
<li id="to_gallery_1" class="gallery_active"><a href="#gallery_page_1">1</a></li>
<li id="to_gallery_2" ><a href="#gallery_page_2">2</a></li>
</ul>
</div>
<!-- CONTACT PAGE -->
<div id="contact" class="content">
<h2>CONTACT <span class="theme_color_1">ME</span></h2>
<div id="contact_info">
<p><strong>Brandon S. Ramirez</strong>
<br/>
Principal Software Architect
</p>
<p><strong>Location:</strong>
<br />
Chicago, IL, USA
</p>
<p>
<strong>E-mail:</strong> <a href="mailto:[email protected]">[email protected]</a>
</p>
<strong>Stack Overflow:</strong>
<a href="http://stackoverflow.com/users/1649198/brandon"><img src="http://stackoverflow.com/users/flair/1649198.png" width="208" height="58" alt="profile for Brandon at Stack Overflow, Q&A for professional and enthusiast programmers" title="profile for Brandon at Stack Overflow, Q&A for professional and enthusiast programmers"></a>
</div>
<ul class="social_links">
<li><img src="img/social/facebook_img.png" alt="Find me on Facebook" /><strong>Facebook</strong><a href="http://http://www.facebook.com/brandon.s.ramirez">www.facebook.com/brandon.s.ramirez</a></li>
<li><img src="img/social/linkedin_img.png" alt="Reach me on LinkedIn" /><strong>Linked In</strong><a href="http://www.linkedin.com/in/brandonramirez">www.linkedin.com/in/brandonsramirez</a></li>
<li><img src="img/social/twitter-bird-white-on-blue.png" alt="Follow me on Twitter" /><strong>Twitter</strong><a href="http://www.twitter.com/brandonsramirez">www.twitter.com/brandonsramirez</a></li>
</ul>
</div>
</div><!-- end page_container -->
</div><!-- end main -->
<!--<div id="twitter_container">
<p id="twitter_js_disabled">Follow me on <a href="#">twitter</a>, or enable the javascript in your browser to see the latest tweets. Thank you.</p>
</div>-->
<div id="copyright_info">
<p>Copyright © 2010-2019 Brandon Ramirez. All rights reserved</p>
</div>
</div><!-- end wrapper -->
<!--imports jquery-->
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<!--imports cufon plugin-->
<script type="text/javascript" src="js/cufon-yui.js"></script>
<!--imports cufon font-->
<script type="text/javascript" src="js/Caviar_Dreams_300.font.js"></script>
<!--imports lightbox plugin-->
<script type="text/javascript" src="js/jquery.lightbox-0.5.js"></script>
<!--imports jquery form plugin-->
<script type="text/javascript" src="js/jquery.form.js"></script>
<!--imports jquery cycle plugin - used for navigation-->
<script type="text/javascript" src="js/jquery.cycle.all.js"></script>
<!--imports twitter feed plugin plugin-->
<script src="js/jquery.tweet.js" type="text/javascript"></script>
<!--imports custom javascript code-->
<script type="text/javascript" src="js/custom.js"></script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-47704926-1', 'brandonsramirez.com');
ga('send', 'pageview');
</script>
</body>
</html>