studio - in progress work on help UI

cms/templates/widgets/footer.html

@@ -20,12 +20,9 @@
         </li>
         % if user.is_authenticated():
         <li class="nav-item nav-peripheral-feedback">
-          <a class="show-tender" href="http://help.edge.edx.org/discussion/new" title="Use our feedback tool, Tender, to share your feedback"><i class="ss-icon ss-symbolicons-block icon-feedback">&#xE398;</i> Provide Feedback</a>
+          <a class="show-tender" href="http://help.edge.edx.org/discussion/new" title="Use our feedback tool, Tender, to share your feedback"><i class="ss-icon ss-symbolicons-block icon-feedback">&#xE398;</i> Contact Us</a>
         </li>
         % endif    
-        <li class="nav-item nav-peripheral-contact">
-          <a href="https://www.edx.org/contact" rel="external"><i class="ss-icon ss-symbolicons-block icon-contact">&#x2709;</i> Contact edX</a>
-        </li>
       </ol>
     </nav>
   </footer>

cms/templates/widgets/sock.html

@@ -2,7 +2,46 @@
 % if user.is_authenticated():
 <div class="wrapper-sock wrapper">
   <section class="sock">
-    <h2>Sock!</h2>
+    <header>
+      <h2 class="title"><i class="ss-icon ss-symbolicons-block icon-help">&#xEE11;</i> Studio Support</h2>
+    </header>
+    
+    <div class="support">
+      <h3 class="sr title">Studio Support</h3>
+      
+      <div class="copy">
+         <p>Need help getting started with Studio? Want to know how to manage a particular part of your course using Studio? Take advantage of our documentation, help forums, as well as our edX101 introduction course for course authors.</p>
+      </div>
+      
+    <ul class="list-actions">
+      <li class="action-item">
+        <a href="" class="action action-primary"><i class="ss-icon ss-symbolicons-block icon-download">&#xEB02;</i> Download Studio Documentation</a>
+        <span class="tip">How to use Studio to build your course</span>
+      </li>
+      <li class="action-item">
+        <a href="" class="action action-primary"><i class="ss-icon ss-symbolicons-block icon-enroll">&#x1F393;</i> Studio Help Center</a>
+        <span class="tip"><i class="ss-icon ss-symbolicons-block icon-help">&#xEE11;</i> Studio Help Center</span>
+      </li>
+      <li class="action-item">
+        <a href="" class="action action-primary"><i class="ss-icon ss-symbolicons-block icon-enroll">&#x1F393;</i> Enroll in edX101</a>
+        <span class="tip">How to use Studio to build your course</span>
+      </li>
+    </ul>
+    </div>
+    
+    <div class="feedback">
+      <h3 class="sr title">Share Feedback on Studio</h3>
+      
+      <div class="copy">
+         <p>Have questions or thoughts about using Studio? We're here to help and listen to feedback you want to share.</p>
+      </div>
+      
+      <ul class="list-actions">
+        <li class="action-item">
+          <a href="" class="action action-primary"><i class="ss-icon ss-symbolicons-block icon-feedback">&#xE398;</i> Share Studio Feedback</a>
+        </li>
+      </ul>
+    </div>
   </section>
 </div>
 % endif