diff --git a/settings/html.completion.cson b/settings/html.completion.cson
index 343822c..8df92f9 100644
--- a/settings/html.completion.cson
+++ b/settings/html.completion.cson
@@ -66,6 +66,8 @@
       'carousel-item'
       'navbar-dropdown'
       'nav-'
+      'media'
+      'media-list'
 
       # Classes
       'navbar'
diff --git a/snippets/components.cson b/snippets/components.cson
index 8c52f62..8a5f9a2 100644
--- a/snippets/components.cson
+++ b/snippets/components.cson
@@ -313,3 +313,37 @@
       ${6:<p class="help-block">${7:Help text here.}</p>}
     </div>
     """
+
+  'Media':
+    'prefix':'media'
+    'body':"""
+    <div class="media">
+      <div class="media-left media-middle">
+        <a href="#">
+          <img class="media-object" src="" alt="">
+        </a>
+      </div>
+      <div class="media-body">
+        <h4 class="media-heading"></h4>
+
+      </div>
+   </div>
+   """
+
+   'Media List':
+     'prefix':'media-list'
+     'body':"""
+     <ul class="media-list">
+       <li class="media">
+         <div class="media-left">
+           <a href="#">
+             <img class="media-object" src="" alt="">
+           </a>
+         </div>
+         <div class="media-body">
+            <h4 class="media-heading">Media heading</h4>
+            
+         </div>
+       </li>
+     </ul>
+     """