Line No.-0: ﻿&lt;!DOCTYPE html&gt;

Line No.-1: 

Line No.-2: &lt;html lang=&quot;en&quot;&gt;

Line No.-3: &lt;head&gt;

Line No.-4: 

Line No.-5: &lt;meta charset=&quot;utf-8&quot;&gt;

Line No.-6: &lt;link type=&quot;text/css&quot; rel=&quot;stylesheet&quot; href=&quot;/assets/mdl/material.min.css&quot;&gt;

Line No.-7: &lt;link type=&quot;text/css&quot; rel=&quot;stylesheet&quot; href=&quot;/assets/mdl/additional.css&quot;&gt;

Line No.-8: &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0 &quot;&gt;

Line No.-9: &lt;link rel=&quot;shortcut icon&quot; href=&quot;//www.w3resource.com/images/favicon.png&quot;&gt;

Line No.-10: &lt;title&gt;Web development tutorials | w3resource&lt;/title&gt;

Line No.-11: &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0 &quot;&gt;

Line No.-12: &lt;meta name=&quot;description&quot; content=&quot;Web development tutorials on HTML, CSS, JS, PHP, SQL, MySQL, PostgreSQL, MongoDB, JSON and more.&quot;&gt;

Line No.-13: &lt;meta property=&quot;og:title&quot; content=&quot;web development tutorials from w3resource&quot; /&gt;

Line No.-14: &lt;meta property=&quot;og:description&quot; content=&quot;Web development tutorials on HTML, CSS, JS, PHP, SQL, MySQL, PostgreSQL, MongoDB, JSON and more.&quot; /&gt;

Line No.-15: &lt;meta property=&quot;og:type&quot; content=&quot;tutorial&quot; /&gt;

Line No.-16: &lt;meta property=&quot;og:url&quot; content=&quot;https://www.w3resource.com/&quot; /&gt;

Line No.-17: &lt;meta property=&quot;og:image&quot; content=&quot;https://www.w3resource.com/images/w3resource-logo.png&quot; /&gt;

Line No.-18: &lt;meta property=&quot;og:site_name&quot; content=&quot;w3resource&quot; /&gt;

Line No.-19: &lt;meta name=&quot;msvalidate.01&quot; content=&quot;1F8E3A7A751C0BD17BCB6CE7509D800B&quot; /&gt;

Line No.-20: 

Line No.-21: 

Line No.-22: &lt;script src=&quot;//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/1.0.9/cookieconsent.min.js&quot;&gt;&lt;/script&gt;

Line No.-23: &lt;script src=&quot;https://kit.fontawesome.com/d75c4d42f8.js&quot; crossorigin=&quot;anonymous&quot;&gt;&lt;/script&gt;

Line No.-24: &lt;script&gt;

Line No.-25: 

Line No.-26: window.cookieconsent_options = {

Line No.-27: 

Line No.-28: message: 'This site uses cookies to deliver our services and to show you relevant ads. By using our site, you acknowledge that you have read and understood our Privacy Policy. Your use of w3resource Services, is subject to these policies',

Line No.-29: 

Line No.-30: theme:'dark-bottom',

Line No.-31: 

Line No.-32: learnMore: 'More info',

Line No.-33: 

Line No.-34: link: 'https://www.w3resource.com/privacy.php'

Line No.-35: 

Line No.-36: };

Line No.-37: 

Line No.-38: &lt;/script&gt;

Line No.-39: &lt;style type=&quot;text/css&quot;&gt;

Line No.-40: .demo-card-square.mdl-card {

Line No.-41:   width: 320px;

Line No.-42:   height: 320px;

Line No.-43: }

Line No.-44: .demo-card-square &gt; .mdl-card__title {

Line No.-45:   color: #fff;

Line No.-46:  /* background:

Line No.-47:     url('../assets/demos/dog.png') bottom right 15% no-repeat #46B6AC;*/

Line No.-48: }

Line No.-49: .mdl-card__supporting-text a {

Line No.-50: display: inline-block;

Line No.-51: padding: 5px;

Line No.-52: }

Line No.-53: .mdl-card__supporting-text a:link {

Line No.-54: color: #000003

Line No.-55: }

Line No.-56: .mdl-card__supporting-text a:hover {

Line No.-57: color: #f86d1d

Line No.-58: }

Line No.-59: .mdl-card__supporting-text a:visited {

Line No.-60: color: #5407bf

Line No.-61: }

Line No.-62: .mdl-card__supporting-text a:active {

Line No.-63: color: #000001

Line No.-64: }

Line No.-65: .mdl-card__actions.mdl-card--border {

Line No.-66: background-color: #f98a47                      

Line No.-67: }

Line No.-68: .demo-card-square.mdl-card {

Line No.-69: height: 250px

Line No.-70: }

Line No.-71: .mdl-card__actions.mdl-card--border a{

Line No.-72: color: #000

Line No.-73: }

Line No.-74: html,body {

Line No.-75: background-color: #e8e8ee

Line No.-76: }

Line No.-77: &lt;/style&gt;

Line No.-78: &lt;body&gt;

Line No.-79: &lt;style type=&quot;text/css&quot;&gt;

Line No.-80: article a {

Line No.-81: text-decoration: none	

Line No.-82: }

Line No.-83: .mdl-menu {

Line No.-84: min-width: 1024px;	

Line No.-85: }

Line No.-86: .mdl-menu__item {

Line No.-87: height: 24px;

Line No.-88: line-height: 24px	

Line No.-89: }

Line No.-90: .header_notice a{

Line No.-91: color: #fff

Line No.-92: }

Line No.-93: .w3r_donate_link {

Line No.-94: font-weight: 800

Line No.-95: }

Line No.-96: .w3r_donate_link i{

Line No.-97: margin-right: 5px;

Line No.-98: margin-top: 5px;

Line No.-99: }

Line No.-100: .w3r_donate_link a i{

Line No.-101: color: #fff	

Line No.-102: }

Line No.-103: .w3r_donate_link a:hover{

Line No.-104: color: #ff0a01

Line No.-105: }

Line No.-106: .w3r_donate_link a:visited{

Line No.-107: color: #fff

Line No.-108: }

Line No.-109: 

Line No.-110: .w3r_donate_link a:hover{

Line No.-111: color: #ff0a01

Line No.-112: }

Line No.-113: .w3r_donate_link a:visited{

Line No.-114: color: #fff

Line No.-115: }

Line No.-116: .w3r_donate_link a:link{

Line No.-117: color: #fff	

Line No.-118: }

Line No.-119: .w3r_donate_link a:hover{

Line No.-120: color: #ff0a01

Line No.-121: }

Line No.-122: .w3r_donate_link a:visited{

Line No.-123: color: #fff

Line No.-124: }

Line No.-125: &lt;/style&gt;

Line No.-126: &lt;script async src=&quot;https://www.googletagmanager.com/gtag/js?id=G-HCW88J419P&quot;&gt;&lt;/script&gt;

Line No.-127: &lt;script&gt;

Line No.-128:   window.dataLayer = window.dataLayer || [];

Line No.-129:   function gtag(){dataLayer.push(arguments);}

Line No.-130:   gtag('js', new Date());

Line No.-131: 

Line No.-132:   gtag('config', 'G-HCW88J419P');

Line No.-133: &lt;/script&gt;

Line No.-134: &lt;div class=&quot;mdl-layout mdl-layout--fixed-header&quot;&gt;

Line No.-135: &lt;header class=&quot;mdl-layout__header&quot;&gt;

Line No.-136: &lt;div class=&quot;mdl-layout__header-row&quot;&gt;

Line No.-137: &lt;a href=&quot;https://www.w3resource.com&quot; style=&quot;text-decoration: none;&quot;&gt;&lt;span class=&quot;mdl-layout-title&quot; style=&quot;margin-left: -50px;margin-top: -5px;color:#fff&quot;&gt;w3resource&lt;/span&gt;&lt;/a&gt;

Line No.-138: 

Line No.-139: 

Line No.-140: &lt;/nav&gt;

Line No.-141: &lt;div class=&quot;np&quot;&gt;&lt;/div&gt;

Line No.-142: &lt;div class=&quot;mdl-layout-spacer&quot;&gt;&lt;/div&gt;

Line No.-143: 

Line No.-144: &lt;nav class=&quot;mdl-navigation&quot;&gt;

Line No.-145: 

Line No.-146: &lt;a href=&quot;https://www.patreon.com/bePatron?u=31377924&quot; data-patreon-widget-type=&quot;become-patron-button&quot;&gt;Become a Patron!&lt;/a&gt;&lt;script async src=&quot;https://c6.patreon.com/becomePatronButton.bundle.js&quot;&gt;&lt;/script&gt;

Line No.-147: &lt;/nav&gt;

Line No.-148: &lt;div class=&quot;mdl-textfield mdl-js-textfield mdl-textfield--expandable

Line No.-149:                   mdl-textfield--floating-label mdl-textfield--align-right&quot;&gt;

Line No.-150: 

Line No.-151: &lt;div class=&quot;mdl-textfield__expandable-holder&quot;&gt;

Line No.-152: &lt;input class=&quot;mdl-textfield__input&quot; type=&quot;text&quot; name=&quot;sample&quot; id=&quot;fixed-header-drawer-exp&quot;&gt;

Line No.-153: &lt;/div&gt;

Line No.-154: &lt;/div&gt;

Line No.-155: &lt;nav class=&quot;mdl-navigation mdl-layout--large-screen-only&quot;&gt;

Line No.-156: 

Line No.-157: 

Line No.-158: 

Line No.-159: 

Line No.-160: &lt;button id=&quot;demo-menu-lower-right&quot; class=&quot;mdl-button mdl-js-button mdl-button--icon&quot;&gt;

Line No.-161: &lt;i class=&quot;material-icons&quot;&gt;share&lt;/i&gt;

Line No.-162: &lt;/button&gt;

Line No.-163: &lt;ul class=&quot;mdl-menu mdl-menu--bottom-right mdl-js-menu mdl-js-ripple-effect&quot; for=&quot;demo-menu-lower-right&quot; style=&quot;overflow-y:scroll;min-width:200px&quot;&gt;

Line No.-164: &lt;li class=&quot;mdl-menu__item&quot;&gt;&lt;a href=&quot;https://www.facebook.com/W3resource-103553425799800&quot; target=&quot;_blank&quot;&gt;Facebook&lt;/a&gt;&lt;/li&gt;

Line No.-165: &lt;li class=&quot;mdl-menu__item&quot;&gt;&lt;a href=&quot;https://twitter.com/w3resource&quot;&gt;Twitter&lt;/a&gt;&lt;/li&gt;

Line No.-166: &lt;li class=&quot;mdl-menu__item&quot;&gt;&lt;a href=&quot;https://plus.google.com/+W3resource&quot;&gt;Google Plus&lt;/a&gt;&lt;/li&gt;

Line No.-167: &lt;li class=&quot;mdl-menu__item&quot;&gt;&lt;a href=&quot;http://in.linkedin.com/in/w3resource&quot;&gt;Linkedin&lt;/a&gt;&lt;/li&gt;

Line No.-168: &lt;li class=&quot;mdl-menu__item&quot;&gt;&lt;a href=&quot;http://feeds.feedburner.com/W3resource&quot;&gt;RSS&lt;/a&gt;&lt;/li&gt;

Line No.-169: &lt;/ul&gt;

Line No.-170: &lt;/nav&gt;

Line No.-171: &lt;/div&gt;

Line No.-172: &lt;/header&gt;

Line No.-173: &lt;main class=&quot;mdl-layout__content&quot;&gt;

Line No.-174: &lt;div class=&quot;page-content&quot;&gt;

Line No.-175: 

Line No.-176: 

Line No.-177: 

Line No.-178: &lt;div class=&quot;mdl-grid&quot;&gt;

Line No.-179: &lt;div class=&quot;mdl-cell mdl-cell--12-col&quot;&gt;

Line No.-180: &lt;a href=&quot;//www.w3resource.com&quot;&gt;&lt;script type=&quot;text/javascript&quot; style=&quot;display:none&quot;&gt;

Line No.-181: //&lt;![CDATA[

Line No.-182: window.__mirage2 = {petok:&quot;EEU3zIhVe_WETo.PT_UHYA6YrC08Dg1yPgyeIrSQy4U-1800-0.0.1.1&quot;};

Line No.-183: //]]&gt;

Line No.-184: &lt;/script&gt;

Line No.-185: &lt;script type=&quot;text/javascript&quot; src=&quot;https://ajax.cloudflare.com/cdn-cgi/scripts/04b3eb47/cloudflare-static/mirage2.min.js&quot;&gt;&lt;/script&gt;

Line No.-186: &lt;img alt=&quot;w3resource logo&quot; id=&quot;log_img&quot; data-cfsrc=&quot;https://www.w3resource.com/images/w3resource-logo.png&quot; style=&quot;display:none;visibility:hidden;&quot;&gt;&lt;noscript&gt;&lt;img src=&quot;https://www.w3resource.com/images/w3resource-logo.png&quot; alt=&quot;w3resource logo&quot; id=&quot;log_img&quot;&gt;&lt;/noscript&gt;&lt;/a&gt;

Line No.-187: &lt;/div&gt;

Line No.-188: &lt;div class=&quot;mdl-cell mdl-card mdl-shadow--2dp through mdl-shadow--6dp mdl-cell--12-col&quot;&gt;

Line No.-189: &lt;div class=&quot;mdl-grid&quot;&gt;

Line No.-190: &lt;div class=&quot;mdl-cell mdl-cell--4-col&quot;&gt;

Line No.-191: &lt;div class=&quot;demo-card-square mdl-card mdl-shadow--2dp&quot;&gt;

Line No.-192: &lt;div class=&quot;mdl-card__actions mdl-card--border&quot;&gt;

Line No.-193: &lt;a&gt;Frontend tutorials&lt;/a&gt;

Line No.-194: &lt;/div&gt;

Line No.-195: &lt;div class=&quot;mdl-card__supporting-text&quot;&gt;

Line No.-196: &lt;a href=&quot;https://www.w3resource.com/html/HTML-tutorials.php&quot;&gt;HTML&lt;/a&gt;

Line No.-197: &lt;a href=&quot;https://www.w3resource.com/css/CSS-tutorials.php&quot;&gt;CSS&lt;/a&gt;

Line No.-198: &lt;a href=&quot;https://www.w3resource.com/javascript/javascript.php&quot;&gt;JavaScript&lt;/a&gt;

Line No.-199: &lt;a href=&quot;https://www.w3resource.com/html5/introduction.php&quot;&gt;HTML5&lt;/a&gt;

Line No.-200: &lt;a href=&quot;https://www.w3resource.com/schema.org/introduction.php&quot;&gt;Schema.org&lt;/a&gt;

Line No.-201: &lt;a href=&quot;https://www.w3resource.com/phpjs/use-php-functions-in-javascript.php&quot;&gt;php.js&lt;/a&gt;

Line No.-202: &lt;a href=&quot;https://www.w3resource.com/twitter-bootstrap/tutorial.php&quot;&gt;Twitter Bootstrap&lt;/a&gt;

Line No.-203: &lt;a href=&quot;https://www.w3resource.com/responsive-web-design/overview.php&quot;&gt;Responsive Web Design tutorial&lt;/a&gt;

Line No.-204: &lt;a href=&quot;https://www.w3resource.com/zurb-foundation3/introduction.php&quot;&gt;Zurb Foundation 3 tutorials&lt;/a&gt;

Line No.-205: &lt;a href=&quot;https://www.w3resource.com/pure/index.php&quot;&gt;Pure CSS&lt;/a&gt;

Line No.-206: &lt;a href=&quot;https://www.w3resource.com/html5-canvas/index.php&quot;&gt;HTML5 Canvas&lt;/a&gt;

Line No.-207: &lt;a href=&quot;https://www.w3resource.com/course/javascript-course.html&quot; target=&quot;_blank&quot;&gt;JavaScript Course&lt;/a&gt;

Line No.-208: &lt;a href=&quot;https://www.w3resource.com/icon/index.php&quot;&gt;Icon&lt;/a&gt;

Line No.-209: &lt;a href=&quot;https://www.w3resource.com/angular/getting-started-with-angular.php&quot;&gt;Angular&lt;/a&gt;

Line No.-210: &lt;a href=&quot;https://www.w3resource.com/vue/installation-guide.php&quot;&gt;Vue&lt;/a&gt;

Line No.-211: &lt;a href=&quot;https://www.w3resource.com/jest/jest-testing-framework-introduction.php&quot;&gt;Jest&lt;/a&gt;

Line No.-212: &lt;a href=&quot;https://www.w3resource.com/mocha/getting-started.php&quot;&gt;Mocha&lt;/a&gt;

Line No.-213: &lt;a href=&quot;https://www.w3resource.com/npm/npm-getting-started.php&quot;&gt;npm&lt;/a&gt;

Line No.-214: &lt;a href=&quot;https://www.w3resource.com/yarn/getting-started-with-yarn.php&quot;&gt;Yarn&lt;/a&gt;

Line No.-215: &lt;a href=&quot;https://www.w3resource.com/cypress/cypress-overview.php&quot;&gt;Cypress&lt;/a&gt;

Line No.-216: &lt;a href=&quot;https://www.w3resource.com/python/certificate/index.php&quot;&gt;Python PCEP Certification&lt;/a&gt;

Line No.-217: &lt;/div&gt;

Line No.-218: &lt;/div&gt;

Line No.-219: &lt;/div&gt;

Line No.-220: &lt;div class=&quot;mdl-cell mdl-cell--4-col&quot;&gt;

Line No.-221: &lt;div class=&quot;demo-card-square mdl-card mdl-shadow--2dp&quot;&gt;

Line No.-222: &lt;div class=&quot;mdl-card__actions mdl-card--border&quot;&gt;

Line No.-223: &lt;a&gt;Backend tutorials&lt;/a&gt;

Line No.-224: &lt;/div&gt;

Line No.-225: &lt;div class=&quot;mdl-card__supporting-text&quot;&gt;

Line No.-226: &lt;a href=&quot;https://www.w3resource.com/php/php-home.php&quot;&gt;PHP&lt;/a&gt;

Line No.-227: &lt;a href=&quot;https://www.w3resource.com/python/python-tutorial.php&quot;&gt;Python&lt;/a&gt;

Line No.-228: &lt;a href=&quot;https://www.w3resource.com/numpy/index.php&quot;&gt;Python-NumPy&lt;/a&gt;

Line No.-229: &lt;a href=&quot;https://www.w3resource.com/pandas/index.php&quot;&gt;Python-Pandas&lt;/a&gt;

Line No.-230: &lt;a href=&quot;https://www.w3resource.com/java-tutorial/index.php&quot;&gt;Java&lt;/a&gt;

Line No.-231: &lt;a href=&quot;https://www.w3resource.com/node.js/node.js-tutorials.php&quot;&gt;Node.js&lt;/a&gt;

Line No.-232: &lt;a href=&quot;https://www.w3resource.com/ruby/index.php&quot;&gt;Ruby&lt;/a&gt;

Line No.-233: &lt;a href=&quot;https://www.w3resource.com/c-programming/programming-in-c.php&quot;&gt;C programming&lt;/a&gt;

Line No.-234: &lt;a href=&quot;https://www.w3resource.com/php/composer/a-gentle-introduction-to-composer.php&quot;&gt;Composer&lt;/a&gt;

Line No.-235: &lt;a href=&quot;https://www.w3resource.com/php/PHPUnit/a-gentle-introduction-to-unit-test-and-testing.php&quot;&gt;PHPUnit&lt;/a&gt;

Line No.-236: &lt;a href=&quot;https://www.w3resource.com/laravel/laravel-tutorial.php&quot;&gt;Laravel&lt;/a&gt;

Line No.-237: &lt;a href=&quot;https://www.w3resource.com/mojo/index.php&quot;&gt;Mojo&lt;/a&gt;

Line No.-238: &lt;/div&gt;

Line No.-239: &lt;/div&gt;

Line No.-240: &lt;/div&gt;

Line No.-241: &lt;div class=&quot;mdl-cell mdl-cell--4-col&quot;&gt;

Line No.-242: &lt;div class=&quot;demo-card-square mdl-card mdl-shadow--2dp&quot;&gt;

Line No.-243: &lt;div class=&quot;mdl-card__actions mdl-card--border&quot;&gt;

Line No.-244: &lt;a&gt;Database tutorials&lt;/a&gt;

Line No.-245: &lt;/div&gt;

Line No.-246: &lt;div class=&quot;mdl-card__supporting-text&quot;&gt;

Line No.-247: &lt;a href=&quot;https://www.w3resource.com/sql/tutorials.php&quot;&gt;SQL(2003 standard of ANSI)&lt;/a&gt;

Line No.-248: &lt;a href=&quot;https://www.w3resource.com/mysql/mysql-tutorials.php&quot;&gt;MySQL&lt;/a&gt;

Line No.-249: &lt;a href=&quot;https://www.w3resource.com/PostgreSQL/tutorial.php&quot;&gt;PostgreSQL&lt;/a&gt;

Line No.-250: &lt;a href=&quot;https://www.w3resource.com/sqlite/index.php&quot;&gt;SQLite&lt;/a&gt;

Line No.-251: &lt;a href=&quot;https://www.w3resource.com/mongodb/nosql.php&quot;&gt;NoSQL&lt;/a&gt;

Line No.-252: &lt;a href=&quot;https://www.w3resource.com/mongodb/nosql.php&quot;&gt;MongoDB&lt;/a&gt;&lt;a href=&quot;https://www.w3resource.com/oracle/index.php&quot;&gt;Oracle&lt;/a&gt;

Line No.-253: &lt;a href=&quot;https://www.w3resource.com/redis/index.php&quot;&gt;Redis&lt;/a&gt;

Line No.-254: &lt;a href=&quot;https://www.w3resource.com/apollo-graphql/the-apollo-graphql-platform.php&quot;&gt;Apollo GraphQL&lt;/a&gt;

Line No.-255: &lt;/div&gt;

Line No.-256: &lt;/div&gt;

Line No.-257: &lt;/div&gt;

Line No.-258: &lt;/div&gt;

Line No.-259: 

Line No.-260: &lt;div class=&quot;mdl-grid&quot;&gt;

Line No.-261: &lt;div class=&quot;mdl-cell mdl-cell--4-col&quot;&gt;

Line No.-262: &lt;div class=&quot;demo-card-square mdl-card mdl-shadow--2dp&quot;&gt;

Line No.-263: &lt;div class=&quot;mdl-card__actions mdl-card--border&quot;&gt;

Line No.-264: &lt;a&gt;Frontend Exercises with online editor&lt;/a&gt;

Line No.-265: &lt;/div&gt;

Line No.-266: &lt;div class=&quot;mdl-card__supporting-text&quot;&gt;

Line No.-267: &lt;a href=&quot;https://www.w3resource.com/html-css-exercise/&quot;&gt;HTML CSS&lt;/a&gt;

Line No.-268: &lt;a href=&quot;https://www.w3resource.com/html-css-exercise/basic/index.php&quot;&gt;HTML5 Basic (Tag and attribute)&lt;/a&gt;

Line No.-269: &lt;a href=&quot;https://www.w3resource.com/html-css-exercise/html-css-practical-exercises/html-css-practical-exercise-part-1.php&quot;&gt;HTML-CSS Practical Exercises&lt;/a&gt;

Line No.-270: &lt;a href=&quot;https://www.w3resource.com/html-css-exercise/css-properties/index.php&quot;&gt;CSS Properties Exercises&lt;/a&gt;

Line No.-271: &lt;a href=&quot;https://www.w3resource.com/javascript-exercises/&quot;&gt;JavaScript&lt;/a&gt;

Line No.-272: &lt;a href=&quot;https://www.w3resource.com/jquery-exercises/&quot;&gt;jQuery&lt;/a&gt;

Line No.-273: &lt;a href=&quot;https://www.w3resource.com/jquery-ui-exercises/&quot;&gt;jQuery-UI&lt;/a&gt;

Line No.-274: &lt;a href=&quot;https://www.w3resource.com/coffeescript-exercises/&quot;&gt;CoffeeScript&lt;/a&gt;

Line No.-275: &lt;a href=&quot;https://www.w3resource.com/bash-script-exercises/index.php&quot;&gt;BASH&lt;/a&gt;

Line No.-276: &lt;a href=&quot;https://www.w3resource.com/typescript-exercises/index.php&quot;&gt;TypeScript&lt;/a&gt;

Line No.-277: &lt;a href=&quot;https://www.w3resource.com/java-exercises/javafx/index.php&quot;&gt;JavaFX&lt;/a&gt;

Line No.-278: &lt;/div&gt;

Line No.-279: &lt;/div&gt;

Line No.-280: &lt;/div&gt;

Line No.-281: &lt;div class=&quot;mdl-cell mdl-cell--4-col&quot;&gt;

Line No.-282: &lt;div class=&quot;demo-card-square mdl-card mdl-shadow--2dp&quot;&gt;

Line No.-283: &lt;div class=&quot;mdl-card__actions mdl-card--border&quot;&gt;

Line No.-284: &lt;a&gt;Backend Exercises with online editor&lt;/a&gt;

Line No.-285: &lt;/div&gt;

Line No.-286: &lt;div class=&quot;mdl-card__supporting-text&quot;&gt;

Line No.-287: &lt;a href=&quot;https://www.w3resource.com/php-exercises/&quot;&gt;PHP&lt;/a&gt;

Line No.-288: &lt;a href=&quot;https://www.w3resource.com/python-exercises/&quot;&gt;Python&lt;/a&gt;

Line No.-289: &lt;a href=&quot;https://www.w3resource.com/python-exercises/numpy/index.php&quot;&gt;NumPy&lt;/a&gt;

Line No.-290: &lt;a href=&quot;https://www.w3resource.com/python-exercises/pandas/index.php&quot;&gt;Pandas&lt;/a&gt;

Line No.-291: &lt;a href=&quot;https://www.w3resource.com/csharp-exercises/&quot;&gt;C# &lt;/a&gt;

Line No.-292: &lt;a href=&quot;https://www.w3resource.com/cpp-exercises/index.php&quot;&gt;C++ &lt;/a&gt;

Line No.-293: &lt;a href=&quot;https://www.w3resource.com/c-programming-exercises/&quot;&gt;C Programming&lt;/a&gt;

Line No.-294: &lt;a href=&quot;https://www.w3resource.com/r-programming-exercises/&quot;&gt;R Language&lt;/a&gt;

Line No.-295: &lt;a href=&quot;https://www.w3resource.com/java-exercises/&quot;&gt;Java&lt;/a&gt;

Line No.-296: &lt;a href=&quot;https://www.w3resource.com/ruby-exercises/&quot;&gt;Ruby&lt;/a&gt;

Line No.-297: &lt;a href=&quot;https://www.w3resource.com/graphics/matplotlib/&quot;&gt;Matplotlib&lt;/a&gt;

Line No.-298: &lt;a href=&quot;https://www.w3resource.com/machine-learning/scikit-learn/iris/index.php&quot;&gt;Machine Learning&lt;/a&gt;

Line No.-299: &lt;a href=&quot;https://www.w3resource.com/machine-learning/tensorflow/index.php&quot;&gt;TensorFlow&lt;/a&gt;

Line No.-300: &lt;a href=&quot;https://www.w3resource.com/scala-exercises/index.php&quot;&gt;Scala&lt;/a&gt;

Line No.-301: &lt;a href=&quot;https://www.w3resource.com/swift-programming-exercises/&quot;&gt;Swift&lt;/a&gt;

Line No.-302: &lt;a href=&quot;https://www.w3resource.com/kotlin-exercises/index.php&quot;&gt;Kotlin&lt;/a&gt;

Line No.-303: &lt;a href=&quot;https://www.w3resource.com/rust/index.php&quot;&gt;Rust&lt;/a&gt;

Line No.-304: &lt;/div&gt;

Line No.-305: &lt;/div&gt;

Line No.-306: &lt;/div&gt;

Line No.-307: &lt;div class=&quot;mdl-cell mdl-cell--4-col&quot;&gt;

Line No.-308: &lt;div class=&quot;demo-card-square mdl-card mdl-shadow--2dp&quot;&gt;

Line No.-309: &lt;div class=&quot;mdl-card__actions mdl-card--border&quot;&gt;

Line No.-310: &lt;a&gt;Database Exercises with online editor&lt;/a&gt;

Line No.-311: &lt;/div&gt;

Line No.-312: &lt;div class=&quot;mdl-card__supporting-text&quot;&gt;

Line No.-313: &lt;a href=&quot;https://www.w3resource.com/sql-exercises/&quot;&gt;SQL&lt;/a&gt;

Line No.-314: &lt;a href=&quot;https://www.w3resource.com/sql-exercises/movie-database-exercise/index.php&quot;&gt;Movie Database&lt;/a&gt;

Line No.-315: &lt;a href=&quot;https://www.w3resource.com/sql-exercises/soccer-database-exercise/index.php&quot;&gt;Soccer Database&lt;/a&gt;

Line No.-316: &lt;a href=&quot;https://www.w3resource.com/sql-exercises/hospital-database-exercise/index.php&quot;&gt;Hospital Database&lt;/a&gt;

Line No.-317: &lt;a href=&quot;https://www.w3resource.com/sql-exercises/employee-database-exercise/index.php&quot;&gt;Employee Database&lt;/a&gt;

Line No.-318: &lt;a href=&quot;https://www.w3resource.com/sql-exercises/adventureworks/index.php&quot;&gt;AdventureWorks Database&lt;/a&gt;

Line No.-319: &lt;a href=&quot;https://www.w3resource.com/oracle-exercises/&quot;&gt;Oracle&lt;/a&gt;

Line No.-320: &lt;a href=&quot;https://www.w3resource.com/mysql-exercises/&quot;&gt;MySQL&lt;/a&gt;

Line No.-321: &lt;a href=&quot;https://www.w3resource.com/sqlite-exercises/&quot;&gt;SQLite&lt;/a&gt;

Line No.-322: &lt;a href=&quot;https://www.w3resource.com/postgresql-exercises/&quot;&gt;PostgreSQL&lt;/a&gt;

Line No.-323: &lt;a href=&quot;https://www.w3resource.com/mongodb-exercises/&quot;&gt;MongoDB&lt;/a&gt;

Line No.-324: &lt;a href=&quot;https://www.w3resource.com/plsql-exercises/index.php&quot;&gt;PL/SQL&lt;/a&gt;

Line No.-325: &lt;/div&gt;

Line No.-326: &lt;/div&gt;

Line No.-327: &lt;/div&gt;

Line No.-328: &lt;/div&gt;

Line No.-329: 

Line No.-330: &lt;div class=&quot;mdl-grid&quot;&gt;

Line No.-331: &lt;div class=&quot;mdl-cell mdl-cell--4-col&quot;&gt;

Line No.-332: &lt;div class=&quot;demo-card-square mdl-card mdl-shadow--2dp&quot;&gt;

Line No.-333: &lt;div class=&quot;mdl-card__actions mdl-card--border&quot;&gt;

Line No.-334: &lt;a&gt;Data structure and Algorithm&lt;/a&gt;

Line No.-335: &lt;/div&gt;

Line No.-336: &lt;div class=&quot;mdl-card__supporting-text&quot;&gt;

Line No.-337: &lt;a href=&quot;https://www.w3resource.com/data-structures-and-algorithms/index.php&quot;&gt;Learn DSA&lt;/a&gt;

Line No.-338: &lt;a href=&quot;https://www.w3resource.com/data-structures-and-algorithms/an-introduction-to-data-structures-and-algorithms.php&quot;&gt;An Introduction to DSA&lt;/a&gt;

Line No.-339: &lt;a href=&quot;https://www.w3resource.com/data-structures-and-algorithms/data-structures-and-algorithms-fundamentals.php&quot;&gt;DSA Fundamentals&lt;/a&gt;

Line No.-340: &lt;a href=&quot;https://www.w3resource.com/data-structures-and-algorithms/array/array-data-structure.php&quot;&gt;Array Data Structure&lt;/a&gt;

Line No.-341: &lt;a href=&quot;https://www.w3resource.com/data-structures-and-algorithms/array/array-data-structure-coding-problems.php&quot;&gt;Array Coding Problems&lt;/a&gt;

Line No.-342: &lt;/div&gt;

Line No.-343: &lt;/div&gt;

Line No.-344: &lt;/div&gt;

Line No.-345: &lt;div class=&quot;mdl-cell mdl-cell--4-col&quot;&gt;

Line No.-346: &lt;div class=&quot;demo-card-square mdl-card mdl-shadow--2dp&quot;&gt;

Line No.-347: &lt;div class=&quot;mdl-card__actions mdl-card--border&quot;&gt;

Line No.-348: &lt;a&gt;Linux, Data interchange &amp; API tutorials&lt;/a&gt;

Line No.-349: &lt;/div&gt;

Line No.-350: &lt;div class=&quot;mdl-card__supporting-text&quot;&gt;

Line No.-351: &lt;a href=&quot;https://www.w3resource.com/linux-system-administration/installation.php&quot;&gt;Linux Home&lt;/a&gt;

Line No.-352: &lt;a href=&quot;https://www.w3resource.com/linux-system-administration/linux-commands-introduction.php&quot;&gt;Linux Commands&lt;/a&gt;

Line No.-353: &lt;a href=&quot;https://www.w3resource.com/linux-system-administration/installation.php&quot;&gt;Linux Server Administration&lt;/a&gt;

Line No.-354: &lt;a href=&quot;https://www.w3resource.com/xml/xml.php&quot;&gt;XML&lt;/a&gt;

Line No.-355: &lt;a href=&quot;https://www.w3resource.com/JSON/introduction.php&quot;&gt;JSON&lt;/a&gt;

Line No.-356: &lt;a href=&quot;https://www.w3resource.com/ajax/introduction.php&quot;&gt;Ajax&lt;/a&gt;

Line No.-357: &lt;a href=&quot;https://www.w3resource.com/API/google-plus/tutorial.php&quot;&gt;Google Plus API&lt;/a&gt;

Line No.-358: &lt;a href=&quot;https://www.w3resource.com/API/youtube/tutorial.php&quot;&gt;Youtube API&lt;/a&gt;

Line No.-359: &lt;a href=&quot;https://www.w3resource.com/API/google-maps/index.php&quot;&gt;Google Maps API&lt;/a&gt;

Line No.-360: &lt;a href=&quot;https://www.w3resource.com/API/flickr/tutorial.php&quot;&gt;Flickr API&lt;/a&gt;

Line No.-361: &lt;a href=&quot;https://www.w3resource.com/API/last.fm/tutorial.php&quot;&gt;Last.fm API&lt;/a&gt;

Line No.-362: &lt;a href=&quot;https://www.w3resource.com/API/twitter-rest-api/&quot;&gt;Twitter REST API&lt;/a&gt;

Line No.-363: &lt;/div&gt;

Line No.-364: &lt;/div&gt;

Line No.-365: &lt;/div&gt;

Line No.-366: &lt;div class=&quot;mdl-cell mdl-cell--4-col&quot;&gt;

Line No.-367: &lt;div class=&quot;demo-card-square mdl-card mdl-shadow--2dp&quot;&gt;

Line No.-368: &lt;div class=&quot;mdl-card__actions mdl-card--border&quot;&gt;

Line No.-369: &lt;a&gt;Miscellaneous Tutorials&lt;/a&gt;

Line No.-370: &lt;/div&gt;

Line No.-371: &lt;div class=&quot;mdl-card__supporting-text&quot;&gt;

Line No.-372: &lt;a href=&quot;https://www.w3resource.com/projects/python/index.php&quot;&gt;Python Projects&lt;/a&gt;

Line No.-373: &lt;a href=&quot;https://www.w3resource.com/excel/index.php&quot;&gt;Excel Tutorial&lt;/a&gt;

Line No.-374: &lt;a href=&quot;https://www.w3resource.com/web-development-tools/firebug-tutorials.php&quot;&gt;Firebug Tutorial&lt;/a&gt;

Line No.-375: &lt;a href=&quot;https://www.w3resource.com/web-development-tools/useful-web-development-tools.php&quot;&gt;Useful Tools&lt;/a&gt;

Line No.-376: &lt;a href=&quot;https://www.w3resource.com/form-template/index.php&quot;&gt;Google Docs Forms Template&lt;/a&gt;

Line No.-377: &lt;a href=&quot;https://www.w3resource.com/slides/index.php&quot;&gt;Google Docs Slides Presentation&lt;/a&gt;

Line No.-378: &lt;a href=&quot;https://www.w3resource.com/convert/number/binary-to-decimal.php&quot;&gt;Number Conversion&lt;/a&gt;

Line No.-379: &lt;a href=&quot;https://www.w3resource.com/quizzes/index.php&quot;&gt;Quizzes&lt;/a&gt;

Line No.-380: &lt;a href=&quot;https://www.w3resource.com/twitter-bootstrap/examples.php&quot;&gt;Twitter Bootstrap Examples&lt;/a&gt;

Line No.-381: &lt;a href=&quot;https://www.w3resource.com/python-interview/index.php&quot;&gt;Python Interview Q&amp;A&lt;/a&gt;

Line No.-382: &lt;a href=&quot;https://www.w3resource.com/wxmaxima/index.php&quot;&gt;wxMaxima&lt;/a&gt;

Line No.-383: 

Line No.-384: &lt;/div&gt;

Line No.-385: &lt;/div&gt;

Line No.-386: &lt;/div&gt;

Line No.-387: &lt;/div&gt;

Line No.-388: 

Line No.-389: &lt;style type=&quot;text/css&quot;&gt;

Line No.-390:  h1 {

Line No.-391: 	color: #2a69a8;

Line No.-392:     font-size: 30px;

Line No.-393:     margin-left: 30px;    

Line No.-394: }

Line No.-395: .home_updates {

Line No.-396: margin: 20px;

Line No.-397: font-size: 17px;

Line No.-398: background-color: #f1f3f4;

Line No.-399: padding: 10px

Line No.-400: }

Line No.-401: .home_updates a{

Line No.-402: font-size: 17px;

Line No.-403: }

Line No.-404: &lt;/style&gt;

Line No.-405: &lt;hr&gt;

Line No.-406: &lt;div style=&quot;margin-left: 10%&quot;&gt;

Line No.-407: &lt;p&gt;&lt;strong&gt;Tutorials, Exercises published recently&lt;/strong&gt;&lt;/p&gt;

Line No.-408: &lt;p&gt;&lt;strong&gt;Trending Exercises / Tutorial :&lt;/strong&gt;&lt;/p&gt;

Line No.-409: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python/certificate/index.php&quot; target=&quot;_blank&quot;&gt;Python PCEP Certification Preparation Guide: Exam Details &amp; Syllabus&lt;/a&gt;&lt;/p&gt;

Line No.-410: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/convert/index.php&quot; target=&quot;_blank&quot;&gt;Number Conversion&lt;/a&gt;&lt;/p&gt;

Line No.-411: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/data-structures-and-algorithms/index.php&quot; target=&quot;_blank&quot;&gt;Learn Data Structures and Algorithms (DSA)&lt;/a&gt;&lt;/p&gt;

Line No.-412: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/data-structures-and-algorithms/array/array-data-structure-coding-problems.php&quot; target=&quot;_blank&quot;&gt;Array Coding Problems: Classic &amp; Challenging Challenges&lt;/a&gt;&lt;/p&gt;

Line No.-413: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/projects/python/python_beginners_projects.php&quot;&gt;100 Python Projects for Beginners with solution&lt;/a&gt;&lt;/p&gt;

Line No.-414: &lt;p&gt;&lt;strong&gt;20 September, 2024&lt;/strong&gt;&lt;/p&gt;

Line No.-415: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/c-programming/c-logical-operators.php&quot; target=&quot;_blank&quot;&gt;C Programming - Logical Operators Explained&lt;/a&gt;&lt;/p&gt;

Line No.-416: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/c-programming/c-arithmetic-operators.php&quot; target=&quot;_blank&quot;&gt;C Arithmetic Operators Explained with Examples&lt;/a&gt;&lt;/p&gt;

Line No.-417: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/c-programming/c-relational-operators.php&quot; target=&quot;_blank&quot;&gt;C Relational Operators with Examples&lt;/a&gt;&lt;/p&gt;

Line No.-418: &lt;p&gt;&lt;strong&gt;19 September, 2024&lt;/strong&gt;&lt;/p&gt;

Line No.-419: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/projects/python/python-basic-url-crawler-project.php&quot; target=&quot;_blank&quot;&gt;Python Project - Basic URL Crawler for extract URLs&lt;/a&gt;&lt;/p&gt;

Line No.-420: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python/certificate/functions-and-exceptions-base-exception.php&quot; target=&quot;_blank&quot;&gt;PCEP Certification Practice: Python Built-In BaseException Hierarchy&lt;/a&gt;&lt;/p&gt;

Line No.-421: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python/certificate/functions-and-exceptions-exception.php&quot; target=&quot;_blank&quot;&gt;PCEP Certification Practice: Python Built-In Exception Class&lt;/a&gt;&lt;/p&gt;

Line No.-422: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python/certificate/functions-and-exceptions-systemexit.php&quot; target=&quot;_blank&quot;&gt;PCEP Certification Practice: Python SystemExit Exception Handling&lt;/a&gt;&lt;/p&gt;

Line No.-423: &lt;p&gt;&lt;strong&gt;18 September, 2024&lt;/strong&gt;&lt;/p&gt;

Line No.-424: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/c-programming/c-multithreading.php&quot; target=&quot;_blank&quot;&gt;Multithreading in C with POSIX Threads: A Complete Guide&lt;/a&gt;&lt;/p&gt;

Line No.-425: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/c-programming/c-union.php&quot; target=&quot;_blank&quot;&gt;Understanding the Concept and use Cases of Unions in C&lt;/a&gt;&lt;/p&gt;

Line No.-426: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/c-programming/c-bitwise-operators.php&quot; target=&quot;_blank&quot;&gt;Understanding Bitwise Operators with examples in C&lt;/a&gt;&lt;/p&gt;

Line No.-427: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python/certificate/functions-and-exceptions-name-scopes-name-hiding-and-global-keyword.php&quot; target=&quot;_blank&quot;&gt;PCEP Certification Practice: Name Scopes, Name Hiding, and Global Keyword&lt;/a&gt;&lt;/p&gt;

Line No.-428: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python/certificate/functions-and-exceptions-default-parameter-values.php&quot; target=&quot;_blank&quot;&gt;PCEP Exam Practice: Default Parameter Values in Python Functions&lt;/a&gt;&lt;/p&gt;

Line No.-429: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/projects/python/python-trivia-quiz-game-project.php&quot; target=&quot;_blank&quot;&gt;Trivia Quiz Game Project: CLI and GUI Solutions in Python&lt;/a&gt;&lt;/p&gt;

Line No.-430: &lt;p&gt;&lt;strong&gt;17 September, 2024&lt;/strong&gt;&lt;/p&gt;

Line No.-431: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python/certificate/functions-and-exceptions-positional-keyword-and-mixed-argument-passing.php&quot; target=&quot;_blank&quot;&gt;PCEP Certification Practice Test: Positional, Keyword, and Mixed Arguments&lt;/a&gt;&lt;/p&gt;

Line No.-432: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/c-programming/c-preprocessor-directives.php&quot; target=&quot;_blank&quot;&gt;Mastering Preprocessor Directives in C: #define, #include, and Macros&lt;/a&gt;&lt;/p&gt;

Line No.-433: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/c-programming/c-error-handling.php&quot; target=&quot;_blank&quot;&gt;Comprehensive Guide to Error Handling in C: errno, perror(), and strerror()&lt;/a&gt;&lt;/p&gt;

Line No.-434: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/c-programming/c-typedef-and-enum.php&quot; target=&quot;_blank&quot;&gt;Understanding Typedef and Enum in C Programming&lt;/a&gt;&lt;/p&gt;

Line No.-435: &lt;p&gt;&lt;strong&gt;16 September, 2024&lt;/strong&gt;&lt;/p&gt;

Line No.-436: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/c-programming/c-command-line-arguments.php&quot; target=&quot;_blank&quot;&gt;Command-Line Arguments in C: Handling argc and argv&lt;/a&gt;&lt;/p&gt;

Line No.-437: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/c-programming/c-dynamic-memory-allocation.php&quot; target=&quot;_blank&quot;&gt;Dynamic Memory Allocation in C: malloc(), calloc(), realloc(), and free()&lt;/a&gt;&lt;/p&gt;

Line No.-438: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/c-programming/c-file-handling.php&quot; target=&quot;_blank&quot;&gt;C File Handling: fopen(), fclose(), fread(), and fwrite() Tutorial&lt;/a&gt;&lt;/p&gt;

Line No.-439: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python/certificate/functions-and-exceptions-parameters-vs-arguments.php&quot; target=&quot;_blank&quot;&gt;PCEP Certification Practice Test: Parameters vs. Arguments&lt;/a&gt;&lt;/p&gt;

Line No.-440: &lt;strong&gt;14 September, 2024&lt;/strong&gt;&lt;/p&gt;

Line No.-441: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/c-programming/c-programming-recursion.php&quot; target=&quot;_blank&quot;&gt;Comprehensive guide to Recursion in C Programming: Best Practices &amp; Examples&lt;/a&gt;&lt;/p&gt;

Line No.-442: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python/certificate/functions-and-exceptions-defining-and-invoking-user-defined-functions-and-generators.php&quot; target=&quot;_blank&quot;&gt;PCEP Certification Practice Test: User-Defined Functions and Generators&lt;/a&gt;&lt;/p&gt;

Line No.-443: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python/certificate/functions-and-exceptions-the-none-keyword.php&quot; target=&quot;_blank&quot;&gt;PCEP Certification Practice Test: Understanding the None Keyword in Python&lt;/a&gt;&lt;/p&gt;

Line No.-444: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python/certificate/functions-and-exceptions-recursion.php&quot; target=&quot;_blank&quot;&gt;PCEP Certification Practice Test: Mastering Recursion in Python&lt;/a&gt;&lt;/p&gt;

Line No.-445: &lt;strong&gt;13 September, 2024&lt;/strong&gt;&lt;/p&gt;

Line No.-446: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/c-programming/c-programming-functions.php&quot; target=&quot;_blank&quot;&gt;C Programming Functions: Declarations, Definitions &amp; Examples&lt;/a&gt;&lt;/p&gt;

Line No.-447: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python/certificate/data-collections-strings-quotes-and-apostrophes-inside-strings.php&quot; target=&quot;_blank&quot;&gt;PCEP Practice Test: Mastering Quotes and Apostrophes in Python Strings&lt;/a&gt;&lt;/p&gt;

Line No.-448: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python/certificate/data-collections-strings-multi-line-strings.php&quot; target=&quot;_blank&quot;&gt;PCEP Practice Test: Understanding Multi-line Strings in Python&lt;/a&gt;&lt;/p&gt;

Line No.-449: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python/certificate/data-collections-strings-functions-and-methods.php&quot; target=&quot;_blank&quot;&gt;PCEP Practice Test: Basic String Functions and Methods in Python&lt;/a&gt;&lt;/p&gt;

Line No.-450: &lt;strong&gt;12 September, 2024&lt;/strong&gt;&lt;/p&gt;

Line No.-451: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python/certificate/data-collections-strings-constructing-strings.php&quot; target=&quot;_blank&quot;&gt;PCEP Certification Practice Test: Constructing Strings&lt;/a&gt;&lt;/p&gt;

Line No.-452: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python/certificate/data-collections-strings-indexing-slicing-immutability.php&quot; target=&quot;_blank&quot;&gt;PCEP Certification Practice Test: Indexing, Slicing, and String immutability&lt;/a&gt;&lt;/p&gt;

Line No.-453: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python/certificate/data-collections-strings-escaping-using-the-backslash-character.php&quot; target=&quot;_blank&quot;&gt;PCEP Certification Practice Test: Escaping using the Backslash character&lt;/a&gt;&lt;/p&gt;

Line No.-454: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/projects/python/python-url-shortener-project.php&quot; target=&quot;_blank&quot;&gt;Python URL Shortener Project: Comparing Hashing and Base62 Encoding Methods&lt;/a&gt;&lt;/p&gt;

Line No.-455: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/projects/python/python-basic-music-player-project.php&quot; target=&quot;_blank&quot;&gt;Basic Music Player Project: Tkinter vs PyQt5 Solutions for Python&lt;/a&gt;&lt;/p&gt;

Line No.-456: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/projects/python/python-palindrome-checker-project.php&quot; target=&quot;_blank&quot;&gt;Palindrome Checker Project: Basic and Class-Based Python Solutions&lt;/a&gt;&lt;/p&gt;

Line No.-457: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/projects/python/python-basic-blog-system-project.php&quot; target=&quot;_blank&quot;&gt;Building a Basic Blog System in Python: Two Approaches&lt;/a&gt;&lt;/p&gt;

Line No.-458: &lt;strong&gt;09 September, 2024&lt;/strong&gt;&lt;/p&gt;

Line No.-459: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python/certificate/data-collections-dictionaries-checking-the-existence-of-keys.php&quot; target=&quot;_blank&quot;&gt;PCEP Certification Practice: Checking the Existence of Dictionary Keys&lt;/a&gt;&lt;/p&gt;

Line No.-460: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python/certificate/data-collections-dictionaries-methods-keys-items-and-values.php&quot; target=&quot;_blank&quot;&gt;PCEP Certification Practice: Dictionary Methods keys(), items(), and values()&lt;/a&gt;&lt;/p&gt;

Line No.-461: &lt;strong&gt;05 September, 2024&lt;/strong&gt;&lt;/p&gt;

Line No.-462: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python/certificate/data-collections-dictionaries-iterating-through-dictionaries-and-their-keys-and-values.php&quot; target=&quot;_blank&quot;&gt;PCEP Certification Practice: Iterating through Dictionaries and their Keys and Values&lt;/a&gt;&lt;/p&gt;

Line No.-463: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python/certificate/data-collections-dictionaries-building-indexing-adding-and-removing-keys.php&quot; target=&quot;_blank&quot;&gt;PCEP Certification Practice: Iterating through Dictionaries and their Keys and Values&lt;/a&gt;&lt;/p&gt;

Line No.-464: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/projects/python/python-basic-drawing-app-project.php&quot; target=&quot;_blank&quot;&gt;Python Project - Basic Drawing App using Tkinter and PyQt5&lt;/a&gt;&lt;/p&gt;

Line No.-465: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/projects/python/python-image-downloader-project.php&quot; target=&quot;_blank&quot;&gt;Python Image Downloader: Download Images from a URL&lt;/a&gt;&lt;/p&gt;

Line No.-466: &lt;strong&gt;04 September, 2024&lt;/strong&gt;&lt;/p&gt;

Line No.-467: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/projects/python/python-image-downloader-project.php&quot; target=&quot;_blank&quot;&gt;Python Image Downloader: Download Images from a URL&lt;/a&gt;&lt;/p&gt;

Line No.-468: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python/certificate/data-collections-tuples-vs-lists-similarities-and-differences.php&quot; target=&quot;_blank&quot;&gt;PCEP Certification Practice: Tuples vs. Lists - Differences and Similarities&lt;/a&gt;&lt;/p&gt;

Line No.-469: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python/certificate/data-collections-tuples-lists-inside-tuples-and-tuples-inside-lists.php&quot; target=&quot;_blank&quot;&gt;PCEP Certification Practice: Lists inside Tuples and Tuples inside Lists&lt;/a&gt;&lt;/p&gt;

Line No.-470: &lt;strong&gt;03 September, 2024&lt;/strong&gt;&lt;/p&gt;

Line No.-471: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/projects/python/python-hangman-game-project.php&quot; target=&quot;_blank&quot;&gt;Python Project: Hangman Game - Solutions and Explanations&lt;/a&gt;&lt;/p&gt;

Line No.-472: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/projects/python/python-file-organizer-project.php&quot; target=&quot;_blank&quot;&gt;Python File Organizer Project - Solutions and Explanations&lt;/a&gt;&lt;/p&gt;

Line No.-473: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/projects/python/python-simple-web-server-project.php&quot; target=&quot;_blank&quot;&gt;Create a Basic Web Server Project in Python: Flask vs. Django&lt;/a&gt;&lt;/p&gt;

Line No.-474: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/projects/python/python-password-manager-project.php&quot; target=&quot;_blank&quot;&gt;Create a Secure Password Manager Project in Python: Two Approaches&lt;/a&gt;&lt;/p&gt;

Line No.-475: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/projects/python/python-tic-tac-toe-game-project.php&quot; target=&quot;_blank&quot;&gt;Python Two-Player Tic-Tac-Toe Project - Solutions and Explanations&lt;/a&gt;&lt;/p&gt;

Line No.-476: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/projects/python/python-rock-paper-scissors-game-project.php&quot; target=&quot;_blank&quot;&gt;Python Project - Rock, Paper, Scissors Game: Solutions and Explanations&lt;/a&gt;&lt;/p&gt;

Line No.-477: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/projects/python/python-random-password-generator-project.php&quot; target=&quot;_blank&quot;&gt;Python Project - Random Password Generator Solutions and Explanations&lt;/a&gt;&lt;/p&gt;

Line No.-478: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python/certificate/data-collections-tuples-indexing-slicing-building-immutability.php&quot; target=&quot;_blank&quot;&gt;PCEP Certification Practice: Tuples - Indexing, Slicing, Building, and Immutability&lt;/a&gt;&lt;/p&gt;

Line No.-479: &lt;strong&gt;02 September, 2024&lt;/strong&gt;&lt;/p&gt;

Line No.-480: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python/certificate/data-collections-lists-initializing-loops.php&quot; target=&quot;_blank&quot;&gt;PCEP Practice Test: Initializing Loops in Python Lists&lt;/a&gt;&lt;/p&gt;

Line No.-481: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python/certificate/data-collections-lists-in-lists-matrices-and-cubes.php&quot; target=&quot;_blank&quot;&gt;PCEP Practice Test: Lists in Lists - Matrices and Cubes&lt;/a&gt;&lt;/p&gt;

Line No.-482: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/projects/python/python-to-do-list-application-project.php&quot; target=&quot;_blank&quot;&gt;Python - Build a basic To-Do List Project: Solutions and Explanations&lt;/a&gt;&lt;/p&gt;

Line No.-483: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/projects/python/python-guess-the-number-game-project.php&quot; target=&quot;_blank&quot;&gt;Python Guess the Number Game Project: Solutions and Explanations&lt;/a&gt;&lt;/p&gt;

Line No.-484: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/projects/python/python-dice-rolling-simulator-project.php&quot; target=&quot;_blank&quot;&gt;Python Project: Dice Rolling Simulator - Solutions and Explanations&lt;/a&gt;&lt;/p&gt;

Line No.-485: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/projects/python/python-alarm-clock-project.php&quot; target=&quot;_blank&quot;&gt;Python Simple Alarm Clock Project - Solutions and Explanations&lt;/a&gt;&lt;/p&gt;

Line No.-486: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/projects/python/python-temperature-converter-project.php&quot; target=&quot;_blank&quot;&gt;Python Project Temperature Converter - Solutions and Explanations&lt;/a&gt;&lt;/p&gt;

Line No.-487: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/projects/python/python-random-password-generator-project.php&quot; target=&quot;_blank&quot;&gt;Python Project - Random Password Generator Solutions and Explanations&lt;/a&gt;&lt;/p&gt;

Line No.-488: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/projects/python/python-text-based-adventure-game-project.php&quot; target=&quot;_blank&quot;&gt;Python Project: Text-Based Adventure Game - Solutions and Explanations&lt;/a&gt;&lt;/p&gt;

Line No.-489: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/projects/python/python-rock-paper-scissors-game-project.php&quot; target=&quot;_blank&quot;&gt;Python Project - Rock, Paper, Scissors Game: Solutions and Explanations&lt;/a&gt;&lt;/p&gt;

Line No.-490: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/projects/python/python-currency-converter-project.php&quot; target=&quot;_blank&quot;&gt;Python Project Currency Converter - Solutions and Explanations&lt;/a&gt;&lt;/p&gt;

Line No.-491: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/projects/python/python-basic-web-scraper-project.php&quot; target=&quot;_blank&quot;&gt;Python Project - Basic Web Scraper Solutions and Explanations&lt;/a&gt;&lt;/p&gt;

Line No.-492: &lt;strong&gt;01 September, 2024&lt;/strong&gt;&lt;/p&gt;

Line No.-493: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/projects/python/python-hello-world-project.php&quot; target=&quot;_blank&quot;&gt;Python Hello World Project: Solutions and Explanations&lt;/a&gt;&lt;/p&gt;

Line No.-494: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/projects/python/python-simple-calculator-project.php&quot; target=&quot;_blank&quot;&gt;Python Simple Calculator Project with Solutions and Explanations&lt;/a&gt;&lt;/p&gt;

Line No.-495: &lt;strong&gt;31 August, 2024&lt;/strong&gt;&lt;/p&gt;

Line No.-496: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python/python-sqlite-databases-with-examples.php&quot; target=&quot;_blank&quot;&gt;Python SQLite: Basics of Working with SQLite Databases&lt;/a&gt;&lt;/p&gt;

Line No.-497: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python/python-sqlalchemy-orm-databases-with-examples.php&quot; target=&quot;_blank&quot;&gt;Python SQLAlchemy: Using SQLAlchemy ORM for Database Interactions&lt;/a&gt;&lt;/p&gt;

Line No.-498: &lt;p&gt;Update:&lt;a href=&quot;https://www.w3resource.com/projects/python/python_beginners_projects.php&quot; target=&quot;_blank&quot;&gt;100 Python Projects for Beginners with solutions&lt;/a&gt;&lt;/p&gt;

Line No.-499: &lt;strong&gt;30 August, 2024&lt;/strong&gt;&lt;/p&gt;

Line No.-500: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python/python-testing-and-debugging-with-examples.php&quot; target=&quot;_blank&quot;&gt;Testing and Debugging in Python: A Comprehensive Guide&lt;/a&gt;&lt;/p&gt;

Line No.-501: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python/python-metaclasses-with-examples.php&quot; target=&quot;_blank&quot;&gt;Understanding Python Metaclasses: A Comprehensive Guide&lt;/a&gt;&lt;/p&gt;

Line No.-502: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python/python-memory-management-with-examples.php&quot; target=&quot;_blank&quot;&gt;Python Memory Management: How Python Handles Memory Efficiently&lt;/a&gt;&lt;/p&gt;

Line No.-503: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python/python-global-interpreter-lock-with-examples.php&quot; target=&quot;_blank&quot;&gt;Understanding Python GIL: The Global Interpreter Lock Explained&lt;/a&gt;&lt;/p&gt;

Line No.-504: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python/certificate/data-collections-lists-functions-del-instruction.php&quot; target=&quot;_blank&quot;&gt;PCEP Certification Practice Test: Mastering the Python del Instruction&lt;/a&gt;&lt;/p&gt;

Line No.-505: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python/certificate/data-collections-lists-iterating-through-lists-with-the-for-loop.php&quot; target=&quot;_blank&quot;&gt;PCEP Certification Practice Test: Iterating Through Lists with the for Loop&lt;/a&gt;&lt;/p&gt;

Line No.-506: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python/certificate/data-collections-lists-in-and-not-in-operators.php&quot; target=&quot;_blank&quot;&gt;PCEP Certification Practice Test: Using in and not in Operators&lt;/a&gt;&lt;/p&gt;

Line No.-507: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python/certificate/data-collections-lists-comprehensions.php&quot; target=&quot;_blank&quot;&gt;PCEP Certification Practice Test: List Comprehensions&lt;/a&gt;&lt;/p&gt;

Line No.-508: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python/certificate/data-collections-lists-copying-and-cloning.php&quot; target=&quot;_blank&quot;&gt;PCEP Certification Practice Test: Copying and Cloning&lt;/a&gt;&lt;/p&gt;

Line No.-509: &lt;strong&gt;29 August, 2024&lt;/strong&gt;&lt;/p&gt;

Line No.-510: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python/python-creating-decorators-with-examples.php&quot; target=&quot;_blank&quot;&gt;Understanding and creating Python Decorators&lt;/a&gt;&lt;/p&gt;

Line No.-511: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python/python-list-comprehension-with-examples.php&quot; target=&quot;_blank&quot;&gt;Python Multithreading: Working with Threads&lt;/a&gt;&lt;/p&gt;

Line No.-512: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python/python-multiprocessing-with-examples.php&quot; target=&quot;_blank&quot;&gt;Python Multiprocessing: A Comprehensive Guide to Parallel Execution&lt;/a&gt;&lt;/p&gt;

Line No.-513: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python/python-asynchronous-with-examples.php&quot; target=&quot;_blank&quot;&gt;Python Asyncio: A Comprehensive Guide to Asynchronous Programming&lt;/a&gt;&lt;/p&gt;

Line No.-514: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python/certificate/data-collections-lists-constructing-vectors.php&quot; target=&quot;_blank&quot;&gt;Constructing Vectors with Lists in Python Exam preparation&lt;/a&gt;&lt;/p&gt;

Line No.-515: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python/certificate/data-collections-lists-indexing-and-slicing.php&quot; target=&quot;_blank&quot;&gt;Indexing and Slicing Lists in Python PCEP Exam preparation&lt;/a&gt;&lt;/p&gt;

Line No.-516: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python/certificate/data-collections-lists-functions-len-sorted.php&quot; target=&quot;_blank&quot;&gt;Understanding and creating Python Decorators&lt;/a&gt;&lt;/p&gt;

Line No.-517: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python/certificate/data-collections-lists-the-len-function.php&quot; target=&quot;_blank&quot;&gt;Using the len() Function with Python Lists PCEP Exam preparation&lt;/a&gt;&lt;/p&gt;

Line No.-518: &lt;strong&gt;28 August, 2024&lt;/strong&gt;&lt;/p&gt;

Line No.-519: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python/certificate/control-flow-conditional-statements-nesting-loops-and-conditional-statements.php&quot; target=&quot;_blank&quot;&gt;Python PCEP Exam - Nested Loops and Conditional Statements&lt;/a&gt;&lt;/p&gt;

Line No.-520: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python/certificate/control-flow-conditional-statements-controlling-loop-execution-with-break-and-continue.php&quot; target=&quot;_blank&quot;&gt;Controlling Loop Execution in Python: Mastering Break and Continue&lt;/a&gt;&lt;/p&gt;

Line No.-521: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python/python-list-comprehension-with-examples.php&quot; target=&quot;_blank&quot;&gt;Python List Comprehensions: For Concise and Readable Code&lt;/a&gt;&lt;/p&gt;

Line No.-522: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python/python-dictionary-comprehension-with-examples.php&quot; target=&quot;_blank&quot;&gt;Python Dictionary Comprehensions: For Creating Dictionaries in a Compact Form&lt;/a&gt;&lt;/p&gt;

Line No.-523: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python/python-sets-frozensets-with-examples.php&quot; target=&quot;_blank&quot;&gt;Python Sets and Frozensets: Detailed Explanation and Use-Cases&lt;/a&gt;&lt;/p&gt;

Line No.-524: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python/python-namedtuples-with-examples.php&quot; target=&quot;_blank&quot;&gt;Python Namedtuples: To Create Lightweight Object Types&lt;/a&gt;&lt;/p&gt;

Line No.-525: &lt;strong&gt;27 August, 2024&lt;/strong&gt;&lt;/p&gt;

Line No.-526: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python/certificate/control-flow-conditional-statements-if-if-else-if-elif-if-elif-else.php&quot; target=&quot;_blank&quot;&gt;Python PCEP Exam - Control Flow if, if-else, if-elif-else&lt;/a&gt;&lt;/p&gt;

Line No.-527: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python/certificate/control-flow-conditional-statements-multiple-conditional-statements.php&quot; target=&quot;_blank&quot;&gt;Python PCEM Exam: Conditional Statements (If, If-Else, If-Elif-Else)&lt;/a&gt;&lt;/p&gt;

Line No.-528: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python/certificate/control-flow-conditional-statements-nesting-conditional-statements.php&quot; target=&quot;_blank&quot;&gt;Python PCEP Exam: Nested if, else, and elif Statements&lt;/a&gt;&lt;/p&gt;

Line No.-529: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python/certificate/control-flow-conditional-statements-pass-instruction.php&quot; target=&quot;_blank&quot;&gt;Mastering Python's Pass Statement: Purpose, Usage, and Examples&lt;/a&gt;&lt;/p&gt;

Line No.-530: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python/certificate/control-flow-conditional-statements-building-loops.php&quot; target=&quot;_blank&quot;&gt;PCEP Exam - Control Flow in Python: Mastering Conditional Statements and Loops&lt;/a&gt;&lt;/p&gt;

Line No.-531: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python/certificate/control-flow-conditional-statements-iterating-through-sequences.php&quot; target=&quot;_blank&quot;&gt;Python PCEP Exam - Iterating Through Sequences&lt;/a&gt;&lt;/p&gt;

Line No.-532: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python/certificate/control-flow-conditional-statements-expanding-loops-with-while-else-and-for-else.php&quot; target=&quot;_blank&quot;&gt;Python PCEP Exam: Loops - while-else and for-else Explained&lt;/a&gt;&lt;/p&gt;

Line No.-533: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python/python-file-reading-writing-with-examples.php&quot; target=&quot;_blank&quot;&gt;Python File I/O: Reading, Writing, and Managing Files&lt;/a&gt;&lt;/p&gt;

Line No.-534: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python/python-handling-csv-files-with-examples.php&quot; target=&quot;_blank&quot;&gt;Python CSV Files: Handling CSV files Using the 'csv' module&lt;/a&gt;&lt;/p&gt;

Line No.-535: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python/python-handling-json-files-with-examples.php&quot; target=&quot;_blank&quot;&gt;Python JSON: Parsing JSON Data and Converting Python Objects to JSON&lt;/a&gt;&lt;/p&gt;

Line No.-536: &lt;strong&gt;26 August, 2024&lt;/strong&gt;&lt;/p&gt;

Line No.-537: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python/python-exceptions-with-examples.php&quot; target=&quot;_blank&quot;&gt;Python Exceptions: Understanding and Handling Errors&lt;/a&gt;&lt;/p&gt;

Line No.-538: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python/python-try-except-with-examples.php&quot; target=&quot;_blank&quot;&gt;Understanding Python Try-Except: Examples and Use Cases&lt;/a&gt;&lt;/p&gt;

Line No.-539: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python/python-raise-exceptions-with-examples.php&quot; target=&quot;_blank&quot;&gt;Raising Exceptions in Python: How and When to Use Them&lt;/a&gt;&lt;/p&gt;

Line No.-540: &lt;strong&gt;24 August, 2024&lt;/strong&gt;&lt;/p&gt;

Line No.-541: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python/certificate/perform-input-output-console-operations-sep-and-end-keyword-parameters.php&quot; target=&quot;_blank&quot;&gt;Mastering Pythons sep= and end= Parameters for PCEP-30-02&lt;/a&gt;&lt;/p&gt;

Line No.-542: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python/certificate/perform-input-output-console-operations-int-and-float-functions.php&quot; target=&quot;_blank&quot;&gt;PCEP-30-02 Exam: Python I/O Operations - int() and float() functions&lt;/a&gt;&lt;/p&gt;

Line No.-543: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python/python-lambda-functions-with-examples.php&quot; target=&quot;_blank&quot;&gt;Python Lambda Functions: A Practical Guide&lt;/a&gt;&lt;/p&gt;

Line No.-544: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python/functional-programming-map-filter-reduce.php&quot; target=&quot;_blank&quot;&gt;Python map(), filter(), reduce(): A Comprehensive Guide&lt;/a&gt;&lt;/p&gt;

Line No.-545: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python/python-closures-with-examples.php&quot; target=&quot;_blank&quot;&gt;Understanding Python Closures: Concepts and Practical Examples&lt;/a&gt;&lt;/p&gt;

Line No.-546: &lt;strong&gt;23 August, 2024&lt;/strong&gt;&lt;/p&gt;

Line No.-547: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python/python-object-classes.php&quot; target=&quot;_blank&quot;&gt;Python Classes&lt;/a&gt;&lt;/p&gt;

Line No.-548: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python/how-to-use-inheritance-in-python-classes.php&quot; target=&quot;_blank&quot;&gt;Python Inheritance: How to use Inheritance in Classes&lt;/a&gt;&lt;/p&gt;

Line No.-549: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python/how-to-implement-and-use-polymorphism.php&quot; target=&quot;_blank&quot;&gt;Python Polymorphism: How to implement and use Polymorphism&lt;/a&gt;&lt;/p&gt;

Line No.-550: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python/iterators-with-examples.php&quot; target=&quot;_blank&quot;&gt;Python Iterators: Creating and Using Iterators&lt;/a&gt;&lt;/p&gt;

Line No.-551: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python/generators-with-examples.php&quot; target=&quot;_blank&quot;&gt;Python Generators: Using yield to Create Generators&lt;/a&gt;&lt;/p&gt;

Line No.-552: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python/certificate/operators-and-data-types-relational-operators.php&quot; target=&quot;_blank&quot;&gt;PCEP-30-02 Exam Prep: In-Depth Practice on Relational Operators in Python&lt;/a&gt;&lt;/p&gt;

Line No.-553: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python/certificate/operators-and-data-types-accuracy-of-floating-point-numbers.php&quot; target=&quot;_blank&quot;&gt;PCEP-30-02 Exam Prep: Understanding Floating-Point Accuracy in Python&lt;/a&gt;&lt;/p&gt;

Line No.-554: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python/certificate/operators-and-data-types-type-casting.php&quot; target=&quot;_blank&quot;&gt;PCEP-30-02 Exam Prep: Understanding Type Casting in Python&lt;/a&gt;&lt;/p&gt;

Line No.-555: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python/certificate/perform-input-output-console-operations-print-and-input-functions.php&quot; target=&quot;_blank&quot;&gt;PCEP-30-02 Exam: Mastering Python's print() and input() Functions&lt;/a&gt;&lt;/p&gt;

Line No.-556: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python/how-to-implement-and-use-encapsulation.php&quot; target=&quot;_blank&quot;&gt;Python Encapsulation: Using Private and Protected Members in Classes&lt;/a&gt;&lt;/p&gt;

Line No.-557: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python/python-abstract-classes-and-interfaces.php&quot; target=&quot;_blank&quot;&gt;Python Abstraction with examples: Abstract Classes and Interfaces&lt;/a&gt;&lt;/p&gt;

Line No.-558: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python/python-function-decorators-class-decorators.php&quot; target=&quot;_blank&quot;&gt;Python Decorators: Understanding Function and Class Decorators&lt;/a&gt;&lt;/p&gt;

Line No.-559: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python/certificate/certified-entry-level-python-programmer-interpreter-compiler.php&quot; target=&quot;_blank&quot;&gt;PCEP - Python interpreting and the interpreter, compilation and the compiler&lt;/a&gt;&lt;/p&gt;

Line No.-560: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python/certificate/certified-entry-level-python-programmer-lexis-syntax-and-semantics.php&quot; target=&quot;_blank&quot;&gt;Prepare for the PCEP-30-02 Exam: Lexis, Syntax, and Semantics Mastery&lt;/a&gt;&lt;/p&gt;

Line No.-561: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python/certificate/certified-entry-level-python-programmer-logic-and-structure-keywords.php&quot; target=&quot;_blank&quot;&gt;Python Keywords: Essential Guide for PCEP-30-02 Exam Preparation&lt;/a&gt;&lt;/p&gt;

Line No.-562: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python/certificate/certified-entry-level-python-programmer-logic-and-structure-instructions.php&quot; target=&quot;_blank&quot;&gt;Python Instructions: Essential Practice for PCEP-30-02 Exam&lt;/a&gt;&lt;/p&gt;

Line No.-563: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python/certificate/certified-entry-level-python-programmer-logic-and-structure-indentation.php&quot; target=&quot;_blank&quot;&gt;Understanding Python Indentation: PCEP Exam Practice&lt;/a&gt;&lt;/p&gt;

Line No.-564: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python/certificate/certified-entry-level-python-programmer-logic-and-structure-comments.php&quot; target=&quot;_blank&quot;&gt;Understanding Python Comments: Essential Practice for PCEP-30-02 Exam&lt;/a&gt;&lt;/p&gt;

Line No.-565: &lt;strong&gt;20 August, 2024&lt;/strong&gt;&lt;/p&gt;

Line No.-566: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python/certificate/index.php&quot; target=&quot;_blank&quot;&gt;Python PCEP Certification Preparation Guide&lt;/a&gt;&lt;/p&gt;

Line No.-567: &lt;strong&gt;3 August, 2024&lt;/strong&gt;&lt;/p&gt;

Line No.-568: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/java-exercises/nested-classes/java-nested-classes.php&quot; target=&quot;_blank&quot;&gt;Java Nested Classes - Exercises, Practice, Solution&lt;/a&gt;&lt;/p&gt;

Line No.-569: &lt;strong&gt;2 August, 2024&lt;/strong&gt;&lt;/p&gt;

Line No.-570: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/java-exercises/static_members/java-static-members.php&quot; target=&quot;_blank&quot;&gt;Java Static Members - Exercises, Practice, Solution&lt;/a&gt;&lt;/p&gt;

Line No.-571: &lt;strong&gt;1 August, 2024&lt;/strong&gt;&lt;/p&gt;

Line No.-572: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/java-exercises/constructor/java-constructors.php&quot; target=&quot;_blank&quot;&gt;Java Constructor - Exercises, Practice, Solution&lt;/a&gt;&lt;/p&gt;

Line No.-573: &lt;strong&gt;30 July, 2024&lt;/strong&gt;&lt;/p&gt;

Line No.-574: &lt;p&gt;Update: &lt;a href=&quot;https://www.w3resource.com/java-exercises/encapsulation/index.php&quot; target=&quot;_blank&quot;&gt;Java Encapsulation - Exercises, Practices, Solutions&lt;/a&gt;&lt;/p&gt;

Line No.-575: &lt;strong&gt;29 July, 2024&lt;/strong&gt;&lt;/p&gt;

Line No.-576: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python-exercises/pandas/advanced-grouping-and-aggregation/index.php&quot; target=&quot;_blank&quot;&gt;Pandas Advanced Grouping and Aggregation Exercises with Solutions&lt;/a&gt;&lt;/p&gt;

Line No.-577: &lt;strong&gt;25 July, 2024&lt;/strong&gt;&lt;/p&gt;

Line No.-578: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python-exercises/pandas/resampling-frequency-conversion/index.php&quot; target=&quot;_blank&quot;&gt;Pandas Resampling and Frequency Conversion Exercises with Solutions&lt;/a&gt;&lt;/p&gt;

Line No.-579: &lt;strong&gt;05 July, 2024&lt;/strong&gt;&lt;/p&gt;

Line No.-580: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python-exercises/pandas/pandas-advanced-indexing-and-slicing.php&quot; target=&quot;_blank&quot;&gt;Mastering advanced indexing and slicing in Pandas DataFrames&lt;/a&gt;&lt;/p&gt;

Line No.-581: &lt;strong&gt;03 July, 2024&lt;/strong&gt;&lt;/p&gt;

Line No.-582: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python-exercises/python_100_exercises_with_solutions.php&quot; target=&quot;_blank&quot;&gt;Mastering Python: 100 Exercises with Solutions&lt;/a&gt;&lt;/p&gt;

Line No.-583: &lt;strong&gt;02 July, 2024&lt;/strong&gt;&lt;/p&gt;

Line No.-584: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python-exercises/pandas/pandas_100_exercises_with_solutions.php&quot; target=&quot;_blank&quot;&gt;Mastering Pandas: 100 Exercises with solutions for Python data analysis&lt;/a&gt;&lt;/p&gt;

Line No.-585: &lt;strong&gt;01 July, 2024&lt;/strong&gt;&lt;/p&gt;

Line No.-586: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python-exercises/pandas/python-pandas-performance-optimization.php&quot; target=&quot;_blank&quot;&gt;Optimize Pandas Performance: Exercises, Practice, Solutions&lt;/a&gt;&lt;/p&gt;

Line No.-587: &lt;strong&gt;29 June, 2024&lt;/strong&gt;&lt;/p&gt;

Line No.-588: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python-exercises/numpy/python-numpy-integration-with-scipy.php&quot; target=&quot;_blank&quot;&gt;NumPy Integration with SciPy: Exercises, Practice and Solutions&lt;/a&gt;&lt;/p&gt;

Line No.-589: &lt;strong&gt;27 June, 2024&lt;/strong&gt;&lt;/p&gt;

Line No.-590: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python-exercises/numpy/python-numpy-structured-arrays.php&quot; target=&quot;_blank&quot;&gt;NumPy Structured Arrays: Exercises, Practice and Solutions&lt;/a&gt;&lt;/p&gt;

Line No.-591: &lt;strong&gt;26 June, 2024&lt;/strong&gt;&lt;/p&gt;

Line No.-592: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python-exercises/numpy/python-numpy-masked-arrays.php&quot; target=&quot;_blank&quot;&gt;NumPy Masked Arrays: Exercises and Solutions&lt;/a&gt;&lt;/p&gt;

Line No.-593: &lt;strong&gt;25 June, 2024&lt;/strong&gt;&lt;/p&gt;

Line No.-594: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python-exercises/numpy/python-numpy-universal-functions.php&quot; target=&quot;_blank&quot;&gt;NumPy Universal Functions : Exercises, Practice, and Solutions&lt;/a&gt;&lt;/p&gt;

Line No.-595: &lt;strong&gt;24 June, 2024&lt;/strong&gt;&lt;/p&gt;

Line No.-596: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python-exercises/numpy/python-numpy-advanced-indexing.php&quot; target=&quot;_blank&quot;&gt;NumPy Advanced Indexing: Exercises, Practice, and Solutions&lt;/a&gt;&lt;/p&gt;

Line No.-597: &lt;strong&gt;22 June, 2024&lt;/strong&gt;&lt;/p&gt;

Line No.-598: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python-exercises/numpy/python-numpy-io-operations.php&quot; target=&quot;_blank&quot;&gt;NumPy I/O Operations: Exercises, Practice, and Solutions&lt;/a&gt;&lt;/p&gt;

Line No.-599: &lt;strong&gt;21 June, 2024&lt;/strong&gt;&lt;/p&gt;

Line No.-600: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python-exercises/numpy/python-numpy-interoperability.php&quot; target=&quot;_blank&quot;&gt;NumPy Interoperability Exercises, Practice, Solutions&lt;/a&gt;&lt;/p&gt;

Line No.-601: &lt;strong&gt;20 June, 2024&lt;/strong&gt;&lt;/p&gt;

Line No.-602: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python-exercises/numpy/python-numpy-performance-optimization.php&quot; target=&quot;_blank&quot;&gt;NumPy Performance Optimization Exercises with Solutions&lt;/a&gt;&lt;/p&gt;

Line No.-603: &lt;strong&gt;19 June, 2024&lt;/strong&gt;&lt;/p&gt;

Line No.-604: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python-exercises/numpy/python-numpy-memory-layout.php&quot; target=&quot;_blank&quot;&gt;NumPy Memory Layout Exercises, Practice, Explanation, Solution&lt;/a&gt;&lt;/p&gt;

Line No.-605: &lt;strong&gt;18 June, 2024&lt;/strong&gt;&lt;/p&gt;

Line No.-606: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python-exercises/numpy/python-numpy-broadcasting.php&quot; target=&quot;_blank&quot;&gt;NumPy Broadcasting Exercises, Practice, Solution&lt;/a&gt;&lt;/p&gt;

Line No.-607: &lt;strong&gt;17 June, 2024&lt;/strong&gt;&lt;/p&gt;

Line No.-608: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python-exercises/numpy/index-advance.php&quot; target=&quot;_blank&quot;&gt;NumPy: Advanced Exercises, Practice, Solution&lt;/a&gt;&lt;/p&gt;

Line No.-609: &lt;strong&gt;12 June, 2024&lt;/strong&gt;&lt;/p&gt;

Line No.-610: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/java-exercises/oop/java-oop-exercise-29.php&quot; target=&quot;_blank&quot;&gt;Create Java Classes for Pets with Dog and Bird Subclasses&lt;/a&gt;&lt;/p&gt;

Line No.-611: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/java-exercises/oop/java-oop-exercise-30.php&quot; target=&quot;_blank&quot;&gt;Java Program for GymMembership and PremiumMembership Classes&lt;/a&gt;&lt;/p&gt;

Line No.-612: &lt;strong&gt;10 June, 2024&lt;/strong&gt;&lt;/p&gt;

Line No.-613: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/java-exercises/oop/java-oop-exercise-27.php&quot; target=&quot;_blank&quot;&gt;Java Program for Managing Customer and Online Orders&lt;/a&gt;&lt;/p&gt;

Line No.-614: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/java-exercises/oop/java-oop-exercise-28.php&quot; target=&quot;_blank&quot;&gt;Java Program for Managing Reservations with Resort and Railway Subclasses&lt;/a&gt;&lt;/p&gt;

Line No.-615: &lt;strong&gt;08 June, 2024&lt;/strong&gt;&lt;/p&gt;

Line No.-616: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/java-exercises/oop/java-oop-exercise-25.php&quot; target=&quot;_blank&quot;&gt;Java Program: Building, Residential &amp; Commercial Classes&lt;/a&gt;&lt;/p&gt;

Line No.-617: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/java-exercises/oop/java-oop-exercise-26.php&quot; target=&quot;_blank&quot;&gt;Java Program: Event, Seminar &amp; MusicalPerformance Classes&lt;/a&gt;&lt;/p&gt;

Line No.-618: &lt;p&gt;Update:&lt;a href=&quot;https://www.w3resource.com/sql/joins/perform-a-full-outer-join.php&quot; target=&quot;_blank&quot;&gt;SQL Full Outer Join&lt;/a&gt;&lt;/p&gt;

Line No.-619: &lt;strong&gt;07 June, 2024&lt;/strong&gt;&lt;/p&gt;

Line No.-620: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/java-exercises/oop/java-oop-exercise-22.php&quot; target=&quot;_blank&quot;&gt;Java Program to Manage Customer Purchases with Discounts&lt;/a&gt;&lt;/p&gt;

Line No.-621: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/java-exercises/oop/java-oop-exercise-23.php&quot; target=&quot;_blank&quot;&gt;Java Program to Manage Course Details and Online Course Features&lt;/a&gt;&lt;/p&gt;

Line No.-622: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/java-exercises/oop/java-oop-exercise-24.php&quot; target=&quot;_blank&quot;&gt;Java Program to Manage Electronics Products and Washing Machines&lt;/a&gt;&lt;/p&gt;

Line No.-623: &lt;strong&gt;06 June, 2024&lt;/strong&gt;&lt;/p&gt;

Line No.-624: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/java-exercises/oop/java-oop-exercise-20.php&quot; target=&quot;_blank&quot;&gt;BankAccount and SavingsAccount Classes in Java&lt;/a&gt;&lt;/p&gt;

Line No.-625: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/java-exercises/oop/java-oop-exercise-21.php&quot; target=&quot;_blank&quot;&gt;Vehicle, Car, and Truck Classes in Java - Display Details&lt;/a&gt;&lt;/p&gt;

Line No.-626: &lt;strong&gt;03 June, 2024&lt;/strong&gt;&lt;/p&gt;

Line No.-627: &lt;p&gt;Update: &lt;a href=&quot;https://www.w3resource.com/python/list/list_append.php&quot; target=&quot;_blank&quot;&gt;Python List: append() method&lt;/a&gt;&lt;/p&gt;

Line No.-628: &lt;p&gt;Update: &lt;a href=&quot;https://www.w3resource.com/python/list/list_clear.php&quot; target=&quot;_blank&quot;&gt;Python List: clear() Method&lt;/a&gt;&lt;/p&gt;

Line No.-629: &lt;strong&gt;01 June, 2024&lt;/strong&gt;&lt;/p&gt;

Line No.-630: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/bash-script-exercises/regular-expressions.php&quot; target=&quot;_blank&quot;&gt;Bash Functions: Regular Expressions Exercises and Solutions&lt;/a&gt;&lt;/p&gt;

Line No.-631: &lt;strong&gt;31 May, 2024&lt;/strong&gt;&lt;/p&gt;

Line No.-632: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/bash-script-exercises/interacting-with-system-commands-and-utilities.php&quot; target=&quot;_blank&quot;&gt;Mastering Basic Bash Commands for System Monitoring and Management&lt;/a&gt;&lt;/p&gt;

Line No.-633: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/bash-script-exercises/networking-tasks.php&quot; target=&quot;_blank&quot;&gt;Essential Bash Networking Tasks and Exercises&lt;/a&gt;&lt;/p&gt;

Line No.-634: &lt;strong&gt;27 May, 2024&lt;/strong&gt;&lt;/p&gt;

Line No.-635: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/bash-script-exercises/process-management.php&quot; target=&quot;_blank&quot;&gt;Process Management in Bash: Background Processes and Signals&lt;/a&gt;&lt;/p&gt;

Line No.-636: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/bash-script-exercises/environment-variables-and-scripting.php&quot; target=&quot;_blank&quot;&gt;Master Bash Scripting Exercises with Environment Variables&lt;/a&gt;&lt;/p&gt;

Line No.-637: &lt;strong&gt;24 May, 2024&lt;/strong&gt;&lt;/p&gt;

Line No.-638: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/bash-script-exercises/returning-values-from-functions.php&quot; target=&quot;_blank&quot;&gt;Bash Functions: Returning Values from Functions Exercises and Solutions&lt;/a&gt;&lt;/p&gt;

Line No.-639: &lt;strong&gt;22 May, 2024&lt;/strong&gt;&lt;/p&gt;

Line No.-640: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python-exercises/advanced/python-program-to-track-and-analyze-software-metrics.php&quot; target=&quot;_blank&quot;&gt;Track and Analyze Software Metrics with Python&lt;/a&gt;&lt;/p&gt;

Line No.-641: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python-exercises/advanced/python-library-for-finite-automata-and-regular-languages.php&quot; target=&quot;_blank&quot;&gt;Create a Python Library for Finite Automata and Regular Languages&lt;/a&gt;&lt;/p&gt;

Line No.-642: &lt;strong&gt;21 May, 2024&lt;/strong&gt;&lt;/p&gt;

Line No.-643: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python-exercises/advanced/build-a-real-time-data-visualization-dashboard-with-plotly-and-dash.php&quot; target=&quot;_blank&quot;&gt;Real-Time Data Visualization Dashboard with Plotly and Dash&lt;/a&gt;&lt;/p&gt;

Line No.-644: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python-exercises/advanced/create-a-python-library-for-polynomial-arithmetic.php&quot; target=&quot;_blank&quot;&gt;Python Library for Polynomial Arithmetic&lt;/a&gt;&lt;/p&gt;

Line No.-645: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python-exercises/advanced/build-a-time-series-forecasting-model-with-arima-and-pandas.php&quot; target=&quot;_blank&quot;&gt;Time Series Forecasting with ARIMA and Pandas&lt;/a&gt;&lt;/p&gt;

Line No.-646: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python-exercises/advanced/python-tool-for-monitoring-and-alerting-system-resource-usage.php&quot; target=&quot;_blank&quot;&gt;Monitor and Alert System Resource usage with Python&lt;/a&gt;&lt;/p&gt;

Line No.-647: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python-exercises/advanced/develop-a-rule-based-chatbot-using-python-and-regex.php&quot; target=&quot;_blank&quot;&gt;Building a Rule-Based Chatbot with Python and Regular Expressions&lt;/a&gt;&lt;/p&gt;

Line No.-648: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python-exercises/advanced/python-versioned-datasets-management-system.php&quot; target=&quot;_blank&quot;&gt;Versioned Datasets Management System with Python&lt;/a&gt;&lt;/p&gt;

Line No.-649: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python-exercises/advanced/python-synthetic-data-generation-tool.php&quot; target=&quot;_blank&quot;&gt;Synthetic Data Generation Tool in Python&lt;/a&gt;&lt;/p&gt;

Line No.-650: &lt;strong&gt;20 May, 2024&lt;/strong&gt;&lt;/p&gt;

Line No.-651: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python-exercises/advanced/index.php&quot; target=&quot;_blank&quot;&gt;Advanced Python Exercises and Solutions&lt;/a&gt;&lt;/p&gt;

Line No.-652: &lt;strong&gt;18 May, 2024&lt;/strong&gt;&lt;/p&gt;

Line No.-653: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/data-structures-and-algorithms/array/dsa-search-in-a-rotated-sorted-array.php&quot; target=&quot;_blank&quot;&gt;Search in a Rotated Sorted Array: Explanation and Efficient Solutions&lt;/a&gt;&lt;/p&gt;

Line No.-654: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/python-exercises/metaprogramming/index.php&quot; target=&quot;_blank&quot;&gt;Python Metaprogramming - Exercises, Practice, Solutions&lt;/a&gt;&lt;/p&gt;

Line No.-655: &lt;strong&gt;15 May, 2024&lt;/strong&gt;&lt;/p&gt;

Line No.-656: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/data-structures-and-algorithms/array/dsa-merge-intervals.php&quot; target=&quot;_blank&quot;&gt;DSA Merge Intervals: Explanation &amp; Solution&lt;/a&gt;&lt;/p&gt;

Line No.-657: &lt;strong&gt;14 May, 2024&lt;/strong&gt;&lt;/p&gt;

Line No.-658: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/data-structures-and-algorithms/array/dsa-max-subarray-sum-kadane-algorithm.php&quot; target=&quot;_blank&quot;&gt;Maximum Subarray Sum (Kadane's Algorithm): Explanation &amp; Solution&lt;/a&gt;&lt;/p&gt;

Line No.-659: &lt;strong&gt;11 May, 2024&lt;/strong&gt;&lt;/p&gt;

Line No.-660: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/data-structures-and-algorithms/array/dsa-container-with-most-water.php&quot; target=&quot;_blank&quot;&gt;Maximizing Water Storage: Two-Pointer Technique Explained&lt;/a&gt;&lt;/p&gt;

Line No.-661: &lt;strong&gt;10 May, 2024&lt;/strong&gt;&lt;/p&gt;

Line No.-662: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/data-structures-and-algorithms/array/dsa-trapping-rain-water.php&quot; target=&quot;_blank&quot;&gt;Efficient Solutions for Trapping Rain Water | Algorithmic Strategies&lt;/a&gt;&lt;/p&gt;

Line No.-663: &lt;strong&gt;08 May, 2024&lt;/strong&gt;&lt;/p&gt;

Line No.-664: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/data-structures-and-algorithms/index.php&quot; target=&quot;_blank&quot;&gt;Learn Data Structures and Algorithms (DSA)&lt;/a&gt;&lt;/p&gt;

Line No.-665: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/data-structures-and-algorithms/an-introduction-to-data-structures-and-algorithms.php&quot; target=&quot;_blank&quot;&gt;Mastering Data Structures and Algorithms&lt;/a&gt;&lt;/p&gt;

Line No.-666: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/data-structures-and-algorithms/data-structures-and-algorithms-programming-fundamentals.php&quot; target=&quot;_blank&quot;&gt;DSA - Programming Fundamentals with Examples&lt;/a&gt;&lt;/p&gt;

Line No.-667: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/data-structures-and-algorithms/data-structures-and-algorithms-problem-solving.php&quot; target=&quot;_blank&quot;&gt;Problem-Solving Strategies: Decomposition, Logical Thinking, and Pseudocode&lt;/a&gt;&lt;/p&gt;

Line No.-668: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/data-structures-and-algorithms/data-structures-and-algorithms-math-essentials.php&quot; target=&quot;_blank&quot;&gt;DSA - Math Essentials for Programming&lt;/a&gt;&lt;/p&gt;

Line No.-669: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/data-structures-and-algorithms/data-structures.php&quot; target=&quot;_blank&quot;&gt;Mastering Data Structures: A Comprehensive Guide&lt;/a&gt;&lt;/p&gt;

Line No.-670: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/data-structures-and-algorithms/algorithms.php&quot; target=&quot;_blank&quot;&gt;Mastering Algorithms: Sorting, Searching, Graphs, Dynamic Programming, Greedy&lt;/a&gt;&lt;/p&gt;

Line No.-671: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/data-structures-and-algorithms/data-structures-and-algorithms-fundamentals.php&quot; target=&quot;_blank&quot;&gt;DSA Fundamentals: Time Complexity, Space Complexity, Recursion&lt;/a&gt;&lt;/p&gt;

Line No.-672: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/data-structures-and-algorithms/array/array-data-structure.php&quot; target=&quot;_blank&quot;&gt;Understanding the Array Data Structure: Characteristics &amp; Operations&lt;/a&gt;&lt;/p&gt;

Line No.-673: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/data-structures-and-algorithms/array/array-data-structure-coding-problems.php&quot; target=&quot;_blank&quot;&gt;Array Coding Problems: Classic &amp; Challenging Challenges&lt;/a&gt;&lt;/p&gt;

Line No.-674: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/data-structures-and-algorithms/array/dsa-find-the-missing-number.php&quot; target=&quot;_blank&quot;&gt;Find the Missing Number: Algorithm Explanation&lt;/a&gt;&lt;/p&gt;

Line No.-675: &lt;strong&gt;27 April, 2024&lt;/strong&gt;&lt;/p&gt;

Line No.-676: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/bash-script-exercises/creating-and-calling-functions.php&quot; target=&quot;_blank&quot;&gt;Bash Functions: Exercises, Solutions &amp; Explanations&lt;/a&gt;&lt;/p&gt;

Line No.-677: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/bash-script-exercises/modularizing-scripts.php&quot; target=&quot;_blank&quot;&gt;Bash Script Modularization: Exercises, Solutions &amp; Explanation&lt;/a&gt;&lt;/p&gt;

Line No.-678: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/bash-script-exercises/passing-agruments-to-functions.php&quot; target=&quot;_blank&quot;&gt;Bash Functions: Passing Arguments Exercises, Solutions &amp; Explanation&lt;/a&gt;&lt;/p&gt;

Line No.-679: &lt;strong&gt;26 April, 2024&lt;/strong&gt;&lt;/p&gt;

Line No.-680: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/bash-script-exercises/logging-and-error-reporting.php&quot; target=&quot;_blank&quot;&gt;Bash Logging and Error Reporting Exercises, Solutions &amp; Explanation&lt;/a&gt;&lt;/p&gt;

Line No.-681: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/bash-script-exercises/logging-and-error-reporting.php&quot; target=&quot;_blank&quot;&gt;Bash Exit Codes: Exercises, Solutions &amp; Explanation&lt;/a&gt;&lt;/p&gt;

Line No.-682: &lt;strong&gt;25 April, 2024&lt;/strong&gt;&lt;/p&gt;

Line No.-683: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/bash-script-exercises/debugging-techniques.php&quot; target=&quot;_blank&quot;&gt;Bash Debugging Techniques: Exercises &amp; Solutions&lt;/a&gt;&lt;/p&gt;

Line No.-684: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/bash-script-exercises/sorting-and-filterting-text.php&quot; target=&quot;_blank&quot;&gt;Bash Text Sorting and Filtering: Exercises &amp; Solutions&lt;/a&gt;&lt;/p&gt;

Line No.-685: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/bash-script-exercises/handling-errors-and-exceptions.php&quot; target=&quot;_blank&quot;&gt;Bash Error Handling: Exercises, Solutions &amp; Explanation&lt;/a&gt;&lt;/p&gt;

Line No.-686: &lt;strong&gt;24 April, 2024&lt;/strong&gt;&lt;/p&gt;

Line No.-687: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/bash-script-exercises/text-substitution-and-manipulation.php&quot; target=&quot;_blank&quot;&gt;Bash Text Substitution and Manipulation Exercises, Solution, Explanation&lt;/a&gt;&lt;/p&gt;

Line No.-688: &lt;p&gt;&lt;a href=&quot;https://www.w3resource.com/bash-script-exercises/counting-words-lines-and-chatacters.php&quot; target=&quot;_blank&quot;&gt;Bash Counting Words, Lines, and Characters Exercises &amp; Solutions&lt;/a&gt;&lt;/p&gt;

Line No.-689: &lt;/div&gt;

Line No.-690: ﻿&lt;style type=&quot;text/css&quot;&gt;

Line No.-691: 

Line No.-692: .a_link a:link{

Line No.-693: 

Line No.-694: color: #bc17d6;

Line No.-695: 

Line No.-696: font-weight: bold;

Line No.-697: 

Line No.-698: font-size: 16px;

Line No.-699: 

Line No.-700: margin-left: 1%

Line No.-701: 

Line No.-702: }

Line No.-703: 

Line No.-704: .a_link a:hover{

Line No.-705: 

Line No.-706: color: #4e990d;

Line No.-707: 

Line No.-708: font-weight: bold;

Line No.-709: 

Line No.-710: font-size: 16px;

Line No.-711: 

Line No.-712: margin-left: 1%

Line No.-713: 

Line No.-714: }

Line No.-715: 

Line No.-716: .a_link a:active{

Line No.-717: 

Line No.-718: color: #0c1796;

Line No.-719: 

Line No.-720: font-weight: bold;

Line No.-721: 

Line No.-722: font-size: 16px;

Line No.-723: 

Line No.-724: margin-left: 1%

Line No.-725: 

Line No.-726: }

Line No.-727: 

Line No.-728: .a_link a:visited{

Line No.-729: 

Line No.-730: color: #032859;

Line No.-731: 

Line No.-732: font-weight: bold;

Line No.-733: 

Line No.-734: font-size: 16px;

Line No.-735: 

Line No.-736: margin-left: 1%

Line No.-737: 

Line No.-738: }

Line No.-739: 

Line No.-740: .native-cpc a {

Line No.-741: 

Line No.-742:   font-family: -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto, Oxygen-Sans, Ubuntu,

Line No.-743: 

Line No.-744:   Cantarell, &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif;

Line No.-745: 

Line No.-746: }

Line No.-747: 

Line No.-748: 

Line No.-749: 

Line No.-750: .default-ad {

Line No.-751: 

Line No.-752:   display: none;

Line No.-753: 

Line No.-754: }

Line No.-755: 

Line No.-756: 

Line No.-757: 

Line No.-758: .native-cpc a {

Line No.-759: 

Line No.-760:   text-decoration: none !important;

Line No.-761: 

Line No.-762: }

Line No.-763: 

Line No.-764: 

Line No.-765: 

Line No.-766: .native-cpc img {

Line No.-767: 

Line No.-768:   display: none;

Line No.-769: 

Line No.-770: }

Line No.-771: 

Line No.-772: 

Line No.-773: 

Line No.-774: .native-cpc ._default_ {

Line No.-775: 

Line No.-776:   display: flex;

Line No.-777: 

Line No.-778:   flex-flow: column wrap;

Line No.-779: 

Line No.-780:   max-width: 600px;

Line No.-781: 

Line No.-782:   padding: 10px;

Line No.-783: 

Line No.-784:   background: repeating-linear-gradient(-45deg, transparent, transparent 5px, hsla(0, 0%, 0%, .025) 5px, hsla(0, 0%, 0%, .025) 10px) hsla(203, 11%, 95%, .4);

Line No.-785: 

Line No.-786: 

Line No.-787: 

Line No.-788: }

Line No.-789: 

Line No.-790: 

Line No.-791: 

Line No.-792: .native-cpc .default-title {

Line No.-793: 

Line No.-794:   margin-right: 5px;

Line No.-795: 

Line No.-796:   font-size: 10px;

Line No.-797: 

Line No.-798:   margin-bottom: 2px;

Line No.-799: 

Line No.-800:   letter-spacing: .75px;

Line No.-801: 

Line No.-802:   text-transform: uppercase;

Line No.-803: 

Line No.-804: }

Line No.-805: 

Line No.-806: 

Line No.-807: 

Line No.-808: .native-cpc .default-title:before {

Line No.-809: 

Line No.-810:   content: &quot;Sponsored by &quot;

Line No.-811: 

Line No.-812: }

Line No.-813: 

Line No.-814: 

Line No.-815: 

Line No.-816: .native-cpc .default-description {

Line No.-817: 

Line No.-818:   font-size: 14px;

Line No.-819: 

Line No.-820:   line-height: 1.4;

Line No.-821: 

Line No.-822: }

Line No.-823: .widget {display: none !important;}

Line No.-824: &lt;/style&gt;

Line No.-825: &lt;/div&gt;

Line No.-826: &lt;div class=&quot;mdl-cell mdl-card mdl-shadow--2dp through mdl-shadow--6dp mdl-cell--3-col mdl-cell--hide-phone&quot;&gt;

Line No.-827: &lt;/div&gt;

Line No.-828: &lt;/div&gt;

Line No.-829: &lt;/div&gt;

Line No.-830: &lt;footer class=&quot;mdl-mega-footer&quot;&gt;

Line No.-831: 

Line No.-832: &lt;div class=&quot;mdl-mega-footer__bottom-section&quot;&gt;

Line No.-833: &lt;div class=&quot;mdl-logo&quot;&gt;&lt;a href=&quot;http://creativecommons.org/licenses/by-nc-sa/3.0/deed.en_US&quot; target=&quot;_blank&quot;&gt;This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 3.0 Unported License.&lt;/a&gt;&lt;/div&gt;

Line No.-834: &lt;/div&gt;

Line No.-835: &lt;div class=&quot;mdl-mega-footer__bottom-section&quot;&gt;

Line No.-836: &lt;div class=&quot;mdl-logo&quot;&gt;©w3resource.com 2011-2024&lt;/div&gt;

Line No.-837: &lt;ul class=&quot;mdl-mega-footer__link-list&quot;&gt;

Line No.-838: &lt;li&gt;&lt;a href=&quot;https://www.w3resource.com/privacy.php&quot;&gt;Privacy&lt;/a&gt;&lt;/li&gt;

Line No.-839: &lt;li&gt;&lt;a href=&quot;https://www.w3resource.com/about.php&quot;&gt;About&lt;/a&gt;&lt;/li&gt;

Line No.-840: &lt;li&gt;&lt;a href=&quot;https://www.w3resource.com/contact.php&quot;&gt;Contact&lt;/a&gt;&lt;/li&gt;

Line No.-841: &lt;li&gt;&lt;a href=&quot;https://www.w3resource.com/feedback.php&quot;&gt;Feedback&lt;/a&gt;&lt;/li&gt;

Line No.-842: &lt;/ul&gt;

Line No.-843: &lt;/div&gt;

Line No.-844: &lt;/footer&gt;

Line No.-845: &lt;/main&gt;

Line No.-846: &lt;/div&gt;

Line No.-847: &lt;/div&gt;

Line No.-848: &lt;/div&gt;

Line No.-849: &lt;link rel=&quot;stylesheet&quot; href=&quot;https://fonts.googleapis.com/icon?family=Material+Icons&quot;&gt;

Line No.-850: 

Line No.-851: &lt;script&gt;

Line No.-852: /**

Line No.-853:  * material-design-lite - Material Design Components in CSS, JS and HTML

Line No.-854:  * @version v1.3.0

Line No.-855:  * @license Apache-2.0

Line No.-856:  * @copyright 2015 Google, Inc.

Line No.-857:  * @link https://github.com/google/material-design-lite

Line No.-858:  */

Line No.-859: !function(){&quot;use strict&quot;;function e(e,t){if(e){if(t.element_.classList.contains(t.CssClasses_.MDL_JS_RIPPLE_EFFECT)){var s=document.createElement(&quot;span&quot;);s.classList.add(t.CssClasses_.MDL_RIPPLE_CONTAINER),s.classList.add(t.CssClasses_.MDL_JS_RIPPLE_EFFECT);var i=document.createElement(&quot;span&quot;);i.classList.add(t.CssClasses_.MDL_RIPPLE),s.appendChild(i),e.appendChild(s)}e.addEventListener(&quot;click&quot;,function(s){if(&quot;#&quot;===e.getAttribute(&quot;href&quot;).charAt(0)){s.preventDefault();var i=e.href.split(&quot;#&quot;)[1],n=t.element_.querySelector(&quot;#&quot;+i);t.resetTabState_(),t.resetPanelState_(),e.classList.add(t.CssClasses_.ACTIVE_CLASS),n.classList.add(t.CssClasses_.ACTIVE_CLASS)}})}}function t(e,t,s,i){function n(){var n=e.href.split(&quot;#&quot;)[1],a=i.content_.querySelector(&quot;#&quot;+n);i.resetTabState_(t),i.resetPanelState_(s),e.classList.add(i.CssClasses_.IS_ACTIVE),a.classList.add(i.CssClasses_.IS_ACTIVE)}if(i.tabBar_.classList.contains(i.CssClasses_.JS_RIPPLE_EFFECT)){var a=document.createElement(&quot;span&quot;);a.classList.add(i.CssClasses_.RIPPLE_CONTAINER),a.classList.add(i.CssClasses_.JS_RIPPLE_EFFECT);var l=document.createElement(&quot;span&quot;);l.classList.add(i.CssClasses_.RIPPLE),a.appendChild(l),e.appendChild(a)}i.tabBar_.classList.contains(i.CssClasses_.TAB_MANUAL_SWITCH)||e.addEventListener(&quot;click&quot;,function(t){&quot;#&quot;===e.getAttribute(&quot;href&quot;).charAt(0)&amp;&amp;(t.preventDefault(),n())}),e.show=n}var s={upgradeDom:function(e,t){},upgradeElement:function(e,t){},upgradeElements:function(e){},upgradeAllRegistered:function(){},registerUpgradedCallback:function(e,t){},register:function(e){},downgradeElements:function(e){}};s=function(){function e(e,t){for(var s=0;s&lt;c.length;s++)if(c[s].className===e)return&quot;undefined&quot;!=typeof t&amp;&amp;(c[s]=t),c[s];return!1}function t(e){var t=e.getAttribute(&quot;data-upgraded&quot;);return null===t?[&quot;&quot;]:t.split(&quot;,&quot;)}function s(e,s){var i=t(e);return i.indexOf(s)!==-1}function i(e,t,s){if(&quot;CustomEvent&quot;in window&amp;&amp;&quot;function&quot;==typeof window.CustomEvent)return new CustomEvent(e,{bubbles:t,cancelable:s});var i=document.createEvent(&quot;Events&quot;);return i.initEvent(e,t,s),i}function n(t,s){if(&quot;undefined&quot;==typeof t&amp;&amp;&quot;undefined&quot;==typeof s)for(var i=0;i&lt;c.length;i++)n(c[i].className,c[i].cssClass);else{var l=t;if(&quot;undefined&quot;==typeof s){var o=e(l);o&amp;&amp;(s=o.cssClass)}for(var r=document.querySelectorAll(&quot;.&quot;+s),_=0;_&lt;r.length;_++)a(r[_],l)}}function a(n,a){if(!(&quot;object&quot;==typeof n&amp;&amp;n instanceof Element))throw new Error(&quot;Invalid argument provided to upgrade MDL element.&quot;);var l=i(&quot;mdl-componentupgrading&quot;,!0,!0);if(n.dispatchEvent(l),!l.defaultPrevented){var o=t(n),r=[];if(a)s(n,a)||r.push(e(a));else{var _=n.classList;c.forEach(function(e){_.contains(e.cssClass)&amp;&amp;r.indexOf(e)===-1&amp;&amp;!s(n,e.className)&amp;&amp;r.push(e)})}for(var d,h=0,u=r.length;h&lt;u;h++){if(d=r[h],!d)throw new Error(&quot;Unable to find a registered component for the given class.&quot;);o.push(d.className),n.setAttribute(&quot;data-upgraded&quot;,o.join(&quot;,&quot;));var E=new d.classConstructor(n);E[C]=d,p.push(E);for(var m=0,L=d.callbacks.length;m&lt;L;m++)d.callbacks[m](n);d.widget&amp;&amp;(n[d.className]=E);var I=i(&quot;mdl-componentupgraded&quot;,!0,!1);n.dispatchEvent(I)}}}function l(e){Array.isArray(e)||(e=e instanceof Element?[e]:Array.prototype.slice.call(e));for(var t,s=0,i=e.length;s&lt;i;s++)t=e[s],t instanceof HTMLElement&amp;&amp;(a(t),t.children.length&gt;0&amp;&amp;l(t.children))}function o(t){var s=&quot;undefined&quot;==typeof t.widget&amp;&amp;&quot;undefined&quot;==typeof t.widget,i=!0;s||(i=t.widget||t.widget);var n={classConstructor:t.constructor||t.constructor,className:t.classAsString||t.classAsString,cssClass:t.cssClass||t.cssClass,widget:i,callbacks:[]};if(c.forEach(function(e){if(e.cssClass===n.cssClass)throw new Error(&quot;The provided cssClass has already been registered: &quot;+e.cssClass);if(e.className===n.className)throw new Error(&quot;The provided className has already been registered&quot;)}),t.constructor.prototype.hasOwnProperty(C))throw new Error(&quot;MDL component classes must not have &quot;+C+&quot; defined as a property.&quot;);var a=e(t.classAsString,n);a||c.push(n)}function r(t,s){var i=e(t);i&amp;&amp;i.callbacks.push(s)}function _(){for(var e=0;e&lt;c.length;e++)n(c[e].className)}function d(e){if(e){var t=p.indexOf(e);p.splice(t,1);var s=e.element_.getAttribute(&quot;data-upgraded&quot;).split(&quot;,&quot;),n=s.indexOf(e[C].classAsString);s.splice(n,1),e.element_.setAttribute(&quot;data-upgraded&quot;,s.join(&quot;,&quot;));var a=i(&quot;mdl-componentdowngraded&quot;,!0,!1);e.element_.dispatchEvent(a)}}function h(e){var t=function(e){p.filter(function(t){return t.element_===e}).forEach(d)};if(e instanceof Array||e instanceof NodeList)for(var s=0;s&lt;e.length;s++)t(e[s]);else{if(!(e instanceof Node))throw new Error(&quot;Invalid argument provided to downgrade MDL nodes.&quot;);t(e)}}var c=[],p=[],C=&quot;mdlComponentConfigInternal_&quot;;return{upgradeDom:n,upgradeElement:a,upgradeElements:l,upgradeAllRegistered:_,registerUpgradedCallback:r,register:o,downgradeElements:h}}(),s.ComponentConfigPublic,s.ComponentConfig,s.Component,s.upgradeDom=s.upgradeDom,s.upgradeElement=s.upgradeElement,s.upgradeElements=s.upgradeElements,s.upgradeAllRegistered=s.upgradeAllRegistered,s.registerUpgradedCallback=s.registerUpgradedCallback,s.register=s.register,s.downgradeElements=s.downgradeElements,window.componentHandler=s,window.componentHandler=s,window.addEventListener(&quot;load&quot;,function(){&quot;classList&quot;in document.createElement(&quot;div&quot;)&amp;&amp;&quot;querySelector&quot;in document&amp;&amp;&quot;addEventListener&quot;in window&amp;&amp;Array.prototype.forEach?(document.documentElement.classList.add(&quot;mdl-js&quot;),s.upgradeAllRegistered()):(s.upgradeElement=function(){},s.register=function(){})}),Date.now||(Date.now=function(){return(new Date).getTime()},Date.now=Date.now);for(var i=[&quot;webkit&quot;,&quot;moz&quot;],n=0;n&lt;i.length&amp;&amp;!window.requestAnimationFrame;++n){var a=i[n];window.requestAnimationFrame=window[a+&quot;RequestAnimationFrame&quot;],window.cancelAnimationFrame=window[a+&quot;CancelAnimationFrame&quot;]||window[a+&quot;CancelRequestAnimationFrame&quot;],window.requestAnimationFrame=window.requestAnimationFrame,window.cancelAnimationFrame=window.cancelAnimationFrame}if(/iP(ad|hone|od).*OS 6/.test(window.navigator.userAgent)||!window.requestAnimationFrame||!window.cancelAnimationFrame){var l=0;window.requestAnimationFrame=function(e){var t=Date.now(),s=Math.max(l+16,t);return setTimeout(function(){e(l=s)},s-t)},window.cancelAnimationFrame=clearTimeout,window.requestAnimationFrame=window.requestAnimationFrame,window.cancelAnimationFrame=window.cancelAnimationFrame}var o=function(e){this.element_=e,this.init()};window.MaterialButton=o,o.prototype.Constant_={},o.prototype.CssClasses_={RIPPLE_EFFECT:&quot;mdl-js-ripple-effect&quot;,RIPPLE_CONTAINER:&quot;mdl-button__ripple-container&quot;,RIPPLE:&quot;mdl-ripple&quot;},o.prototype.blurHandler_=function(e){e&amp;&amp;this.element_.blur()},o.prototype.disable=function(){this.element_.disabled=!0},o.prototype.disable=o.prototype.disable,o.prototype.enable=function(){this.element_.disabled=!1},o.prototype.enable=o.prototype.enable,o.prototype.init=function(){if(this.element_){if(this.element_.classList.contains(this.CssClasses_.RIPPLE_EFFECT)){var e=document.createElement(&quot;span&quot;);e.classList.add(this.CssClasses_.RIPPLE_CONTAINER),this.rippleElement_=document.createElement(&quot;span&quot;),this.rippleElement_.classList.add(this.CssClasses_.RIPPLE),e.appendChild(this.rippleElement_),this.boundRippleBlurHandler=this.blurHandler_.bind(this),this.rippleElement_.addEventListener(&quot;mouseup&quot;,this.boundRippleBlurHandler),this.element_.appendChild(e)}this.boundButtonBlurHandler=this.blurHandler_.bind(this),this.element_.addEventListener(&quot;mouseup&quot;,this.boundButtonBlurHandler),this.element_.addEventListener(&quot;mouseleave&quot;,this.boundButtonBlurHandler)}},s.register({constructor:o,classAsString:&quot;MaterialButton&quot;,cssClass:&quot;mdl-js-button&quot;,widget:!0});var r=function(e){this.element_=e,this.init()};window.MaterialCheckbox=r,r.prototype.Constant_={TINY_TIMEOUT:.001},r.prototype.CssClasses_={INPUT:&quot;mdl-checkbox__input&quot;,BOX_OUTLINE:&quot;mdl-checkbox__box-outline&quot;,FOCUS_HELPER:&quot;mdl-checkbox__focus-helper&quot;,TICK_OUTLINE:&quot;mdl-checkbox__tick-outline&quot;,RIPPLE_EFFECT:&quot;mdl-js-ripple-effect&quot;,RIPPLE_IGNORE_EVENTS:&quot;mdl-js-ripple-effect--ignore-events&quot;,RIPPLE_CONTAINER:&quot;mdl-checkbox__ripple-container&quot;,RIPPLE_CENTER:&quot;mdl-ripple--center&quot;,RIPPLE:&quot;mdl-ripple&quot;,IS_FOCUSED:&quot;is-focused&quot;,IS_DISABLED:&quot;is-disabled&quot;,IS_CHECKED:&quot;is-checked&quot;,IS_UPGRADED:&quot;is-upgraded&quot;},r.prototype.onChange_=function(e){this.updateClasses_()},r.prototype.onFocus_=function(e){this.element_.classList.add(this.CssClasses_.IS_FOCUSED)},r.prototype.onBlur_=function(e){this.element_.classList.remove(this.CssClasses_.IS_FOCUSED)},r.prototype.onMouseUp_=function(e){this.blur_()},r.prototype.updateClasses_=function(){this.checkDisabled(),this.checkToggleState()},r.prototype.blur_=function(){window.setTimeout(function(){this.inputElement_.blur()}.bind(this),this.Constant_.TINY_TIMEOUT)},r.prototype.checkToggleState=function(){this.inputElement_.checked?this.element_.classList.add(this.CssClasses_.IS_CHECKED):this.element_.classList.remove(this.CssClasses_.IS_CHECKED)},r.prototype.checkToggleState=r.prototype.checkToggleState,r.prototype.checkDisabled=function(){this.inputElement_.disabled?this.element_.classList.add(this.CssClasses_.IS_DISABLED):this.element_.classList.remove(this.CssClasses_.IS_DISABLED)},r.prototype.checkDisabled=r.prototype.checkDisabled,r.prototype.disable=function(){this.inputElement_.disabled=!0,this.updateClasses_()},r.prototype.disable=r.prototype.disable,r.prototype.enable=function(){this.inputElement_.disabled=!1,this.updateClasses_()},r.prototype.enable=r.prototype.enable,r.prototype.check=function(){this.inputElement_.checked=!0,this.updateClasses_()},r.prototype.check=r.prototype.check,r.prototype.uncheck=function(){this.inputElement_.checked=!1,this.updateClasses_()},r.prototype.uncheck=r.prototype.uncheck,r.prototype.init=function(){if(this.element_){this.inputElement_=this.element_.querySelector(&quot;.&quot;+this.CssClasses_.INPUT);var e=document.createElement(&quot;span&quot;);e.classList.add(this.CssClasses_.BOX_OUTLINE);var t=document.createElement(&quot;span&quot;);t.classList.add(this.CssClasses_.FOCUS_HELPER);var s=document.createElement(&quot;span&quot;);if(s.classList.add(this.CssClasses_.TICK_OUTLINE),e.appendChild(s),this.element_.appendChild(t),this.element_.appendChild(e),this.element_.classList.contains(this.CssClasses_.RIPPLE_EFFECT)){this.element_.classList.add(this.CssClasses_.RIPPLE_IGNORE_EVENTS),this.rippleContainerElement_=document.createElement(&quot;span&quot;),this.rippleContainerElement_.classList.add(this.CssClasses_.RIPPLE_CONTAINER),this.rippleContainerElement_.classList.add(this.CssClasses_.RIPPLE_EFFECT),this.rippleContainerElement_.classList.add(this.CssClasses_.RIPPLE_CENTER),this.boundRippleMouseUp=this.onMouseUp_.bind(this),this.rippleContainerElement_.addEventListener(&quot;mouseup&quot;,this.boundRippleMouseUp);var i=document.createElement(&quot;span&quot;);i.classList.add(this.CssClasses_.RIPPLE),this.rippleContainerElement_.appendChild(i),this.element_.appendChild(this.rippleContainerElement_)}this.boundInputOnChange=this.onChange_.bind(this),this.boundInputOnFocus=this.onFocus_.bind(this),this.boundInputOnBlur=this.onBlur_.bind(this),this.boundElementMouseUp=this.onMouseUp_.bind(this),this.inputElement_.addEventListener(&quot;change&quot;,this.boundInputOnChange),this.inputElement_.addEventListener(&quot;focus&quot;,this.boundInputOnFocus),this.inputElement_.addEventListener(&quot;blur&quot;,this.boundInputOnBlur),this.element_.addEventListener(&quot;mouseup&quot;,this.boundElementMouseUp),this.updateClasses_(),this.element_.classList.add(this.CssClasses_.IS_UPGRADED)}},s.register({constructor:r,classAsString:&quot;MaterialCheckbox&quot;,cssClass:&quot;mdl-js-checkbox&quot;,widget:!0});var _=function(e){this.element_=e,this.init()};window.MaterialIconToggle=_,_.prototype.Constant_={TINY_TIMEOUT:.001},_.prototype.CssClasses_={INPUT:&quot;mdl-icon-toggle__input&quot;,JS_RIPPLE_EFFECT:&quot;mdl-js-ripple-effect&quot;,RIPPLE_IGNORE_EVENTS:&quot;mdl-js-ripple-effect--ignore-events&quot;,RIPPLE_CONTAINER:&quot;mdl-icon-toggle__ripple-container&quot;,RIPPLE_CENTER:&quot;mdl-ripple--center&quot;,RIPPLE:&quot;mdl-ripple&quot;,IS_FOCUSED:&quot;is-focused&quot;,IS_DISABLED:&quot;is-disabled&quot;,IS_CHECKED:&quot;is-checked&quot;},_.prototype.onChange_=function(e){this.updateClasses_()},_.prototype.onFocus_=function(e){this.element_.classList.add(this.CssClasses_.IS_FOCUSED)},_.prototype.onBlur_=function(e){this.element_.classList.remove(this.CssClasses_.IS_FOCUSED)},_.prototype.onMouseUp_=function(e){this.blur_()},_.prototype.updateClasses_=function(){this.checkDisabled(),this.checkToggleState()},_.prototype.blur_=function(){window.setTimeout(function(){this.inputElement_.blur()}.bind(this),this.Constant_.TINY_TIMEOUT)},_.prototype.checkToggleState=function(){this.inputElement_.checked?this.element_.classList.add(this.CssClasses_.IS_CHECKED):this.element_.classList.remove(this.CssClasses_.IS_CHECKED)},_.prototype.checkToggleState=_.prototype.checkToggleState,_.prototype.checkDisabled=function(){this.inputElement_.disabled?this.element_.classList.add(this.CssClasses_.IS_DISABLED):this.element_.classList.remove(this.CssClasses_.IS_DISABLED)},_.prototype.checkDisabled=_.prototype.checkDisabled,_.prototype.disable=function(){this.inputElement_.disabled=!0,this.updateClasses_()},_.prototype.disable=_.prototype.disable,_.prototype.enable=function(){this.inputElement_.disabled=!1,this.updateClasses_()},_.prototype.enable=_.prototype.enable,_.prototype.check=function(){this.inputElement_.checked=!0,this.updateClasses_()},_.prototype.check=_.prototype.check,_.prototype.uncheck=function(){this.inputElement_.checked=!1,this.updateClasses_()},_.prototype.uncheck=_.prototype.uncheck,_.prototype.init=function(){if(this.element_){if(this.inputElement_=this.element_.querySelector(&quot;.&quot;+this.CssClasses_.INPUT),this.element_.classList.contains(this.CssClasses_.JS_RIPPLE_EFFECT)){this.element_.classList.add(this.CssClasses_.RIPPLE_IGNORE_EVENTS),this.rippleContainerElement_=document.createElement(&quot;span&quot;),this.rippleContainerElement_.classList.add(this.CssClasses_.RIPPLE_CONTAINER),this.rippleContainerElement_.classList.add(this.CssClasses_.JS_RIPPLE_EFFECT),this.rippleContainerElement_.classList.add(this.CssClasses_.RIPPLE_CENTER),this.boundRippleMouseUp=this.onMouseUp_.bind(this),this.rippleContainerElement_.addEventListener(&quot;mouseup&quot;,this.boundRippleMouseUp);var e=document.createElement(&quot;span&quot;);e.classList.add(this.CssClasses_.RIPPLE),this.rippleContainerElement_.appendChild(e),this.element_.appendChild(this.rippleContainerElement_)}this.boundInputOnChange=this.onChange_.bind(this),this.boundInputOnFocus=this.onFocus_.bind(this),this.boundInputOnBlur=this.onBlur_.bind(this),this.boundElementOnMouseUp=this.onMouseUp_.bind(this),this.inputElement_.addEventListener(&quot;change&quot;,this.boundInputOnChange),this.inputElement_.addEventListener(&quot;focus&quot;,this.boundInputOnFocus),this.inputElement_.addEventListener(&quot;blur&quot;,this.boundInputOnBlur),this.element_.addEventListener(&quot;mouseup&quot;,this.boundElementOnMouseUp),this.updateClasses_(),this.element_.classList.add(&quot;is-upgraded&quot;)}},s.register({constructor:_,classAsString:&quot;MaterialIconToggle&quot;,cssClass:&quot;mdl-js-icon-toggle&quot;,widget:!0});var d=function(e){this.element_=e,this.init()};window.MaterialMenu=d,d.prototype.Constant_={TRANSITION_DURATION_SECONDS:.3,TRANSITION_DURATION_FRACTION:.8,CLOSE_TIMEOUT:150},d.prototype.Keycodes_={ENTER:13,ESCAPE:27,SPACE:32,UP_ARROW:38,DOWN_ARROW:40},d.prototype.CssClasses_={CONTAINER:&quot;mdl-menu__container&quot;,OUTLINE:&quot;mdl-menu__outline&quot;,ITEM:&quot;mdl-menu__item&quot;,ITEM_RIPPLE_CONTAINER:&quot;mdl-menu__item-ripple-container&quot;,RIPPLE_EFFECT:&quot;mdl-js-ripple-effect&quot;,RIPPLE_IGNORE_EVENTS:&quot;mdl-js-ripple-effect--ignore-events&quot;,RIPPLE:&quot;mdl-ripple&quot;,IS_UPGRADED:&quot;is-upgraded&quot;,IS_VISIBLE:&quot;is-visible&quot;,IS_ANIMATING:&quot;is-animating&quot;,BOTTOM_LEFT:&quot;mdl-menu--bottom-left&quot;,BOTTOM_RIGHT:&quot;mdl-menu--bottom-right&quot;,TOP_LEFT:&quot;mdl-menu--top-left&quot;,TOP_RIGHT:&quot;mdl-menu--top-right&quot;,UNALIGNED:&quot;mdl-menu--unaligned&quot;},d.prototype.init=function(){if(this.element_){var e=document.createElement(&quot;div&quot;);e.classList.add(this.CssClasses_.CONTAINER),this.element_.parentElement.insertBefore(e,this.element_),this.element_.parentElement.removeChild(this.element_),e.appendChild(this.element_),this.container_=e;var t=document.createElement(&quot;div&quot;);t.classList.add(this.CssClasses_.OUTLINE),this.outline_=t,e.insertBefore(t,this.element_);var s=this.element_.getAttribute(&quot;for&quot;)||this.element_.getAttribute(&quot;data-mdl-for&quot;),i=null;s&amp;&amp;(i=document.getElementById(s),i&amp;&amp;(this.forElement_=i,i.addEventListener(&quot;click&quot;,this.handleForClick_.bind(this)),i.addEventListener(&quot;keydown&quot;,this.handleForKeyboardEvent_.bind(this))));var n=this.element_.querySelectorAll(&quot;.&quot;+this.CssClasses_.ITEM);this.boundItemKeydown_=this.handleItemKeyboardEvent_.bind(this),this.boundItemClick_=this.handleItemClick_.bind(this);for(var a=0;a&lt;n.length;a++)n[a].addEventListener(&quot;click&quot;,this.boundItemClick_),n[a].tabIndex=&quot;-1&quot;,n[a].addEventListener(&quot;keydown&quot;,this.boundItemKeydown_);if(this.element_.classList.contains(this.CssClasses_.RIPPLE_EFFECT))for(this.element_.classList.add(this.CssClasses_.RIPPLE_IGNORE_EVENTS),a=0;a&lt;n.length;a++){var l=n[a],o=document.createElement(&quot;span&quot;);o.classList.add(this.CssClasses_.ITEM_RIPPLE_CONTAINER);var r=document.createElement(&quot;span&quot;);r.classList.add(this.CssClasses_.RIPPLE),o.appendChild(r),l.appendChild(o),l.classList.add(this.CssClasses_.RIPPLE_EFFECT)}this.element_.classList.contains(this.CssClasses_.BOTTOM_LEFT)&amp;&amp;this.outline_.classList.add(this.CssClasses_.BOTTOM_LEFT),this.element_.classList.contains(this.CssClasses_.BOTTOM_RIGHT)&amp;&amp;this.outline_.classList.add(this.CssClasses_.BOTTOM_RIGHT),this.element_.classList.contains(this.CssClasses_.TOP_LEFT)&amp;&amp;this.outline_.classList.add(this.CssClasses_.TOP_LEFT),this.element_.classList.contains(this.CssClasses_.TOP_RIGHT)&amp;&amp;this.outline_.classList.add(this.CssClasses_.TOP_RIGHT),this.element_.classList.contains(this.CssClasses_.UNALIGNED)&amp;&amp;this.outline_.classList.add(this.CssClasses_.UNALIGNED),e.classList.add(this.CssClasses_.IS_UPGRADED)}},d.prototype.handleForClick_=function(e){if(this.element_&amp;&amp;this.forElement_){var t=this.forElement_.getBoundingClientRect(),s=this.forElement_.parentElement.getBoundingClientRect();this.element_.classList.contains(this.CssClasses_.UNALIGNED)||(this.element_.classList.contains(this.CssClasses_.BOTTOM_RIGHT)?(this.container_.style.right=s.right-t.right+&quot;px&quot;,this.container_.style.top=this.forElement_.offsetTop+this.forElement_.offsetHeight+&quot;px&quot;):this.element_.classList.contains(this.CssClasses_.TOP_LEFT)?(this.container_.style.left=this.forElement_.offsetLeft+&quot;px&quot;,this.container_.style.bottom=s.bottom-t.top+&quot;px&quot;):this.element_.classList.contains(this.CssClasses_.TOP_RIGHT)?(this.container_.style.right=s.right-t.right+&quot;px&quot;,this.container_.style.bottom=s.bottom-t.top+&quot;px&quot;):(this.container_.style.left=this.forElement_.offsetLeft+&quot;px&quot;,this.container_.style.top=this.forElement_.offsetTop+this.forElement_.offsetHeight+&quot;px&quot;))}this.toggle(e)},d.prototype.handleForKeyboardEvent_=function(e){if(this.element_&amp;&amp;this.container_&amp;&amp;this.forElement_){var t=this.element_.querySelectorAll(&quot;.&quot;+this.CssClasses_.ITEM+&quot;:not([disabled])&quot;);t&amp;&amp;t.length&gt;0&amp;&amp;this.container_.classList.contains(this.CssClasses_.IS_VISIBLE)&amp;&amp;(e.keyCode===this.Keycodes_.UP_ARROW?(e.preventDefault(),t[t.length-1].focus()):e.keyCode===this.Keycodes_.DOWN_ARROW&amp;&amp;(e.preventDefault(),t[0].focus()))}},d.prototype.handleItemKeyboardEvent_=function(e){if(this.element_&amp;&amp;this.container_){var t=this.element_.querySelectorAll(&quot;.&quot;+this.CssClasses_.ITEM+&quot;:not([disabled])&quot;);if(t&amp;&amp;t.length&gt;0&amp;&amp;this.container_.classList.contains(this.CssClasses_.IS_VISIBLE)){var s=Array.prototype.slice.call(t).indexOf(e.target);if(e.keyCode===this.Keycodes_.UP_ARROW)e.preventDefault(),s&gt;0?t[s-1].focus():t[t.length-1].focus();else if(e.keyCode===this.Keycodes_.DOWN_ARROW)e.preventDefault(),t.length&gt;s+1?t[s+1].focus():t[0].focus();else if(e.keyCode===this.Keycodes_.SPACE||e.keyCode===this.Keycodes_.ENTER){e.preventDefault();var i=new MouseEvent(&quot;mousedown&quot;);e.target.dispatchEvent(i),i=new MouseEvent(&quot;mouseup&quot;),e.target.dispatchEvent(i),e.target.click()}else e.keyCode===this.Keycodes_.ESCAPE&amp;&amp;(e.preventDefault(),this.hide())}}},d.prototype.handleItemClick_=function(e){e.target.hasAttribute(&quot;disabled&quot;)?e.stopPropagation():(this.closing_=!0,window.setTimeout(function(e){this.hide(),this.closing_=!1}.bind(this),this.Constant_.CLOSE_TIMEOUT))},d.prototype.applyClip_=function(e,t){this.element_.classList.contains(this.CssClasses_.UNALIGNED)?this.element_.style.clip=&quot;&quot;:this.element_.classList.contains(this.CssClasses_.BOTTOM_RIGHT)?this.element_.style.clip=&quot;rect(0 &quot;+t+&quot;px 0 &quot;+t+&quot;px)&quot;:this.element_.classList.contains(this.CssClasses_.TOP_LEFT)?this.element_.style.clip=&quot;rect(&quot;+e+&quot;px 0 &quot;+e+&quot;px 0)&quot;:this.element_.classList.contains(this.CssClasses_.TOP_RIGHT)?this.element_.style.clip=&quot;rect(&quot;+e+&quot;px &quot;+t+&quot;px &quot;+e+&quot;px &quot;+t+&quot;px)&quot;:this.element_.style.clip=&quot;&quot;},d.prototype.removeAnimationEndListener_=function(e){e.target.classList.remove(d.prototype.CssClasses_.IS_ANIMATING)},d.prototype.addAnimationEndListener_=function(){this.element_.addEventListener(&quot;transitionend&quot;,this.removeAnimationEndListener_),this.element_.addEventListener(&quot;webkitTransitionEnd&quot;,this.removeAnimationEndListener_)},d.prototype.show=function(e){if(this.element_&amp;&amp;this.container_&amp;&amp;this.outline_){var t=this.element_.getBoundingClientRect().height,s=this.element_.getBoundingClientRect().width;this.container_.style.width=s+&quot;px&quot;,this.container_.style.height=t+&quot;px&quot;,this.outline_.style.width=s+&quot;px&quot;,this.outline_.style.height=t+&quot;px&quot;;for(var i=this.Constant_.TRANSITION_DURATION_SECONDS*this.Constant_.TRANSITION_DURATION_FRACTION,n=this.element_.querySelectorAll(&quot;.&quot;+this.CssClasses_.ITEM),a=0;a&lt;n.length;a++){var l=null;l=this.element_.classList.contains(this.CssClasses_.TOP_LEFT)||this.element_.classList.contains(this.CssClasses_.TOP_RIGHT)?(t-n[a].offsetTop-n[a].offsetHeight)/t*i+&quot;s&quot;:n[a].offsetTop/t*i+&quot;s&quot;,n[a].style.transitionDelay=l}this.applyClip_(t,s),window.requestAnimationFrame(function(){this.element_.classList.add(this.CssClasses_.IS_ANIMATING),this.element_.style.clip=&quot;rect(0 &quot;+s+&quot;px &quot;+t+&quot;px 0)&quot;,this.container_.classList.add(this.CssClasses_.IS_VISIBLE)}.bind(this)),this.addAnimationEndListener_();var o=function(t){t===e||this.closing_||t.target.parentNode===this.element_||(document.removeEventListener(&quot;click&quot;,o),this.hide())}.bind(this);document.addEventListener(&quot;click&quot;,o)}},d.prototype.show=d.prototype.show,d.prototype.hide=function(){if(this.element_&amp;&amp;this.container_&amp;&amp;this.outline_){for(var e=this.element_.querySelectorAll(&quot;.&quot;+this.CssClasses_.ITEM),t=0;t&lt;e.length;t++)e[t].style.removeProperty(&quot;transition-delay&quot;);var s=this.element_.getBoundingClientRect(),i=s.height,n=s.width;this.element_.classList.add(this.CssClasses_.IS_ANIMATING),this.applyClip_(i,n),this.container_.classList.remove(this.CssClasses_.IS_VISIBLE),this.addAnimationEndListener_()}},d.prototype.hide=d.prototype.hide,d.prototype.toggle=function(e){this.container_.classList.contains(this.CssClasses_.IS_VISIBLE)?this.hide():this.show(e)},d.prototype.toggle=d.prototype.toggle,s.register({constructor:d,classAsString:&quot;MaterialMenu&quot;,cssClass:&quot;mdl-js-menu&quot;,widget:!0});var h=function(e){this.element_=e,this.init()};window.MaterialProgress=h,h.prototype.Constant_={},h.prototype.CssClasses_={INDETERMINATE_CLASS:&quot;mdl-progress__indeterminate&quot;},h.prototype.setProgress=function(e){this.element_.classList.contains(this.CssClasses_.INDETERMINATE_CLASS)||(this.progressbar_.style.width=e+&quot;%&quot;)},h.prototype.setProgress=h.prototype.setProgress,h.prototype.setBuffer=function(e){this.bufferbar_.style.width=e+&quot;%&quot;,this.auxbar_.style.width=100-e+&quot;%&quot;},h.prototype.setBuffer=h.prototype.setBuffer,h.prototype.init=function(){if(this.element_){var e=document.createElement(&quot;div&quot;);e.className=&quot;progressbar bar bar1&quot;,this.element_.appendChild(e),this.progressbar_=e,e=document.createElement(&quot;div&quot;),e.className=&quot;bufferbar bar bar2&quot;,this.element_.appendChild(e),this.bufferbar_=e,e=document.createElement(&quot;div&quot;),e.className=&quot;auxbar bar bar3&quot;,this.element_.appendChild(e),this.auxbar_=e,this.progressbar_.style.width=&quot;0%&quot;,this.bufferbar_.style.width=&quot;100%&quot;,this.auxbar_.style.width=&quot;0%&quot;,this.element_.classList.add(&quot;is-upgraded&quot;)}},s.register({constructor:h,classAsString:&quot;MaterialProgress&quot;,cssClass:&quot;mdl-js-progress&quot;,widget:!0});var c=function(e){this.element_=e,this.init()};window.MaterialRadio=c,c.prototype.Constant_={TINY_TIMEOUT:.001},c.prototype.CssClasses_={IS_FOCUSED:&quot;is-focused&quot;,IS_DISABLED:&quot;is-disabled&quot;,IS_CHECKED:&quot;is-checked&quot;,IS_UPGRADED:&quot;is-upgraded&quot;,JS_RADIO:&quot;mdl-js-radio&quot;,RADIO_BTN:&quot;mdl-radio__button&quot;,RADIO_OUTER_CIRCLE:&quot;mdl-radio__outer-circle&quot;,RADIO_INNER_CIRCLE:&quot;mdl-radio__inner-circle&quot;,RIPPLE_EFFECT:&quot;mdl-js-ripple-effect&quot;,RIPPLE_IGNORE_EVENTS:&quot;mdl-js-ripple-effect--ignore-events&quot;,RIPPLE_CONTAINER:&quot;mdl-radio__ripple-container&quot;,RIPPLE_CENTER:&quot;mdl-ripple--center&quot;,RIPPLE:&quot;mdl-ripple&quot;},c.prototype.onChange_=function(e){for(var t=document.getElementsByClassName(this.CssClasses_.JS_RADIO),s=0;s&lt;t.length;s++){var i=t[s].querySelector(&quot;.&quot;+this.CssClasses_.RADIO_BTN);i.getAttribute(&quot;name&quot;)===this.btnElement_.getAttribute(&quot;name&quot;)&amp;&amp;&quot;undefined&quot;!=typeof t[s].MaterialRadio&amp;&amp;t[s].MaterialRadio.updateClasses_()}},c.prototype.onFocus_=function(e){this.element_.classList.add(this.CssClasses_.IS_FOCUSED)},c.prototype.onBlur_=function(e){this.element_.classList.remove(this.CssClasses_.IS_FOCUSED)},c.prototype.onMouseup_=function(e){this.blur_()},c.prototype.updateClasses_=function(){this.checkDisabled(),this.checkToggleState()},c.prototype.blur_=function(){window.setTimeout(function(){this.btnElement_.blur()}.bind(this),this.Constant_.TINY_TIMEOUT)},c.prototype.checkDisabled=function(){this.btnElement_.disabled?this.element_.classList.add(this.CssClasses_.IS_DISABLED):this.element_.classList.remove(this.CssClasses_.IS_DISABLED)},c.prototype.checkDisabled=c.prototype.checkDisabled,c.prototype.checkToggleState=function(){this.btnElement_.checked?this.element_.classList.add(this.CssClasses_.IS_CHECKED):this.element_.classList.remove(this.CssClasses_.IS_CHECKED)},c.prototype.checkToggleState=c.prototype.checkToggleState,c.prototype.disable=function(){this.btnElement_.disabled=!0,this.updateClasses_()},c.prototype.disable=c.prototype.disable,c.prototype.enable=function(){this.btnElement_.disabled=!1,this.updateClasses_()},c.prototype.enable=c.prototype.enable,c.prototype.check=function(){this.btnElement_.checked=!0,this.onChange_(null)},c.prototype.check=c.prototype.check,c.prototype.uncheck=function(){this.btnElement_.checked=!1,this.onChange_(null)},c.prototype.uncheck=c.prototype.uncheck,c.prototype.init=function(){if(this.element_){this.btnElement_=this.element_.querySelector(&quot;.&quot;+this.CssClasses_.RADIO_BTN),this.boundChangeHandler_=this.onChange_.bind(this),this.boundFocusHandler_=this.onChange_.bind(this),this.boundBlurHandler_=this.onBlur_.bind(this),this.boundMouseUpHandler_=this.onMouseup_.bind(this);var e=document.createElement(&quot;span&quot;);e.classList.add(this.CssClasses_.RADIO_OUTER_CIRCLE);var t=document.createElement(&quot;span&quot;);t.classList.add(this.CssClasses_.RADIO_INNER_CIRCLE),this.element_.appendChild(e),this.element_.appendChild(t);var s;if(this.element_.classList.contains(this.CssClasses_.RIPPLE_EFFECT)){this.element_.classList.add(this.CssClasses_.RIPPLE_IGNORE_EVENTS),s=document.createElement(&quot;span&quot;),s.classList.add(this.CssClasses_.RIPPLE_CONTAINER),s.classList.add(this.CssClasses_.RIPPLE_EFFECT),s.classList.add(this.CssClasses_.RIPPLE_CENTER),s.addEventListener(&quot;mouseup&quot;,this.boundMouseUpHandler_);var i=document.createElement(&quot;span&quot;);i.classList.add(this.CssClasses_.RIPPLE),s.appendChild(i),this.element_.appendChild(s)}this.btnElement_.addEventListener(&quot;change&quot;,this.boundChangeHandler_),this.btnElement_.addEventListener(&quot;focus&quot;,this.boundFocusHandler_),this.btnElement_.addEventListener(&quot;blur&quot;,this.boundBlurHandler_),this.element_.addEventListener(&quot;mouseup&quot;,this.boundMouseUpHandler_),this.updateClasses_(),this.element_.classList.add(this.CssClasses_.IS_UPGRADED)}},s.register({constructor:c,classAsString:&quot;MaterialRadio&quot;,cssClass:&quot;mdl-js-radio&quot;,widget:!0});var p=function(e){this.element_=e,this.isIE_=window.navigator.msPointerEnabled,this.init()};window.MaterialSlider=p,p.prototype.Constant_={},p.prototype.CssClasses_={IE_CONTAINER:&quot;mdl-slider__ie-container&quot;,SLIDER_CONTAINER:&quot;mdl-slider__container&quot;,BACKGROUND_FLEX:&quot;mdl-slider__background-flex&quot;,BACKGROUND_LOWER:&quot;mdl-slider__background-lower&quot;,BACKGROUND_UPPER:&quot;mdl-slider__background-upper&quot;,IS_LOWEST_VALUE:&quot;is-lowest-value&quot;,IS_UPGRADED:&quot;is-upgraded&quot;},p.prototype.onInput_=function(e){this.updateValueStyles_()},p.prototype.onChange_=function(e){this.updateValueStyles_()},p.prototype.onMouseUp_=function(e){e.target.blur()},p.prototype.onContainerMouseDown_=function(e){if(e.target===this.element_.parentElement){e.preventDefault();var t=new MouseEvent(&quot;mousedown&quot;,{target:e.target,buttons:e.buttons,clientX:e.clientX,clientY:this.element_.getBoundingClientRect().y});this.element_.dispatchEvent(t)}},p.prototype.updateValueStyles_=function(){var e=(this.element_.value-this.element_.min)/(this.element_.max-this.element_.min);0===e?this.element_.classList.add(this.CssClasses_.IS_LOWEST_VALUE):this.element_.classList.remove(this.CssClasses_.IS_LOWEST_VALUE),this.isIE_||(this.backgroundLower_.style.flex=e,this.backgroundLower_.style.webkitFlex=e,this.backgroundUpper_.style.flex=1-e,this.backgroundUpper_.style.webkitFlex=1-e)},p.prototype.disable=function(){this.element_.disabled=!0},p.prototype.disable=p.prototype.disable,p.prototype.enable=function(){this.element_.disabled=!1},p.prototype.enable=p.prototype.enable,p.prototype.change=function(e){&quot;undefined&quot;!=typeof e&amp;&amp;(this.element_.value=e),this.updateValueStyles_()},p.prototype.change=p.prototype.change,p.prototype.init=function(){if(this.element_){if(this.isIE_){var e=document.createElement(&quot;div&quot;);e.classList.add(this.CssClasses_.IE_CONTAINER),this.element_.parentElement.insertBefore(e,this.element_),this.element_.parentElement.removeChild(this.element_),e.appendChild(this.element_)}else{var t=document.createElement(&quot;div&quot;);t.classList.add(this.CssClasses_.SLIDER_CONTAINER),this.element_.parentElement.insertBefore(t,this.element_),this.element_.parentElement.removeChild(this.element_),t.appendChild(this.element_);var s=document.createElement(&quot;div&quot;);s.classList.add(this.CssClasses_.BACKGROUND_FLEX),t.appendChild(s),this.backgroundLower_=document.createElement(&quot;div&quot;),this.backgroundLower_.classList.add(this.CssClasses_.BACKGROUND_LOWER),s.appendChild(this.backgroundLower_),this.backgroundUpper_=document.createElement(&quot;div&quot;),this.backgroundUpper_.classList.add(this.CssClasses_.BACKGROUND_UPPER),s.appendChild(this.backgroundUpper_)}this.boundInputHandler=this.onInput_.bind(this),this.boundChangeHandler=this.onChange_.bind(this),this.boundMouseUpHandler=this.onMouseUp_.bind(this),this.boundContainerMouseDownHandler=this.onContainerMouseDown_.bind(this),this.element_.addEventListener(&quot;input&quot;,this.boundInputHandler),this.element_.addEventListener(&quot;change&quot;,this.boundChangeHandler),this.element_.addEventListener(&quot;mouseup&quot;,this.boundMouseUpHandler),this.element_.parentElement.addEventListener(&quot;mousedown&quot;,this.boundContainerMouseDownHandler),this.updateValueStyles_(),this.element_.classList.add(this.CssClasses_.IS_UPGRADED)}},s.register({constructor:p,classAsString:&quot;MaterialSlider&quot;,cssClass:&quot;mdl-js-slider&quot;,widget:!0});var C=function(e){if(this.element_=e,this.textElement_=this.element_.querySelector(&quot;.&quot;+this.cssClasses_.MESSAGE),this.actionElement_=this.element_.querySelector(&quot;.&quot;+this.cssClasses_.ACTION),!this.textElement_)throw new Error(&quot;There must be a message element for a snackbar.&quot;);if(!this.actionElement_)throw new Error(&quot;There must be an action element for a snackbar.&quot;);this.active=!1,this.actionHandler_=void 0,this.message_=void 0,this.actionText_=void 0,this.queuedNotifications_=[],this.setActionHidden_(!0)};window.MaterialSnackbar=C,C.prototype.Constant_={ANIMATION_LENGTH:250},C.prototype.cssClasses_={SNACKBAR:&quot;mdl-snackbar&quot;,MESSAGE:&quot;mdl-snackbar__text&quot;,ACTION:&quot;mdl-snackbar__action&quot;,ACTIVE:&quot;mdl-snackbar--active&quot;},C.prototype.displaySnackbar_=function(){this.element_.setAttribute(&quot;aria-hidden&quot;,&quot;true&quot;),

Line No.-860: this.actionHandler_&amp;&amp;(this.actionElement_.textContent=this.actionText_,this.actionElement_.addEventListener(&quot;click&quot;,this.actionHandler_),this.setActionHidden_(!1)),this.textElement_.textContent=this.message_,this.element_.classList.add(this.cssClasses_.ACTIVE),this.element_.setAttribute(&quot;aria-hidden&quot;,&quot;false&quot;),setTimeout(this.cleanup_.bind(this),this.timeout_)},C.prototype.showSnackbar=function(e){if(void 0===e)throw new Error(&quot;Please provide a data object with at least a message to display.&quot;);if(void 0===e.message)throw new Error(&quot;Please provide a message to be displayed.&quot;);if(e.actionHandler&amp;&amp;!e.actionText)throw new Error(&quot;Please provide action text with the handler.&quot;);this.active?this.queuedNotifications_.push(e):(this.active=!0,this.message_=e.message,e.timeout?this.timeout_=e.timeout:this.timeout_=2750,e.actionHandler&amp;&amp;(this.actionHandler_=e.actionHandler),e.actionText&amp;&amp;(this.actionText_=e.actionText),this.displaySnackbar_())},C.prototype.showSnackbar=C.prototype.showSnackbar,C.prototype.checkQueue_=function(){this.queuedNotifications_.length&gt;0&amp;&amp;this.showSnackbar(this.queuedNotifications_.shift())},C.prototype.cleanup_=function(){this.element_.classList.remove(this.cssClasses_.ACTIVE),setTimeout(function(){this.element_.setAttribute(&quot;aria-hidden&quot;,&quot;true&quot;),this.textElement_.textContent=&quot;&quot;,Boolean(this.actionElement_.getAttribute(&quot;aria-hidden&quot;))||(this.setActionHidden_(!0),this.actionElement_.textContent=&quot;&quot;,this.actionElement_.removeEventListener(&quot;click&quot;,this.actionHandler_)),this.actionHandler_=void 0,this.message_=void 0,this.actionText_=void 0,this.active=!1,this.checkQueue_()}.bind(this),this.Constant_.ANIMATION_LENGTH)},C.prototype.setActionHidden_=function(e){e?this.actionElement_.setAttribute(&quot;aria-hidden&quot;,&quot;true&quot;):this.actionElement_.removeAttribute(&quot;aria-hidden&quot;)},s.register({constructor:C,classAsString:&quot;MaterialSnackbar&quot;,cssClass:&quot;mdl-js-snackbar&quot;,widget:!0});var u=function(e){this.element_=e,this.init()};window.MaterialSpinner=u,u.prototype.Constant_={MDL_SPINNER_LAYER_COUNT:4},u.prototype.CssClasses_={MDL_SPINNER_LAYER:&quot;mdl-spinner__layer&quot;,MDL_SPINNER_CIRCLE_CLIPPER:&quot;mdl-spinner__circle-clipper&quot;,MDL_SPINNER_CIRCLE:&quot;mdl-spinner__circle&quot;,MDL_SPINNER_GAP_PATCH:&quot;mdl-spinner__gap-patch&quot;,MDL_SPINNER_LEFT:&quot;mdl-spinner__left&quot;,MDL_SPINNER_RIGHT:&quot;mdl-spinner__right&quot;},u.prototype.createLayer=function(e){var t=document.createElement(&quot;div&quot;);t.classList.add(this.CssClasses_.MDL_SPINNER_LAYER),t.classList.add(this.CssClasses_.MDL_SPINNER_LAYER+&quot;-&quot;+e);var s=document.createElement(&quot;div&quot;);s.classList.add(this.CssClasses_.MDL_SPINNER_CIRCLE_CLIPPER),s.classList.add(this.CssClasses_.MDL_SPINNER_LEFT);var i=document.createElement(&quot;div&quot;);i.classList.add(this.CssClasses_.MDL_SPINNER_GAP_PATCH);var n=document.createElement(&quot;div&quot;);n.classList.add(this.CssClasses_.MDL_SPINNER_CIRCLE_CLIPPER),n.classList.add(this.CssClasses_.MDL_SPINNER_RIGHT);for(var a=[s,i,n],l=0;l&lt;a.length;l++){var o=document.createElement(&quot;div&quot;);o.classList.add(this.CssClasses_.MDL_SPINNER_CIRCLE),a[l].appendChild(o)}t.appendChild(s),t.appendChild(i),t.appendChild(n),this.element_.appendChild(t)},u.prototype.createLayer=u.prototype.createLayer,u.prototype.stop=function(){this.element_.classList.remove(&quot;is-active&quot;)},u.prototype.stop=u.prototype.stop,u.prototype.start=function(){this.element_.classList.add(&quot;is-active&quot;)},u.prototype.start=u.prototype.start,u.prototype.init=function(){if(this.element_){for(var e=1;e&lt;=this.Constant_.MDL_SPINNER_LAYER_COUNT;e++)this.createLayer(e);this.element_.classList.add(&quot;is-upgraded&quot;)}},s.register({constructor:u,classAsString:&quot;MaterialSpinner&quot;,cssClass:&quot;mdl-js-spinner&quot;,widget:!0});var E=function(e){this.element_=e,this.init()};window.MaterialSwitch=E,E.prototype.Constant_={TINY_TIMEOUT:.001},E.prototype.CssClasses_={INPUT:&quot;mdl-switch__input&quot;,TRACK:&quot;mdl-switch__track&quot;,THUMB:&quot;mdl-switch__thumb&quot;,FOCUS_HELPER:&quot;mdl-switch__focus-helper&quot;,RIPPLE_EFFECT:&quot;mdl-js-ripple-effect&quot;,RIPPLE_IGNORE_EVENTS:&quot;mdl-js-ripple-effect--ignore-events&quot;,RIPPLE_CONTAINER:&quot;mdl-switch__ripple-container&quot;,RIPPLE_CENTER:&quot;mdl-ripple--center&quot;,RIPPLE:&quot;mdl-ripple&quot;,IS_FOCUSED:&quot;is-focused&quot;,IS_DISABLED:&quot;is-disabled&quot;,IS_CHECKED:&quot;is-checked&quot;},E.prototype.onChange_=function(e){this.updateClasses_()},E.prototype.onFocus_=function(e){this.element_.classList.add(this.CssClasses_.IS_FOCUSED)},E.prototype.onBlur_=function(e){this.element_.classList.remove(this.CssClasses_.IS_FOCUSED)},E.prototype.onMouseUp_=function(e){this.blur_()},E.prototype.updateClasses_=function(){this.checkDisabled(),this.checkToggleState()},E.prototype.blur_=function(){window.setTimeout(function(){this.inputElement_.blur()}.bind(this),this.Constant_.TINY_TIMEOUT)},E.prototype.checkDisabled=function(){this.inputElement_.disabled?this.element_.classList.add(this.CssClasses_.IS_DISABLED):this.element_.classList.remove(this.CssClasses_.IS_DISABLED)},E.prototype.checkDisabled=E.prototype.checkDisabled,E.prototype.checkToggleState=function(){this.inputElement_.checked?this.element_.classList.add(this.CssClasses_.IS_CHECKED):this.element_.classList.remove(this.CssClasses_.IS_CHECKED)},E.prototype.checkToggleState=E.prototype.checkToggleState,E.prototype.disable=function(){this.inputElement_.disabled=!0,this.updateClasses_()},E.prototype.disable=E.prototype.disable,E.prototype.enable=function(){this.inputElement_.disabled=!1,this.updateClasses_()},E.prototype.enable=E.prototype.enable,E.prototype.on=function(){this.inputElement_.checked=!0,this.updateClasses_()},E.prototype.on=E.prototype.on,E.prototype.off=function(){this.inputElement_.checked=!1,this.updateClasses_()},E.prototype.off=E.prototype.off,E.prototype.init=function(){if(this.element_){this.inputElement_=this.element_.querySelector(&quot;.&quot;+this.CssClasses_.INPUT);var e=document.createElement(&quot;div&quot;);e.classList.add(this.CssClasses_.TRACK);var t=document.createElement(&quot;div&quot;);t.classList.add(this.CssClasses_.THUMB);var s=document.createElement(&quot;span&quot;);if(s.classList.add(this.CssClasses_.FOCUS_HELPER),t.appendChild(s),this.element_.appendChild(e),this.element_.appendChild(t),this.boundMouseUpHandler=this.onMouseUp_.bind(this),this.element_.classList.contains(this.CssClasses_.RIPPLE_EFFECT)){this.element_.classList.add(this.CssClasses_.RIPPLE_IGNORE_EVENTS),this.rippleContainerElement_=document.createElement(&quot;span&quot;),this.rippleContainerElement_.classList.add(this.CssClasses_.RIPPLE_CONTAINER),this.rippleContainerElement_.classList.add(this.CssClasses_.RIPPLE_EFFECT),this.rippleContainerElement_.classList.add(this.CssClasses_.RIPPLE_CENTER),this.rippleContainerElement_.addEventListener(&quot;mouseup&quot;,this.boundMouseUpHandler);var i=document.createElement(&quot;span&quot;);i.classList.add(this.CssClasses_.RIPPLE),this.rippleContainerElement_.appendChild(i),this.element_.appendChild(this.rippleContainerElement_)}this.boundChangeHandler=this.onChange_.bind(this),this.boundFocusHandler=this.onFocus_.bind(this),this.boundBlurHandler=this.onBlur_.bind(this),this.inputElement_.addEventListener(&quot;change&quot;,this.boundChangeHandler),this.inputElement_.addEventListener(&quot;focus&quot;,this.boundFocusHandler),this.inputElement_.addEventListener(&quot;blur&quot;,this.boundBlurHandler),this.element_.addEventListener(&quot;mouseup&quot;,this.boundMouseUpHandler),this.updateClasses_(),this.element_.classList.add(&quot;is-upgraded&quot;)}},s.register({constructor:E,classAsString:&quot;MaterialSwitch&quot;,cssClass:&quot;mdl-js-switch&quot;,widget:!0});var m=function(e){this.element_=e,this.init()};window.MaterialTabs=m,m.prototype.Constant_={},m.prototype.CssClasses_={TAB_CLASS:&quot;mdl-tabs__tab&quot;,PANEL_CLASS:&quot;mdl-tabs__panel&quot;,ACTIVE_CLASS:&quot;is-active&quot;,UPGRADED_CLASS:&quot;is-upgraded&quot;,MDL_JS_RIPPLE_EFFECT:&quot;mdl-js-ripple-effect&quot;,MDL_RIPPLE_CONTAINER:&quot;mdl-tabs__ripple-container&quot;,MDL_RIPPLE:&quot;mdl-ripple&quot;,MDL_JS_RIPPLE_EFFECT_IGNORE_EVENTS:&quot;mdl-js-ripple-effect--ignore-events&quot;},m.prototype.initTabs_=function(){this.element_.classList.contains(this.CssClasses_.MDL_JS_RIPPLE_EFFECT)&amp;&amp;this.element_.classList.add(this.CssClasses_.MDL_JS_RIPPLE_EFFECT_IGNORE_EVENTS),this.tabs_=this.element_.querySelectorAll(&quot;.&quot;+this.CssClasses_.TAB_CLASS),this.panels_=this.element_.querySelectorAll(&quot;.&quot;+this.CssClasses_.PANEL_CLASS);for(var t=0;t&lt;this.tabs_.length;t++)new e(this.tabs_[t],this);this.element_.classList.add(this.CssClasses_.UPGRADED_CLASS)},m.prototype.resetTabState_=function(){for(var e=0;e&lt;this.tabs_.length;e++)this.tabs_[e].classList.remove(this.CssClasses_.ACTIVE_CLASS)},m.prototype.resetPanelState_=function(){for(var e=0;e&lt;this.panels_.length;e++)this.panels_[e].classList.remove(this.CssClasses_.ACTIVE_CLASS)},m.prototype.init=function(){this.element_&amp;&amp;this.initTabs_()},s.register({constructor:m,classAsString:&quot;MaterialTabs&quot;,cssClass:&quot;mdl-js-tabs&quot;});var L=function(e){this.element_=e,this.maxRows=this.Constant_.NO_MAX_ROWS,this.init()};window.MaterialTextfield=L,L.prototype.Constant_={NO_MAX_ROWS:-1,MAX_ROWS_ATTRIBUTE:&quot;maxrows&quot;},L.prototype.CssClasses_={LABEL:&quot;mdl-textfield__label&quot;,INPUT:&quot;mdl-textfield__input&quot;,IS_DIRTY:&quot;is-dirty&quot;,IS_FOCUSED:&quot;is-focused&quot;,IS_DISABLED:&quot;is-disabled&quot;,IS_INVALID:&quot;is-invalid&quot;,IS_UPGRADED:&quot;is-upgraded&quot;,HAS_PLACEHOLDER:&quot;has-placeholder&quot;},L.prototype.onKeyDown_=function(e){var t=e.target.value.split(&quot;\n&quot;).length;13===e.keyCode&amp;&amp;t&gt;=this.maxRows&amp;&amp;e.preventDefault()},L.prototype.onFocus_=function(e){this.element_.classList.add(this.CssClasses_.IS_FOCUSED)},L.prototype.onBlur_=function(e){this.element_.classList.remove(this.CssClasses_.IS_FOCUSED)},L.prototype.onReset_=function(e){this.updateClasses_()},L.prototype.updateClasses_=function(){this.checkDisabled(),this.checkValidity(),this.checkDirty(),this.checkFocus()},L.prototype.checkDisabled=function(){this.input_.disabled?this.element_.classList.add(this.CssClasses_.IS_DISABLED):this.element_.classList.remove(this.CssClasses_.IS_DISABLED)},L.prototype.checkDisabled=L.prototype.checkDisabled,L.prototype.checkFocus=function(){Boolean(this.element_.querySelector(&quot;:focus&quot;))?this.element_.classList.add(this.CssClasses_.IS_FOCUSED):this.element_.classList.remove(this.CssClasses_.IS_FOCUSED)},L.prototype.checkFocus=L.prototype.checkFocus,L.prototype.checkValidity=function(){this.input_.validity&amp;&amp;(this.input_.validity.valid?this.element_.classList.remove(this.CssClasses_.IS_INVALID):this.element_.classList.add(this.CssClasses_.IS_INVALID))},L.prototype.checkValidity=L.prototype.checkValidity,L.prototype.checkDirty=function(){this.input_.value&amp;&amp;this.input_.value.length&gt;0?this.element_.classList.add(this.CssClasses_.IS_DIRTY):this.element_.classList.remove(this.CssClasses_.IS_DIRTY)},L.prototype.checkDirty=L.prototype.checkDirty,L.prototype.disable=function(){this.input_.disabled=!0,this.updateClasses_()},L.prototype.disable=L.prototype.disable,L.prototype.enable=function(){this.input_.disabled=!1,this.updateClasses_()},L.prototype.enable=L.prototype.enable,L.prototype.change=function(e){this.input_.value=e||&quot;&quot;,this.updateClasses_()},L.prototype.change=L.prototype.change,L.prototype.init=function(){if(this.element_&amp;&amp;(this.label_=this.element_.querySelector(&quot;.&quot;+this.CssClasses_.LABEL),this.input_=this.element_.querySelector(&quot;.&quot;+this.CssClasses_.INPUT),this.input_)){this.input_.hasAttribute(this.Constant_.MAX_ROWS_ATTRIBUTE)&amp;&amp;(this.maxRows=parseInt(this.input_.getAttribute(this.Constant_.MAX_ROWS_ATTRIBUTE),10),isNaN(this.maxRows)&amp;&amp;(this.maxRows=this.Constant_.NO_MAX_ROWS)),this.input_.hasAttribute(&quot;placeholder&quot;)&amp;&amp;this.element_.classList.add(this.CssClasses_.HAS_PLACEHOLDER),this.boundUpdateClassesHandler=this.updateClasses_.bind(this),this.boundFocusHandler=this.onFocus_.bind(this),this.boundBlurHandler=this.onBlur_.bind(this),this.boundResetHandler=this.onReset_.bind(this),this.input_.addEventListener(&quot;input&quot;,this.boundUpdateClassesHandler),this.input_.addEventListener(&quot;focus&quot;,this.boundFocusHandler),this.input_.addEventListener(&quot;blur&quot;,this.boundBlurHandler),this.input_.addEventListener(&quot;reset&quot;,this.boundResetHandler),this.maxRows!==this.Constant_.NO_MAX_ROWS&amp;&amp;(this.boundKeyDownHandler=this.onKeyDown_.bind(this),this.input_.addEventListener(&quot;keydown&quot;,this.boundKeyDownHandler));var e=this.element_.classList.contains(this.CssClasses_.IS_INVALID);this.updateClasses_(),this.element_.classList.add(this.CssClasses_.IS_UPGRADED),e&amp;&amp;this.element_.classList.add(this.CssClasses_.IS_INVALID),this.input_.hasAttribute(&quot;autofocus&quot;)&amp;&amp;(this.element_.focus(),this.checkFocus())}},s.register({constructor:L,classAsString:&quot;MaterialTextfield&quot;,cssClass:&quot;mdl-js-textfield&quot;,widget:!0});var I=function(e){this.element_=e,this.init()};window.MaterialTooltip=I,I.prototype.Constant_={},I.prototype.CssClasses_={IS_ACTIVE:&quot;is-active&quot;,BOTTOM:&quot;mdl-tooltip--bottom&quot;,LEFT:&quot;mdl-tooltip--left&quot;,RIGHT:&quot;mdl-tooltip--right&quot;,TOP:&quot;mdl-tooltip--top&quot;},I.prototype.handleMouseEnter_=function(e){var t=e.target.getBoundingClientRect(),s=t.left+t.width/2,i=t.top+t.height/2,n=-1*(this.element_.offsetWidth/2),a=-1*(this.element_.offsetHeight/2);this.element_.classList.contains(this.CssClasses_.LEFT)||this.element_.classList.contains(this.CssClasses_.RIGHT)?(s=t.width/2,i+a&lt;0?(this.element_.style.top=&quot;0&quot;,this.element_.style.marginTop=&quot;0&quot;):(this.element_.style.top=i+&quot;px&quot;,this.element_.style.marginTop=a+&quot;px&quot;)):s+n&lt;0?(this.element_.style.left=&quot;0&quot;,this.element_.style.marginLeft=&quot;0&quot;):(this.element_.style.left=s+&quot;px&quot;,this.element_.style.marginLeft=n+&quot;px&quot;),this.element_.classList.contains(this.CssClasses_.TOP)?this.element_.style.top=t.top-this.element_.offsetHeight-10+&quot;px&quot;:this.element_.classList.contains(this.CssClasses_.RIGHT)?this.element_.style.left=t.left+t.width+10+&quot;px&quot;:this.element_.classList.contains(this.CssClasses_.LEFT)?this.element_.style.left=t.left-this.element_.offsetWidth-10+&quot;px&quot;:this.element_.style.top=t.top+t.height+10+&quot;px&quot;,this.element_.classList.add(this.CssClasses_.IS_ACTIVE)},I.prototype.hideTooltip_=function(){this.element_.classList.remove(this.CssClasses_.IS_ACTIVE)},I.prototype.init=function(){if(this.element_){var e=this.element_.getAttribute(&quot;for&quot;)||this.element_.getAttribute(&quot;data-mdl-for&quot;);e&amp;&amp;(this.forElement_=document.getElementById(e)),this.forElement_&amp;&amp;(this.forElement_.hasAttribute(&quot;tabindex&quot;)||this.forElement_.setAttribute(&quot;tabindex&quot;,&quot;0&quot;),this.boundMouseEnterHandler=this.handleMouseEnter_.bind(this),this.boundMouseLeaveAndScrollHandler=this.hideTooltip_.bind(this),this.forElement_.addEventListener(&quot;mouseenter&quot;,this.boundMouseEnterHandler,!1),this.forElement_.addEventListener(&quot;touchend&quot;,this.boundMouseEnterHandler,!1),this.forElement_.addEventListener(&quot;mouseleave&quot;,this.boundMouseLeaveAndScrollHandler,!1),window.addEventListener(&quot;scroll&quot;,this.boundMouseLeaveAndScrollHandler,!0),window.addEventListener(&quot;touchstart&quot;,this.boundMouseLeaveAndScrollHandler))}},s.register({constructor:I,classAsString:&quot;MaterialTooltip&quot;,cssClass:&quot;mdl-tooltip&quot;});var f=function(e){this.element_=e,this.init()};window.MaterialLayout=f,f.prototype.Constant_={MAX_WIDTH:&quot;(max-width: 1024px)&quot;,TAB_SCROLL_PIXELS:100,RESIZE_TIMEOUT:100,MENU_ICON:&quot;&amp;#xE5D2;&quot;,CHEVRON_LEFT:&quot;chevron_left&quot;,CHEVRON_RIGHT:&quot;chevron_right&quot;},f.prototype.Keycodes_={ENTER:13,ESCAPE:27,SPACE:32},f.prototype.Mode_={STANDARD:0,SEAMED:1,WATERFALL:2,SCROLL:3},f.prototype.CssClasses_={CONTAINER:&quot;mdl-layout__container&quot;,HEADER:&quot;mdl-layout__header&quot;,DRAWER:&quot;mdl-layout__drawer&quot;,CONTENT:&quot;mdl-layout__content&quot;,DRAWER_BTN:&quot;mdl-layout__drawer-button&quot;,ICON:&quot;material-icons&quot;,JS_RIPPLE_EFFECT:&quot;mdl-js-ripple-effect&quot;,RIPPLE_CONTAINER:&quot;mdl-layout__tab-ripple-container&quot;,RIPPLE:&quot;mdl-ripple&quot;,RIPPLE_IGNORE_EVENTS:&quot;mdl-js-ripple-effect--ignore-events&quot;,HEADER_SEAMED:&quot;mdl-layout__header--seamed&quot;,HEADER_WATERFALL:&quot;mdl-layout__header--waterfall&quot;,HEADER_SCROLL:&quot;mdl-layout__header--scroll&quot;,FIXED_HEADER:&quot;mdl-layout--fixed-header&quot;,OBFUSCATOR:&quot;mdl-layout__obfuscator&quot;,TAB_BAR:&quot;mdl-layout__tab-bar&quot;,TAB_CONTAINER:&quot;mdl-layout__tab-bar-container&quot;,TAB:&quot;mdl-layout__tab&quot;,TAB_BAR_BUTTON:&quot;mdl-layout__tab-bar-button&quot;,TAB_BAR_LEFT_BUTTON:&quot;mdl-layout__tab-bar-left-button&quot;,TAB_BAR_RIGHT_BUTTON:&quot;mdl-layout__tab-bar-right-button&quot;,TAB_MANUAL_SWITCH:&quot;mdl-layout__tab-manual-switch&quot;,PANEL:&quot;mdl-layout__tab-panel&quot;,HAS_DRAWER:&quot;has-drawer&quot;,HAS_TABS:&quot;has-tabs&quot;,HAS_SCROLLING_HEADER:&quot;has-scrolling-header&quot;,CASTING_SHADOW:&quot;is-casting-shadow&quot;,IS_COMPACT:&quot;is-compact&quot;,IS_SMALL_SCREEN:&quot;is-small-screen&quot;,IS_DRAWER_OPEN:&quot;is-visible&quot;,IS_ACTIVE:&quot;is-active&quot;,IS_UPGRADED:&quot;is-upgraded&quot;,IS_ANIMATING:&quot;is-animating&quot;,ON_LARGE_SCREEN:&quot;mdl-layout--large-screen-only&quot;,ON_SMALL_SCREEN:&quot;mdl-layout--small-screen-only&quot;},f.prototype.contentScrollHandler_=function(){if(!this.header_.classList.contains(this.CssClasses_.IS_ANIMATING)){var e=!this.element_.classList.contains(this.CssClasses_.IS_SMALL_SCREEN)||this.element_.classList.contains(this.CssClasses_.FIXED_HEADER);this.content_.scrollTop&gt;0&amp;&amp;!this.header_.classList.contains(this.CssClasses_.IS_COMPACT)?(this.header_.classList.add(this.CssClasses_.CASTING_SHADOW),this.header_.classList.add(this.CssClasses_.IS_COMPACT),e&amp;&amp;this.header_.classList.add(this.CssClasses_.IS_ANIMATING)):this.content_.scrollTop&lt;=0&amp;&amp;this.header_.classList.contains(this.CssClasses_.IS_COMPACT)&amp;&amp;(this.header_.classList.remove(this.CssClasses_.CASTING_SHADOW),this.header_.classList.remove(this.CssClasses_.IS_COMPACT),e&amp;&amp;this.header_.classList.add(this.CssClasses_.IS_ANIMATING))}},f.prototype.keyboardEventHandler_=function(e){e.keyCode===this.Keycodes_.ESCAPE&amp;&amp;this.drawer_.classList.contains(this.CssClasses_.IS_DRAWER_OPEN)&amp;&amp;this.toggleDrawer()},f.prototype.screenSizeHandler_=function(){this.screenSizeMediaQuery_.matches?this.element_.classList.add(this.CssClasses_.IS_SMALL_SCREEN):(this.element_.classList.remove(this.CssClasses_.IS_SMALL_SCREEN),this.drawer_&amp;&amp;(this.drawer_.classList.remove(this.CssClasses_.IS_DRAWER_OPEN),this.obfuscator_.classList.remove(this.CssClasses_.IS_DRAWER_OPEN)))},f.prototype.drawerToggleHandler_=function(e){if(e&amp;&amp;&quot;keydown&quot;===e.type){if(e.keyCode!==this.Keycodes_.SPACE&amp;&amp;e.keyCode!==this.Keycodes_.ENTER)return;e.preventDefault()}this.toggleDrawer()},f.prototype.headerTransitionEndHandler_=function(){this.header_.classList.remove(this.CssClasses_.IS_ANIMATING)},f.prototype.headerClickHandler_=function(){this.header_.classList.contains(this.CssClasses_.IS_COMPACT)&amp;&amp;(this.header_.classList.remove(this.CssClasses_.IS_COMPACT),this.header_.classList.add(this.CssClasses_.IS_ANIMATING))},f.prototype.resetTabState_=function(e){for(var t=0;t&lt;e.length;t++)e[t].classList.remove(this.CssClasses_.IS_ACTIVE)},f.prototype.resetPanelState_=function(e){for(var t=0;t&lt;e.length;t++)e[t].classList.remove(this.CssClasses_.IS_ACTIVE)},f.prototype.toggleDrawer=function(){var e=this.element_.querySelector(&quot;.&quot;+this.CssClasses_.DRAWER_BTN);this.drawer_.classList.toggle(this.CssClasses_.IS_DRAWER_OPEN),this.obfuscator_.classList.toggle(this.CssClasses_.IS_DRAWER_OPEN),this.drawer_.classList.contains(this.CssClasses_.IS_DRAWER_OPEN)?(this.drawer_.setAttribute(&quot;aria-hidden&quot;,&quot;false&quot;),e.setAttribute(&quot;aria-expanded&quot;,&quot;true&quot;)):(this.drawer_.setAttribute(&quot;aria-hidden&quot;,&quot;true&quot;),e.setAttribute(&quot;aria-expanded&quot;,&quot;false&quot;))},f.prototype.toggleDrawer=f.prototype.toggleDrawer,f.prototype.init=function(){if(this.element_){var e=document.createElement(&quot;div&quot;);e.classList.add(this.CssClasses_.CONTAINER);var s=this.element_.querySelector(&quot;:focus&quot;);this.element_.parentElement.insertBefore(e,this.element_),this.element_.parentElement.removeChild(this.element_),e.appendChild(this.element_),s&amp;&amp;s.focus();for(var i=this.element_.childNodes,n=i.length,a=0;a&lt;n;a++){var l=i[a];l.classList&amp;&amp;l.classList.contains(this.CssClasses_.HEADER)&amp;&amp;(this.header_=l),l.classList&amp;&amp;l.classList.contains(this.CssClasses_.DRAWER)&amp;&amp;(this.drawer_=l),l.classList&amp;&amp;l.classList.contains(this.CssClasses_.CONTENT)&amp;&amp;(this.content_=l)}window.addEventListener(&quot;pageshow&quot;,function(e){e.persisted&amp;&amp;(this.element_.style.overflowY=&quot;hidden&quot;,requestAnimationFrame(function(){this.element_.style.overflowY=&quot;&quot;}.bind(this)))}.bind(this),!1),this.header_&amp;&amp;(this.tabBar_=this.header_.querySelector(&quot;.&quot;+this.CssClasses_.TAB_BAR));var o=this.Mode_.STANDARD;if(this.header_&amp;&amp;(this.header_.classList.contains(this.CssClasses_.HEADER_SEAMED)?o=this.Mode_.SEAMED:this.header_.classList.contains(this.CssClasses_.HEADER_WATERFALL)?(o=this.Mode_.WATERFALL,this.header_.addEventListener(&quot;transitionend&quot;,this.headerTransitionEndHandler_.bind(this)),this.header_.addEventListener(&quot;click&quot;,this.headerClickHandler_.bind(this))):this.header_.classList.contains(this.CssClasses_.HEADER_SCROLL)&amp;&amp;(o=this.Mode_.SCROLL,e.classList.add(this.CssClasses_.HAS_SCROLLING_HEADER)),o===this.Mode_.STANDARD?(this.header_.classList.add(this.CssClasses_.CASTING_SHADOW),this.tabBar_&amp;&amp;this.tabBar_.classList.add(this.CssClasses_.CASTING_SHADOW)):o===this.Mode_.SEAMED||o===this.Mode_.SCROLL?(this.header_.classList.remove(this.CssClasses_.CASTING_SHADOW),this.tabBar_&amp;&amp;this.tabBar_.classList.remove(this.CssClasses_.CASTING_SHADOW)):o===this.Mode_.WATERFALL&amp;&amp;(this.content_.addEventListener(&quot;scroll&quot;,this.contentScrollHandler_.bind(this)),this.contentScrollHandler_())),this.drawer_){var r=this.element_.querySelector(&quot;.&quot;+this.CssClasses_.DRAWER_BTN);if(!r){r=document.createElement(&quot;div&quot;),r.setAttribute(&quot;aria-expanded&quot;,&quot;false&quot;),r.setAttribute(&quot;role&quot;,&quot;button&quot;),r.setAttribute(&quot;tabindex&quot;,&quot;0&quot;),r.classList.add(this.CssClasses_.DRAWER_BTN);var _=document.createElement(&quot;i&quot;);_.classList.add(this.CssClasses_.ICON),_.innerHTML=this.Constant_.MENU_ICON,r.appendChild(_)}this.drawer_.classList.contains(this.CssClasses_.ON_LARGE_SCREEN)?r.classList.add(this.CssClasses_.ON_LARGE_SCREEN):this.drawer_.classList.contains(this.CssClasses_.ON_SMALL_SCREEN)&amp;&amp;r.classList.add(this.CssClasses_.ON_SMALL_SCREEN),r.addEventListener(&quot;click&quot;,this.drawerToggleHandler_.bind(this)),r.addEventListener(&quot;keydown&quot;,this.drawerToggleHandler_.bind(this)),this.element_.classList.add(this.CssClasses_.HAS_DRAWER),this.element_.classList.contains(this.CssClasses_.FIXED_HEADER)?this.header_.insertBefore(r,this.header_.firstChild):this.element_.insertBefore(r,this.content_);var d=document.createElement(&quot;div&quot;);d.classList.add(this.CssClasses_.OBFUSCATOR),this.element_.appendChild(d),d.addEventListener(&quot;click&quot;,this.drawerToggleHandler_.bind(this)),this.obfuscator_=d,this.drawer_.addEventListener(&quot;keydown&quot;,this.keyboardEventHandler_.bind(this)),this.drawer_.setAttribute(&quot;aria-hidden&quot;,&quot;true&quot;)}if(this.screenSizeMediaQuery_=window.matchMedia(this.Constant_.MAX_WIDTH),this.screenSizeMediaQuery_.addListener(this.screenSizeHandler_.bind(this)),this.screenSizeHandler_(),this.header_&amp;&amp;this.tabBar_){this.element_.classList.add(this.CssClasses_.HAS_TABS);var h=document.createElement(&quot;div&quot;);h.classList.add(this.CssClasses_.TAB_CONTAINER),this.header_.insertBefore(h,this.tabBar_),this.header_.removeChild(this.tabBar_);var c=document.createElement(&quot;div&quot;);c.classList.add(this.CssClasses_.TAB_BAR_BUTTON),c.classList.add(this.CssClasses_.TAB_BAR_LEFT_BUTTON);var p=document.createElement(&quot;i&quot;);p.classList.add(this.CssClasses_.ICON),p.textContent=this.Constant_.CHEVRON_LEFT,c.appendChild(p),c.addEventListener(&quot;click&quot;,function(){this.tabBar_.scrollLeft-=this.Constant_.TAB_SCROLL_PIXELS}.bind(this));var C=document.createElement(&quot;div&quot;);C.classList.add(this.CssClasses_.TAB_BAR_BUTTON),C.classList.add(this.CssClasses_.TAB_BAR_RIGHT_BUTTON);var u=document.createElement(&quot;i&quot;);u.classList.add(this.CssClasses_.ICON),u.textContent=this.Constant_.CHEVRON_RIGHT,C.appendChild(u),C.addEventListener(&quot;click&quot;,function(){this.tabBar_.scrollLeft+=this.Constant_.TAB_SCROLL_PIXELS}.bind(this)),h.appendChild(c),h.appendChild(this.tabBar_),h.appendChild(C);var E=function(){this.tabBar_.scrollLeft&gt;0?c.classList.add(this.CssClasses_.IS_ACTIVE):c.classList.remove(this.CssClasses_.IS_ACTIVE),this.tabBar_.scrollLeft&lt;this.tabBar_.scrollWidth-this.tabBar_.offsetWidth?C.classList.add(this.CssClasses_.IS_ACTIVE):C.classList.remove(this.CssClasses_.IS_ACTIVE)}.bind(this);this.tabBar_.addEventListener(&quot;scroll&quot;,E),E();var m=function(){this.resizeTimeoutId_&amp;&amp;clearTimeout(this.resizeTimeoutId_),this.resizeTimeoutId_=setTimeout(function(){E(),this.resizeTimeoutId_=null}.bind(this),this.Constant_.RESIZE_TIMEOUT)}.bind(this);window.addEventListener(&quot;resize&quot;,m),this.tabBar_.classList.contains(this.CssClasses_.JS_RIPPLE_EFFECT)&amp;&amp;this.tabBar_.classList.add(this.CssClasses_.RIPPLE_IGNORE_EVENTS);for(var L=this.tabBar_.querySelectorAll(&quot;.&quot;+this.CssClasses_.TAB),I=this.content_.querySelectorAll(&quot;.&quot;+this.CssClasses_.PANEL),f=0;f&lt;L.length;f++)new t(L[f],L,I,this)}this.element_.classList.add(this.CssClasses_.IS_UPGRADED)}},window.MaterialLayoutTab=t,s.register({constructor:f,classAsString:&quot;MaterialLayout&quot;,cssClass:&quot;mdl-js-layout&quot;});var b=function(e){this.element_=e,this.init()};window.MaterialDataTable=b,b.prototype.Constant_={},b.prototype.CssClasses_={DATA_TABLE:&quot;mdl-data-table&quot;,SELECTABLE:&quot;mdl-data-table--selectable&quot;,SELECT_ELEMENT:&quot;mdl-data-table__select&quot;,IS_SELECTED:&quot;is-selected&quot;,IS_UPGRADED:&quot;is-upgraded&quot;},b.prototype.selectRow_=function(e,t,s){return t?function(){e.checked?t.classList.add(this.CssClasses_.IS_SELECTED):t.classList.remove(this.CssClasses_.IS_SELECTED)}.bind(this):s?function(){var t,i;if(e.checked)for(t=0;t&lt;s.length;t++)i=s[t].querySelector(&quot;td&quot;).querySelector(&quot;.mdl-checkbox&quot;),i.MaterialCheckbox.check(),s[t].classList.add(this.CssClasses_.IS_SELECTED);else for(t=0;t&lt;s.length;t++)i=s[t].querySelector(&quot;td&quot;).querySelector(&quot;.mdl-checkbox&quot;),i.MaterialCheckbox.uncheck(),s[t].classList.remove(this.CssClasses_.IS_SELECTED)}.bind(this):void 0},b.prototype.createCheckbox_=function(e,t){var i=document.createElement(&quot;label&quot;),n=[&quot;mdl-checkbox&quot;,&quot;mdl-js-checkbox&quot;,&quot;mdl-js-ripple-effect&quot;,this.CssClasses_.SELECT_ELEMENT];i.className=n.join(&quot; &quot;);var a=document.createElement(&quot;input&quot;);return a.type=&quot;checkbox&quot;,a.classList.add(&quot;mdl-checkbox__input&quot;),e?(a.checked=e.classList.contains(this.CssClasses_.IS_SELECTED),a.addEventListener(&quot;change&quot;,this.selectRow_(a,e))):t&amp;&amp;a.addEventListener(&quot;change&quot;,this.selectRow_(a,null,t)),i.appendChild(a),s.upgradeElement(i,&quot;MaterialCheckbox&quot;),i},b.prototype.init=function(){if(this.element_){var e=this.element_.querySelector(&quot;th&quot;),t=Array.prototype.slice.call(this.element_.querySelectorAll(&quot;tbody tr&quot;)),s=Array.prototype.slice.call(this.element_.querySelectorAll(&quot;tfoot tr&quot;)),i=t.concat(s);if(this.element_.classList.contains(this.CssClasses_.SELECTABLE)){var n=document.createElement(&quot;th&quot;),a=this.createCheckbox_(null,i);n.appendChild(a),e.parentElement.insertBefore(n,e);for(var l=0;l&lt;i.length;l++){var o=i[l].querySelector(&quot;td&quot;);if(o){var r=document.createElement(&quot;td&quot;);if(&quot;TBODY&quot;===i[l].parentNode.nodeName.toUpperCase()){var _=this.createCheckbox_(i[l]);r.appendChild(_)}i[l].insertBefore(r,o)}}this.element_.classList.add(this.CssClasses_.IS_UPGRADED)}}},s.register({constructor:b,classAsString:&quot;MaterialDataTable&quot;,cssClass:&quot;mdl-js-data-table&quot;});var S=function(e){this.element_=e,this.init()};window.MaterialRipple=S,S.prototype.Constant_={INITIAL_SCALE:&quot;scale(0.0001, 0.0001)&quot;,INITIAL_SIZE:&quot;1px&quot;,INITIAL_OPACITY:&quot;0.4&quot;,FINAL_OPACITY:&quot;0&quot;,FINAL_SCALE:&quot;&quot;},S.prototype.CssClasses_={RIPPLE_CENTER:&quot;mdl-ripple--center&quot;,RIPPLE_EFFECT_IGNORE_EVENTS:&quot;mdl-js-ripple-effect--ignore-events&quot;,RIPPLE:&quot;mdl-ripple&quot;,IS_ANIMATING:&quot;is-animating&quot;,IS_VISIBLE:&quot;is-visible&quot;},S.prototype.downHandler_=function(e){if(!this.rippleElement_.style.width&amp;&amp;!this.rippleElement_.style.height){var t=this.element_.getBoundingClientRect();this.boundHeight=t.height,this.boundWidth=t.width,this.rippleSize_=2*Math.sqrt(t.width*t.width+t.height*t.height)+2,this.rippleElement_.style.width=this.rippleSize_+&quot;px&quot;,this.rippleElement_.style.height=this.rippleSize_+&quot;px&quot;}if(this.rippleElement_.classList.add(this.CssClasses_.IS_VISIBLE),&quot;mousedown&quot;===e.type&amp;&amp;this.ignoringMouseDown_)this.ignoringMouseDown_=!1;else{&quot;touchstart&quot;===e.type&amp;&amp;(this.ignoringMouseDown_=!0);var s=this.getFrameCount();if(s&gt;0)return;this.setFrameCount(1);var i,n,a=e.currentTarget.getBoundingClientRect();if(0===e.clientX&amp;&amp;0===e.clientY)i=Math.round(a.width/2),n=Math.round(a.height/2);else{var l=void 0!==e.clientX?e.clientX:e.touches[0].clientX,o=void 0!==e.clientY?e.clientY:e.touches[0].clientY;i=Math.round(l-a.left),n=Math.round(o-a.top)}this.setRippleXY(i,n),this.setRippleStyles(!0),window.requestAnimationFrame(this.animFrameHandler.bind(this))}},S.prototype.upHandler_=function(e){e&amp;&amp;2!==e.detail&amp;&amp;window.setTimeout(function(){this.rippleElement_.classList.remove(this.CssClasses_.IS_VISIBLE)}.bind(this),0)},S.prototype.init=function(){if(this.element_){var e=this.element_.classList.contains(this.CssClasses_.RIPPLE_CENTER);this.element_.classList.contains(this.CssClasses_.RIPPLE_EFFECT_IGNORE_EVENTS)||(this.rippleElement_=this.element_.querySelector(&quot;.&quot;+this.CssClasses_.RIPPLE),this.frameCount_=0,this.rippleSize_=0,this.x_=0,this.y_=0,this.ignoringMouseDown_=!1,this.boundDownHandler=this.downHandler_.bind(this),this.element_.addEventListener(&quot;mousedown&quot;,this.boundDownHandler),this.element_.addEventListener(&quot;touchstart&quot;,this.boundDownHandler),this.boundUpHandler=this.upHandler_.bind(this),this.element_.addEventListener(&quot;mouseup&quot;,this.boundUpHandler),this.element_.addEventListener(&quot;mouseleave&quot;,this.boundUpHandler),this.element_.addEventListener(&quot;touchend&quot;,this.boundUpHandler),this.element_.addEventListener(&quot;blur&quot;,this.boundUpHandler),this.getFrameCount=function(){return this.frameCount_},this.setFrameCount=function(e){this.frameCount_=e},this.getRippleElement=function(){return this.rippleElement_},this.setRippleXY=function(e,t){this.x_=e,this.y_=t},this.setRippleStyles=function(t){if(null!==this.rippleElement_){var s,i,n,a=&quot;translate(&quot;+this.x_+&quot;px, &quot;+this.y_+&quot;px)&quot;;t?(i=this.Constant_.INITIAL_SCALE,n=this.Constant_.INITIAL_SIZE):(i=this.Constant_.FINAL_SCALE,n=this.rippleSize_+&quot;px&quot;,e&amp;&amp;(a=&quot;translate(&quot;+this.boundWidth/2+&quot;px, &quot;+this.boundHeight/2+&quot;px)&quot;)),s=&quot;translate(-50%, -50%) &quot;+a+i,this.rippleElement_.style.webkitTransform=s,this.rippleElement_.style.msTransform=s,this.rippleElement_.style.transform=s,t?this.rippleElement_.classList.remove(this.CssClasses_.IS_ANIMATING):this.rippleElement_.classList.add(this.CssClasses_.IS_ANIMATING)}},this.animFrameHandler=function(){this.frameCount_-- &gt;0?window.requestAnimationFrame(this.animFrameHandler.bind(this)):this.setRippleStyles(!1)})}},s.register({constructor:S,classAsString:&quot;MaterialRipple&quot;,cssClass:&quot;mdl-js-ripple-effect&quot;,widget:!1})}();

Line No.-861: //# sourceMappingURL=material.min.js.map

Line No.-862: &lt;/script&gt;

Line No.-863: 

Line No.-864: &lt;style type=&quot;text/css&quot;&gt;

Line No.-865: /* PrismJS 1.15.0

Line No.-866: https://prismjs.com/download.html#themes=prism-coy&amp;languages=markup+css+clike+javascript+abap+actionscript+ada+apacheconf+apl+applescript+c+arff+asciidoc+asm6502+csharp+autohotkey+autoit+bash+basic+batch+bison+brainfuck+bro+cpp+aspnet+arduino+coffeescript+clojure+ruby+csp+css-extras+d+dart+diff+django+docker+eiffel+elixir+elm+markup-templating+erlang+fsharp+flow+fortran+gedcom+gherkin+git+glsl+gml+go+graphql+groovy+less+handlebars+haskell+haxe+http+hpkp+hsts+ichigojam+icon+inform7+ini+io+j+java+jolie+json+julia+keyman+kotlin+latex+markdown+liquid+lisp+livescript+lolcode+lua+makefile+crystal+erb+matlab+mel+mizar+monkey+n4js+nasm+nginx+nim+nix+nsis+objectivec+ocaml+opencl+oz+parigp+parser+pascal+perl+php+php-extras+sql+powershell+processing+prolog+properties+protobuf+scss+puppet+pure+python+q+qore+r+jsx+typescript+renpy+reason+rest+rip+roboconf+textile+rust+sas+sass+stylus+scala+scheme+smalltalk+smarty+plsql+soy+pug+swift+yaml+tcl+haml+tt2+twig+tsx+vbnet+velocity+verilog+vhdl+vim+visual-basic+wasm+wiki+xeora+xojo+xquery+tap&amp;plugins=line-numbers+toolbar+copy-to-clipboard */

Line No.-867: /**

Line No.-868:  * prism.js Coy theme for JavaScript, CoffeeScript, CSS and HTML

Line No.-869:  * Based on https://github.com/tshedor/workshop-wp-theme (Example: http://workshop.kansan.com/category/sessions/basics or http://workshop.timshedor.com/category/sessions/basics);

Line No.-870:  * @author Tim  Shedor

Line No.-871:  */

Line No.-872: 

Line No.-873: code[class*=&quot;language-&quot;],

Line No.-874: pre[class*=&quot;language-&quot;] {

Line No.-875: 	color: black;

Line No.-876: 	background: none;

Line No.-877: 	font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;

Line No.-878: 	text-align: left;

Line No.-879: 	white-space: pre;

Line No.-880: 	word-spacing: normal;

Line No.-881: 	word-break: normal;

Line No.-882: 	word-wrap: normal;

Line No.-883: 	line-height: 1.5;

Line No.-884: 

Line No.-885: 	-moz-tab-size: 4;

Line No.-886: 	-o-tab-size: 4;

Line No.-887: 	tab-size: 4;

Line No.-888: 

Line No.-889: 	-webkit-hyphens: none;

Line No.-890: 	-moz-hyphens: none;

Line No.-891: 	-ms-hyphens: none;

Line No.-892: 	hyphens: none;

Line No.-893: }

Line No.-894: 

Line No.-895: /* Code blocks */

Line No.-896: pre[class*=&quot;language-&quot;] {

Line No.-897: 	position: relative;

Line No.-898: 	margin: .5em 0;

Line No.-899: 	overflow: visible;

Line No.-900: 	padding: 0;

Line No.-901: }

Line No.-902: pre[class*=&quot;language-&quot;]&gt;code {

Line No.-903: 	position: relative;

Line No.-904: 	border-left: 10px solid #358ccb;

Line No.-905: 	box-shadow: -1px 0px 0px 0px #358ccb, 0px 0px 0px 1px #dfdfdf;

Line No.-906: 	background-color: #fdfdfd;

Line No.-907: 	background-image: linear-gradient(transparent 50%, rgba(69, 142, 209, 0.04) 50%);

Line No.-908: 	background-size: 3em 3em;

Line No.-909: 	background-origin: content-box;

Line No.-910: 	background-attachment: local;

Line No.-911: }

Line No.-912: 

Line No.-913: code[class*=&quot;language&quot;] {

Line No.-914: 	max-height: inherit;

Line No.-915: 	height: inherit;

Line No.-916: 	padding: 0 1em;

Line No.-917: 	display: block;

Line No.-918: 	overflow: auto;

Line No.-919: }

Line No.-920: 

Line No.-921: /* Margin bottom to accommodate shadow */

Line No.-922: :not(pre) &gt; code[class*=&quot;language-&quot;],

Line No.-923: pre[class*=&quot;language-&quot;] {

Line No.-924: 	background-color: #fdfdfd;

Line No.-925: 	-webkit-box-sizing: border-box;

Line No.-926: 	-moz-box-sizing: border-box;

Line No.-927: 	box-sizing: border-box;

Line No.-928: 	margin-bottom: 1em;

Line No.-929: }

Line No.-930: 

Line No.-931: /* Inline code */

Line No.-932: :not(pre) &gt; code[class*=&quot;language-&quot;] {

Line No.-933: 	position: relative;

Line No.-934: 	padding: .2em;

Line No.-935: 	border-radius: 0.3em;

Line No.-936: 	color: #c92c2c;

Line No.-937: 	border: 1px solid rgba(0, 0, 0, 0.1);

Line No.-938: 	display: inline;

Line No.-939: 	white-space: normal;

Line No.-940: }

Line No.-941: 

Line No.-942: pre[class*=&quot;language-&quot;]:before,

Line No.-943: pre[class*=&quot;language-&quot;]:after {

Line No.-944: 	content: '';

Line No.-945: 	z-index: -2;

Line No.-946: 	display: block;

Line No.-947: 	position: absolute;

Line No.-948: 	bottom: 0.75em;

Line No.-949: 	left: 0.18em;

Line No.-950: 	width: 40%;

Line No.-951: 	height: 20%;

Line No.-952: 	max-height: 13em;

Line No.-953: 	box-shadow: 0px 13px 8px #979797;

Line No.-954: 	-webkit-transform: rotate(-2deg);

Line No.-955: 	-moz-transform: rotate(-2deg);

Line No.-956: 	-ms-transform: rotate(-2deg);

Line No.-957: 	-o-transform: rotate(-2deg);

Line No.-958: 	transform: rotate(-2deg);

Line No.-959: }

Line No.-960: 

Line No.-961: :not(pre) &gt; code[class*=&quot;language-&quot;]:after,

Line No.-962: pre[class*=&quot;language-&quot;]:after {

Line No.-963: 	right: 0.75em;

Line No.-964: 	left: auto;

Line No.-965: 	-webkit-transform: rotate(2deg);

Line No.-966: 	-moz-transform: rotate(2deg);

Line No.-967: 	-ms-transform: rotate(2deg);

Line No.-968: 	-o-transform: rotate(2deg);

Line No.-969: 	transform: rotate(2deg);

Line No.-970: }

Line No.-971: 

Line No.-972: .token.comment,

Line No.-973: .token.block-comment,

Line No.-974: .token.prolog,

Line No.-975: .token.doctype,

Line No.-976: .token.cdata {

Line No.-977: 	color: #7D8B99;

Line No.-978: }

Line No.-979: 

Line No.-980: .token.punctuation {

Line No.-981: 	color: #5F6364;

Line No.-982: }

Line No.-983: 

Line No.-984: .token.property,

Line No.-985: .token.tag,

Line No.-986: .token.boolean,

Line No.-987: .token.number,

Line No.-988: .token.function-name,

Line No.-989: .token.constant,

Line No.-990: .token.symbol,

Line No.-991: .token.deleted {

Line No.-992: 	color: #c92c2c;

Line No.-993: }

Line No.-994: 

Line No.-995: .token.selector,

Line No.-996: .token.attr-name,

Line No.-997: .token.string,

Line No.-998: .token.char,

Line No.-999: .token.function,

Line No.-1000: .token.builtin,

Line No.-1001: .token.inserted {

Line No.-1002: 	color: #2f9c0a;

Line No.-1003: }

Line No.-1004: 

Line No.-1005: .token.operator,

Line No.-1006: .token.entity,

Line No.-1007: .token.url,

Line No.-1008: .token.variable {

Line No.-1009: 	color: #a67f59;

Line No.-1010: 	background: rgba(255, 255, 255, 0.5);

Line No.-1011: }

Line No.-1012: 

Line No.-1013: .token.atrule,

Line No.-1014: .token.attr-value,

Line No.-1015: .token.keyword,

Line No.-1016: .token.class-name {

Line No.-1017: 	color: #1990b8;

Line No.-1018: }

Line No.-1019: 

Line No.-1020: .token.regex,

Line No.-1021: .token.important {

Line No.-1022: 	color: #e90;

Line No.-1023: }

Line No.-1024: 

Line No.-1025: .language-css .token.string,

Line No.-1026: .style .token.string {

Line No.-1027: 	color: #a67f59;

Line No.-1028: 	background: rgba(255, 255, 255, 0.5);

Line No.-1029: }

Line No.-1030: 

Line No.-1031: .token.important {

Line No.-1032: 	font-weight: normal;

Line No.-1033: }

Line No.-1034: 

Line No.-1035: .token.bold {

Line No.-1036: 	font-weight: bold;

Line No.-1037: }

Line No.-1038: .token.italic {

Line No.-1039: 	font-style: italic;

Line No.-1040: }

Line No.-1041: 

Line No.-1042: .token.entity {

Line No.-1043: 	cursor: help;

Line No.-1044: }

Line No.-1045: 

Line No.-1046: .namespace {

Line No.-1047: 	opacity: .7;

Line No.-1048: }

Line No.-1049: 

Line No.-1050: @media screen and (max-width: 767px) {

Line No.-1051: 	pre[class*=&quot;language-&quot;]:before,

Line No.-1052: 	pre[class*=&quot;language-&quot;]:after {

Line No.-1053: 		bottom: 14px;

Line No.-1054: 		box-shadow: none;

Line No.-1055: 	}

Line No.-1056: 

Line No.-1057: }

Line No.-1058: 

Line No.-1059: /* Plugin styles */

Line No.-1060: .token.tab:not(:empty):before,

Line No.-1061: .token.cr:before,

Line No.-1062: .token.lf:before {

Line No.-1063: 	color: #e0d7d1;

Line No.-1064: }

Line No.-1065: 

Line No.-1066: /* Plugin styles: Line Numbers */

Line No.-1067: pre[class*=&quot;language-&quot;].line-numbers.line-numbers {

Line No.-1068: 	padding-left: 0;

Line No.-1069: }

Line No.-1070: 

Line No.-1071: pre[class*=&quot;language-&quot;].line-numbers.line-numbers code {

Line No.-1072: 	padding-left: 3.8em;

Line No.-1073: }

Line No.-1074: 

Line No.-1075: pre[class*=&quot;language-&quot;].line-numbers.line-numbers .line-numbers-rows {

Line No.-1076: 	left: 0;

Line No.-1077: }

Line No.-1078: 

Line No.-1079: /* Plugin styles: Line Highlight */

Line No.-1080: pre[class*=&quot;language-&quot;][data-line] {

Line No.-1081: 	padding-top: 0;

Line No.-1082: 	padding-bottom: 0;

Line No.-1083: 	padding-left: 0;

Line No.-1084: }

Line No.-1085: pre[data-line] code {

Line No.-1086: 	position: relative;

Line No.-1087: 	padding-left: 4em;

Line No.-1088: }

Line No.-1089: pre .line-highlight {

Line No.-1090: 	margin-top: 0;

Line No.-1091: }

Line No.-1092: 

Line No.-1093: pre[class*=&quot;language-&quot;].line-numbers {

Line No.-1094: 	position: relative;

Line No.-1095: 	padding-left: 3.8em;

Line No.-1096: 	counter-reset: linenumber;

Line No.-1097: }

Line No.-1098: 

Line No.-1099: pre[class*=&quot;language-&quot;].line-numbers &gt; code {

Line No.-1100: 	position: relative;

Line No.-1101: 	white-space: inherit;

Line No.-1102: }

Line No.-1103: 

Line No.-1104: .line-numbers .line-numbers-rows {

Line No.-1105: 	position: absolute;

Line No.-1106: 	pointer-events: none;

Line No.-1107: 	top: 0;

Line No.-1108: 	font-size: 100%;

Line No.-1109: 	left: -3.8em;

Line No.-1110: 	width: 3em; /* works for line-numbers below 1000 lines */

Line No.-1111: 	letter-spacing: -1px;

Line No.-1112: 	border-right: 1px solid #999;

Line No.-1113: 

Line No.-1114: 	-webkit-user-select: none;

Line No.-1115: 	-moz-user-select: none;

Line No.-1116: 	-ms-user-select: none;

Line No.-1117: 	user-select: none;

Line No.-1118: 

Line No.-1119: }

Line No.-1120: 

Line No.-1121: 	.line-numbers-rows &gt; span {

Line No.-1122: 		pointer-events: none;

Line No.-1123: 		display: block;

Line No.-1124: 		counter-increment: linenumber;

Line No.-1125: 	}

Line No.-1126: 

Line No.-1127: 		.line-numbers-rows &gt; span:before {

Line No.-1128: 			content: counter(linenumber);

Line No.-1129: 			color: #999;

Line No.-1130: 			display: block;

Line No.-1131: 			padding-right: 0.8em;

Line No.-1132: 			text-align: right;

Line No.-1133: 		}

Line No.-1134: 

Line No.-1135: div.code-toolbar {

Line No.-1136: 	position: relative;

Line No.-1137: }

Line No.-1138: 

Line No.-1139: div.code-toolbar &gt; .toolbar {

Line No.-1140: 	position: absolute;

Line No.-1141: 	top: .3em;

Line No.-1142: 	right: .2em;

Line No.-1143: 	transition: opacity 0.3s ease-in-out;

Line No.-1144: 	opacity: 0;

Line No.-1145: }

Line No.-1146: 

Line No.-1147: div.code-toolbar:hover &gt; .toolbar {

Line No.-1148: 	opacity: 1;

Line No.-1149: }

Line No.-1150: 

Line No.-1151: div.code-toolbar &gt; .toolbar .toolbar-item {

Line No.-1152: 	display: inline-block;

Line No.-1153: }

Line No.-1154: 

Line No.-1155: div.code-toolbar &gt; .toolbar a {

Line No.-1156: 	cursor: pointer;

Line No.-1157: }

Line No.-1158: 

Line No.-1159: div.code-toolbar &gt; .toolbar button {

Line No.-1160: 	background: none;

Line No.-1161: 	border: 0;

Line No.-1162: 	color: inherit;

Line No.-1163: 	font: inherit;

Line No.-1164: 	line-height: normal;

Line No.-1165: 	overflow: visible;

Line No.-1166: 	padding: 0;

Line No.-1167: 	-webkit-user-select: none; /* for button */

Line No.-1168: 	-moz-user-select: none;

Line No.-1169: 	-ms-user-select: none;

Line No.-1170: }

Line No.-1171: 

Line No.-1172: div.code-toolbar &gt; .toolbar a,

Line No.-1173: div.code-toolbar &gt; .toolbar button,

Line No.-1174: div.code-toolbar &gt; .toolbar span {

Line No.-1175: 	color: #bbb;

Line No.-1176: 	font-size: .8em;

Line No.-1177: 	padding: 0 .5em;

Line No.-1178: 	background: #f5f2f0;

Line No.-1179: 	background: rgba(224, 224, 224, 0.2);

Line No.-1180: 	box-shadow: 0 2px 0 0 rgba(0,0,0,0.2);

Line No.-1181: 	border-radius: .5em;

Line No.-1182: }

Line No.-1183: 

Line No.-1184: div.code-toolbar &gt; .toolbar a:hover,

Line No.-1185: div.code-toolbar &gt; .toolbar a:focus,

Line No.-1186: div.code-toolbar &gt; .toolbar button:hover,

Line No.-1187: div.code-toolbar &gt; .toolbar button:focus,

Line No.-1188: div.code-toolbar &gt; .toolbar span:hover,

Line No.-1189: div.code-toolbar &gt; .toolbar span:focus {

Line No.-1190: 	color: inherit;

Line No.-1191: 	text-decoration: none;

Line No.-1192: }

Line No.-1193: &lt;/style&gt;

Line No.-1194: &lt;script src=&quot;/assets/prism.js&quot;&gt;&lt;/script&gt;

Line No.-1195: &lt;script&gt;

Line No.-1196: var goTop = document.createElement(&quot;a&quot;);

Line No.-1197: 

Line No.-1198: goTop.innerHTML = '&lt;i class=&quot;material-icons&quot;&gt;&amp;#xE5D8;&lt;/i&gt;';

Line No.-1199: 

Line No.-1200: goTop.style = &quot;bottom:0;right:27%;position:absolute;z-index: 9999&quot;;

Line No.-1201: 

Line No.-1202: goTop.setAttribute(&quot;href&quot;, &quot;#log_img&quot;);

Line No.-1203: 

Line No.-1204: document.body.appendChild(goTop);

Line No.-1205: 

Line No.-1206: &lt;/script&gt;

Line No.-1207: 

Line No.-1208: 

Line No.-1209: &lt;script src=&quot;//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/1.0.9/cookieconsent.min.js&quot;&gt;&lt;/script&gt;

Line No.-1210: &lt;script&gt;

Line No.-1211: 

Line No.-1212: window.cookieconsent_options = {

Line No.-1213: 

Line No.-1214: message: 'This site uses cookies to deliver our services and to show you relevant ads. By using our site, you acknowledge that you have read and understood our Privacy Policy. Your use of w3resource Services, is subject to these policies',

Line No.-1215: 

Line No.-1216: theme:'dark-bottom',

Line No.-1217: 

Line No.-1218: learnMore: 'More info',

Line No.-1219: 

Line No.-1220: link: 'https://www.w3resource.com/privacy.php'

Line No.-1221: 

Line No.-1222: };

Line No.-1223: 

Line No.-1224: &lt;/script&gt;

Line No.-1225: &lt;style type=&quot;text/css&quot;&gt;

Line No.-1226: 

Line No.-1227: .previousNext_bottom a:first-child  {

Line No.-1228: 

Line No.-1229: float: left;

Line No.-1230: 

Line No.-1231: margin-left:8px;

Line No.-1232: 

Line No.-1233: }

Line No.-1234: 

Line No.-1235: .previousNext_bottom a:last-child  {

Line No.-1236: 

Line No.-1237: float: right;

Line No.-1238: 

Line No.-1239: margin-right:8px;

Line No.-1240: 

Line No.-1241: }

Line No.-1242: 

Line No.-1243: &lt;/style&gt;

Line No.-1244: &lt;script&gt;

Line No.-1245: 

Line No.-1246: window.onload = function() {

Line No.-1247: 

Line No.-1248: //var old_links = document.getElementById(&quot;np&quot;).style.display = &quot;none&quot;;

Line No.-1249: 

Line No.-1250: var links = document.querySelector(&quot;ul.nav.nav-list&quot;).childNodes;

Line No.-1251: 

Line No.-1252: var parentDiv = document.querySelector(&quot;.np&quot;);

Line No.-1253: 

Line No.-1254: var parentDiv_bottom = document.querySelector(&quot;.np_bottom&quot;);

Line No.-1255: 

Line No.-1256: var node = document.createElement(&quot;span&quot;); 

Line No.-1257: 

Line No.-1258: var node_bottom = document.createElement(&quot;span&quot;);

Line No.-1259: 

Line No.-1260: node.setAttribute(&quot;class&quot;,&quot;previousNext&quot;);

Line No.-1261: 

Line No.-1262: node_bottom.setAttribute(&quot;class&quot;,&quot;previousNext_bottom&quot;);

Line No.-1263: 

Line No.-1264: parentDiv.appendChild(node);

Line No.-1265: 

Line No.-1266: parentDiv_bottom.appendChild(node_bottom);

Line No.-1267: 

Line No.-1268: for (var i=0; i &lt; links.length; i++) {

Line No.-1269: 

Line No.-1270: if(links[i].getAttribute(&quot;class&quot;)!==&quot;nav-header&quot; &amp;&amp; links[i].children[0].getAttribute('href')===window.location.pathname){

Line No.-1271: 

Line No.-1272: if(links[i-1].getAttribute(&quot;class&quot;)!==&quot;nav-header&quot;){

Line No.-1273: 

Line No.-1274: var newLink = document.createElement(&quot;a&quot;);

Line No.-1275: 

Line No.-1276: newLink.setAttribute(&quot;href&quot;,links[i-1].children[0].getAttribute(&quot;href&quot;));

Line No.-1277: 

Line No.-1278: var icon = document.createElement(&quot;i&quot;);

Line No.-1279: 

Line No.-1280: icon.setAttribute(&quot;class&quot;,&quot;material-icons&quot;);

Line No.-1281: 

Line No.-1282: icon.style.marginLeft = '40px';

Line No.-1283: 

Line No.-1284: icon.style.color = '#fff';

Line No.-1285: 

Line No.-1286: icon.style.verticalAlign = 'middle';

Line No.-1287: 

Line No.-1288: var previousTxt = document.createTextNode('skip_previous');

Line No.-1289: 

Line No.-1290: icon.appendChild(previousTxt);

Line No.-1291: 

Line No.-1292: newLink.appendChild(icon);

Line No.-1293: 

Line No.-1294: node.appendChild(newLink);

Line No.-1295: 

Line No.-1296: //for bottom

Line No.-1297: 

Line No.-1298: var newLink_bottom = document.createElement(&quot;a&quot;);

Line No.-1299: 

Line No.-1300: newLink_bottom.setAttribute(&quot;href&quot;,links[i-1].children[0].getAttribute(&quot;href&quot;));

Line No.-1301: 

Line No.-1302: var previousTxt_bottom = document.createTextNode('Previous');

Line No.-1303: 

Line No.-1304: newLink_bottom.appendChild(previousTxt_bottom);

Line No.-1305: 

Line No.-1306: node_bottom.appendChild(newLink_bottom);

Line No.-1307: 

Line No.-1308: }

Line No.-1309: 

Line No.-1310: else if (links[i-1].getAttribute(&quot;class&quot;)===&quot;nav-header&quot;){

Line No.-1311: 

Line No.-1312: var newLink = document.createElement(&quot;a&quot;);

Line No.-1313: 

Line No.-1314: newLink.setAttribute(&quot;href&quot;,links[i-2].children[0].getAttribute(&quot;href&quot;));

Line No.-1315: 

Line No.-1316: var icon = document.createElement(&quot;i&quot;);

Line No.-1317: 

Line No.-1318: icon.setAttribute(&quot;class&quot;,&quot;material-icons&quot;);

Line No.-1319: 

Line No.-1320: icon.style.marginLeft = '40px';

Line No.-1321: 

Line No.-1322: icon.style.color = '#fff';

Line No.-1323: 

Line No.-1324: icon.style.verticalAlign = 'middle';

Line No.-1325: 

Line No.-1326: var previousTxt = document.createTextNode('skip_previous');

Line No.-1327: 

Line No.-1328: icon.appendChild(previousTxt);

Line No.-1329: 

Line No.-1330: newLink.appendChild(icon);

Line No.-1331: 

Line No.-1332: node.appendChild(newLink);

Line No.-1333: 

Line No.-1334: //for bottom

Line No.-1335: 

Line No.-1336: var newLink_bottom = document.createElement(&quot;a&quot;);

Line No.-1337: 

Line No.-1338: newLink_bottom.setAttribute(&quot;href&quot;,links[i-2].children[0].getAttribute(&quot;href&quot;));

Line No.-1339: 

Line No.-1340: var previousTxt_bottom = document.createTextNode('Previous');

Line No.-1341: 

Line No.-1342: newLink_bottom.appendChild(previousTxt_bottom);

Line No.-1343: 

Line No.-1344: node_bottom.appendChild(newLink_bottom);

Line No.-1345: 

Line No.-1346: }

Line No.-1347: 

Line No.-1348: if(links[i+1].getAttribute(&quot;class&quot;)!==&quot;nav-header&quot;) {

Line No.-1349: 

Line No.-1350: var newLink = document.createElement(&quot;a&quot;);

Line No.-1351: 

Line No.-1352: newLink.setAttribute(&quot;href&quot;,links[i+1].children[0].getAttribute(&quot;href&quot;));

Line No.-1353: 

Line No.-1354: var icon = document.createElement(&quot;i&quot;);

Line No.-1355: 

Line No.-1356: icon.setAttribute(&quot;class&quot;,&quot;material-icons&quot;);

Line No.-1357: 

Line No.-1358: icon.style.marginLeft = '30px';

Line No.-1359: 

Line No.-1360: icon.style.color = '#fff';

Line No.-1361: 

Line No.-1362: icon.style.verticalAlign = 'middle';

Line No.-1363: 

Line No.-1364: var nextTxt = document.createTextNode('skip_next');

Line No.-1365: 

Line No.-1366: icon.appendChild(nextTxt);

Line No.-1367: 

Line No.-1368: newLink.appendChild(icon);

Line No.-1369: 

Line No.-1370: node.appendChild(newLink);

Line No.-1371: 

Line No.-1372: //for bottom

Line No.-1373: 

Line No.-1374: var newLink_bottom = document.createElement(&quot;a&quot;);

Line No.-1375: 

Line No.-1376: newLink_bottom.setAttribute(&quot;href&quot;,links[i+1].children[0].getAttribute(&quot;href&quot;));

Line No.-1377: 

Line No.-1378: var NextTxt_bottom = document.createTextNode('Next');

Line No.-1379: 

Line No.-1380: newLink_bottom.appendChild(NextTxt_bottom);

Line No.-1381: 

Line No.-1382: node_bottom.appendChild(newLink_bottom);

Line No.-1383: 

Line No.-1384: }

Line No.-1385: 

Line No.-1386: else if (links[i+1].getAttribute(&quot;class&quot;)===&quot;nav-header&quot;) {

Line No.-1387: 

Line No.-1388: var newLink = document.createElement(&quot;a&quot;);

Line No.-1389: 

Line No.-1390: newLink.setAttribute(&quot;href&quot;,links[i+2].children[0].getAttribute(&quot;href&quot;));

Line No.-1391: 

Line No.-1392: var icon = document.createElement(&quot;i&quot;);

Line No.-1393: 

Line No.-1394: icon.setAttribute(&quot;class&quot;,&quot;material-icons&quot;);

Line No.-1395: 

Line No.-1396: icon.style.marginLeft = '30px';

Line No.-1397: 

Line No.-1398: icon.style.color = '#fff';

Line No.-1399: 

Line No.-1400: icon.style.verticalAlign = 'middle';

Line No.-1401: 

Line No.-1402: var nextTxt = document.createTextNode('skip_next');

Line No.-1403: 

Line No.-1404: icon.appendChild(nextTxt);

Line No.-1405: 

Line No.-1406: newLink.appendChild(icon);

Line No.-1407: 

Line No.-1408: node.appendChild(newLink);

Line No.-1409: 

Line No.-1410: //for bottom

Line No.-1411: 

Line No.-1412: var newLink_bottom = document.createElement(&quot;a&quot;);

Line No.-1413: 

Line No.-1414: newLink_bottom.setAttribute(&quot;href&quot;,links[i+2].children[0].getAttribute(&quot;href&quot;));

Line No.-1415: 

Line No.-1416: var NextTxt_bottom = document.createTextNode('Next');

Line No.-1417: 

Line No.-1418: newLink_bottom.appendChild(NextTxt_bottom);

Line No.-1419: 

Line No.-1420: node_bottom.appendChild(newLink_bottom);

Line No.-1421: 

Line No.-1422: }

Line No.-1423: 

Line No.-1424: }

Line No.-1425: 

Line No.-1426: }

Line No.-1427: 

Line No.-1428: var prenext = document.querySelector(&quot;span.previousNext&quot;);

Line No.-1429: 

Line No.-1430: var cln = prenext.cloneNode(true);

Line No.-1431: 

Line No.-1432: }	

Line No.-1433: 

Line No.-1434: &lt;/script&gt;

Line No.-1435: 

Line No.-1436: 

Line No.-1437: 

Line No.-1438: &lt;script src=&quot;//m.servedby-buysellads.com/monetization.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;

Line No.-1439: &lt;script&gt;

Line No.-1440: 

Line No.-1441: (function(){

Line No.-1442: 

Line No.-1443: 	if(typeof _bsa !== 'undefined' &amp;&amp; _bsa) {

Line No.-1444: 

Line No.-1445:   		// format, zoneKey, segment:value, options

Line No.-1446: 

Line No.-1447:   		_bsa.init('flexbar', 'CK7DCK7L', 'placement:w3resourcecom');

Line No.-1448: 

Line No.-1449:   	}

Line No.-1450: 

Line No.-1451: })();

Line No.-1452: 

Line No.-1453: &lt;/script&gt;

Line No.-1454: &lt;/body&gt;

Line No.-1455: &lt;/html&gt;