<div class="help" layout>
    <md-content flex layout-padding>
        <md-card>
            <md-toolbar class="md-hue-1">
                <div class="md-toolbar-tools">
                    <h3>
                        <span>Help</span>
                    </h3>
                </div>
            </md-toolbar>
            <md-card-content>
                <p>The links on this page will open in a separate window in the <a ng-href="{{app.helpSiteUrl}}/index.html" target="eureka-help">Eureka! website's help pages</a>.
                <div layout>
                    <div flex="50" layout layout-padding>
                        <div flex="50">
				<span class="thumbnail text-center">
					<a ng-href="{{app.helpSiteUrl}}/getting-started.html" class="imageAndCaption" target="eureka-help">
                        <img alt="Getting Started" src="assets/images/100px-Help-getting-started.png"/>
						<span class="caption">
							Getting Started
						</span>
                    </a>
				</span>
                        </div>
                        <div flex="50">
				<span class="thumbnail text-center">
					<a ng-href="{{app.aiwSiteUrl}}/user-faq.html" class="imageAndCaption" target="eureka-help">
                        <img alt="Frequently Asked Questions" src="assets/images/100px-Help-FAQ.png"/>
						<span class="caption">
							Frequently Asked Questions
						</span>
                    </a>
				</span>
                        </div>
                    </div>
                    <span flex></span>
                </div>
                <h4>Topics:</h4>
                <ul>
                    <li>
                        <a ng-href="{{app.helpSiteUrl}}/spreadsheets.html" target="eureka-help">Spreadsheet Data Upload</a>
                    </li>
                    <li>
                        <a ng-href="{{app.helpSiteUrl}}/phenotypes.html" target="eureka-help">Working with Phenotypes</a>
                    </li>
                </ul>
                <p ng-if="app.demoMode">
                    NOTE: For privacy, data retention and other policies regarding this
                    site, click on Frequently Asked Questions above.
                </p>
            </md-card-content>
        </md-card>
    </md-content>
</div>