diff --git a/images/lidia.jpg b/images/lidia.jpg
new file mode 100644
index 0000000..d97e191
Binary files /dev/null and b/images/lidia.jpg differ
diff --git a/index.html b/index.html
index 1373650..89756d3 100644
--- a/index.html
+++ b/index.html
@@ -19,16 +19,16 @@
 		<nav class="main-nav">
 			<ul class="nav">
 				<li><a href="#">Home</a></li>
-				<li><a href="resume.html">Resume</a></li>
+				<li><a href="subjects/resume.html">Resume</a></li>
+				<li><a href="subjects/experience.html">Experience</a></li>
 				<li><a href="#contact">Contact</a></li>
 			</ul>
 		</nav>
 
 		<header>
-			<img src="images/me.jpeg" alt="Picture of Lidia" title="Picture taken 4 years ago" class="profile-pic">
-			<h1 class="title-name">Lidia Ataupillco Ramos</h1>
-			<h2 class="title-description">Computer Science student at University of Alberta</h2>
-			<h3 class="title-description">Edmonton, AB, Canada</h3>
+			<img src="images/lidia.jpg" alt="Picture recently taken in 2020" title="Picture of Lidia" class="profile-pic">
+			<h1 class="title-name">Lidia Ataupillco</h1>
+			<h3 class="title-description">Software Developer Student - Currently at Amazon</h3>
 			<hr>
 			<br>
 		</header>
@@ -36,7 +36,7 @@ <h3 class="title-description">Edmonton, AB, Canada</h3>
 		<main>
 			<section class="section-tile">
 				<h2 class="section-title">Background</h2>
-				<p>Lidia is a second-year Computer Science student interested in human-computer interaction, educational technology, artificial intelligence, computer vision, and image and video analysis.</p>
+				<p>Lidia is a third-year Computer Science student interested in human-computer interaction, artificial intelligence, computer vision, and image and video analysis.</p>
 				<p>As a student at the University of Alberta, she strives to grow personally and professionally taking advantage of every opportunity she is presented with.</p>
 				<p>She is an active member of her community for which she has volunteered for many non-profit organizations focused on promoting diversity at her university.</p>
 			</section>
@@ -64,7 +64,7 @@ <h3>Grade Calculator</h3>
 
 				<div class='projects'>
 					<h3>Tip Calculator</h3>
-					<p>May 2019 - ongoing</p>
+					<p>May 2019</p>
 					<p>It calculates the tip that can be shared. Idea extracted from Carolyn
 					Hemmings but implemented by Lidia Ataupillco Ramos.</p>
 					<p>Check it out on <a href="https://dalidia.github.io/tip_calculator/">here</a></p>
@@ -85,19 +85,21 @@ <h3>Make you laugh</h3>
 			</section>
 		</main>
 
-	</body>
-
-	<footer class="contact-footer">
-		<h2 id="contact" class="section-title">Contact me on:</h2>
-
-		<div class="social-media">
-			<a href="https://www.instagram.com/lidia_ataupil/" target="_blank"><img src="images/Instagram_icon.png" alt="Instagram" class="social-icon"></a>
-			<a href="https://www.linkedin.com/in/lidia-ataupillco" target="_blank"><img src="images/linkedin_icon.png" alt="Instagram" class="social-icon"></a>
-			<a href="https://github.com/dalidia"><img src="images/github_icon.png" alt="Instagram" target="_blank" class="social-icon"></a>
-		</div>
-
-		<p class="copyright">Copyright &copy; 2019 Lidia Ataupillco Ramos</p>
+		<section class="contact-section">
+			<h2 id="contact" class="section-title">Contact me on:</h2>
 
+			<div class="social-media">
+				<a href="https://www.instagram.com/lidia_ataupil/" target="_blank"><img src="images/Instagram_icon.png" alt="Instagram" class="social-icon"></a>
+				<a href="https://www.linkedin.com/in/lidia-ataupillco" target="_blank"><img src="images/linkedin_icon.png" alt="Instagram" class="social-icon"></a>
+				<a href="https://github.com/dalidia"><img src="images/github_icon.png" alt="Instagram" target="_blank" class="social-icon"></a>
+			</div>
+			<p><a href="#">Back to top</a></p>
+		</section>
+	</body>
+	
+	<footer>
+		<p class="copyright"></p>
+		<script src="index.js"></script>
 	</footer>
 
 </html>
diff --git a/index.js b/index.js
new file mode 100644
index 0000000..154f560
--- /dev/null
+++ b/index.js
@@ -0,0 +1,5 @@
+(() => {
+  const dateObj = new Date();
+  const currentYear = dateObj.getFullYear();
+  document.getElementsByClassName('copyright')[0].innerHTML = `Copyright &copy; ${currentYear} Lidia Ataupillco Ramos`;
+})();
diff --git a/pdf/Lidia-resume.pdf b/pdf/Lidia-resume.pdf
new file mode 100644
index 0000000..9098337
Binary files /dev/null and b/pdf/Lidia-resume.pdf differ
diff --git a/resume.html b/resume.html
deleted file mode 100644
index 9547357..0000000
--- a/resume.html
+++ /dev/null
@@ -1,139 +0,0 @@
-<!DOCTYPE html>
-<html lang="en-US">
-	<head>
-		<title>Lidia's Resume</title>
-
-		<meta charset="utf-8">
-		<meta name="viewport" content="width=device-width, initial-scale=1.0">
-		<meta name="description" content="Lidia's resume">
-		<meta name="keywords" content="Lidia Ataupillco Ramos, Resume">
-		<meta name="author" content="Lidia Ataupillco Ramos">
-		<meta name="theme-color" content="purple">
-
-		<link rel="author" href='https://dalidia.github.io/'>
-		<link rel="stylesheet" href="styles.css">
-		<link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">
-	</head>
-
-	<body>
-		<nav class="main-nav">
-			<ul class="nav">
-				<li><a href="index.html">Home</a></li>
-				<li><a href="resume.html">Resume</a></li>
-				<li><a href="index.html#contact">Contact</a></li>
-			</ul>
-		</nav>
-		<header>
-			<img src="images/me.jpeg" alt="Picture of Lidia" title="Picture taken 4 years ago" class="profile-pic">
-			<h1 class="title-name">Lidia Ataupillco Ramos</h1>
-			<h2 class="title-description">Computer Science student at University of Alberta</h2>
-			<h3 class="tag-location">Edmonton, AB, Canada</h3>
-			
-		</header>
-		<hr>
-
-		<main>
-			<section>
-				<p>List of the sections of Lidia's Resume</p>
-				<ul>
-					<li><a href="#summary">Summary of skills</a></li>
-					<li><a href="#education">Education</a></li>
-					<li><a href="#volunteer">Volunteer Experience</a></li>
-					<li><a href="#awards">Awards and acknowledgments</a></li>
-				</ul>
-			</li>
-
-			<section id="summary">
-				<h2 class="section-title">Summary of Skills</h2>
-				<ul>
-					<li>Familiar with Python, C/C++, Bash, MIPS, git, HTML, and CSS</li>
-					<li>Very dedicated to working in teams as well as independently, and actively contributing to the success of the project.</li>
-					<li>Ability to grasp new topics and concepts quickly.</li>
-					<li>Continuous and curious learner looking to innovate.</li>
-					<li>Looking for an environment that could help develop leadership skills.</li>
-					<li id="education">Open-minded person.</li>
-					<li>Great communication skills in Spanish and English.</li>
-				</ul>
-			</section>
-
-			<section>
-				<h2 class="section-title">Education</h2>
-				<div class="line-size">
-					<h3><strong>University of Alberta,</strong> Edmonton, AB</h3>
-					<p>September 2017- May 2021</p>
-					<ul>
-						<li>B.Sc. Computing Science Specialization in Software Practice.</li>
-					</ul>
-				</div>
-
-				<div class="line-size">
-					<h3><strong>Colegio Champagnat,</strong> Lima, Peru</h3>
-					<p id="volunteer">December 2015</p>
-					<ul>
-						<li>International Baccalaureate Diploma.</li>
-					</ul>
-				</div>
-			</section>
-
-			<section>
-				<h2 class="section-title">Volunteer Experience</h2>
-				<div class="line-size">
-					<h3><strong>VP Admin,<br>Ada's Team, University of Alberta,</strong> Edmonton, AB</h3>
-					<p>May 2019 - ongoing</p>
-				</div>
-
-				<div class="line-size">
-					<h3><strong>Event Assistant,<br>International Student Services (ISS),</strong> University of Alberta, Edmonton, AB</h3>
-					<p>February 2019 - ongoing</p>
-					<ul>
-						<li>Assist large ISS programs or events (Transitions international student orientation, UAI annual Holiday Party, Futsal Tournament)</li>
-						<li>Assist smaller one-time events throughout the year (Tax Clinic)</li>
-						<li>Assist with event logistics</li>
-					</ul>
-				</div>
-
-				<div class="line-size">
-					<h3><strong>Sustainability Ambassador,<br>Reusable Dish Program (RDP),</strong> University of Alberta, Edmonton, AB</h3>
-					<p>September 2018 - April 2019</p>
-					<ul>
-						<li>Nominated as a Volunteer Spotlight.</li>
-						<li>Promote the service and increase visibility on campus, prepare orders and washing dishes.</li>
-						<li>Advocate for finding ways to reduce waste and being sustainable.</li>
-					</ul>
-				</div>
-
-				<div class="line-size">
-					<h3><strong>Volunteer,<br>School “Siempre Amanecer”,</strong> Lima, Peru</h3>
-					<p>April-December 2016</p>
-					<ul>
-						<li>Prepared activities in groups and engaged children with autism into games to develop their motor skills.</li>
-					</ul>
-				</div>
-
-				<div class="line-size">
-					<h3><strong>Tutor,<br>Children’s home “La Ciudad de Los Niños”</strong>, Lima, Peru</h3>
-					<p>April-December 2015</p>
-					<ul>
-						<li>Taught children multiple subjects with the main focus on math.</li>
-						<li>Prepare activities and games to play in groups.</li>
-					</ul>
-				</div>
-			</section>
-
-			<section id="awards">
-				<h2 class="section-title">Awards and Acknowledgments</h2>
-				<ul>
-					<li>First Class Standing (2018)</li>
-					<li>Dean’s List (2018)</li>
-					<li>International Student Scholarship (2017)</li>
-					<li>University of Alberta Country Scholarship (2017)</li>
-				</ul>
-			</section>
-		</main>
-	</body>
-
-	<footer>
-		<p class="copyright"><small>Copyright &copy; 2019 Lidia Ataupillco Ramos</small></p>
-		<p><a href="#">Back to top</a></p>
-	</footer>
-</html>
\ No newline at end of file
diff --git a/styles.css b/styles.css
index fe1627c..9661916 100644
--- a/styles.css
+++ b/styles.css
@@ -3,6 +3,10 @@
 	box-sizing: border-box;
 }
 
+html, body {
+	height: 100%;
+}
+
 header {
 	text-align:center;
 	line-height: 1.2em;
@@ -42,7 +46,7 @@ a:hover {
 	position:fixed;
 	min-height: 30px;
 	text-align: center;
-	padding: 10px;
+	padding: .5em;
 }
 
 .nav {
@@ -52,12 +56,12 @@ a:hover {
 	list-style-type:none;
 	padding:0;
 	margin: 0 auto;
-	font-size: 1.5em;
+	font-size: 1.4em;
 }
 
-.nav li {
+/* .nav li {
 	padding: .3em 1em .3em 1em;
-}
+} */
 
 .nav a {
 	transition: all .5s;
@@ -92,7 +96,7 @@ a:hover {
 header .profile-pic {
 	border-radius: 40%;
 	border: solid 4px white;
-	width:17em;
+	width:15em;
 	height:15em;
 	margin-top:6em;
 }
@@ -102,7 +106,7 @@ header .profile-pic:hover {
 	transition: all .5s;
 }
 
-.contact-footer {
+.contact-section {
 	margin-left:4.5em;
 	margin-right:2.5em;
 	margin-bottom: 2.5em;
@@ -141,6 +145,29 @@ header .profile-pic:hover {
 	border-radius: 1em;
 }
 
+.list-description {
+	padding-left: 1em;
+}
+
+.copyright {
+	background-color: purple;
+	color: white;
+	padding: .5em 0;
+	text-align: center;
+	font-size: .9em;
+}
+
+.resume-nav-bottom {
+	margin-top: 2.5em;
+}
+
+#work-experience-nav-bottom {
+	margin-top: 5em;
+}
+
+#volunteer-experience-nav-bottom {
+	margin-top: 5em;
+}
 
 @media screen and (max-width: 800px) {
 	main {
@@ -150,6 +177,10 @@ header .profile-pic:hover {
 	.title-description {
 		line-height: 1.2em;
 	}
+
+	#volunteer-experience-nav-bottom {
+		margin-top: 1.7em;
+	}
 }
 
 
diff --git a/subjects/experience.html b/subjects/experience.html
new file mode 100644
index 0000000..7abdcf3
--- /dev/null
+++ b/subjects/experience.html
@@ -0,0 +1,75 @@
+<!DOCTYPE html>
+<html lang="en-US">
+  <head>
+		<title>Lidia's Resume</title>
+
+		<meta charset="utf-8">
+		<meta name="viewport" content="width=device-width, initial-scale=1.0">
+		<meta name="description" content="Lidia's resume">
+		<meta name="keywords" content="Lidia Ataupillco Ramos, Resume">
+		<meta name="author" content="Lidia Ataupillco Ramos">
+		<meta name="theme-color" content="purple">
+
+		<link rel="author" href='https://dalidia.github.io/'>
+		<link rel="stylesheet" href="../styles.css">
+		<link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">
+	</head>
+
+	<body>
+		<nav class="main-nav">
+			<ul class="nav">
+				<li><a href="../index.html">Home</a></li>
+				<li><a href="resume.html">Resume</a></li>
+				<li><a href="../subjects/experience.html">Experience</a></li>
+				<li><a href="../index.html#contact">Contact</a></li>
+			</ul>
+		</nav>
+	</body>
+
+  <main>
+    <section class="section-tile" id="work-experience-nav-bottom">
+      <h2 class="section-title">Work Experience</h2>
+      <div class='projects'>
+        <h3>Software Development Engineer - Amazon</h3>
+        <p>May - August 2020</p>
+      </div>
+
+      <div class='projects'>
+        <h3>Software Developer Co-Op - Intuit</h3>
+        <p>January - May 2020</p>
+        <ul class='list-description'>
+          <li>Implemented system to streamline the development process of 12 teams with 100+ developers.</li>
+          <li>Built user interface to improve the development experience for 100+ developers. Used React for front-end and Python for back-end</li>
+          <li>Monitored system quality tests to ensure the robustness of APIs.</li>
+        </ul>
+      </div>
+    </section>
+
+    <section class="section-tile" id="volunteer-experience-nav-bottom">
+      <h2 class="section-title">Volunteer Experience</h2>
+      <div class='projects'>
+        <h3>VP Admin - Ada’s Team, University of Alberta</h3>
+        <p>May 2019 - May 2020</p>
+        <ul class='list-description'>
+          <li>Interviewed  10+ tutors and room sitters, and organized technical events.</li>
+          <li>Promote diversity on campus with experienced tutors.</li>
+        </ul>
+      </div>
+
+      <div class='projects'>
+        <h3>Coach - Women In Technology (WIT) Peru</h3>
+        <p>May 2019 - August 2019</p>
+        <ul class='list-description'>
+          <li>Mentored a Python introductory workshop for women between the ages of 17-35 to encourage greater women participation in the technology field.</li>
+          <li>Part of 2 meetup planning and organization.</li>
+        </ul>
+      </div>
+    </section>
+      
+  </main>
+  <footer>
+    <p class="copyright"></p>
+		<script src="../index.js"></script>
+  </footer>
+
+</html>
\ No newline at end of file
diff --git a/subjects/resume.html b/subjects/resume.html
new file mode 100644
index 0000000..b20a1ff
--- /dev/null
+++ b/subjects/resume.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html lang="en-US">
+	<head>
+		<title>Lidia's Resume</title>
+
+		<meta charset="utf-8">
+		<meta name="viewport" content="width=device-width, initial-scale=1.0">
+		<meta name="description" content="Lidia's resume">
+		<meta name="keywords" content="Lidia Ataupillco Ramos, Resume">
+		<meta name="author" content="Lidia Ataupillco Ramos">
+		<meta name="theme-color" content="purple">
+
+		<link rel="author" href='https://dalidia.github.io/'>
+		<link rel="stylesheet" href="../styles.css">
+		<link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">
+	</head>
+
+	<body>
+		<nav class="main-nav">
+			<ul class="nav">
+				<li><a href="../index.html">Home</a></li>
+				<li><a href="resume.html">Resume</a></li>
+				<li><a href="../subjects/experience.html">Experience</a></li>
+				<li><a href="../index.html#contact">Contact</a></li>
+			</ul>
+		</nav>
+		<embed src="../pdf/Lidia-resume.pdf" class="resume-nav-bottom" type="application/pdf" width="100%" height="100%">
+	</body>
+
+	<!-- <footer>
+		<p class="copyright"></p>
+		<script src="../index.js"></script>
+	</footer> -->
+</html>
\ No newline at end of file