Skip to content

Commit 8d9bbfa

Browse files
Web-JoseWeb-Jose
committed
Projects Page
1 parent 2981557 commit 8d9bbfa

File tree

3 files changed

+635
-0
lines changed

3 files changed

+635
-0
lines changed

‎projects/index.html

Lines changed: 314 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,314 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<!-- Meta tags -->
5+
<title>Projects | Code By Jose</title>
6+
<link rel="icon" href="Index-Uploads/Icons/hello-kitty.svg" />
7+
<meta charset="UTF-8" />
8+
<meta property="og:title" content="Projects | Code By Jose" />
9+
<meta property="og:type" content="website" />
10+
<meta property="og:url" content="https://codebyjose.com/projects/" />
11+
<meta
12+
property="og:description"
13+
content="A collection of projects that I have worked on."
14+
/>
15+
<meta
16+
property="og:image"
17+
content="https://codebyjose.com/Index-Uploads/Images/Blue-Portfolio.png"
18+
/>
19+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
20+
<!-- CSS and JS -->
21+
<link rel="stylesheet" type="text/css" href="projects.css" />
22+
<script src="projects.js" defer></script>
23+
<!-- Fonts and Icons -->
24+
<link
25+
rel="stylesheet"
26+
href="https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,[email protected],100..700,0..1,-50..200"
27+
/>
28+
<script
29+
src="https://kit.fontawesome.com/6b31c68f8b.js"
30+
crossorigin="anonymous"
31+
></script>
32+
<link rel="preconnect" href="https://fonts.googleapis.com" />
33+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
34+
<link
35+
href="https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap"
36+
rel="stylesheet"
37+
/>
38+
39+
<!-- Google tag (gtag.js) -->
40+
<script
41+
async
42+
src="https://www.googletagmanager.com/gtag/js?id=G-CSN8G33F57"
43+
></script>
44+
<script>
45+
window.dataLayer = window.dataLayer || [];
46+
function gtag() {
47+
dataLayer.push(arguments);
48+
}
49+
gtag("js", new Date());
50+
51+
gtag("config", "G-CSN8G33F57");
52+
</script>
53+
<!-- Google tag (gtag.js) -->
54+
<script
55+
async
56+
src="https://www.googletagmanager.com/gtag/js?id=AW-16452414597"
57+
></script>
58+
<script>
59+
window.dataLayer = window.dataLayer || [];
60+
function gtag() {
61+
dataLayer.push(arguments);
62+
}
63+
gtag("js", new Date());
64+
65+
gtag("config", "AW-16452414597");
66+
</script>
67+
<!-- jQuery -->
68+
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
69+
</head>
70+
71+
<!-- Header -->
72+
<header>
73+
<a href="/" class="Title">Code By Jose</a>
74+
<!-- Navigation Bar -->
75+
<nav>
76+
<a href="index.html#Home"
77+
><i class="fa-solid fa-house" style="color: #d2d9d8"></i>Home</a
78+
>
79+
<a href="index.html#aboutmeSec"
80+
><i class="fa-solid fa-user" style="color: #d2d9d8"></i>About</a
81+
>
82+
<a href="index.html#projects"
83+
><i class="fa-solid fa-folder" style="color: #d2d9d8"></i>Projects</a
84+
>
85+
<!--<a href="#experiences">Experiences</a>--->
86+
<a href="index.html#contact"
87+
><i class="fa-solid fa-message" style="color: #d2d9d8"></i>Contact</a
88+
>
89+
<a href="JoseC-CV.pdf" download="JoseC-CV.pdf"
90+
><i class="fa-solid fa-cloud-arrow-down" style="color: #d2d9d8"></i
91+
>Resume</a
92+
>
93+
</nav>
94+
</header>
95+
96+
<body>
97+
<section class="project-section">
98+
<h1 class="Title" id="AltTitle">Projects</h1>
99+
<input
100+
type="text"
101+
id="searchInput"
102+
placeholder="Search for a project..."
103+
/>
104+
<div class="projects-container"></div>
105+
</section>
106+
</body>
107+
108+
<section id="contact">
109+
<footer>
110+
<section class="contactform">
111+
<h1 class="Title">Get In Touch</h1>
112+
<form
113+
action="/contact.php"
114+
method="post"
115+
name="contact-form"
116+
id="contact-form"
117+
>
118+
<label for="name">Name:</label><br />
119+
<input
120+
type="text"
121+
id="name"
122+
name="name"
123+
placeholder="Your Name..."
124+
required
125+
/>
126+
<label for="email">Email:</label><br />
127+
<input
128+
type="email"
129+
id="email"
130+
name="email"
131+
placeholder="Your Email..."
132+
required
133+
/>
134+
<label for="subject">Subject:</label><br />
135+
<input
136+
type="text"
137+
id="subject"
138+
name="subject"
139+
placeholder="Subject..."
140+
/>
141+
<label for="message">Message:</label><br />
142+
<textarea
143+
id="message"
144+
name="message"
145+
placeholder="Type your message here..."
146+
required
147+
></textarea>
148+
<input id="submit" type="submit" value="Submit" />
149+
</form>
150+
</section>
151+
152+
<a href="mailto:[email protected]" class="email">
153+
<svg
154+
version="1.1"
155+
id="Layer_1"
156+
xmlns="http://www.w3.org/2000/svg"
157+
xmlns:xlink="http://www.w3.org/1999/xlink"
158+
x="0px"
159+
y="0px"
160+
viewBox="0 0 384 270.6"
161+
style="enable-background: new 0 0 384 270.6"
162+
xml:space="preserve"
163+
>
164+
<style type="text/css">
165+
.st0 {
166+
fill: #d2d9d8;
167+
}
168+
</style>
169+
<g id="Layer_2_00000114763708521023959650000004666386688558890654_">
170+
<g id="Layer_1-2">
171+
<g>
172+
<path
173+
class="st0"
174+
d="M0,27.3c0.7-2,1.4-4,2.2-6c0.8-2.2,2-2.3,3.5-0.6c0.7,0.7,1.4,1.4,2.1,2.1c36.2,36.4,72.5,72.8,108.7,109.1
175+
c2.7,2.7,2.7,4.1,0,6.8c-22.4,22.3-44.8,44.6-67,67.1C35.4,220,21.2,234.3,7.1,248.6c-3.5,3.6-4,3.4-5.6-1.4
176+
c-0.4-1.3-1-2.6-1.4-3.9V27.3z"
177+
/>
178+
<path
179+
class="st0"
180+
d="M384,243.3c-0.5,1.4-1.1,2.8-1.6,4.2c-1.6,4.4-2,4.5-5.2,1.3c-6.6-6.6-13.2-13.2-19.9-19.9l-85.9-86.3
181+
c-1.6-1.6-3.1-3.3-4.8-4.8c-2.1-1.8-2-3.2,0-5.2c9.5-9.4,18.9-18.9,28.4-28.3c27.2-27.3,54.4-54.7,81.6-82.1
182+
c3.9-3.9,4.2-3.8,6,1.5c0.4,1.2,0.9,2.3,1.3,3.5L384,243.3z"
183+
/>
184+
<path
185+
class="st0"
186+
d="M192.4,0c52.1,0,104.2,0,156.3,0c4-0.1,8,0.4,11.8,1.6c4.2,1.4,4.4,1.9,1.3,5c-14.5,14.5-28.9,29-43.4,43.5
187+
c-38.3,38.4-76.6,76.8-114.8,115.3c-7.9,8-15.3,7.9-23.3,0L22.6,7c-3.8-3.8-3.6-4,1.6-5.7c3.6-1,7.4-1.5,11.1-1.4
188+
C87.7,0,140.1,0,192.4,0z"
189+
/>
190+
<path
191+
class="st0"
192+
d="M191.9,270.5c-52.1,0-104.2,0-156.3,0c-3.9,0.1-7.7-0.4-11.5-1.4c-5-1.5-5.1-1.9-1.6-5.5
193+
c19.8-19.8,39.5-39.6,59.3-59.4c16.7-16.7,33.3-33.5,49.9-50.3c2.6-2.6,4.1-2.9,6.8-0.1c9.1,9.5,18.4,18.7,27.7,27.9
194+
c15,15,36.4,15,51.4,0.1c9.5-9.4,19-18.9,28.3-28.4c2.2-2.2,3.5-2.3,5.7-0.1c36.8,37.1,73.6,74.1,110.5,111.1
195+
c2.6,2.6,2.4,3.2-1.1,4.4c-4.1,1.3-8.3,1.8-12.5,1.8C296.3,270.5,244.1,270.5,191.9,270.5z"
196+
/>
197+
</g>
198+
</g>
199+
</g>
200+
</svg>
201+
[email protected]
202+
</a>
203+
<div class="socials">
204+
Connect with me:
205+
<div class="social-icons">
206+
<a href="https://github.com/Web-Jose" target="_blank">
207+
<svg
208+
version="1.1"
209+
class="icon"
210+
id="Layer_1"
211+
xmlns="http://www.w3.org/2000/svg"
212+
xmlns:xlink="http://www.w3.org/1999/xlink"
213+
x="0px"
214+
y="0px"
215+
viewBox="0 0 240 240"
216+
style="enable-background: new 0 0 240 240"
217+
xml:space="preserve"
218+
>
219+
<style type="text/css">
220+
.st0 {
221+
fill: #d2d9d8;
222+
}
223+
</style>
224+
<g>
225+
<g transform="scale(10.66667,10.66667)">
226+
<path
227+
class="st0"
228+
d="M11.2,1.9c-5.2,0-9.4,4.2-9.4,9.4s4.2,9.4,9.4,9.4s9.4-4.2,9.4-9.4S16.4,1.9,11.2,1.9z M11.2,3.8
229+
c4.1,0,7.5,3.4,7.5,7.5c0,0.4,0,0.9-0.1,1.3c-0.2-0.1-0.6-0.1-1-0.1c-0.3,0-0.7,0-1,0.1c0.1-0.3,0.2-0.7,0.2-1.1
230+
c0-0.9-0.4-1.7-1.1-2.4c0.2-0.7,0.4-2-0.1-2.5c-1.5,0-2.3,1.1-2.3,1.1c-0.5-0.1-0.9-0.2-1.4-0.2c-0.6,0-1.3,0.1-1.8,0.3l0.2-0.1
231+
c0,0-0.8-1.1-2.3-1.1C7.3,7,7.5,8.4,7.7,9.1C7,9.8,6.6,10.6,6.6,11.5c0,0.3,0.1,0.6,0.1,0.9c-0.3,0-1.2-0.1-1.6-0.1
232+
c-0.3,0-0.9,0.1-1.3,0.2c-0.1-0.4-0.1-0.8-0.1-1.1C3.8,7.1,7.1,3.8,11.2,3.8z M5.1,12.5c0.4,0,1.5,0.1,1.6,0.1
233+
c0,0.1,0,0.1,0.1,0.1c-0.4,0-1.2-0.1-1.7,0c-0.3,0-0.8,0.2-1.2,0.3c0-0.1-0.1-0.2-0.1-0.4C4.3,12.5,4.8,12.5,5.1,12.5z M17.7,12.7
234+
c0.4,0,0.7,0.1,0.9,0.1c0,0.1,0,0.1-0.1,0.2c-0.2-0.1-0.6-0.1-1.1-0.1c-0.2,0-0.6,0-0.9,0c0,0,0-0.1,0-0.1
235+
C16.9,12.7,17.3,12.7,17.7,12.7z M5.7,12.9c0.5,0,1,0,1.2,0.1c0.5,0.9,1.5,1.6,3,1.9c-0.4,0.2-0.7,0.5-1,0.8c-0.2,0-0.5,0-0.7,0
236+
c-0.7,0-1.1-0.6-1.4-1.1c-0.4-0.5-0.8-0.6-1-0.6c-0.2,0-0.3,0.1-0.2,0.2c0.7,0.5,1,1.2,1.3,1.8c0.3,0.5,0.8,0.8,1.4,0.8h0.1
237+
c0,0.1,0,0.2,0,0.3v1c-2.2-0.9-3.8-2.7-4.4-5c0.4-0.1,0.8-0.2,1.1-0.2C5.3,12.9,5.5,12.9,5.7,12.9z M17.5,13c0.4,0,0.8,0.1,1,0.1
238+
c-0.5,1.9-1.8,3.6-3.5,4.5v-0.6c0-0.8-0.6-1.8-1.5-2.3c1.5-0.3,2.4-0.9,3-1.8C16.8,13,17.2,13,17.5,13z M11.7,16.9
239+
c0.3,0,0.5,0.2,0.5,0.5v1.3c-0.3,0-0.6,0.1-0.9,0.1v-1.4C11.2,17.1,11.5,16.9,11.7,16.9z M9.8,17.8c0.3,0,0.5,0.2,0.5,0.5v0.4
240+
c-0.3,0-0.6-0.1-0.9-0.2v-0.2C9.4,18,9.6,17.8,9.8,17.8z M13.6,17.8c0.2,0,0.4,0.2,0.5,0.4c-0.3,0.1-0.6,0.2-0.9,0.3v-0.2
241+
C13.1,18,13.3,17.8,13.6,17.8z"
242+
/>
243+
</g>
244+
</g>
245+
</svg>
246+
</a>
247+
<a href="https://www.linkedin.com/in/webjose/" target="_blank">
248+
<svg
249+
version="1.1"
250+
class="icon"
251+
id="Layer_1"
252+
xmlns="http://www.w3.org/2000/svg"
253+
xmlns:xlink="http://www.w3.org/1999/xlink"
254+
x="0px"
255+
y="0px"
256+
viewBox="0 0 240 240"
257+
style="enable-background: new 0 0 240 240"
258+
xml:space="preserve"
259+
>
260+
<style type="text/css">
261+
.st0 {
262+
fill: #d2d9d8;
263+
}
264+
</style>
265+
<g>
266+
<g transform="scale(10.66667,10.66667)">
267+
<path
268+
class="st0"
269+
d="M17.8,2.8H4.7c-1,0-1.9,0.8-1.9,1.9v13.1c0,1,0.8,1.9,1.9,1.9h13.1c1,0,1.9-0.8,1.9-1.9V4.7
270+
C19.7,3.7,18.8,2.8,17.8,2.8z M8.4,15.9H6.1V9.4h2.4V15.9z M7.2,8.2C6.5,8.2,6,7.7,6,7s0.5-1.1,1.3-1.1C8,5.9,8.5,6.4,8.5,7
271+
S8,8.2,7.2,8.2z M16.9,15.9h-2.3v-3.6c0-1-0.6-1.2-0.8-1.2c-0.2,0-1,0.2-1,1.2c0,0.2,0,3.6,0,3.6h-2.4V9.4h2.4v0.9
272+
c0.3-0.5,0.9-0.9,2.1-0.9s2.1,0.9,2.1,3V15.9z"
273+
/>
274+
</g>
275+
</g>
276+
</svg>
277+
</a>
278+
<a href="https://www.instagram.com/weebjose/" target="_blank">
279+
<svg
280+
version="1.1"
281+
class="icon"
282+
id="Layer_1"
283+
xmlns="http://www.w3.org/2000/svg"
284+
xmlns:xlink="http://www.w3.org/1999/xlink"
285+
x="0px"
286+
y="0px"
287+
viewBox="0 0 240 240"
288+
style="enable-background: new 0 0 240 240"
289+
xml:space="preserve"
290+
>
291+
<style type="text/css">
292+
.st0 {
293+
fill: #d2d9d8;
294+
}
295+
</style>
296+
<g>
297+
<g transform="scale(10.66667,10.66667)">
298+
<path
299+
class="st0"
300+
d="M7.7,2.8C5.1,2.8,3,4.9,3,7.5V15c0,2.6,2.1,4.7,4.7,4.7h7.5c2.6,0,4.7-2.1,4.7-4.7V7.5c0-2.6-2.1-4.7-4.7-4.7
301+
H7.7z M17.1,4.7c0.5,0,0.9,0.4,0.9,0.9s-0.4,0.9-0.9,0.9s-0.9-0.4-0.9-0.9S16.5,4.7,17.1,4.7z M11.4,6.6c2.6,0,4.7,2.1,4.7,4.7
302+
s-2.1,4.7-4.7,4.7s-4.7-2.1-4.7-4.7S8.8,6.6,11.4,6.6z M11.4,8.4c-1.6,0-2.8,1.3-2.8,2.8s1.3,2.8,2.8,2.8s2.8-1.3,2.8-2.8
303+
S13,8.4,11.4,8.4z"
304+
/>
305+
</g>
306+
</g>
307+
</svg>
308+
</a>
309+
</div>
310+
<div class="copyright">Copyright &copy Jose Cortes, 2024</div>
311+
</div>
312+
</footer>
313+
</section>
314+
</html>

0 commit comments

Comments
 (0)