diff --git a/app.js b/app.js
index 4cd2524..c68a907 100644
--- a/app.js
+++ b/app.js
@@ -1 +1,28 @@
var pictureArr = ['http://www.astonhotels.com/assets/slides/690x380-Hawaii-Turtle.jpg','http://www.colbybrownphotography.com/assets/Hawaii_4461.jpg', 'http://www.hawaiiactive.com/img/pictures/kauai-kalalau-valley-lookout.jpg'];
+var i = 0;
+
+$('.slider').append('
')
+
+$('.fa-arrow-circle-o-right').on('click', function() {
+ $('.slider').empty()
+ $('.slider').append('')
+ i++
+ if (i > pictureArr.length - 1) {
+ i = 0;
+
+ }
+})
+
+$('.fa-arrow-circle-o-left').on('click', function() {
+ if (i === 0) {
+ i = 2;
+ $('.slider').empty()
+ $('.slider').append('')
+ } else {
+ i--
+ $('.slider').empty()
+ $('.slider').append('')
+ }
+})
+
+// $('fa-arrow-circle-o-left')
diff --git a/index.html b/index.html
index c72e87b..1655558 100644
--- a/index.html
+++ b/index.html
@@ -4,6 +4,7 @@
Slideshow
+
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..d7eef08
--- /dev/null
+++ b/style.css
@@ -0,0 +1,3 @@
+img {
+ width: 100%;
+}