O'Reilly logo

Responsive Web Design with AngularJS by Sandeep Kumar Patel

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

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

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required