diff --git a/client/less/map.less b/client/less/map.less
index bfaeedfcac..d57506345c 100644
--- a/client/less/map.less
+++ b/client/less/map.less
@@ -82,12 +82,12 @@
       margin-top: -30px;
       margin-bottom: 10px;
       font-size: 14px;
-    }     
+    }
     @media only screen and (min-width: 200px) and (max-width: 479px) {
       margin-top: -30px;
       margin-bottom: 10px;
       font-size: 12px;
-    }   
+    }
   }
   hr {
     margin:30px 0;
@@ -97,10 +97,10 @@
     }
     @media only screen and (min-width: 480px) and (max-width: 670px) {
       margin: 15px 0;
-    }     
+    }
     @media only screen and (min-width: 200px) and (max-width: 479px) {
       margin: 10px 0;
-    }     
+    }
   }
   .flashMessage {
     position:fixed;
@@ -223,7 +223,7 @@
   }
   div > div:last-child {
     margin-bottom:30px
-  }  
+  }
 }
 .challengeBlockTime {
   font-size: 18px;
@@ -288,16 +288,16 @@
       .input-group {
         margin-top: 0;
         width: 100%;
-      }    
+      }
     }
     .map-buttons:first-of-type {
       float: right;
       padding-left: 10px;
-    }    
+    }
     hr {
-      clear: both;  
-      margin: 9px 0;    
-    }   
+      clear: both;
+      margin: 9px 0;
+    }
   }
   .map-accordion {
     top: 136px;
@@ -314,8 +314,8 @@
       margin-top: 10px;
     }
   }
-}     
-@media only screen and (min-width: 200px) and (max-width: 479px) { 
+}
+@media only screen and (min-width: 200px) and (max-width: 479px) {
   .map-fixed-header {
     .row.map-buttons {
       width: 100%;
@@ -328,8 +328,8 @@
       .input-group {
         margin-top: 0;
         width: 100%;
-      }    
-    }  
+      }
+    }
   }
 
   .map-accordion {
@@ -338,16 +338,16 @@
       margin: 10px 0;
       a {
         font-size: 18px;
-      }      
-    }  
+      }
+    }
     h3 > a {
       font-size: 17px;
-    }    
+    }
     h3:first-child {
       margin-top: 10px;
-    }      
+    }
   }
-} 
+}
 
 .map-aside-action-item {
     display: -webkit-flex;
@@ -438,7 +438,7 @@
         padding: 10px 0;
         padding-left: 50px;
         padding-right: 20px;
-        font-size: 20px;        
+        font-size: 20px;
       }
     }
     h3 > a {
@@ -483,3 +483,20 @@
     color: @night-text-color;
   }
 }
+.osfg-container {
+  display: flex;
+  flex-wrap: wrap;
+  padding: 35px;
+}
+.osfg-item {
+  &:before {
+    margin-right: 15px;
+  }
+  width: 32.3%;
+  @media (max-width: @screen-xs-max) {
+    width: 45%;
+  }
+  @media (max-width: @screen-xs) {
+    width: 100%;
+  }
+}
diff --git a/server/views/map/show.jade b/server/views/map/show.jade
index 31816e013c..74ec89f106 100644
--- a/server/views/map/show.jade
+++ b/server/views/map/show.jade
@@ -71,30 +71,31 @@ block content
             a(data-toggle='collapse', data-parent='#accordion', href='#collapse-full-stack-development-certification')
               span.no-link-underline
                 i.fa.fa-caret-down  
-              | Full Stack Development Certification
+              | Open Source for Good
           div.margin-left-10(id = 'collapse-full-stack-development-certification' class = "collapse in map-collapse no-transition certBlock")
               #nested
-                h3
-                  a(data-toggle='collapse', data-parent='#nested', href='#nested-collapse-nonprofit-projects')
-                    span.no-link-underline
-                      i.fa.fa-caret-down  
-                    | Nonprofit Projects
-                  span.challengeBlockTime (800 hours)
-                div.margin-left-10(id = "nested-collapse-nonprofit-projects" class = "collapse in map-collapse no-transition chapterBlock")
-                      .challengeBlockDescription To qualify for these nonprofit projects, you must first earn all three foundational certifications: Front End, Data Visualization, and Back End
-                      p.challenge-title.disabled.text-primary.ion-locked.padded-ionic-icon.negative-15(name="Greenfield Nonprofit Project #1") Greenfield Nonprofit Project #1
-                        span.text-primary    
-                          strong *
-                      p.challenge-title.disabled.text-primary.ion-locked.padded-ionic-icon.negative-15(name="Greenfield Nonprofit Project #2") Greenfield Nonprofit Project #2
-                        span.text-primary    
-                          strong *
-                      p.challenge-title.disabled.text-primary.ion-locked.padded-ionic-icon.negative-15(name="Legacy Code Nonprofit Project #1") Legacy Code Nonprofit Project #1
-                        span.text-primary    
-                          strong *
-                      p.challenge-title.disabled.text-primary.ion-locked.padded-ionic-icon.negative-15(name="Legacy Code Nonprofit Project #2") Legacy Code Nonprofit Project #2
-                        span.text-primary    
-                          strong *
-                      p.challenge-title.disabled.text-primary.ion-locked.padded-ionic-icon.negative-15(name="Claim your Full Stack Development Certification") Claim your Full Stack Development Certification
+                a(data-toggle='collapse', data-parent='#nested', href='#nested-collapse-nonprofit-projects')
+                div
+                    .challengeBlockDescription Once you feel ready, you can get real-world experience by contributing to these open source tools used by nonprofits.
+                    .osfg-container
+                      p.challenge-title.text-primary.fa.fa-envelope-o.osfg-item(name="Mail for Good")
+                        a(href="https://github.com/FreeCodeCamp/mail-for-good" target="_blank")
+                          span Mail for Good
+                      p.challenge-title.text-primary.fa.fa-cutlery.osfg-item(name="Pantry for Good")
+                        a(href="https://github.com/FreeCodeCamp/pantry-for-good" target="_blank")
+                          span Pantry for Good
+                      p.challenge-title.text-primary.fa.fa-globe.osfg-item(name="Meeting for Good")
+                        a(href="https://github.com/FreeCodeCamp/meeting-for-good" target="_blank")
+                          span Meeting for Good
+                      p.challenge-title.text-primary.fa.fa-futbol-o.osfg-item(name="League for Good")
+                        a(href="https://github.com/FreeCodeCamp/league-for-good" target="_blank")
+                          span League for Good
+                      p.challenge-title.text-primary.fa.fa-users.osfg-item(name="Conference for Good")
+                        a(href="https://github.com/FreeCodeCamp/conference-for-good" target="_blank")
+                          span Conference for Good
+                      p.challenge-title.text-primary.fa.fa-heart.osfg-item(name="freeCodeCamp")
+                        a(href="https://github.com/FreeCodeCamp/freecodecamp" target="_blank")
+                          span freeCodeCamp
           h2
             a(data-toggle='collapse', data-parent='#accordion', href='#collapse-coding-interview-preparation')
               span.no-link-underline