forked from Code-the-Dream-School/intro-to-programming
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
82 lines (78 loc) · 3.54 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
<!DOCTYPE html>
<html>
<head>
<title>My Portofolio</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/index.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap" rel="stylesheet">
</head>
<body>
<nav id="navbar">
<ul id="nav-list">
<li><a href="#who-section"><i id="icon" class="fas fa-code"></i>
<li><a href="#education" class="sections">Education</a></li>
<li><a href="#skills" class="sections">Skills</a></li>
<li><a href="#form-section" class="sections">Leave a Message</a></li>
</ul>
</nav>
<main>
<section id="who-section">
<h1>I'm Jose Izquierdo</h1>
<p><i>a student in Code The Dream and Future Web Developer</i></p>
</section>
<section id="about">
<h2>About me</h2>
<p>I consider myself an active person and always open to new possibilities. My premises are effort and perseverance. Always available to apply my knowledge in the sector and continue my professional development
</p>
</section>
<section id="education">
<h2>Education</h2>
<div class="grid-container">
<p class="status">Graduated 05/2019</p>
<p class="got">High School, IPVCE Friedrich Engels - Pinar del Rio, Cuba</p>
<p class="status">Finished 03/2022(Not Graduated)</p>
<p class="got">Bachelor's Degree in Computer Science, UCI - Havana, Cuba</p>
<p class="status">Finished 05/2023</p>
<p class="got">Responsive Web Design Developer Certification, <a id="freeCodeCamp" href="https://www.freecodecamp.org/" target="_blank">freeCodeCamp</a></p>
</div>
</section>
<section id="skills">
<h2>Skills</h2>
<ul>
</ul>
</section>
<section id="projects">
<h2>Projects</h2>
<ul>
</ul>
</section>
<section id="form-section">
<h2>Leave a Message</h2>
<form name="leave_message">
<label>Your Name:<input type="text" name="usersName" required></label><br>
<label>Email Address:<input type="email" name="usersEmail" required></label><br>
<label>Your Message:<textarea name="usersMessage" required></textarea></label><br>
<button type="submit">Submit</button>
</form>
</section>
<section id="messages">
<h2>Messages</h2>
<ul>
</ul>
</section>
</main>
<footer>
<div class="social">
<a href="mailto:[email protected]"><i class="fa-solid fa-at"></i></a>
<a href="https://twitter.com/jocl0110" target="_blank"><i class="fa-brands fa-twitter"></i></a>
<a href="https://www.linkedin.com/in/jose-luis-izquierdo-hernandez-938064245/" target="_blank"><i class="fa-brands fa-linkedin"></i></a>
<a href="https://github.com/jocl0110" target="_blank"><i class="fa-brands fa-github"></i></a>
</div>
</footer>
<script src="js/index.js"></script>
<script src="https://kit.fontawesome.com/1b2e7cec6d.js" crossorigin="anonymous"></script>
</body>
</html>