-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
104 lines (94 loc) · 4.73 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
<!DOCTYPE html>
<html lang="en-US">
<head>
<link rel="stylesheet" href="style.css"/>
<title>Hector De La Cruz Challenge 2 assignment</title>
<meta author="Hector Felix De La Cruz Sandoval" content="Hector De La Cruz Sandoval">
<meta charset="UTF-8">
<meta name="screen" content="width=device-width, intial-scale=1">
</head>
<div id="MainContainer">
<header>
<nav>
<h1>Hector De La Cruz Sandoval</h1>
<ul>
<li>
<a href="#AboutMe">About me</a>
</li>
<li>
<a href="#Contact">Contact me</a>
</li>
<li>
<a href="#Portfolio">Portfolio</a>
</li>
</ul>
</nav>
</header>
<figure class="HeaderImage">
<figcaption class="ImageText" >
<h2>I am Hector De La Cruz</h2>
<p>I am an incoming Developer</p>
</figcaption>
</figure>
<section class="ME">
<div id="Anon">
<h2>About Me</h2>
</div>
<div>
<p>Hello everyone. My name is Hector Felix De La Cruz Sandoval and I am a recent college graduate.
I graduated from University of California: San Diego in June of 2021 with a bachelors of Science
in Microbiology. I learned to use html in middle school and learned some Java in High School.
While I did enjoy it I could not see myself sitting in front of a computer screen as a career
and chose another interest that being biology. I now work in the bio-tech field as a
molecular biologist and strangely enough find most of my 8 hour day in front of a computer screen.
Because of this I have decided to go to a bootcamp to refresh my coding skills and learn more
on the development side to secure a career where I can either help maintain or create systems or apps
that will help develop the biotech field.
</p>
</div>
</section>
<section id="Portfolio" class="container">
<figure id="TITLE">
<h2>Portfolio</h2>
</figure>
<div id="ProjectHolder">
<figure id="Col1">
<a href="https://hdela99.github.io/Hector-sChallenge1/">
<img id="Holder1" class="Holder" src="divSoup.jpg" alt="First Project Screenshot">
</a>
<figcaption> This project was given to me with the end goal of making it more accessible when viewed from the devtools.
Previously only having div tags and an h1 tag I was able to make it easier to navigate through devtools.
This type of organization is vital as it saves time when looking for broken pieces of code or
script as an organized set of html/css/javascript is a lot easier to navigate and fix
versus an unorganized div soup.
</figcaption>
</figure>
<figure id="Col2">
<a href="https://marioarmstrong.github.io/foreverOwnerFinder/">
<img class="Holder" src="foreverOwnerFinder.jpg" alt="Placeholder">
</a>
<figcaption> This project demonstrates my ability to work in a team. We used a combination of vanilla javascript, HTML, CSS and a new framework
we previously had no experience on called Bulma. As you can see it dynamically loads up, on the selection of a species of pet along with entering a desired zip code, a list of
animals in shelters or for adoption near the entered zipcode. This project used two APIs those being the PetFinder API and the Geocoder API offered by google. !</figcaption>
</figure>
<figure id="Col3">
<img class="Holder" src="Holder.jpg" alt="Placeholder">
<p>Future summary of third project!</p>
</figure>
<figure id="Col4">
<img class="Holder" src="Holder.jpg" alt="Placeholder">
<p>Future summary of fourth project</p>
</figure>
</div>
</section>
<footer id="footer" >
<aside id="Side2">
<h2>Contact :</h2>
</aside>
<ul id="Contact">
<li>[email protected]</li>
<li>707.656.3501</li>
</ul>
</footer>
</div>
</html>