diff --git a/no-sprites/bin/dev.sh b/no-sprites/bin/dev.sh
new file mode 100755
index 0000000..035ccdf
--- /dev/null
+++ b/no-sprites/bin/dev.sh
@@ -0,0 +1,2 @@
+sass -l --update style:style
+sass -l --watch style:style
\ No newline at end of file
diff --git a/no-sprites/bin/prod.sh b/no-sprites/bin/prod.sh
new file mode 100755
index 0000000..9282d92
--- /dev/null
+++ b/no-sprites/bin/prod.sh
@@ -0,0 +1 @@
+sass --style compressed --update style:style
\ No newline at end of file
diff --git a/no-sprites/index.html b/no-sprites/index.html
new file mode 100644
index 0000000..3f29655
--- /dev/null
+++ b/no-sprites/index.html
@@ -0,0 +1,78 @@
+
+
+
+
+
+
+
+ -
+
+ amazon
+
+ -
+
+ creativecommons
+
+ -
+
+ email
+
+ -
+
+ facebook
+
+ -
+
+ feed
+
+ -
+
+ flickr
+
+ -
+
+ foursquare
+
+ -
+
+ github
+
+ -
+
+ google+
+
+ -
+
+ instagram
+
+ -
+
+ lanyrd
+
+ -
+
+ lastfm
+
+ -
+
+ linkedin
+
+ -
+
+ reddit
+
+ -
+
+ speakerdeck
+
+ -
+
+ twitter
+
+ -
+
+ youtube
+
+
+
+
\ No newline at end of file
diff --git a/no-sprites/style/_components.scss b/no-sprites/style/_components.scss
new file mode 100644
index 0000000..9023c05
--- /dev/null
+++ b/no-sprites/style/_components.scss
@@ -0,0 +1,60 @@
+// icons
+ .i {
+ width: 48px;
+ height: 48px;
+ margin: 5px 0;
+ display: inline-block;
+ vertical-align: middle;
+ }
+
+ .i-amazon {
+ background-image: url(imgs/social-icons/amazon.png);
+ }
+ .i-creativecommons {
+ background-image: url(imgs/social-icons/creativecommons.png);
+ }
+ .i-email {
+ background-image: url(imgs/social-icons/email.png);
+ }
+ .i-facebook {
+ background-image: url(imgs/social-icons/facebook.png);
+ }
+ .i-feed {
+ background-image: url(imgs/social-icons/feed.png);
+ }
+ .i-flickr {
+ background-image: url(imgs/social-icons/flickr.png);
+ }
+ .i-foursquare {
+ background-image: url(imgs/social-icons/foursquare.png);
+ }
+ .i-github {
+ background-image: url(imgs/social-icons/github.png);
+ }
+ .i-google {
+ background-image: url(imgs/social-icons/google.png);
+ }
+ .i-instagram {
+ background-image: url(imgs/social-icons/instagram.png);
+ }
+ .i-lanyrd {
+ background-image: url(imgs/social-icons/lanyrd.png);
+ }
+ .i-lastfm {
+ background-image: url(imgs/social-icons/lastfm.png);
+ }
+ .i-linkedin {
+ background-image: url(imgs/social-icons/linkedin.png);
+ }
+ .i-reddit {
+ background-image: url(imgs/social-icons/reddit.png);
+ }
+ .i-speakerdeck {
+ background-image: url(imgs/social-icons/speakerdeck.png);
+ }
+ .i-twitter {
+ background-image: url(imgs/social-icons/twitter.png);
+ }
+ .i-youtube {
+ background-image: url(imgs/social-icons/youtube.png);
+ }
\ No newline at end of file
diff --git a/no-sprites/style/_utils.scss b/no-sprites/style/_utils.scss
new file mode 100644
index 0000000..e69de29
diff --git a/no-sprites/style/all.scss b/no-sprites/style/all.scss
new file mode 100644
index 0000000..45547f9
--- /dev/null
+++ b/no-sprites/style/all.scss
@@ -0,0 +1,2 @@
+@import 'utils';
+@import 'components';
\ No newline at end of file
diff --git a/no-sprites/style/imgs/social-icons/amazon.png b/no-sprites/style/imgs/social-icons/amazon.png
new file mode 100644
index 0000000..ee6c17b
Binary files /dev/null and b/no-sprites/style/imgs/social-icons/amazon.png differ
diff --git a/no-sprites/style/imgs/social-icons/creativecommons.png b/no-sprites/style/imgs/social-icons/creativecommons.png
new file mode 100644
index 0000000..9e2e176
Binary files /dev/null and b/no-sprites/style/imgs/social-icons/creativecommons.png differ
diff --git a/no-sprites/style/imgs/social-icons/email.png b/no-sprites/style/imgs/social-icons/email.png
new file mode 100644
index 0000000..ef2e5c6
Binary files /dev/null and b/no-sprites/style/imgs/social-icons/email.png differ
diff --git a/no-sprites/style/imgs/social-icons/facebook.png b/no-sprites/style/imgs/social-icons/facebook.png
new file mode 100644
index 0000000..f130c52
Binary files /dev/null and b/no-sprites/style/imgs/social-icons/facebook.png differ
diff --git a/no-sprites/style/imgs/social-icons/feed.png b/no-sprites/style/imgs/social-icons/feed.png
new file mode 100644
index 0000000..494caee
Binary files /dev/null and b/no-sprites/style/imgs/social-icons/feed.png differ
diff --git a/no-sprites/style/imgs/social-icons/flickr.png b/no-sprites/style/imgs/social-icons/flickr.png
new file mode 100644
index 0000000..63c4d81
Binary files /dev/null and b/no-sprites/style/imgs/social-icons/flickr.png differ
diff --git a/no-sprites/style/imgs/social-icons/foursquare.png b/no-sprites/style/imgs/social-icons/foursquare.png
new file mode 100644
index 0000000..7e70956
Binary files /dev/null and b/no-sprites/style/imgs/social-icons/foursquare.png differ
diff --git a/no-sprites/style/imgs/social-icons/github.png b/no-sprites/style/imgs/social-icons/github.png
new file mode 100644
index 0000000..ddca623
Binary files /dev/null and b/no-sprites/style/imgs/social-icons/github.png differ
diff --git a/no-sprites/style/imgs/social-icons/google.png b/no-sprites/style/imgs/social-icons/google.png
new file mode 100644
index 0000000..1401a9a
Binary files /dev/null and b/no-sprites/style/imgs/social-icons/google.png differ
diff --git a/no-sprites/style/imgs/social-icons/instagram.png b/no-sprites/style/imgs/social-icons/instagram.png
new file mode 100644
index 0000000..fb7be1f
Binary files /dev/null and b/no-sprites/style/imgs/social-icons/instagram.png differ
diff --git a/no-sprites/style/imgs/social-icons/lanyrd.png b/no-sprites/style/imgs/social-icons/lanyrd.png
new file mode 100644
index 0000000..2d49212
Binary files /dev/null and b/no-sprites/style/imgs/social-icons/lanyrd.png differ
diff --git a/no-sprites/style/imgs/social-icons/lastfm.png b/no-sprites/style/imgs/social-icons/lastfm.png
new file mode 100644
index 0000000..c2981ed
Binary files /dev/null and b/no-sprites/style/imgs/social-icons/lastfm.png differ
diff --git a/no-sprites/style/imgs/social-icons/linkedin.png b/no-sprites/style/imgs/social-icons/linkedin.png
new file mode 100644
index 0000000..b9aa0e4
Binary files /dev/null and b/no-sprites/style/imgs/social-icons/linkedin.png differ
diff --git a/no-sprites/style/imgs/social-icons/reddit.png b/no-sprites/style/imgs/social-icons/reddit.png
new file mode 100644
index 0000000..b958b1b
Binary files /dev/null and b/no-sprites/style/imgs/social-icons/reddit.png differ
diff --git a/no-sprites/style/imgs/social-icons/speakerdeck.png b/no-sprites/style/imgs/social-icons/speakerdeck.png
new file mode 100644
index 0000000..4e27866
Binary files /dev/null and b/no-sprites/style/imgs/social-icons/speakerdeck.png differ
diff --git a/no-sprites/style/imgs/social-icons/twitter.png b/no-sprites/style/imgs/social-icons/twitter.png
new file mode 100644
index 0000000..bdd6b14
Binary files /dev/null and b/no-sprites/style/imgs/social-icons/twitter.png differ
diff --git a/no-sprites/style/imgs/social-icons/youtube.png b/no-sprites/style/imgs/social-icons/youtube.png
new file mode 100644
index 0000000..43a1a0e
Binary files /dev/null and b/no-sprites/style/imgs/social-icons/youtube.png differ