pics added

index.html

@@ -21,7 +21,9 @@
 				<ul>
 					<li><a href="#bio" target="_self">ABOUT</a></li>
 					<li><a href="#contact" target="_self">CONTACT</a></li>
-					<li><a href="#projects" target="_self">PROJECTS</a></li>
+					<li>
+						<a href="#project-wrapper" target="_self">PROJECTS</a>
+					</li>
 				</ul>
 			</nav>
 			<header>
@@ -197,7 +199,7 @@
 							<div id="project-container">
 								<div class="container-right">
 									<img
-										src="/images/amok.png"
+										src="/images/trek.png"
 										alt="virtual-pet-amok-console"
 									/>
 									<div class="project-desc">
@@ -236,10 +238,7 @@
 							</div>
 							<div id="project-container">
 								<div class="container-right">
-									<img
-										src="/images/amok.png"
-										alt="virtual-pet-amok-console"
-									/>
+									<img src="/images/review-site.png" alt="">
 									<div class="project-desc">
 										<p>
 											Designed a movie reviews website
@@ -411,5 +410,6 @@
 				</div>
 			</footer>
 		</div>
+		<script src="index.js" type="text/java"></script>
 	</body>
 </html>

index.js

@@ -0,0 +1,23 @@
+console.log('hello nurse');
+
+var slideIndex = 1;
+showDivs(slideIndex);
+
+function plusDivs(n) {
+	showDivs((slideIndex += n));
+}
+
+function showDivs(n) {
+	var i;
+	var x = document.getElementsByClassName('mySlides');
+	if (n > x.length) {
+		slideIndex = 1;
+	}
+	if (n < 1) {
+		slideIndex = x.length;
+	}
+	for (i = 0; i < x.length; i++) {
+		x[i].style.display = 'none';
+	}
+	x[slideIndex - 1].style.display = 'block';
+}

style.css

@@ -215,7 +215,8 @@ h4 {
 }
 
 .project-item img {
-	width: 90%;
+	max-width: 375px;
+	/* width: 90%; */
 	box-shadow: 10px 10px 11px 0px rgba(0, 0, 0, 0.75);
 	-webkit-box-shadow: 10px 10px 11px 0px rgba(0, 0, 0, 0.75);
 	-moz-box-shadow: 10px 10px 11px 0px rgba(0, 0, 0, 0.75);