diff --git a/index.html b/index.html new file mode 100644 index 0000000..a7be028 --- /dev/null +++ b/index.html @@ -0,0 +1,34 @@ + + + + + Portfolio Sketch + + + + + + + + +
+
+

Testing...

+
+
+
+
+
+
One
+
Two
+
Three
+
Four
+
Five
+
Six
+
+
+ + diff --git a/main.css b/main.css new file mode 100644 index 0000000..208cac4 --- /dev/null +++ b/main.css @@ -0,0 +1,48 @@ +@charset "UTF-8"; + +body { + font-family: sans-serif; + background-color: #55f; + //background-image: url("https://static.pexels.com/photos/375732/pexels-photo-375732.jpeg"); +} + +header { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1; + color: #999999; + background-color: #292929; + border-color: #101010; + border-style: solid; + border-width: 0; + border-bottom-width: 1px; +} + +.content { + margin: auto; + padding: 25px; + width: 900px; + height: 600px; +} + +.title { + left: auto; + right: auto; +} + +.centered { + margin-left: auto; + margin-right: auto; +} + +#top-spacer { + height: 100px; +} + +.outer-slider-div { + display: block; + height: 300px; + max-height: 300px; +} diff --git a/main.js b/main.js new file mode 100644 index 0000000..384eec5 --- /dev/null +++ b/main.js @@ -0,0 +1,7 @@ +$(document).ready(function(){ + $('.test-slider').slick({ + infinite: true, + slidesToShow: 3, + slidesToScroll: 3 + }); +});