-
Notifications
You must be signed in to change notification settings - Fork 0
/
portfolio.html
98 lines (93 loc) · 4.89 KB
/
portfolio.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
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Portfolio</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link id="stylesheet" rel="stylesheet" href="indexcss.css">
</head>
<body>
<!-- Responsive Navigation Bar -->
<header id="navbar">
<nav class="navbar-container container">
<a href="index.html" class="home-link">
<div class="navbar-logo"></div>
Portfolio
</a>
<button type="button" id="navbar-toggle" aria-controls="navbar-menu" aria-label="Toggle menu" aria-expanded="false">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<div id="navbar-menu" aria-labelledby="navbar-toggle">
<ul class="navbar-links">
<li class="navbar-item"><a class="navbar-link" href="qualifications.html">Qualifications</a></li>
<li class="navbar-item"><a class="navbar-link" href="services.html">Services</a></li>
<li class="navbar-item"><a class="navbar-link" href="portfolio.html">Portfolio</a></li>
<li class="navbar-item"><a class="navbar-link" href="ai.html">AI</a></li>
</ul>
</div>
</nav>
</header>
<!-- Spinning Star Button -->
<div class="star-button-container">
<button onclick="toggleStyleSheet()" id="star-button">
<img src="star-spinning.gif" alt="Spinning Star" />
</button>
</div>
<!-- Projects Section -->
<div class="portfolio-section">
<p class="solid">Projects</p>
<h1>2022-2024</h1>
<div class="row">
<div class="column">
<div class="content">
<h3>Professional Websites</h3>
<p>I've developed 2 websites the improve my profession presence. From these 2 projects, I've familiarized myself in HTML, JavaScript, and CSS. I was also able to learn how to add push and commit my code to Github.
<a href="https://github.com/CSCE331-Fall2024/luisvlz0-website" target="_blank">View Project</a>
</p>
</div>
</div>
<div class="column">
<div class="content">
<h3>Image Recognition (ML/AI)</h3>
<p>To practice my machine learning and AI skills, I developed a simple algorithm using Keras and Tensorflow to train a neural network on the MNIST dataset. This project introduced me to building training and evaluating a simple neural network that is able to recognize digits.
<a href="https://github.com/luisvlz0/Digit-Classifier" target="_blank">View Project</a>
</p>
</div>
</div>
<div class="column">
<div class="content">
<h3>HearHand</h3>
<p>HearHand is a project me and 4 others STEM majors created to answer the prompt, "Create a product that will aid the disabled community". We decided to focus on the deaf community and I was assigned the role of CEO. Using Machine learning, AI, and front face coding skills, we created an app that could read sign language and translate it to text. This would allow ASL users to communicate with the population comfortably and efficiently.</p>
</div>
</div>
<div class="column">
<div class="content">
<h3>Monte Carlo Simulation</h3>
<p>As a part of the Systems Optimization team on SpaceCraft VR at Texas A&M University, I was tasked to research monte carlo simulations to better underand how they work and their functionality. I decided to make a python script that models a monte carlos simulation, and then later applied what I learned to the main SpaceCraft application.
<a href="https://github.com/luisvlz0/Monte-Carlo-Sim" target="_blank">View Project</a>
</p>
</div>
</div>
</div>
</div>
<!-- Footer Section -->
<footer>
<div class="footerContainer">
<div class="socialIcons">
<a href="https://www.facebook.com/profile.php?id=100021405811969&mibextid=LQQJ4d" target="_blank"><i class="fa-brands fa-facebook"></i></a>
<a href="https://www.instagram.com/luis.vlz0/" target="_blank"><i class="fa-brands fa-instagram"></i></a>
<a href="https://www.linkedin.com/in/luis-valdez-1836152h" target="_blank"><i class="fa-brands fa-linkedin"></i></a>
<a href="https://github.com/luisvlz0/" target="_blank"><i class="fa-brands fa-github"></i></a>
</div>
<div class="contact-info">
<a href="tel:+14697352467">469-735-2467</a> |
<a href="mailto:[email protected]">[email protected]</a>
</div>
</div>
</footer>
<!-- Link to the JavaScript file -->
<script src="script.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
</body>
</html>