Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 3 additions & 0 deletions .vscode/settings.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
{
"liveServer.settings.port": 5502
}
2 changes: 1 addition & 1 deletion README.md
Original file line number Diff line number Diff line change
Expand Up @@ -75,7 +75,7 @@ Also notice that you can set **DEADLINES** for a card, which may help you manage

When you are done, replace the link below with the link to your Trello board:

[Replace this link with the link to your board](https://trello.com/b/tTFpk77m/fsw-personal-site-project)
[Replace this link with the link to your board](https://trello.com/b/Na30LEYI/carlos-personal-lsite)

## User Stories

Expand Down
Binary file added Snowman.mov
Binary file not shown.
Binary file added Text-Adventure.mov
Binary file not shown.
147 changes: 147 additions & 0 deletions aboutMe.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,147 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device=width,">
<link rel="stylesheet" href="main.css">
<script src="main.js" defer></script>
<link rel="icon" href="bunny.png" type="image/gif" sizes="16x16">
<title>Carlos Hidalgo</title>
</head>
<body>
<nav class="nav">
<li><a href="index.html" class="link">Home</a></li>
<li><a href="aboutMe.html" class="link">About Me</a></li>
<li><a href="education.html" class="link">Education</a></li>
<li><a href="skills.html" class="link">Skills</a></li>
<li><a href="projects.html" class="link">Projects</a></li>
<li><a href="contact.html" class="link">Contact</a></li>
</nav>
<h1 class="intro">About Me:</h1>
<div class="flip-card-position">
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front">
<img src="pursuit-Headshot.jpg" id="headshot2">
</div>
<div class="flip-card-back">
<img src="flag.jpg" id="headshot2">
</div>
</div>
</div>
</div>
<p id="intro-description">My name is Carlos Hidalgo and if I were to describe my true potential and motivation in 7 seconds it would be: <b>"Growing up in Puerto Rico, there weren't many technological opportunities so I made it my mission to bring the future of coding to them."</b> On top of that I also enjoy photography, video games, as well as helping around my community. </p>
<h1>Photography Work:</h1>
<button id="hidepics">Click Me</button>
<ul class="photography-set">
<li class="photography-flex">
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front">
<img src="cali.jpg" class="flex-gallery">
</div>
<div class="flip-card-back">
<p class="photo-description">This photo was taken on a airplane takeoff from sunny San Diego. Fun Fact this was my first time ever taking a plane alone and it was quite the nerve-wrecking experience.</p>
</div>
</div>
</div>
</li>
<li class="photography-flex">
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front">
<img src="fish.jpg" class="flex-gallery">
</div>
<div class="flip-card-back">
<p class="photo-description">This photo was taken in the Hall of Fishes within UC San Diego's Aquarium. UC San Diego had this Cognitive Science program that worked with AI and the human mind which inspired me to want to study AI's in order to produce an app later on in the future.</p>
</div>
</div>
</div>
</li>
<li class="photography-flex">
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front">
<img src="flower1.jpg" class="flex-gallery">
</div>
<div class="flip-card-back">
<p class="photo-description">This photo was taken at the University at Brockport. This same day I decided to read up on HTML and CSS because I wanted to create a website showcasing different flower images I took.</p>
</div>
</div>
</div>
</li>
<li class="photography-flex">
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front">
<img src="flower2.jpg" class="flex-gallery">
</div>
<div class="flip-card-back">
<p class="photo-description">This photo was also taken at the University at Brockport. I took this one because I was feeling homesick and this flower reminded me of my flower garden in Puerto Rico.</p>
</div>
</div>
</div>
</li>
<li class="photography-flex">
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front">
<img src="hudson.jpg" class="flex-gallery">
</div>
<div class="flip-card-back">
<p class="photo-description">This photo was taken in Brooklyn at my secret location. Whenever I feel stressed or stuck on a problem wehther its coding related or not I come here to recharge my mind since it was something I was to do alot as a kid in Puerto Rico. </p>
</div>
</div>
</div>
</li>
<li class="photography-flex">
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front">
<img src="window.jpg" class="flex-gallery">
</div>
<div class="flip-card-back">
<p class="photo-description">This photo was taken from my mom's kitchen window it was a beautiful sunset as well as the day I found out I got into the Software Development Course within the program Yearup.</p>
</div>
</div>
</div>
</li>
<li class="photography-flex">
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front">
<img src="underwater.jpg" class="flex-gallery">
</div>
<div class="flip-card-back">
<p class="photo-description">This photo was taken at a petstore in my neighborhood. The way that this underwater plant moved reminded me of electrical currents.</p>
</div>
</div>
</li>
<li class="photography-flex">
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front">
<img src="leaf.jpg" class="flex-gallery">
</div>
<div class="flip-card-back">
<p class="photo-description">This photo was taken at SUNY Albany and it was right around the time that I went to attend a Hackathon with my friend who was studying there. </p>
</div>
</div>
</div>
</li>
<li class="photography-flex">
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front">
<img src="sunset.jpg" class="flex-gallery">
</div>
<div class="flip-card-back">
<p class="photo-description">This photo was taken at a beach in Sunny San Diego. This sunset is one of a kind and you will only get to experience this in California as the sun sets behind the sea.</p>
</div>
</div>
</div>
</li>
</ul>
</ul>
</body>
</html>
Binary file added bunny.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added cali.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added carlos1.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
69 changes: 69 additions & 0 deletions contact.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,69 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device=width," />
<link rel="icon" href="bunny.png" type="image/gif" sizes="16x16">
<title>Carlos Hidalgo</title>
<link rel="stylesheet" href="main.css" />
</head>
<body>
<nav class="nav">
<li><a href="index.html" class="link">Home</a></li>
<li><a href="aboutMe.html" class="link">About Me</a></li>
<li><a href="education.html" class="link">Education</a></li>
<li><a href="skills.html" class="link">Skills</a></li>
<li><a href="projects.html" class="link">Projects</a></li>
<li><a href="contact.html" class="link">Contact</a></li>
</nav>
<h1 class="intro">Contact:</h1>
<div class="flip-card-position">
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front">
<img src="github.png" id="headshot2" />
</div>
<div class="flip-card-back">
<a href="https://github.com/chidalgo1221" target="_blank">Github Profile</a>
<img src="github-profile.png" class="contact-img" />
</div>
</div>
</div>
</div>
<div class="flip-card-position">
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front">
<img src="gmail.png" id="headshot2" />
</div>
<div class="flip-card-back">
<form class="email-form" action="mailto:carloshidalgo@pursuit.com">
Name:<br />
<input type="text" name="name" /><br />
E-mail:<br />
<input type="text" name="mail" /><br />
Comment:<br />
<input type="text" name="comment" size="20" /><br /><br />
<input type="submit" value="Send" />
</form>
</div>
</div>
</div>
</div>
<div class="flip-card-position">
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front">
<img src="linkedin.png" id="headshot2" />
</div>
<div class="flip-card-back">
<a href="https://www.linkedin.com/in/carlos-hidalgo-881445179/"
target="_blank">Linkedin Profile</a
>
<img src="linkedin-profile.png" class="contact-img" />
</div>
</div>
</div>
</div>
</body>
</html>
Binary file added css-logo.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added doors.gif
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
55 changes: 55 additions & 0 deletions education.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,55 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device=width," />
<link rel="icon" href="bunny.png" type="image/gif" sizes="16x16">
<title>Carlos Hidalgo</title>
<link rel="stylesheet" href="main.css" />
</head>
<body>
<nav class="nav">
<li><a href="index.html" class="link">Home</a></li>
<li><a href="aboutMe.html" class="link">About Me</a></li>
<li><a href="education.html" class="link">Education</a></li>
<li><a href="skills.html" class="link">Skills</a></li>
<li><a href="projects.html" class="link">Projects</a></li>
<li><a href="contact.html" class="link">Contact</a></li>
</nav>
<h1 class="intro">Education:</h1>
<div class="education-card-position">
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front">
<img src="yearup.jpg" id="headshot2" />
</div>
<div class="flip-card-back">
<p class="photo-description">
Accruing 200+ hours of hands-on training in I.T. with a focus in
Software Development as part of a one-year career development
program that includes six months of college-level courses and
professional training followed by a six-month internship.
</p>
</div>
</div>
</div>
</div>
<div class="education-card-position">
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front">
<img src="pursuit.png" id="headshot2" />
</div>
<div class="flip-card-back">
<p class="photo-description">
An intensive 12-month, Google-funded software engineering
fellowship with a 9% acceptance rate (of 1500+ applicants) with a
curriculum designed by engineers from Vice, Facebook, Yahoo,
Artsy, and LinkedIn.
</p>
</div>
</div>
</div>
</div>
</body>
</html>
Binary file added eye.gif
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added fish.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added flag.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added flower1.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added flower2.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added github-profile.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added github.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added gmail.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added html-logo.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added hudson.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
43 changes: 43 additions & 0 deletions index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,43 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device=width," />
<link rel="icon" href="bunny.png" type="image/gif" sizes="16x16">
<title>Carlos Hidalgo</title>
<link rel="stylesheet" href="main.css" />
<script src="main.js" defer></script>
<div id="load"></div>
</head>
<body>
<nav class="nav">
<li><a href="index.html" class="link">Home</a></li>
<li><a href="aboutMe.html" class="link">About Me</a></li>
<li><a href="education.html" class="link">Education</a></li>
<li><a href="skills.html" class="link">Skills</a></li>
<li><a href="projects.html" class="link">Projects</a></li>
<li><a href="contact.html" class="link">Contact</a></li>
</nav>
<h1 class="intro">Welcome To My Page!</h1>
<div class="flip-card-position">
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front">
<img src="carlos1.jpg" id="headshot1" />
</div>
<div class="flip-card-back">
<h1>"Be yourself everyone else is already taken"</h1>
<p>-Oscar Wilde</p>
</div>
</div>
</div>
</div>
<p id="index">
Here you will find my story, my grit, and my passion for the tech field.
Make sure to hover over any pictures you see to uncover more about me.
</p>
<div id="bunny-logo">
<img src="bunny.png" id="badbunny-logo" />
</div>
</body>
</html>
Binary file added js-logo.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added leaf.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added linkedin-profile.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added linkedin.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added logo.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading