<!DOCTYPE html>
<html ng-app="">

  <head>
    <script data-require="jquery@*" data-semver="2.1.3" src="https://code.jquery.com/jquery-2.1.3.min.js"></script>
    <script data-require="angular.js@1.2.25" data-semver="1.2.25" src="https://code.angularjs.org/1.2.25/angular.js"></script>
    <link rel="stylesheet" href="style.css" />
    <script src="script.js"></script>
  </head>

  <body ng-controller="myController">
    <h1>{{message}}</h1>
    
    <div>
      First Name:- {{detail.fname}}
      <br/>
      Last Name: {{detail.lname}}
      <br/>
      Blog:- <a href={{detail.blog}}>My Blog</a>
      <br/>
       <img ng-src={{detail.pic}} title={{detail.fname}}{{detail.lname}}>
    </div>
  </body>

</html>

// Code goes here

var myController = function($scope){
  
  $scope.message="Hello rahul";
  
  var employee ={
    fname:"Rahul",
    lname:"Sahay",
    blog:"http://myview.rahulnivi.net",
    pic:"https://pbs.twimg.com/profile_images/2306733843/r131mqr0uyiok9ujflbo.jpeg"
  };
  
  this.detail = employee;
};
/* Styles go here */