-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
149 lines (142 loc) · 5.61 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
<!DOCTYPE HTML>
<html>
<head>
<title>Yahid Portafolio</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" />
</head>
<body class="is-preload">
<!-- Nav -->
<nav id="nav">
<ul class="container">
<li><a href="#top">About</a></li>
<li><a href="#work">Work</a></li>
<li><a href="#portfolio">Portfolio</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
<!-- Home -->
<article id="top" class="wrapper style1">
<div class="container">
<div class="row">
<div class="col-4 col-5-large col-12-medium">
<span class="image fit"><img src="images/Photo.jpeg" alt="" /></span>
</div>
<div class="col-8 col-7-large col-12-medium">
<header>
<h1><strong>Yahid Díaz</strong></h1>
</header>
<p>Software Engineer from Puerto Rico currently studying at UPRM. I like to create software and help facilitate tools for productivity and automatization.</p>
<a href="#work" class="button large scrolly">Learn about what I do</a>
</div>
</div>
</div>
</article>
<!-- Work -->
<article id="work" class="wrapper style2">
<div class="container">
<header>
<h2>Here's all the stuff I do.</h2>
</header>
<div class="row aln-center">
<div class="col-4 col-6-medium col-12-small">
<section class="box style1">
<a href="#" class="image featured"><img src="images/Logic.png" alt="" /></a>
<h3>Logic and AI</h3>
<p>I create algorithms with complex logic to do problem solving. Create mods and AI for games such as Rocket League and Minecraft.</p>
</section>
</div>
<div class="col-4 col-6-medium col-12-small">
<section class="box style1">
<a href="#" class="image featured"><img src="images/web-icon.webp" alt="" /></a>
<h3>Web Development</h3>
<p>I create websites with either pure HTML and CSS or using WordPress and Wix.</p>
</section>
</div>
<div class="col-4 col-6-medium col-12-small">
<section class="box style1">
<a href="#" class="image featured"><img src="images/Application.png" alt="" /></a>
<h3>Desktop Apps</h3>
<p>I create desktop application using Kivy as Framework for my apps or even games. (In the process of learning mobile app Development)</p>
</section>
</div>
</div>
<footer>
<a href="#portfolio" class="button large scrolly">See some of my recent work</a>
</footer>
</div>
</article>
<!-- Portfolio -->
<article id="portfolio" class="wrapper style3">
<div class="container">
<header>
<h2>Here’s some stuff I made.</h2>
<p>All of these are work projects or university projects.</p>
</header>
<div class="row">
<div class="col-4 col-6-medium col-12-small">
<article class="box style2">
<a href="#" class="image featured"><img src="images/ED_Forum.png" alt="" /></a>
<h3><a href="#">ED Forum</a></h3>
<p>An application that creates web forums for easy fillout by patients. It gives the medical office a filled PDF with all its questions and answers. (Involves HTML,CSS, Python, Javascript)</p>
</article>
</div>
<div class="col-4 col-6-medium col-12-small">
<article class="box style2">
<video width="320" height="200" controls>
<source src="videos/PacManNew.mp4" type="video/mp4">
</video>
<h3><a href="#">PacMan Super C++ Game</a></h3>
<p>An Object Oriented Game of Pac-Man with a lot features that make it complex and challenging</p>
</article>
</div>
<div class="col-4 col-6-medium col-12-small">
<article class="box style2">
<a href="#" class="image featured"><img src="images/Better.png" alt="" /></a>
<h3><a href="#">Leonidas Discord Bot</a></h3>
<p>A bot created with Python used with commands to help people in discord servers</p>
</article>
</div>
</div>
<footer>
<a href="#contact" class="button large scrolly">Get in touch with me</a>
</footer>
</div>
</article>
<!-- Contact -->
<article id="contact" class="wrapper style4">
<div class="container medium">
<header>
<h2>Email</h2>
<address>
<p>At: <a href="mailto:[email protected]"> [email protected]</a> or <a href="mailto:[email protected]">[email protected]</a></p>
<p>Phone: 787-599-6260</p>
</address>
</header>
<div class="col-12">
<hr />
<h3>Find me on ...</h3>
<ul class="social">
<li><a href="https://www.linkedin.com/in/yahid-d%C3%ADaz-ba83a221b/" target="_blank" class="icon brands fa-linkedin-in"><span class="label">LinkedIn</span></a></li>
<li><a href="https://github.com/Yahid1" target="_blank" class="icon brands fa-github"><span class="label">Github</span></a></li>
</ul>
<hr />
</div>
</div>
<footer>
<ul id="copyright">
<li>© Made by Yahid E. Díaz Cartagena</li>
</ul>
</footer>
</div>
</article>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrolly.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>