-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
93 lines (86 loc) · 4.08 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>My Website</title>
<link rel="icon" type="image/x-icon" href="/images/favicon.ico">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
</head>
<body>
<div class="w-75 mx-auto my-4 p-2 rounded-3 border border-2d">
<nav class="navbar navbar-expand-lg navbar-light bg-light justify-content-center">
<div class="d-flex flex-column">
<div class="d-flex justify-content-center">
<a href="/">
<img src="images/gracias_madre.png" width="140" height="140">
</a>
</div>
<div class=" justify-content-center flex-grow-1" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item">
<a class="nav-link" href="/cv.html">Curriculum Vitae</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Projects</a>
</li>
<!--
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Blogs
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="#">Technology</a>
<a class="dropdown-item" href="#">Hobbies</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="#">Secret</a>
</div>
</li>
-->
<li class="nav-item">
<a class="nav-link" href="#">Photography</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">The Final Step</a>
</li>
</ul>
</div>
</div>
</nav>
<div class="mx-2 p-3">
<h1 class="text-center">Carlo Preciado</h1>
<p>
Hello! My name is Carlo Preciado, a current software engineer working at Slack on the Demand Engineering team. I'm based out of the Bay Area, and I'm always looking for different ways to expand my knowledge. Welcome to my personal website!
</p>
<p>
For the professionally inclined, this is where you can find my CV, and projects that interest me in the world of CS
</p>
<p>
Everything else on here is just for fun. You can find my blog on my hobbies, some film photography, and a link to my radio show, The Final Step.
</p>
<p>
You can find my socials and some interesting news about my whereabouts below. Happy stalking 😉
</p>
</div>
<div class="d-flex justify-content-evenly mx-5 px-5 ">
<div class="align-self-center">
<a href="https://github.com/Cpreciad" target="_blank">
<img src="images/git_logo.png" width="40" height="40">
</a>
</div>
<div class="align-self-center">
<a href="https://www.ndsmcobserver.com/article/2023/04/students-develop-apps-for-hesburgh-librarys-annual-hackathon#:~:text=A%20trio%20of%20senior%20computer%20science%20majors%2C%20Carlo%20Preciado%2C%20Gavin%20Uhran%20and%20Kristen%20Friday%2C%20developed%20a%20smartphone%20application%20using%20generative%20AI%20called%20%E2%80%9COn%20Campus%E2%80%9D%20to%20transform%20the%20way%20students%20find%20events%20they%E2%80%99re%20interested%20in." target="_blank">
<img src="images/news_icon.png" width="50" height="50">
</a>
</div>
<div class="align-self-center">
<a href="https://www.linkedin.com/in/carlo-preciado/" target="_blank">
<img src="images/linkedin_logo.png" width="60" height="60">
</a>
</div>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-0pUGZvbkm6XF6gxjEnlmuGrJXVbNuzT9qBBavbLwCsOGabYfZo0T0to5eqruptLy" crossorigin="anonymous"></script>
</body>
</html>