Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.19/angular.min.js"></script>
- <script scr="index/angular-route.js"></script>
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
- <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
- <script src="index/index.js"></script>
- <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
- <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css">
- <link rel="stylesheet" href="index/index.css">
- <link href='http://fonts.googleapis.com/css?family=Arvo:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
- </head>
- <body ng-app="indexPage">
- <header>
- <ul class="nav nav-tabs">
- <li><a href="#about-me"> About Me </a></li>
- <li><a href="#education"> Education </a></li>
- <li><a href="#skillAndProject"> Skills & Projects </a></li>
- <li><a href="#experience"> Experience </a></li>
- </ul>
- </header>
- <div class="container">
- <div class="content" style="padding-left:15px; padding-right:15px;">
- <br>
- <div class="ng-view"></div>
- </div>
- </div>
- </body>
- </html>
- /* angularJS implement */
- (function(){
- var app = angular.module('indexPage',['ngRoute']);
- app.config(['$routeProvider',
- function($routeProvider) {
- $routeProvider.
- when('/about-me', {
- templateUrl: 'templates/about_me.html',
- controller: 'AboutMeController'
- }).
- when('/education', {
- templateUrl: 'templates/education.html',
- controller: 'EducationController'
- }).
- when('/skillAndProject', {
- templateUrl: 'templates/skillAndProject.html',
- controller: 'SkillAndProjectController'
- }).
- when('/experience', {
- templateUrl: 'templates/experience.html',
- controller: 'ExperienceController'
- }).
- otherwise({
- redirectTo: '/about-me'
- });
- }]);
- //Controllers
- app.controller('IndexController', function(){
- });
- app.controller('AboutMeController', function(){
- });
- app.controller('EducationController', function(){
- this.educations = educations;
- this.courses = courses;
- });
- app.controller('SkillAndProjectController', function(){
- this.skills = skills;
- });
- app.controller('ExperienceController', function(){
- this.experiences = experiences;
- });
- /*
- JSON String Stores here
- */
- })();
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement