diff --git a/content/roadmaps/100-frontend/content/108-css-architecture/101-oocss.md b/content/roadmaps/100-frontend/content/108-css-architecture/101-oocss.md
index c89fd9ccc..fa240338b 100644
--- a/content/roadmaps/100-frontend/content/108-css-architecture/101-oocss.md
+++ b/content/roadmaps/100-frontend/content/108-css-architecture/101-oocss.md
@@ -1 +1,7 @@
-# Oocss
\ No newline at end of file
+# OOCSS
+
+As with any object-based coding method, the purpose of OOCSS or Object Oriented CSS is to encourage code reuse and, ultimately, faster and more efficient stylesheets that are easier to add to and maintain.
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+<BadgeLink colorScheme='blue' badgeText='Official Website' href='http://oocss.org/'>OOCSS Official Website</BadgeLink>
+<BadgeLink colorScheme='yellow' badgeText='Read' href='https://www.smashingmagazine.com/2011/12/an-introduction-to-object-oriented-css-oocss/'>Introduction to Object Oriented CSS</BadgeLink>