diff --git a/views/index.html b/views/index.html
index 8d4b3ad..ca4dcdc 100644
--- a/views/index.html
+++ b/views/index.html
@@ -4,7 +4,7 @@
       <a href="/listen" class="menu menuCircle">Listen</a>
     </div>
     <div class="col-md-4 col-sm-12">
-      <a href="/learn" class="menu menuCircle">Learn</a>
+      <a href="/screen" class="menu menuCircle">Screen</a>
     </div>
     <div class="col-md-4 col-sm-12">
       <a href="/refer" class="menu menuCircle">Refer</a>
@@ -13,7 +13,7 @@
 
   <div class="row">
     <div class="col-md-4 col-sm-12">
-      <a href="/screen" class="menu menuCircle">Screen</a>
+      <a href="/learn" class="menu menuCircle">Learn</a>
     </div>
     <div class="col-md-4 col-sm-12">
       <a href="/remind" class="menu menuCircle">Remind</a>
diff --git a/views/learn.html b/views/learn.html
index 388e24b..13af6cd 100644
--- a/views/learn.html
+++ b/views/learn.html
@@ -11,15 +11,21 @@ <h2 class="letterSize">
   <div class="panel panel-default">
   <div class="panel-body">
     {{#each learn}}
-      <div class="learnSection">
-        <h2>{{this.category}}</h2>
-        <h3>{{this.subtitle}}</h3>
-        {{#each this.things_to_know}}
-          <p>{{this}}</p>
-        {{/each}}
+    <div class="container">
+      <h2>{{this.category}}</h2>
+      <button type="button" class="btn btn-info" data-toggle="collapse" data-target="#{{@index}}">{{this.subtitle}}</button>
+      <div id="{{@index}}" class="collapse">
+        <div>
+          {{#each this.thingsToKnow}}
+            <p>{{this}}</p>
+          {{/each}}
+          <a href="{{this.link}}">{{this.link}}</a>
+        </div>
+
       </div>
+    </div>
       <div class="buttonsContainer">
     {{/each}}
     </div>
   </div>
-</div>
\ No newline at end of file
+</div>
diff --git a/views/listen.html b/views/listen.html
index c8ee65a..9ede3fc 100644
--- a/views/listen.html
+++ b/views/listen.html
@@ -3,27 +3,27 @@
     <div class="row">
       <div class="col-md-2 col-sm-12">
         <h2 class="l">L</h2>
-        <p class="lp">Listen nonjudgmentally and empathically gather</p>
+        <p class="lp"><strong>Listen</strong> nonjudgmentally and empathically gather</p>
       </div>
-      <div class="col-md-2 col-sm-12"> 
-        <h2 class="i">I</h2> 
-        <p class="ip">Gather Information, ask open questions, don't push</p>
+      <div class="col-md-2 col-sm-12">
+        <h2 class="i">I</h2>
+        <p class="ip">Gather <strong>Information</strong>, ask open questions, don't push</p>
       </div>
       <div class="col-md-2 col-sm-12">
         <h2 class="s">S</h2>
-        <p class="sp">Assess people's risk of harm, Self-harm or Suicide</p>
+        <p class="sp">Assess people's risk of harm, <strong>Self-harm or Suicide</strong></p>
       </div>
       <div class="col-md-2 col-sm-12">
         <h2 class="t">T</h2>
-        <p class="tp">Tell them useful information about their problem, reassure</p>
+        <p class="tp"><strong>Tell</strong> them useful information about their problem, reassure</p>
       </div>
       <div class="col-md-2 col-sm-12">
         <h2 class="e">E</h2>
-        <p class="ep">Encouraging self-help and other support strategies</p>
+        <p class="ep"><strong>Encouraging</strong> self-help and other support strategies</p>
       </div>
       <div class="col-md-2 col-sm-12">
         <h2 class="n">N</h2>
-        <p class="np">Not alone, follow up and direct to appropriate professional help</p>
+        <p class="np"><strong>Not alone</strong>, follow up and direct to appropriate professional help</p>
       </div>
     </div>
   </div>
@@ -38,5 +38,5 @@ <h3 id='convoStarter' class="panel-title">Conversation Starters</h3>
         </div>
         {{/each}}
       </div>
-    </div> 
-</div>
\ No newline at end of file
+    </div>
+</div>