updated skills

index.html

@@ -10,6 +10,9 @@
 			href="https://fonts.googleapis.com/css2?family=Source+Code+Pro:ital,wght@0,200;0,400;0,600;1,200;1,400;1,600&display=swap"
 			rel="stylesheet"
 		/>
+		<style>
+			@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;700&display=swap');
+			</style> 
 		<script src="https://use.fontawesome.com/e427b1b41a.js"></script>
 		<link rel="stylesheet" type="text/css" href="style.css" />
 		<title>Tyler Koenig</title>
@@ -24,6 +27,7 @@
 					<li>
 						<a href="#project-wrapper" target="_self">PROJECTS</a>
 					</li>
+					<li><a href="#skills" target="_self">SKILLS</a></li>
 				</ul>
 			</nav>
 			<header>
@@ -49,18 +53,6 @@
 							front-end web development through We Can Code IT
 							Bootcamp. Always interested in a challenge!
 						</p>
-						<h4>skills</h4>
-						<ul>
-							<li>adaptability</li>
-							<li>attention to detail</li>
-							<li>html/css</li>
-							<li>github</li>
-							<li>java</li>
-							<li>microsoft office</li>
-							<li>remote teamwork</li>
-							<li>test-driven development</li>
-							<li>time management</li>
-						</ul>
 					</div>
 					<div id="contact">
 						<h3>contact</h3>
@@ -106,8 +98,30 @@
 						</ul>
 					</div>
 				</section>
+				<section id="skills">
+					<h4>skills</h4>
+					<ul class="skills">
+						<li>Java</li>
+						<li>Spring</li>
+						<li>Thymeleaf</li>
+						<li>JavaScript</li>
+						<li>MVC</li>
+						<li>HTML</li>
+						<li>CSS</li>
+						<li>Test Driven Development</li>
+						<li>Agile (Scrum)</li>
+						<li>Object Oriented Programming</li>
+						<li>JSON</li>
+						<li>React</li>
+						<li>REST APIs</li>
+						<li>Responsive Design</li>
+						<li>Relational Databases</li>
+						<li>Source Control/ Github</li>
+					</ul>
+
+				</section>
 				<section id="project-wrapper">
-					<h2>projects.</h2>
+					<h2>projects</h2>
 					<div>
 						<article class="project-item">
 							<div>
@@ -238,7 +252,7 @@
 							</div>
 							<div id="project-container">
 								<div class="container-right">
-									<img src="/images/review-site.png" alt="">
+									<img src="/images/review-site.png" alt="" />
 									<div class="project-desc">
 										<p>
 											Designed a movie reviews website