se-hub/templates/views/home.html

<div>
	<div class="loader" ng-if="loadingData">
		<md-progress-circular md-mode="indeterminate"></md-progress-circular>
	</div>
	<md-content layout-padding>
		<md-card class="gray-font fadeOutUp" ng-if="isEnterd">
			<div layout="row">
				<div class="spacer"></div>
				<div>
					<h1><i class="fa fa-graduation-cap"></i></h1>
				</div>
				<div class="spacer"></div>
			</div>
			<div layout="row">
				<div class="spacer"></div>
				<div>
					<h1>Welcome To SE-Hub</h1>
					<P>Software Engineering Course Made Easy</P>
					v1.0
				</div>
				<div class="spacer"></div>
			</div>
		</md-card>
	</md-content>
	<md-content layout-padding>
		<md-card>
			<div class = "feed">
				<md-grid-list
			        md-cols-sm="1" md-cols-md="2" md-cols-gt-md="6"
			        md-row-height-gt-md="1:1" md-row-height="2:2"
			        md-gutter="12px" md-gutter-gt-sm="8px" >
				    <md-grid-tile class="aliceblue"
				        md-rowspan="2" md-colspan="3" md-colspan-sm="1">
						<md-grid-tile-header>
					        <h3>Messages</h3>
						</md-grid-tile-header>
						<!-- Enter Wanted MESSAGES Text Here -->
				    </md-grid-tile>
			    	<md-grid-tile class="gray"
						md-rowspan="2" md-colspan="3" md-colspan-sm="1">
						<md-grid-tile-header>
				        	<h3>Tasks</h3>
						</md-grid-tile-header>
						<!-- Enter Wanted TASKS Text Here -->
					</md-grid-tile>
				</md-grid-list>
			</div>
		</md-card>
	</md-content>
</div>