Online AngularJS Editor

Browse more Angularjs Examples
<!doctype html>
<html ng-app>
  <head>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.3/angular.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular-route.js"></script>
    <style>
        .header{
            width:800px;
            height : 80px;
            text-align:center;
            background-color:gray;
        }
        .footer{
            text-align:center;
            background-color:gray;
        }
        .leftMenu{
            background-color:gray;
            width:150px;
            height:500px;
        }
        .mainContent{
            height:500px;
            width:650px;
            background-color:gray;
        }
        a{
            display:block;
            padding:5px;
        }
    </style>
  </head>
  <body>
   
      <table border="1">
          <tr>
              <td colspan="2" class="header">
                Header
              </td>
          </tr>
          <tr>
              <td class="leftMenu">
                <a href="#/home">Home</a>
                <a href="#/cources">Cources</a>
                <a href="#/students">Students</a>
              </td>
              <td class="mainContent">
                  Main Content
              </td>
          </tr>
      </table>
    
  </body>
</html>
Online AngularJS Editor

Follow

Newsletter
