diff --git a/README.md b/README.md
index 0ee8cd1..4b52449 100644
--- a/README.md
+++ b/README.md
@@ -49,7 +49,8 @@ CSS if desired with the `width` attribute.
```
Columns stack up right to left. To force a column out of order all the way to
-the right use the `flow-opposite` class on the column.
+the right use the `flow-opposite` class on the column (but remain first on
+smaller screens).
```html
@@ -75,3 +76,13 @@ desktop, use `hide-desktop` instead.
Another note: I use [box-sizing (as suggested by Paul
Irish)](http://www.paulirish.com/2012/box-sizing-border-box-ftw/), which I think
makes dealing with sizing elements a lot more sane.
+
+##Attributions##
+[Book](http://thenounproject.com/term/book/23611/) designed by [Nherwin
+Ardoña](http://thenounproject.com/nherwinma) from the Noun Project.
+
+[Profile](http://thenounproject.com/term/profile/20733/) designed by [Ryan
+Beck](http://thenounproject.com/RyanBeck) from the Noun Project.
+
+[Photos](http://thenounproject.com/term/photos/29898/) designed by [Ryan
+Beck](http://thenounproject.com/RyanBeck) from the Noun Project.
diff --git a/css/main.css b/css/main.css
index 5ad0fec..51e0679 100755
--- a/css/main.css
+++ b/css/main.css
@@ -351,3 +351,36 @@ blockquote p {
margin-top: 0;
}
}
+
+.link-card {
+ text-align: center;
+ text-decoration: none;
+}
+
+.link-card img {
+ max-width: 64px;
+ max-height: 64px;
+}
+
+.mobile-half {
+ padding: 0;
+ float: left;
+ width: 50%;
+}
+
+@media (min-width: 40rem) {
+ .mobile-half {
+ padding: 0;
+ }
+}
+
+a.no-decoration {
+ color: #444;
+}
+a.no-decoration:visited {
+ color: #444;
+}
+a.no-decoration:hover {
+ color: #444;
+ text-decoration: none;
+}
diff --git a/img/book.png b/img/book.png
new file mode 100644
index 0000000..2848711
Binary files /dev/null and b/img/book.png differ
diff --git a/img/github.png b/img/github.png
new file mode 100644
index 0000000..182a1a3
Binary files /dev/null and b/img/github.png differ
diff --git a/img/photos.png b/img/photos.png
new file mode 100644
index 0000000..a62192f
Binary files /dev/null and b/img/photos.png differ
diff --git a/img/resume.png b/img/resume.png
new file mode 100644
index 0000000..d792a44
Binary files /dev/null and b/img/resume.png differ
diff --git a/index.html b/index.html
index 713723e..580d073 100644
--- a/index.html
+++ b/index.html
@@ -40,4 +40,38 @@ title: Tyler Hallada
+
+ Photos
+