     #        Education Grant program</a>
     #    </span>
     incorporated :
-        'SageMath, Inc. (a Delaware C Corporation) was incorporated Feb 2, 2015'
-
-HelpPageAboutSection = rclass
-    displayName : 'HelpPage-HelpPageAboutSection'
-
-    get_about_section: ->
-        for name, item of ABOUT_SECTION
-            <div key={name} style={li_style}>
-                {item}
+        icon : 'gavel'
+        text : 'SageMath, Inc. (a Delaware C Corporation) was incorporated Feb 2, 2015'
+
+
+LinkList = rclass
+    displayName : 'HelpPage-LinkList'
+
+    propTypes :
+        title : rtypes.string.isRequired
+        icon  : rtypes.string.isRequired
+        links : rtypes.object.isRequired
+        width : rtypes.number
+
+    getDefaultProps: ->
+        width : 6
+
+    render_links: ->
+        {commercial} = require('./customize')
+        for name, data of @props.links
+            if data.commercial and not commercial
+                continue
+            style = misc.copy(li_style)
+            if data.bold
+                style.fontWeight = 'bold'
+            <div key={name} style={style} className={if data.className? then data.className}>
+                <Icon name={data.icon} fixedWidth />{' '}
+                { <a target={if data.href.indexOf('#') != 0 then '_blank'} href={data.href}>
+                   {data.link}
+                </a> if data.href}
+                {<span style={color:COLORS.GRAY_D}>
+                   {<span> &mdash; </span> if data.href }
+                   {data.text}
+                </span> if data.text}
             </div>
 
     render: ->
-        <div>
-            <h3> <Icon name='info-circle' /> About </h3>
-            {@get_about_section()}
-        </div>
+        <Col md={@props.width} sm={12}>
+            <h3> <Icon name={@props.icon} /> {@props.title}</h3>
+            {@render_links()}
+        </Col>
 
 HelpPageGettingStartedSection = rclass
     displayName : 'Help-HelpPageGettingStartedSection'

            width           : '100%'
            fontSize        : '115%'
            textAlign       : 'center'

        {SmcWikiUrl} = require('./customize')
        <Row style={padding:'10px', margin:'0px', overflow:'auto'}>
            <Col sm=10 smOffset=1 md=8 mdOffset=2 xs=12>
                <h3 style={textAlign: 'center', marginBottom: '25px'}>
                <img src="#{APP_LOGO}" style={width:'25%', height:'auto'} />
                <br/>
                <SiteDescription/>
                </h3>

    twitter :
        icon : 'twitter-square'
        href : 'https://twitter.com/co_calc'
        link : 'follow @co_calc on twitter'
    facebook :
        icon : 'facebook-square'
        href : 'https://www.facebook.com/SageMathCloudOnline/'
