diff --git a/css/custom.css b/css/custom.css
index 6e7ce8b..4d999bf 100644
--- a/css/custom.css
+++ b/css/custom.css
@@ -1 +1,307 @@
-/* You can include your custom styling here */
\ No newline at end of file
+body {
+  background-color: rgb(248, 249, 250);
+  min-width: 330px;
+}
+/*Navigation*/
+
+.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
+  margin-left: -15px;
+}
+
+
+
+.navbar {
+    background: #fff;
+    border-bottom: 2px solid #d9e0e2;
+    font: 200 1em 'Source Sans Pro',Arial,Helvetica,sans-serif;
+    height: 50px;
+}
+
+.navbar-brand {
+  padding: 13.5px 13.5px;
+}
+
+#nav-left a {
+  font-family: 'Fjalla One',sans-serif;
+  font-weight: 400;
+  font-size: 16px;
+  background: transparent;
+  color: #879096;
+  opacity: .6;
+  border-bottom: 2px solid transparent;
+  padding-left: 0;
+  padding-right: 0;
+  margin-right: 16px;
+  height: 50px;
+  -webkit-font-smoothing: antialiased;
+}
+
+#nav-left a:first-child {
+  margin-left: 2px;
+}
+
+#nav-left .active a {
+  border-color: #ff3c1f;
+  color: #ff3c1f;
+  opacity: 1;
+}
+
+#nav-left a:hover {
+  border-color: #ff3c1f;
+  color: #ff3c1f;
+  opacity: 1;
+}
+
+#navbar-right {
+  float: right;
+  margin: 0;
+}
+
+@media (max-width: 991px) {
+  #navbar-right{
+    margin-right: -15px;
+  }
+}
+
+#navbar-right a {
+  text-align: center;
+  color: #4e5860; 
+  padding-top: 15px;
+}
+
+#navbar-right a:hover {
+  color: #ef4423;
+  text-decoration: none;
+}
+
+.navbar-right li{
+  display: inline-block;
+  box-shadow: inset 1px 0 0 0 rgba(0,0,0,0.05);
+  min-width: 50px;
+  max-width: 90px;
+  height: 50px;
+}
+                  /*navbar search*/
+.form-group {
+  margin-bottom: 0;
+}
+.navbar-form {
+  margin-top: 6px;
+  padding-right: 6px;
+  padding-left: 0px;
+}
+#navform  {
+  background-color: rgb(247, 249, 249);
+  width: 244px;
+  height: 36px;
+}
+#navsearch {
+  min-width: 30px;
+}
+#navsearch a {
+  padding-right: 15;
+}
+              /*navbar social follow*/
+#fb, #rss, #twitter, #follow {
+  box-shadow: none;
+}
+#rss {
+  min-width: 30px;
+}
+#rss a {
+  padding-left: 10px;
+  padding-right: 0;
+}
+#twitter {
+  min-height: 50px;
+  padding-top: 15px;
+}
+#fb a{
+  padding-right: 5px;
+}
+#follow small {
+  font-size: 10px;
+  font-weight: 800;
+}
+.follow-menu {
+  width: 300px;
+  background-color: rgb(42, 53, 64);
+  color: #fff;
+  vertical-align: middle;
+}
+.follow-menu .col-xs-4 {
+  height: 80px;
+
+}
+
+                  /*Feed*/
+#feed {
+  background-color: rgb(255, 255, 255);
+  float: left;
+  width: 325px;
+  height: 100%;
+  border-right-style: solid;
+  border-color: rgb(217, 224, 226);
+  border-right-width: 1px;
+  position: fixed;
+}
+.feed-top, .feed-footer, .feed-content {
+  background-color: rgb(255, 255, 255);
+  border-right-style: solid;
+  border-color: rgb(217, 224, 226);
+  border-right-width: 1px;
+}
+.container-feed {
+  width: 325px;
+}
+.feed-top{
+  height: 20%;
+  padding-top: 20px;
+  padding-bottom: 20px;
+  border-bottom-style: solid;
+  border-color: rgb(217, 224, 226);
+  border-bottom-width: 1px;
+  width: 325px;
+}
+.feed-content {
+  width: 325px;
+  position: fixed;
+  height: 75%;
+  overflow-y: scroll;
+}
+.feed-div {
+  height: 10px;
+}
+.feed-tabs, .feed-div {
+  padding: 10px 0;
+  border-bottom-style: solid;
+  border-color: rgb(217, 224, 226);
+  border-bottom-width: 1px;
+}
+.feed-top > div:first-child {
+  padding-bottom: 10px;
+}
+.feed-footer {
+  height: 5%;
+  position: fixed;
+  bottom: 0;
+  border-top-style: solid;
+  border-color: rgb(217, 224, 226);
+  border-top-width: 1px;
+  width: 325px;
+  padding-top: 10px;
+  padding-bottom: 14px;
+}
+.feed-footer ul {
+  height: 25px;
+  padding-left: 0;
+  margin-bottom: 0;
+  text-align: center;
+}
+.feed-footer li {
+  display: inline-block;
+  margin: 1px 3px;
+}
+.feed-btn button {
+  width: 147px;
+}
+.form-control {
+  background-color: #ff3c1f;    
+  height: 37px;
+  color: white;
+}
+.btn-feed {
+  background-color: #fff;
+  border-color: #ccc;
+}
+button.active {
+  background-color: #f8f9fa;
+}
+.btn.active:focus, .btn:focus {
+  outline: none;
+  outline-offset: none;
+}
+.feed-tabs .thumbnail {
+  border: none;
+}
+.feed-tabs img {
+  border-radius: 3px;
+}
+.feed-tabs .col-lg-8 {
+  padding-left: 0;
+}
+.feed-tabs .col-lg-4 {
+  padding-right: 5px;
+  height: 60px;
+}
+.caption p {
+  font-size: 14px;
+  color: rgb(78, 88, 87);
+  font-family: 'Source Sans Pro', sans-serif;
+  -webkit-font-smoothing: antialiased;
+}
+.caption small {
+  font-size: 13px;
+  color: rgb(166, 171, 175);
+  font-family: 'FF Tisa', Georgia, serif;
+  -webkit-font-smoothing: antialiased;
+}
+
+
+
+                  /*Content*/
+#main-content {
+  padding-top: 10px;
+}
+#main-content h1 {
+  -webkit-font-smoothing: subpixel-antialiased;
+  color: rgb(1, 1, 1);
+  cursor: auto;
+  font-family: 'Source Sans Pro', sans-serif;
+  font-size: 40px;
+  font-style: normal;
+  font-weight: 200;
+  line-height: 48px;
+  text-decoration: none;
+}
+#main-content em {
+  color: rgb(166, 171, 175);
+  -webkit-font-smoothing: subpixel-antialiased;
+  font-size: 13px;
+}
+#main-content strong {
+  -webkit-font-smoothing: subpixel-antialiased;
+  color: rgb(255, 60, 31);
+  font-family: 'Fjalla One';
+  font-size: 12px;
+  font-style: normal;
+  font-weight: bold;
+}
+.keep-read {
+  color: rgb(255, 60, 31);
+  font-weight: bold;
+}
+@media (min-width: 1200px) {
+  #main-content {
+    margin-left: 325px;
+    padding-top: 22px
+  }
+  #support-banner {
+    /*margin-bottom: 12px;*/
+  }
+  .content {
+    margin-top: 35px;
+  }
+}
+.container-content {
+  max-width: 830px;
+}
+.content {
+  background-color: rgb(255, 255, 255);
+  border: 1px solid #d9e0e2;
+  padding-top: 30px;
+  min-height: 800px;
+}
+#support-banner {
+  text-align: center;
+}
\ No newline at end of file
diff --git a/images/main/well-dressed-man-in-coat-520x245.jpg b/images/main/coat.jpg
similarity index 100%
rename from images/main/well-dressed-man-in-coat-520x245.jpg
rename to images/main/coat.jpg
diff --git a/images/main/Square-Reader-520x245.jpg b/images/main/phone.jpg
similarity index 100%
rename from images/main/Square-Reader-520x245.jpg
rename to images/main/phone.jpg
diff --git a/images/main/FireShot-Screen-Capture-357-adidas-Originals-I-mi-ZX-FLUX-Photo-Print-App-www_adidas_co_uk_mizxflux-520x245.png b/images/main/shoe.png
similarity index 100%
rename from images/main/FireShot-Screen-Capture-357-adidas-Originals-I-mi-ZX-FLUX-Photo-Print-App-www_adidas_co_uk_mizxflux-520x245.png
rename to images/main/shoe.png
diff --git a/images/sidebar/well-dressed-man-in-coat-60x50.jpg b/images/sidebar/coat-tb.jpg
similarity index 100%
rename from images/sidebar/well-dressed-man-in-coat-60x50.jpg
rename to images/sidebar/coat-tb.jpg
diff --git a/images/sidebar/kits-and-themese-feat-60x50.jpg b/images/sidebar/kit-tb.jpg
similarity index 100%
rename from images/sidebar/kits-and-themese-feat-60x50.jpg
rename to images/sidebar/kit-tb.jpg
diff --git a/images/sidebar/Full-Page-Beauty-Bundle-Screenshot-3-1-60x50.png b/images/sidebar/mountain-tb.png
similarity index 100%
rename from images/sidebar/Full-Page-Beauty-Bundle-Screenshot-3-1-60x50.png
rename to images/sidebar/mountain-tb.png
diff --git a/images/sidebar/Square-Reader-60x50.jpg b/images/sidebar/phone-tb.jpg
similarity index 100%
rename from images/sidebar/Square-Reader-60x50.jpg
rename to images/sidebar/phone-tb.jpg
diff --git a/images/sidebar/FireShot-Screen-Capture-357-adidas-Originals-I-mi-ZX-FLUX-Photo-Print-App-www_adidas_co_uk_mizxflux-60x50.png b/images/sidebar/shoe-tb.png
similarity index 100%
rename from images/sidebar/FireShot-Screen-Capture-357-adidas-Originals-I-mi-ZX-FLUX-Photo-Print-App-www_adidas_co_uk_mizxflux-60x50.png
rename to images/sidebar/shoe-tb.png
diff --git a/images/social/fb.png b/images/social/fb.png
new file mode 100644
index 0000000..b823c6b
Binary files /dev/null and b/images/social/fb.png differ
diff --git a/images/social/rss.png b/images/social/rss.png
new file mode 100644
index 0000000..9c304e2
Binary files /dev/null and b/images/social/rss.png differ
diff --git a/index.html b/index.html
index ce15d9c..47ffe89 100644
--- a/index.html
+++ b/index.html
@@ -18,65 +18,316 @@
     <script src="js/ie-emulation-modes-warning.js"></script><style type="text/css"></style>
 
     <link href="css/custom.css" rel="stylesheet">
+    <link href='http://fonts.googleapis.com/css?family=Fjalla+One' rel='stylesheet' type='text/css'>
+    <link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,200italic,300italic,400italic,600italic' rel='stylesheet' type='text/css'>
   </head>
 
   <body>
 
     <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
       <div class="container-fluid">
-        <div class="navbar-header">
-          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
-            <span class="sr-only">Toggle navigation</span>
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-          </button>
-          <a class="navbar-brand" href="#">
-            <img src="images/logo/tnw-logo.svg" alt="" width="auto" height="100%">
-          </a>
-        </div>
-        <div id="navbar" class="navbar-collapse collapse">
-          <ul class="nav navbar-nav navbar-right">
-            <li><a href="#">Dashboard</a></li>
-            <li><a href="#">Settings</a></li>
-            <li><a href="#">Profile</a></li>
-            <li><a href="#">Help</a></li>
-          </ul>
-          <form class="navbar-form navbar-right">
-            <input type="text" class="form-control" placeholder="Search...">
-          </form>
+      <div>
+        
+      </div>
+        <a class="navbar-brand" href="#">
+          <img alt="Brand" src="images/logo/tnw-logo.svg" width="auto" height="100%">
+        </a>
+        
+      
+
+        <ul class="nav navbar-nav hidden-xs hidden-sm" id="nav-left">
+          <li class="active"><a href="#">BLOG</a></li>
+          <li><a href="#">CONFERENCE</a></li>
+          <li><a href="#">DEALS</a></li>
+          <li><a href="#">PRO</a></li>
+        </ul>
+        <!-- Search Form Right -->
+        <div class="navbar-right">
+          <div class="form-group hidden-xs hidden-sm">
+            <form class="navbar-form" role="search">          
+              <input id="navform" type="text" class="form-control" placeholder="Search...">
+            </form>
+          </div>
         </div>
+        <!-- Begin Nav Bar Right -->
+        <ul class="nav navbar-nav navbar-right" id="navbar-right">
+        <!-- Social follow Buttons -->
+          <li id="fb" class="hidden-xs hidden-sm">
+            <a href="#"><img src="images/social/fb.png"></a>
+          </li>
+          <li id="twitter" class="hidden-xs hidden-sm">
+            <a href="https://twitter.com/twitter" class="twitter-follow-button" data-show-count="false" data-show-screen-name="false">Follow @twitter</a>
+                <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
+          </li>
+          <li id="rss" class="hidden-xs hidden-sm">
+              <a href="#"><img src="images/social/rss.png"></a>
+          </li>
+          <li id="follow">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
+              <small class="hidden-md hidden-lg">FOLLOW</small>
+              <span class="caret"></span>
+            </a>
+            <div class="dropdown-menu row follow-menu" role="menu">
+              <div class="col-xs-4">Facebook</div>
+              <div class="col-xs-4">Facebook</div>
+              <div class="col-xs-4">Facebook</div>
+              <div class="col-xs-4">Facebook</div>
+              <div class="col-xs-4">Facebook</div>
+              <div class="col-xs-4">Facebook</div>
+              <div class="col-xs-4">Facebook</div>
+              <div class="col-xs-4">Facebook</div>
+              <div class="col-xs-4">Facebook</div>
+            </div>
+          </li>
+          <li class="dropdown">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
+              <span class="glyphicon glyphicon-user" aria-hidden="true"></span>
+            </a>
+            <ul class="dropdown-menu" role="menu">
+              <li><a href="#">Action</a></li>
+              <li><a href="#">Another action</a></li>
+              <li><a href="#">Something else here</a></li>
+              <li class="divider"></li>
+              <li><a href="#">Separated link</a></li>
+              <li class="divider"></li>
+              <li><a href="#">One more separated link</a></li>
+            </ul>
+          </li>
+          <li class="dropdown hidden-xs hidden-sm">
+            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
+              <span class="glyphicon glyphicon-info-sign" aria-hidden="true"></span>
+            </a>
+            <ul class="dropdown-menu" role="menu">
+              <li><a href="#">Action</a></li>
+              <li><a href="#">Another action</a></li>
+              <li><a href="#">Something else here</a></li>
+              <li class="divider"></li>
+              <li><a href="#">Separated link</a></li>
+              <li class="divider"></li>
+              <li><a href="#">One more separated link</a></li>
+            </ul>
+          </li>
+          <li id="navsearch">
+            <a href="#">
+              <span class="glyphicon glyphicon-search" aria-hidden="true"></span>
+            </a>  
+          </li>
+
+        </ul>    
+
       </div>
     </nav>
 
-    <div class="container-fluid">
-      <div class="row">
-        <div class="col-sm-3 col-md-2 sidebar">
-          <ul class="nav nav-sidebar">
-            <li class="active"><a href="#">Overview <span class="sr-only">(current)</span></a></li>
-            <li><a href="#">Reports</a></li>
-            <li><a href="#">Analytics</a></li>
-            <li><a href="#">Export</a></li>
-          </ul>
-          <ul class="nav nav-sidebar">
-            <li><a href="">Nav item</a></li>
-            <li><a href="">Nav item again</a></li>
-            <li><a href="">One more nav</a></li>
-            <li><a href="">Another nav item</a></li>
-            <li><a href="">More navigation</a></li>
-          </ul>
-          <ul class="nav nav-sidebar">
-            <li><a href="">Nav item again</a></li>
-            <li><a href="">One more nav</a></li>
-            <li><a href="">Another nav item</a></li>
-          </ul>
+    <div id="feed" class="hidden-xs hidden-sm hidden-md">
+      <div class="container container-feed">
+        <!-- feeder top navigation -->
+        <div class="row feed-top">
+          <div class="col-lg-12">
+            <select class="form-control">
+              <option>ALL CHANNELS</option>
+              <optgroup label="Channels">
+               <option value="apps">Apps</option>
+               <option value="creativity">Creativity</option>
+               <option value="dd">Design &amp; Dev</option>
+               <option value="entrepreneur">Entrepreneur</option>
+               <option value="gadgets">Gadgets</option>
+               <option value="insider">Insider</option>
+               <option value="lifehacks">LifeHacks</option>
+               <option value="media">Media</option>
+               <option value="offers">Offers</option>
+               <option value="shareables">Shareables</option>
+               <option value="socialmedia">Social Media</option>
+              </optgroup>
+              <optgroup label="Editions">
+               <option value="africa">Africa</option>
+               <option value="asia">Asia</option>
+               <option value="au">Australia</option>
+               <option value="ca">Canada</option>
+               <option value="eu">Europe</option>
+               <option value="in">India</option>
+               <option value="la">Latin America</option>
+               <option value="me">Middle East</option>
+               <option value="uk">UK</option>
+              </optgroup>
+            </select>
+          </div>
+          <div class="col-lg-12">
+            <div class="btn-group feed-btn" role="group" aria-label="...">
+              <button type="button" class="btn btn-feed active"><strong><span class="glyphicon glyphicon-time"></span> LATEST</strong></button>
+              <button type="button" class="btn btn-feed"><strong><span class="glyphicon glyphicon-fire"></span> POPULAR</strong></button>
+            </div>
+          </div>
         </div>
-        <div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main">
-          <h1>News Content</h1>
+        <!-- end of feeder top navigation -->
+        <!-- start of feeder content -->
+        <div class="row feed-content">
+
+          <div class="feed-tabs clearfix">
+            <div class="col-lg-4">
+              <div class="thumbnail">
+                <img src="images/sidebar/kit-tb.jpg" alt="telephone kits">
+              </div>
+            </div>
+            <div class="col-lg-8"> 
+              <div class="caption">
+                <p>91% off a Lifetime Of Premium UI Kits &#38; Design Resources
+                <div><small><em></em></small></p></div>
+              </div>
+            </div>
+          </div>
+
+          <div class="feed-tabs clearfix">
+            <div class="col-lg-4">
+              <div class="thumbnail">
+                <img src="images/sidebar/phone-tb.jpg" alt="telephone kits">
+              </div>
+            </div>
+            <div class="col-lg-8"> 
+              <div class="caption">
+                <p>Square Takes Its Register Software Platform Worldwide <br />
+                <div><small><em>10 minutes ago</em></small></p></div>
+              </div>
+            </div>
+          </div>
+
+          <div class="feed-tabs clearfix">
+            <div class="col-lg-4">
+              <div class="thumbnail">
+                <img src="images/sidebar/coat-tb.jpg" alt="telephone kits">
+              </div>
+            </div>
+            <div class="col-lg-8"> 
+              <div class="caption">
+                <p>The Weird Science of First Impressions<br />
+                <div><small><em>18 minutes ago</em></small></p></div>
+              </div>
+            </div>
+          </div>
+          
+          <div class="feed-div"></div>
+
+          <div class="feed-tabs clearfix">
+            <div class="col-lg-4">
+              <div class="thumbnail">
+                <img src="images/sidebar/shoe-tb.png" alt="telephone kits">
+              </div>
+            </div>
+            <div class="col-lg-8"> 
+              <div class="caption">
+                <p>Print Photos on Your Adidas Sneakers. Why not?<br />
+                <div><small><em>20 minutes ago</em></small></p></div>
+              </div>
+            </div>
+          </div>
+
+          <div class="feed-tabs clearfix">
+            <div class="col-lg-4">
+              <div class="thumbnail">
+                <img src="images/sidebar/mountain-tb.png" alt="telephone kits">
+              </div>
+            </div>
+            <div class="col-lg-8"> 
+              <div class="caption">
+                <p>Amazon Begins its Black Friday deals a week early<br />
+                <div><small><em>25 minutes ago</em></small></p></div>
+              </div>
+            </div>
+          </div>
+
+          <div class="feed-tabs clearfix">
+            <div class="col-lg-4">
+              <div class="thumbnail">
+                <img src="images/sidebar/phone-tb.jpg" alt="telephone kits">
+              </div>
+            </div>
+            <div class="col-lg-8"> 
+              <div class="caption">
+                <p>Square Takes Its Register Software Platform Worldwide <br />
+                <div><small><em>10 minutes ago</em></small></p></div>
+              </div>
+            </div>
+          </div>
+
+          <div class="feed-tabs clearfix">
+            <div class="col-lg-4">
+              <div class="thumbnail">
+                <img src="images/sidebar/coat-tb.jpg" alt="telephone kits">
+              </div>
+            </div>
+            <div class="col-lg-8"> 
+              <div class="caption">
+                <p>The Weird Science of First Impressions<br />
+                <div><small><em>18 minutes ago</em></small></p></div>
+              </div>
+            </div>
+          </div>
+          
+          <div class="feed-div"></div>
+
+          <div class="feed-tabs clearfix">
+            <div class="col-lg-4">
+              <div class="thumbnail">
+                <img src="images/sidebar/shoe-tb.png" alt="telephone kits">
+              </div>
+            </div>
+            <div class="col-lg-8"> 
+              <div class="caption">
+                <p>Print Photos on Your Adidas Sneakers. Why not?<br />
+                <div><small><em>20 minutes ago</em></small></p></div>
+              </div>
+            </div>
+          </div>
+
+        </div>
+        <!-- end of feeder content -->
+        <div class="row feed-footer">
+          <div class="col-lg-12">
+            <ul>
+              <li><a href="#">About</a></li>
+              <li><a href="#">Goodies</a></li>
+              <li><a href="#">Advertise</a></li>
+              <li><a href="#">Privacy</a></li>
+              <li><a href="#">ToS</a></li>
+            </ul>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <div id="main-content">
+
+      <div class="container container-content">
+        <div class="row">
+          <div class="col-lg-12 clearfix" id="support-banner">
+            <p class="hidden-xs">Support TNW - <a href="#">become Pro</a> and we can ditch the banners.</p>
+          </div>
+          <div class="content">
+            <div class="col-xs-12 col-sm-8 col-md-8 col-lg-8">
+              <img class="img-responsive" src="images/main/phone.jpg">
+              <p class="img-cap"><em>By </em><strong>BEN WOODS</strong> - <em>20 Nov'14</em></p>
+              <h1>Square officially launches its Register software platform worldwide</h1>
+              <p>Square has today announced that its point-of-sale (POS) software Square Register is now available globally, having previously been restricted to users in the US, Canada and Japan. Announced at The Financial...<span class="keep-read">Keep reading </span><span class="glyphicon glyphicon-arrow-right"></span></p>
+            </div>
+            <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
+              <img class="img-responsive" src="images/main/coat.jpg">
+              <p class="img-cap"><em>20 Nov'14 - By </em><strong>JORY MACKAY</strong></p>
+              <p class="snippet">The weird science of first impressions</p>
+            </div>
+            <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
+              <img class="img-responsive" src="images/main/shoe.png">
+              <p class="img-cap"><em>20 Nov'14 - By </em><strong>PAUL SAWERS</strong></p>
+              <p class="snippet">Adidas now lets Americans print photos on their sneakers too</p>
+            </div>
+          </div>
         </div>
       </div>
+
     </div>
 
+
+
+
+
     <!-- Bootstrap core JavaScript
     ================================================== -->
     <!-- Placed at the end of the document so the pages load faster -->
@@ -85,5 +336,7 @@ <h1>News Content</h1>
     <script src="js/docs.min.js"></script>
     <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
     <script src="js/ie10-viewport-bug-workaround.js"></script>
+    <div id="fb-root"></div>
+    
 </body>
 </html>
\ No newline at end of file