Developing a tablet view

For tablet type devices, a different version of the HTML template, which is a profileTemplate.html file, is created inside the tablet directory. The HTML markup for the desktop template is as follows:

<div class="my-profile-container"> <div class="row"> <div class="pic"> <h3 class="name">Sandeep Kumar Patel</h3> <div class="row"> <div class="about"> <button class="btn" ng-model="professional" ng-click="getDetail($event)" ng-class="{'selected':selected}" ng-disabled="selected"> Professional </button> <button class="btn" ng-model="personal" ng-click="getDetail($event)" ng-disabled="!selected" ng-class="{'selected':!selected}"> Personal </button> </div> </div> <img class="profile-image" src="http://www.gravatar.com/avatar/4205261332ff131e971b48db31dcb528.png" ...

Get Responsive Web Design with AngularJS now with O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.