کد HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Untitled Document</title> <link rel="stylesheet" href="./lib/angular-material/angular-material.min.css"/>
</head> <body ng-app="myApp" >
<script src="./lib/angular/angular.min.js" ></script> <script src="./lib/angular-animate/angular-animate.min.js" ></script> <script src="./lib/angular-aria/angular-aria.min.js" ></script> <script src="./lib/angular-material/angular-material.min.js"></script>
<script> angular.module('myApp',['ngMaterial']) .run(function(){ console.log('myApp is ready!\n\t saeid '); })
</script>
<md-toolbar> <h2 >اولین برنامه من </h2> </md-toolbar><div class="container" layout="row" flex> <md-sidenav md-is-locked-open="true" layout="column" class="md-whiteframe-5dp" >
<md-list> <md-list-item> <md-button> <md-icon md-svg-src="./img/3.svg" class="avatar"></md-icon> سعید </md-button> </md-list-item> <md-divider></md-divider>
<md-list-item> <md-button> <md-icon md-svg-src="./img/3.svg" class="avatar"></md-icon> مینا </md-button> </md-list-item> <md-divider ></md-divider> <md-list-item> <md-button > <md-icon md-svg-src="./img/3.svg" class="avatar"></md-icon> سارا </md-button> </md-list-item> <md-divider ></md-divider> </md-list>
</md-sidenav><md-divider ></md-divider><md-content id="content" class="md-whiteframe-20dp" flex>Content 1</md-content></div> <span>سعید ایمانی </span>
<style>.myClass{font: arial;direction: rtl}.red{background-color:red}.pink{background-color:#8e44ad}
</style>
</body>
</html>
پاسخ با نقل قول
