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="" ...

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.