-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
154 lines (144 loc) · 14 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
150
151
152
153
154
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Cecilio's Coding Journey</title>
<link rel="icon" href="./asset-images/Cecilio-Favicon.png" type="image/x-icon">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap">
<script src="script.js" defer></script>
</head>
<body>
<!-- Navigation -->
<header class="p-3 border-bottom ">
<div class="container">
<div class="d-flex flex-wrap align-items-center justify-content-center justify-content-lg-start">
<!-- <a href="/" class="d-flex align-items-center mb-2 mb-lg-0 link-body-emphasis text-decoration-none">
<svg class="bi me-2" width="40" height="32" role="img" aria-label="Bootstrap"><use xlink:href="#bootstrap"/></svg>
</a> -->
<ul class="nav col-12 col-lg-auto me-lg-auto mb-2 justify-content-center mb-md-0">
<li><a href="index.html" class="nav-link px-2 link-secondary">Intro</a></li>
<li><a href="coding-samples.html" class="nav-link px-2 link-body-emphasis">Coding Samples</a></li>
<li><a href="https://ceciliosanchez.com/contact/" target="_blank" class="nav-link px-2 link-body-emphasis">Collaborations</a></li>
</ul>
<form class="col-12 col-lg-auto mb-3 mb-lg-0 me-lg-3" role="search">
<input type="search" class="form-control" placeholder="Search..." aria-label="Search">
</form>
<!-- <div class="dropdown text-end">
<a href="#" class="d-block link-body-emphasis text-decoration-none dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false">
<img src="https://github.com/mdo.png" alt="mdo" width="32" height="32" class="rounded-circle">
</a>
<ul class="dropdown-menu text-small">
<li><a class="dropdown-item" href="#">New project...</a></li>
<li><a class="dropdown-item" href="#">Settings</a></li>
<li><a class="dropdown-item" href="#">Profile</a></li>
<li><hr class="dropdown-divider"></li>
<li><a class="dropdown-item" href="#">Sign out</a></li>
</ul> -->
</div>
</div>
</div>
</header>
<!-- Central Content -->
<div class="container">
<div class="row ">
<aside class="col-12 col-md-4 col-lg-3 sidebar">
<h4 id="Repo">PROJECTS</h4>
<ul>
<!--
<li><a href="#">Game: Hanoi Tower</a></li>
<li><a href="#">Game: TicTacToe</a></li>
<li><a href="#">App: React ToDoList</a></li>
<li><a href="#">App: Restaurant</a></li>
<li><a href="#">App: Shopping Cart</a></li>
<li><a href="#">App: Fin Bank</a></li>
<li><a href="#">App: Demo Bank</a></li>
-->
<li><a href="https://ceciliosanchez.com/github/xpro/tennis_simulation/serve.html" target="_blank">
<span class="icon" style="background-image: url('img/screenshot-tennis-simulation.png');"></span>Tennis Simulation</a>
</li>
<li><a href="https://ceciliosanchez.com/github/xpro/big_bang_pills/bigBang.html" target="_blank">
<span class="icon" style="background-image: url('img/screenshot-bigbang-pills.png');"></span>Big Bang Pills</a>
</li>
<li><a href="https://ceciliosanchez.com/github/xpro/flowing_particles/one-dimension-motion.html" target="_blank">
<span class="icon" style="background-image: url('img/screenshot-moving-particles.png');"></span>Flowing Particles</a>
</li>
<li><a href="https://ceciliosanchez.com/github/xpro/moving_eyes/eyes.html" target="_blank">
<span class="icon" style="background-image: url('img/screenshot-moving-eyes.png');"></span>Moving Eyes</a>
</li>
<li><a href="https://ceciliosanchez.com/github/xpro/pac_pills/pac-pills.html" target="_blank">
<span class="icon" style="background-image: url('img/screenshot-game-pacpills.png');"></span>Pac Pills</a>
</li>
<li><a href="https://ceciliosanchez.com/github/xpro/moving_balls/ball.html" target="_blank">
<span class="icon" style="background-image: url('img/screenshot-moving-balls.png');"></span>Moving Balls</a>
</li>
<li><a href="https://ceciliosanchez.com/github/xpro/jumping_rabbits/jumping.html" target="_blank">
<span class="icon" style="background-image: url('img/screenshot-jumping-rabbits.png');"></span>Jumping Rabbits</a>
</li>
</ul>
</aside>
<main class="col-12 col-md-8 col-lg-6 content">
<h3 class="text-uppercase modern-font unique-font">A Full Stack Developer Journey</h3>
<p>Cecilio Sanchez, residing in New York City, has specialized in full stack software development in MERN.</p>
<p>His expertise in front-end development encompasses JavaScript, CSS/HTML, React, React Native, JQuery, and Bootstrap. On the back-end, he excels in Node.JS, Express, Restful APIs, Redux, alongside various JavaScript libraries. His database management skills include MongoDB/Mongoose, Casandra, MySQL, and Microsoft SQL Server. He is proficient in Jest (Node.JS) for testing.</p>
<p>He primarily uses Visual Studio Code (VSCode) for development. His technical skills extend to Linux CLI, domain and DNS management, AWS setup, and project deployment from start to finish.</p>
<p>Committed to continuous learning, Cecilio constantly seeks new skills and tools to enhance his proficiency. For potential collaborations or discussions on the latest technological advancements, feel free to reach out. He is eager to connect.</p>
<p class="extra-space" align="left">
<a href="https://www.javascript.com" target="_blank" rel="noreferrer"> <img class="icon" src="https://raw.githubusercontent.com/devicons/devicon/master/icons/javascript/javascript-original.svg" alt="javascript" width="40" height="40"/> </a>
<a href="https://www.w3.org" target="_blank" rel="noreferrer"> <img class="icon" src="https://raw.githubusercontent.com/devicons/devicon/master/icons/html5/html5-original-wordmark.svg" alt="html5" width="40" height="40"/> </a>
<a href="https://www.w3.org/Style/CSS/Overview.en.html" target="_blank" rel="noreferrer"> <img class="icon" src="https://raw.githubusercontent.com/devicons/devicon/master/icons/css3/css3-original-wordmark.svg" alt="css3" width="40" height="40"/> </a>
<a href="https://www.typescriptlang.org/" target="_blank" rel="noreferrer"> <img class="icon" src="https://raw.githubusercontent.com/devicons/devicon/master/icons/typescript/typescript-original.svg" alt="typescript" width="40" height="40"/> </a>
<a href="https://reactjs.org/" target="_blank" rel="noreferrer"> <img class="icon" src="https://raw.githubusercontent.com/devicons/devicon/master/icons/react/react-original-wordmark.svg" alt="react" width="40" height="40"/> </a>
<a href="https://www.python.org" target="_blank" rel="noreferrer"> <img class="icon" src="https://raw.githubusercontent.com/devicons/devicon/master/icons/python/python-original.svg" alt="python" width="40" height="40"/> </a>
<a href="https://getbootstrap.com" target="_blank" rel="noreferrer"> <img class="icon" src="https://raw.githubusercontent.com/devicons/devicon/master/icons/bootstrap/bootstrap-plain-wordmark.svg" alt="bootstrap" width="40" height="40"/> </a>
<a href="https://nextjs.org/" target="_blank" rel="noreferrer"> <img class="icon" src="https://cdn.worldvectorlogo.com/logos/nextjs-2.svg" alt="nextjs" width="40" height="40"/> </a>
<a href="https://nodejs.org" target="_blank" rel="noreferrer"> <img class="icon" src="https://raw.githubusercontent.com/devicons/devicon/master/icons/nodejs/nodejs-original-wordmark.svg" alt="nodejs" width="40" height="40"/> </a>
<a href="https://expressjs.com" target="_blank" rel="noreferrer"> <img class="icon" src="https://raw.githubusercontent.com/devicons/devicon/master/icons/express/express-original-wordmark.svg" alt="express" width="40" height="40"/> </a>
<a href="https://redux.js.org" target="_blank" rel="noreferrer"> <img class="icon" src="https://raw.githubusercontent.com/devicons/devicon/master/icons/redux/redux-original.svg" alt="redux" width="40" height="40"/> </a>
<a href="https://jestjs.io" target="_blank" rel="noreferrer"> <img class="icon" src="https://www.vectorlogo.zone/logos/jestjsio/jestjsio-icon.svg" alt="jest" width="40" height="40"/> </a>
<a href="https://babeljs.io/" target="_blank" rel="noreferrer"> <img class="icon" src="https://www.vectorlogo.zone/logos/babeljs/babeljs-icon.svg" alt="babel" width="40" height="40"/> </a>
<a href="https://www.mongodb.com/" target="_blank" rel="noreferrer"> <img class="icon" src="https://raw.githubusercontent.com/devicons/devicon/master/icons/mongodb/mongodb-original-wordmark.svg" alt="mongodb" width="40" height="40"/> </a>
<a href="https://www.mysql.com/" target="_blank" rel="noreferrer"> <img class="icon" src="https://raw.githubusercontent.com/devicons/devicon/master/icons/mysql/mysql-original-wordmark.svg" alt="mysql" width="40" height="40"/> </a>
<a href="https://graphql.org" target="_blank" rel="noreferrer"> <img class="icon" src="https://www.vectorlogo.zone/logos/graphql/graphql-icon.svg" alt="graphql" width="40" height="40"/> </a>
<a href="https://postman.com" target="_blank" rel="noreferrer"> <img class="icon" src="https://www.vectorlogo.zone/logos/getpostman/getpostman-icon.svg" alt="postman" width="40" height="40"/> </a>
<a href="https://aws.amazon.com" target="_blank" rel="noreferrer"> <img class="icon" src="https://raw.githubusercontent.com/devicons/devicon/master/icons/amazonwebservices/amazonwebservices-original-wordmark.svg" alt="aws" width="40" height="40"/> </a>
<a href="https://cloud.google.com" target="_blank" rel="noreferrer"> <img class="icon" src="https://www.vectorlogo.zone/logos/google_cloud/google_cloud-icon.svg" alt="gcp" width="40" height="40"/> </a>
<a href="https://azure.microsoft.com/en-in/" target="_blank" rel="noreferrer"> <img class="icon" src="https://www.vectorlogo.zone/logos/microsoft_azure/microsoft_azure-icon.svg" alt="azure" width="40" height="40"/> </a>
<a href="https://www.docker.com/" target="_blank" rel="noreferrer"> <img class="icon" src="https://raw.githubusercontent.com/devicons/devicon/master/icons/docker/docker-original-wordmark.svg" alt="docker" width="40" height="40"/> </a>
<a href="https://firebase.google.com/" target="_blank" rel="noreferrer"> <img class="icon" src="https://www.vectorlogo.zone/logos/firebase/firebase-icon.svg" alt="firebase" width="40" height="40"/> </a>
<a href="https://www.photoshop.com/en" target="_blank" rel="noreferrer"> <img class="icon" src="https://raw.githubusercontent.com/devicons/devicon/master/icons/photoshop/photoshop-line.svg" alt="photoshop" width="40" height="40"/> </a>
<a href="https://www.adobe.com/in/products/illustrator.html" target="_blank" rel="noreferrer"> <img class="icon" src="https://www.vectorlogo.zone/logos/adobe_illustrator/adobe_illustrator-icon.svg" alt="illustrator" width="40" height="40"/> </a>
<a href="https://www.figma.com/" target="_blank" rel="noreferrer"> <img class="icon" src="https://www.vectorlogo.zone/logos/figma/figma-icon.svg" alt="figma" width="40" height="40"/> </a>
<a href="https://www.invisionapp.com/" target="_blank" rel="noreferrer"> <img class="icon" src="https://www.vectorlogo.zone/logos/invisionapp/invisionapp-icon.svg" alt="invision" width="40" height="40"/> </a>
</p>
<!--
<p>Ready to discuss your next graphic design project or web development?
Feel free to inquire about graphic design, photography, web development, launch an Ecommerce store, business ventures, develop an application, online marketing strategy, NFTs, metaverse, and VR.</p>
<p>Inquire about:
<ol>
<li>NFTs</li>
<li>Metaverse</li>
<li>VR</li>
<li>Apps Development</li>
<li>Web Design</li>
</ol>
</p>-->
</main>
<aside class="col-12 col-lg-3 sidebar">
<img class="photo" src="./asset-images/Bio-CecilioS.jpg" alt="Cecilio Sanchez' headshot">
<h5><a href="https://github.com/ceciliosanchez" target="_blank" rel="noopener noreferrer"><i class="fab fa-github"></i> GitHub</a></h5>
<h5><a href="https://www.linkedin.com/in/cecilios/" target="_blank" rel="noopener noreferrer"><i class="fab fa-linkedin"></i> LinkedIn</a></h5>
<h5><a href="https://ceciliosanchez.com/contact/" target="_blank" rel="noopener noreferrer"><i class="fas fa-envelope"></i> Contact</a></h5>
</aside>
</div>
</div>
<!-- Footer -->
<footer class="text-center mt-4">
2024 © Cecilio Sanchez
</footer>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-geWF76RCwLtnZ8qwWowPQNguL3RmwHVBC9FhGdlKrxdiJJigb/j/68SIy3Te4Bkz" crossorigin="anonymous"></script>
</body>
</html>