<!DOCTYPE html>
<html>
<head>
<script src = "https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js">
</script>
<script src = "https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular-route.min.js">
</script>
</head>
<h1 style="background-color:pink" align="center">HOTELS IN PUNE</h1>
<div ng-view></div>
<body>
<div ng-app = "mainApp">
<p><a href="#/!">HOME Page</a></p>
<ul>
<li><a href="#Novotel">Novotel</a><br></li>
<li><a href="#mariott">J W MARRIOTT</a><br></li>
<li><a href="#hayat">Hayat</a><br></li>
<li><a href="#tcr"></a><br></li>
<li><a href="#pride">Pride Hotel</a><br></li>
</ul>
<div ng-view></div>
<script type ="text/ng-template" id ="nov.html">
<marquee><h1 style="background-color:pink;"> Welcome to NOVOTEL</h1></marquee>
<h1>Welcome to Novotel Hotel</h1>
<p>Address:5, Nagar-Pune Road, Vimangar, Pune, Maharashtra 411005</p>
<p>Contact:020 6987651</p>
{{message}}
</script>
<script type ="text/ng-template" id ="jwm.html">
<marquee><h1 style="background-color:pink;"> Welcome to J W MARRIOTTL</h1></marquee>
<h1>Welcome to JW Marriott Hotel</h1>
<p>Address: Senapati Bapat Rd,
Laxmi Society, Model Colony, Shivajinagar, Pune, Maharashtra 411053</p>
<p>Contact:7654833</p>
{{message}}
</script>
<script type ="text/ng-template" id ="hyat.html">
<marquee><h1 style="background-color:pink;"> Welcome to Hayat</h1></marquee>
<h1>Welcome to Hayat Hotel</h1>
<p>Address: satrinagar,
Nagar Road, Pune, Maharashtra 41220053</p>
<p>Contact:7654833</p>
{{message}}
</script>
<script type ="text/ng-template" id ="pride.html">
<marquee><h1 style="background-color:pink;"> Welcome to Pride</h1></marquee>
<h1>Welcome to Pride Hotel</h1>
<p>Address:5, University Rd, Narveer Tanaji Wadi, Shivajinagar, Pune, Maharashtra 411005</p>
<p>Contact:020 453671</p>
{{message}}
</script>
<script>
var mainApp = angular.module("mainApp", ['ngRoute']);
mainApp.config(['$routeProvider', function($routeProvider)
{
$routeProvider
.when("/", {
templateUrl : "home.html"
})
.when('/Novotel', {
templateUrl: 'nov.html',controller: 'ctrlnov'
})
.when('/mariott', {
templateUrl: 'mariott.html',controller: 'ctrlmar'
})
.when('/hayat', {
templateUrl: 'hayat.html',controller: 'ctrlhayat'
})
.when('/pride', {
templateUrl: 'pride.html',controller: 'ctrlpride'
})
}]);
mainApp.controller('ctrlnov', function($scope)
{
$scope.message = "Welcome to Novotel Hotel in Pune";
});
mainApp.controller('ctrlmarrit', function($scope)
{
$scope.message = "Welcome to J W Marriate Hotel in Pune";
});
mainApp.controller('ctrlhayat', function($scope)
{
$scope.message = "Welcome to Hayat Hotel in Pune";
});
mainApp.controller('ctrlpride', function($scope)
{
$scope.message = "Welcome to Pride Hotel in Pune";
});
</script>
</body>
</html>
0 Comments