index.html

<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <meta http-equiv="x-ua-compatible" content="ie=edge">
        <title>Nicole Pank</title>
        <meta name="description" content="Nicole Pank's portfolio">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link href='https://fonts.googleapis.com/css?family=Raleway' rel='stylesheet' type='text/css'>
        <link rel="icon" type="image/x-icon" href="/images/favicon.ico" />

        <link rel="stylesheet" type="text/css" href="/css/main.css" />
        <script src="/node_modules/angular/angular.js"></script>
        <script src="/node_modules/angular-aria/angular-aria.js"></script>
        <script src="/node_modules/angular-animate/angular-animate.js"></script>
        <script src="/node_modules/angular-material/angular-material.js"></script>
        <script src="/js/app.js"></script>
    </head>
    <body ng-app="dnicole" ng-controller="MainCtrl">
        <!--[if lt IE 8]>
            <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
        <![endif]-->

        <div layout="column" layout-xs="row">
          <div flex>First item in column</div>
          <div flex>Second item in column</div>
        </div>
        <div layout="row">
          <div flex>First item in row</div>
          <div flex>Second item in row</div>
        </div>


    </body>
</html>