forked from newmanix/portal
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
105 lines (80 loc) · 5.82 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
<!DOCTYPE html>
<html lang="en">
<head>
<title>Priscila Garcia-Mendoza</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="css/nav.css">
<link rel="stylesheet" href="css/forms.css">
</head>
<body>
<header>
<h1 class="page-header">Priscila Garcia-Mendoza</h1>
<nav class="topnav" id="myTopnav">
<a href="index.html" class="active">Home</a>
<a href="https://priscilagarciam.wordpress.com/" target="_blank">Digital Portfolio</a>
<a href="https://www.linkedin.com/in/priscila-garcia-mendoza/" target="_blank">LinkedIn</a>
<a href="https://github.com/pgm369" target="_blank">GitHub</a>
<a href="https://templating-with-ejs--pgm369.repl.co/" target="_blank">Node/Express/EJS</a>
<a href="https://pgm369.github.io/daily-grind/" target="_blank">Daily Grind</a>
<a href="https://pgm369.github.io/dom-play/" target="_blank">DOM Play</a>
<a href="https://ajax-quotes--pgm369.repl.co/" target="_blank">AJAX Quotes</a>
<a href="https://pgm369.github.io/guess-the-number/" target="_blank">Guess The Number!</a>
<a href="https://pgm369.github.io/time-of-day/" target="_blank">Time of Day</a>
<a href="https://pgm369.github.io/seasonal-styles/" target="_blank">Seasonal Styles</a>
<a href="https://templating-with-ejs--pgm369.repl.co/users" target="_blank">List/View</a>
<a href="https://pgm369.github.io/data-processing/" target="_blank">Data Processing</a>
<a href="https://pgm369.github.io/get-even/" target="_blank">Get Even</a>
<a href="https://pgm369.github.io/title-case/" target="_blank">Title Case</a>
<a href="https://pgm369.github.io/formtemplate/" target="_blank">Form Template</a>
<a href="https://pgm369.github.io/looping-forms/" target="_blank">Looping Forms</a>
<a href="https://pgm369.github.io/stylin-with-css/" target="_blank">Stylin' with CSS</a>
<a href="https://pgm369.github.io/selectors/" target="_blank">Selectors</a>
<a href="https://pgm369.github.io/positioning/" target="_blank">Positioning</a>
<a href="https://pgm369.github.io/creatures/" target="_blank">Creatures</a>
<a href="javascript:void(0);" class="icon" onclick="myFunction()">☰</a>
</nav>
</header>
<main class="wrapper">
<picture class="profile">
<source media="(min-width: 1200px)" srcset="images/desktop.jpg">
<source media="(min-width: 501px)" srcset="images/tablet.jpg">
<img src="images/phone.jpg" alt="That's me!">
</picture>
<h2 class="subheader"> <b> About Me </b> </h2>
<p>My name is Priscila Garcia-Mendoza, and I am an emerging tech professional looking to break into the tech field. Currently, I am enrolled in a workforce training program called Year Up Puget Sound, where I am gaining the skills and knowledge needed in software development.</p>
<p>With a strong passion for technology that started at a young age, I have been continuously drawn to the ever-evolving world of tech. I believe that technology plays an essential role in shaping our future, and I am very excited to be a part of the generation that drives that innovation in this field.</p>
<p>Throughout my work experience in various industries such as retail, food, and healthcare, I have developed exceptional customer service and a diligent work ethic. These valuable skills have shaped me into a well-rounded individual, ready to contribute to the tech industry.</p>
<p>From my earliest exposure to computer classes in elementary school to my college years, I developed a genuine passion for and deepened my understanding of HTML, CSS, and Javascript. This led me to pursue further education and training, which brought me to Year Up. Currently, I am expanding my knowledge by learning various programming languages, including Python, with the ultimate goal of becoming a skilled front-end software developer.</p>
<p>I am eager to showcase my strong customer service and problem-solving abilities to contribute positively to a progressive and innovative company. You can find links to my personal projects, LinkedIn profile, and GitHub above. Please feel free to connect with me over LinkedIn, where we can explore potential business opportunities and engage in meaningful discussions! </p>
<h3 class="subheader"> <b> Fun Facts! </b> </h3>
<p>When I am not immersed in coding, I enjoy spending time outdoors, going on hikes, and having picnics under the sun. Staying active at the gym is also an important part of my routine. Indoors, I find relaxation and joy in activities like binge-watching shows, crocheting, and playing video games.</p>
<footer>
<p><small>© 2021-<span id="this-year"></span> by
Priscila Garcia-Mendoza, All Rights Reserved ~
<a id="html-checker" href="#" target="_blank">Check HTML</a> ~
<a id="css-checker" href="#" target="_blank">Check CSS</a></small>
</p>
</footer>
</main>
<!-- Toggle between adding and removing the "responsive" class to topnav when the user clicks on the icon -->
<script>
//https://tinyurl.com/dynamic-html-checker
document.getElementById("html-checker").setAttribute("href", "https://validator.w3.org/nu/?doc=" + location.href);
document.getElementById("css-checker").setAttribute("href", "https://jigsaw.w3.org/css-validator/validator?uri=" + location.href);
//set current year in span with id of this-year
let d = new Date(); let thisYear = d.getFullYear();
document.getElementById("this-year").innerHTML = thisYear;
//manages mobile nav
function myFunction() {
var x = document.getElementById("myTopnav");
if (x.className === "topnav") {
x.className += " responsive";
} else {
x.className = "topnav";
}
}
</script>
</body>
</html>