Line No.-0: <!DOCTYPE html>
Line No.-1: <!-- rm verify w3resource.com -->
Line No.-2: <html lang="en">
Line No.-3: <head>
Line No.-4: <!--D3017F73-E764-4837-8398-A5D98169E818-->
Line No.-5: <meta charset="utf-8">
Line No.-6: <link type="text/css" rel="stylesheet" href="/assets/mdl/material.min.css">
Line No.-7: <link type="text/css" rel="stylesheet" href="/assets/mdl/additional.css">
Line No.-8: <meta name="viewport" content="width=device-width, initial-scale=1.0 ">
Line No.-9: <link rel="shortcut icon" href="//www.w3resource.com/images/favicon.png">
Line No.-10: <title>Web development tutorials | w3resource</title>
Line No.-11: <meta name="viewport" content="width=device-width, initial-scale=1.0 ">
Line No.-12: <meta name="description" content="Web development tutorials on HTML, CSS, JS, PHP, SQL, MySQL, PostgreSQL, MongoDB, JSON and more.">
Line No.-13: <meta property="og:title" content="web development tutorials from w3resource"/>
Line No.-14: <meta property="og:description" content="Web development tutorials on HTML, CSS, JS, PHP, SQL, MySQL, PostgreSQL, MongoDB, JSON and more."/>
Line No.-15: <meta property="og:type" content="tutorial"/>
Line No.-16: <meta property="og:url" content="https://www.w3resource.com/"/>
Line No.-17: <meta property="og:image" content="https://www.w3resource.com/images/w3resource-logo.png"/>
Line No.-18: <meta property="og:site_name" content="w3resource"/>
Line No.-19: <meta name="msvalidate.01" content="1F8E3A7A751C0BD17BCB6CE7509D800B" />
Line No.-20: <!-- Search Box at Google search 18/03/2016 https://developers.google.com/structured-data/slsb-overview#markup_examples-->
Line No.-21: <!--<script type="application/ld+json">
Line No.-22: {
Line No.-23: "@context": "https://schema.org",
Line No.-24: "@type": "WebSite",
Line No.-25: "url": "https://www.w3resource.com/",
Line No.-26: "potentialAction": {
Line No.-27: "@type": "SearchAction",
Line No.-28: "target": "https://query.w3resource.com/search?q=w3resource",
Line No.-29: "query-input": "required name=w3resource"
Line No.-30: }
Line No.-31: }
Line No.-32: </script> -->
Line No.-33: <script src="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/1.0.9/cookieconsent.min.js"></script>
Line No.-34: <script src="https://kit.fontawesome.com/d75c4d42f8.js" crossorigin="anonymous"></script>
Line No.-35: <script>
Line No.-36:
Line No.-37: window.cookieconsent_options = {
Line No.-38:
Line No.-39: 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.-40:
Line No.-41: theme:'dark-bottom',
Line No.-42:
Line No.-43: learnMore: 'More info',
Line No.-44:
Line No.-45: link: 'https://www.w3resource.com/privacy.php'
Line No.-46:
Line No.-47: };
Line No.-48:
Line No.-49: </script>
Line No.-50: <style type="text/css">
Line No.-51: .demo-card-square.mdl-card {
Line No.-52: width: 320px;
Line No.-53: height: 320px;
Line No.-54: }
Line No.-55: .demo-card-square > .mdl-card__title {
Line No.-56: color: #fff;
Line No.-57: /* background:
Line No.-58: url('../assets/demos/dog.png') bottom right 15% no-repeat #46B6AC;*/
Line No.-59: }
Line No.-60: .mdl-card__supporting-text a {
Line No.-61: display: inline-block;
Line No.-62: padding: 5px;
Line No.-63: }
Line No.-64: .mdl-card__supporting-text a:link {
Line No.-65: color: #000003
Line No.-66: }
Line No.-67: .mdl-card__supporting-text a:hover {
Line No.-68: color: #f86d1d
Line No.-69: }
Line No.-70: .mdl-card__supporting-text a:visited {
Line No.-71: color: #5407bf
Line No.-72: }
Line No.-73: .mdl-card__supporting-text a:active {
Line No.-74: color: #000001
Line No.-75: }
Line No.-76: .mdl-card__actions.mdl-card--border {
Line No.-77: background-color: #f98a47
Line No.-78: }
Line No.-79: .demo-card-square.mdl-card {
Line No.-80: height: 250px
Line No.-81: }
Line No.-82: .mdl-card__actions.mdl-card--border a{
Line No.-83: color: #000
Line No.-84: }
Line No.-85: html,body {
Line No.-86: background-color: #e8e8ee
Line No.-87: }
Line No.-88: </style>
Line No.-89:
Line No.-90: <body>
Line No.-91: <style type="text/css">
Line No.-92: article a {
Line No.-93: text-decoration: none
Line No.-94: }
Line No.-95: .mdl-menu {
Line No.-96: min-width: 1024px;
Line No.-97: }
Line No.-98: .mdl-menu__item {
Line No.-99: height: 24px;
Line No.-100: line-height: 24px
Line No.-101: }
Line No.-102: .header_notice a{
Line No.-103: color: #fff
Line No.-104: }
Line No.-105: .w3r_donate_link {
Line No.-106: font-weight: 800
Line No.-107: }
Line No.-108: .w3r_donate_link i{
Line No.-109: margin-right: 5px;
Line No.-110: margin-top: 5px;
Line No.-111: }
Line No.-112: .w3r_donate_link a i{
Line No.-113: color: #fff
Line No.-114: }
Line No.-115: .w3r_donate_link a:hover{
Line No.-116: color: #ff0a01
Line No.-117: }
Line No.-118: .w3r_donate_link a:visited{
Line No.-119: color: #fff
Line No.-120: }
Line No.-121:
Line No.-122: .w3r_donate_link a:hover{
Line No.-123: color: #ff0a01
Line No.-124: }
Line No.-125: .w3r_donate_link a:visited{
Line No.-126: color: #fff
Line No.-127: }
Line No.-128: .w3r_donate_link a:link{
Line No.-129: color: #fff
Line No.-130: }
Line No.-131: .w3r_donate_link a:hover{
Line No.-132: color: #ff0a01
Line No.-133: }
Line No.-134: .w3r_donate_link a:visited{
Line No.-135: color: #fff
Line No.-136: }
Line No.-137: </style>
Line No.-138: <script async src="https://www.googletagmanager.com/gtag/js?id=G-HCW88J419P"></script>
Line No.-139: <script>
Line No.-140: window.dataLayer = window.dataLayer || [];
Line No.-141: function gtag(){dataLayer.push(arguments);}
Line No.-142: gtag('js', new Date());
Line No.-143:
Line No.-144: gtag('config', 'G-HCW88J419P');
Line No.-145: </script>
Line No.-146: <div class="mdl-layout mdl-layout--fixed-header">
Line No.-147: <header class="mdl-layout__header">
Line No.-148: <div class="mdl-layout__header-row">
Line No.-149: <a href="https://www.w3resource.com" style="text-decoration: none;"><span class="mdl-layout-title" style="margin-left: -50px;margin-top: -5px;color:#fff">w3resource</span></a>
Line No.-150: <!-- Left aligned menu below button -->
Line No.-151: <!--<button id="main-menu-lower-right"
Line No.-152: class="mdl-button mdl-js-button mdl-button--icon">
Line No.-153: <i class="material-icons">menu</i>
Line No.-154: </button>
Line No.-155: <nav class="mdl-navigation mdl-layout--large-screen-only">
Line No.-156: <div class="mdl-grid mdl-menu mdl-cell-mdl-menu--bottom-right mdl-js-menu mdl-js-ripple-effect" style="width: 100%; overflow-x:hidden;height:360px;overflow-y: scroll" for="main-menu-lower-right">
Line No.-157: <div class="mdl-cell mdl-cell--3-col">
Line No.-158: <ul>
Line No.-159: <li class="mdl-menu__item mdl-cell--12-col" style="color:#f86d1d;height:24px; line-height: 24px">Front End</li>
Line No.-160: <li class="mdl-menu__item mdl-cell--12-col"><a href="https://www.w3resource.com/html/HTML-tutorials.php">HTML</a></li>
Line No.-161: <li class="mdl-menu__item mdl-cell--12-col"><a href="https://www.w3resource.com/css/CSS-tutorials.php">CSS</a></li>
Line No.-162: <li class="mdl-menu__item mdl-cell--12-col"><a href="https://www.w3resource.com/javascript/javascript.php">JavaScript</a></li>
Line No.-163: <li class="mdl-menu__item mdl-cell--12-col"><a href="https://www.w3resource.com/html5/introduction.php">HTML5</a></li>
Line No.-164: <li class="mdl-menu__item mdl-cell--12-col"><a href="https://www.w3resource.com/schema.org/introduction.php">Schema.org</a></li>
Line No.-165: <li class="mdl-menu__item mdl-cell--12-col"><a href="https://www.w3resource.com/phpjs/use-php-functions-in-javascript.php">php.js</a></li>
Line No.-166: <li class="mdl-menu__item mdl-cell--12-col"><a href="https://www.w3resource.com/twitter-bootstrap/tutorial.php">Twitter Bootstrap</a></li>
Line No.-167: <li class="mdl-menu__item mdl-cell--12-col"><a href="https://www.w3resource.com/responsive-web-design/overview.php">Responsive Web Design tutorial</a></li>
Line No.-168: <li class="mdl-menu__item mdl-cell--12-col"><a href="https://www.w3resource.com/zurb-foundation3/introduction.php">Zurb Foundation 3 tutorials</a></li>
Line No.-169: <li class="mdl-menu__item mdl-cell--12-col"><a href="https://www.w3resource.com/pure/">Pure CSS</a></li>
Line No.-170: <li class="mdl-menu__item mdl-cell--12-col"><a href="https://www.w3resource.com/html5-canvas/">HTML5 Canvas</a></li>
Line No.-171: <li class="mdl-menu__item mdl-cell--12-col"><a href="https://www.w3resource.com/course/javascript-course.html" target="_blank">JavaScript Course</a></li>
Line No.-172: <li class="mdl-menu__item mdl-cell--12-col"><a href="https://www.w3resource.com/icon/">Icon</a></li>
Line No.-173: <li class="mdl-menu__item mdl-cell--12-col" style="color:#f86d1d;height:24px; line-height: 24px">Linux</li>
Line No.-174: <li class="mdl-menu__item mdl-cell--12-col"><a href="https://www.w3resource.com/linux-system-administration/installation.php">Linux Home</a></li>
Line No.-175: <li class="mdl-menu__item mdl-cell--12-col"><a href="https://www.w3resource.com/linux-system-administration/linux-commands-introduction.php">Linux Commands</a></li>
Line No.-176: <li class="mdl-menu__item mdl-cell--12-col"><a href="https://www.w3resource.com/linux-system-administration/installation.php">Linux Server Administration</a></li>
Line No.-177: </ul>
Line No.-178: </div>
Line No.-179: <div class="mdl-cell mdl-cell--3-col">
Line No.-180: <ul>
Line No.-181: <li class="mdl-menu__item mdl-cell--12-col" style="color:#f86d1d;height:24px; line-height: 24px">Back End</li>
Line No.-182: <li class="mdl-menu__item mdl-cell--12-col"><a href="https://www.w3resource.com/php/php-home.php">PHP</a></li>
Line No.-183: <li class="mdl-menu__item mdl-cell--12-col"><a href="https://www.w3resource.com/python/python-tutorial.php">Python</a></li>
Line No.-184: <li class="mdl-menu__item mdl-cell--12-col"><a href="https://www.w3resource.com/java-tutorial/">Java</a></li>
Line No.-185: <li class="mdl-menu__item mdl-cell--12-col"><a href="https://www.w3resource.com/node.js/node.js-tutorials.php">Node.js</a></li>
Line No.-186: <li class="mdl-menu__item mdl-cell--12-col"><a href="https://www.w3resource.com/ruby/">Ruby</a></li>
Line No.-187: <li class="mdl-menu__item mdl-cell--12-col"><a href="https://www.w3resource.com/c-programming/programming-in-c.php">C programming</a></li>
Line No.-188: <li class="mdl-menu__item mdl-cell--12-col" style="color:#f86d1d;height:24px; line-height: 24px">SQL & RDBMS</li>
Line No.-189: <li class="mdl-menu__item mdl-cell--12-col"><a href="https://www.w3resource.com/sql/tutorials.php">SQL(2003 standard of ANSI)</a></li>
Line No.-190: <li class="mdl-menu__item mdl-cell--12-col"><a href="https://www.w3resource.com/mysql/mysql-tutorials.php">MySQL</a></li>
Line No.-191: <li class="mdl-menu__item mdl-cell--12-col"><a href="https://w3resource.com/PostgreSQL/tutorial.php">PostgreSQL</a></li>
Line No.-192: <li class="mdl-menu__item mdl-cell--12-col"><a href="https://www.w3resource.com/sqlite/">SQLite</a></li>
Line No.-193: <li class="mdl-menu__item mdl-cell--12-col" style="color:#f86d1d;height:24px; line-height: 24px">NoSQL & MongoDB</li>
Line No.-194: <li class="mdl-menu__item mdl-cell--12-col"><a href="https://www.w3resource.com/mongodb/nosql.php">NoSQL</a></li>
Line No.-195: <li class="mdl-menu__item mdl-cell--12-col"><a href="https://www.w3resource.com/mongodb/nosql.php">MongoDB</a></li>
Line No.-196: <li class="mdl-menu__item mdl-cell--12-col" style="color:#f86d1d;height:24px; line-height: 24px">API</li>
Line No.-197: <li class="mdl-menu__item mdl-cell--12-col"><a href="https://www.w3resource.com/API/google-plus/tutorial.php">Google Plus API</a></li>
Line No.-198: <li class="mdl-menu__item mdl-cell--12-col"><a href="https://www.w3resource.com/API/youtube/tutorial.php">Youtube API</a></li>
Line No.-199: <li class="mdl-menu__item mdl-cell--12-col"><a href="https://www.w3resource.com/API/google-maps/index.php">Google Maps API</a></li>
Line No.-200: <li class="mdl-menu__item mdl-cell--12-col"><a href="https://www.w3resource.com/API/flickr/tutorial.php">Flickr API</a></li>
Line No.-201: <li class="mdl-menu__item mdl-cell--12-col"><a href="https://www.w3resource.com/API/last.fm/tutorial.php">Last.fm API</a></li>
Line No.-202: <li class="mdl-menu__item mdl-cell--12-col"><a href="https://www.w3resource.com/API/twitter-rest-api/">Twitter REST API</a></li>
Line No.-203: </ul>
Line No.-204: </div>
Line No.-205: <div class="mdl-cell mdl-cell--3-col">
Line No.-206: <ul>
Line No.-207: <li class="mdl-menu__item mdl-cell--12-col" style="color:#f86d1d;height:24px; line-height: 24px">Data Interchnage</li>
Line No.-208: <li class="mdl-menu__item mdl-cell--12-col"><a href="https://www.w3resource.com/xml/xml.php">XML</a></li>
Line No.-209: <li class="mdl-menu__item mdl-cell--12-col"><a href="https://www.w3resource.com/JSON/introduction.php">JSON</a></li>
Line No.-210: <li class="mdl-menu__item mdl-cell--12-col"><a href="https://www.w3resource.com/ajax/introduction.php">Ajax</a></li>
Line No.-211: <li class="mdl-menu__item mdl-cell--12-col" style="color:#f86d1d;height:24px; line-height: 24px">Exercises</li>
Line No.-212: <li class="mdl-menu__item mdl-cell--12-col"><a href="https://www.w3resource.com/html-css-exercise/index.php">HTML CSS Exercises</a></li>
Line No.-213: <li class="mdl-menu__item mdl-cell--12-col"><a href="https://www.w3resource.com/javascript-exercises/">JavaScript Exercises</a></li>
Line No.-214: <li class="mdl-menu__item mdl-cell--12-col"><a href="https://www.w3resource.com/jquery-exercises/">jQuery Exercises</a></li>
Line No.-215: <li class="mdl-menu__item mdl-cell--12-col"><a href="https://www.w3resource.com/jquery-ui-exercises/">jQuery-UI Exercises</a></li>
Line No.-216: <li class="mdl-menu__item mdl-cell--12-col"><a href="https://www.w3resource.com/coffeescript-exercises/">CoffeeScript Exercises</a></li>
Line No.-217: <li class="mdl-menu__item mdl-cell--12-col"><a href="https://www.w3resource.com/php-exercises/">PHP Exercises</a></li>
Line No.-218: <li class="mdl-menu__item mdl-cell--12-col"><a href="https://www.w3resource.com/python-exercises/">Python Exercises</a></li>
Line No.-219: <li class="mdl-menu__item mdl-cell--12-col"><a href="https://www.w3resource.com/c-programming-exercises/">C Programming Exercises</a></li>
Line No.-220: <li class="mdl-menu__item mdl-cell--12-col"><a href="https://www.w3resource.com/csharp-exercises/">C# Sharp Exercises</a></li>
Line No.-221: <li class="mdl-menu__item mdl-cell--12-col"><a href="https://www.w3resource.com/java-exercises/">Java Exercises</a></li>
Line No.-222: <li class="mdl-menu__item mdl-cell--12-col"><a href="https://www.w3resource.com/sql-exercises/">SQL Exercises</a></li>
Line No.-223: <li class="mdl-menu__item mdl-cell--12-col"><a href="https://www.w3resource.com/oracle-exercises/">Oracle Exercises</a></li>
Line No.-224: <li class="mdl-menu__item mdl-cell--12-col"><a href="https://www.w3resource.com/mysql-exercises/">MySQL Exercises</a></li>
Line No.-225: <li class="mdl-menu__item mdl-cell--12-col"><a href="https://www.w3resource.com/sqlite-exercises/">SQLite Exercises</a></li>
Line No.-226: <li class="mdl-menu__item mdl-cell--12-col"><a href="https://www.w3resource.com/postgresql-exercises/">PostgreSQL Exercises</a></li>
Line No.-227: <li class="mdl-menu__item mdl-cell--12-col"><a href="https://www.w3resource.com/mongodb-exercises/">MongoDB Exercises</a></li>
Line No.-228: <li class="mdl-menu__item mdl-cell--12-col"><a href="https://www.w3resource.com/twitter-bootstrap/examples.php">Twitter Bootstrap Examples</a></li>
Line No.-229: <li class="mdl-menu__item mdl-cell--12-col"><a href="https://www.w3resource.com/euler-project/">Euler Project</a></li>
Line No.-230: </ul>
Line No.-231: </div>
Line No.-232: <div class="mdl-cell mdl-cell--3-col">
Line No.-233: <ul>
Line No.-234: <li class="mdl-menu__item mdl-cell--12-col" style="color:#f86d1d;height:24px; line-height: 24px">Quiz</li>
Line No.-235: <li class="mdl-menu__item mdl-cell--12-col"><a href="https://w3resource.com/w3skills/html5-quiz/">HTML5 Quiz</a></li>
Line No.-236: <li class="mdl-menu__item mdl-cell--12-col"><a href="https://w3resource.com/w3skills/php-fundamentals/">PHP Quiz</a></li>
Line No.-237: <li class="mdl-menu__item mdl-cell--12-col"><a href="https://w3resource.com/w3skills/sql-beginner/">SQL Quiz</a></li>
Line No.-238: <li class="mdl-menu__item mdl-cell--12-col"><a href="https://w3resource.com/w3skills/python-beginner-quiz/">Python Quiz</a></li>
Line No.-239: <li class="mdl-menu__item mdl-cell--12-col"><a href="https://w3resource.com/w3skills/mysql-basic-quiz/">MySQL Quiz</a></li>
Line No.-240: <li class="mdl-menu__item mdl-cell--12-col"><a href="https://w3resource.com/w3skills/javascript-basic-skill-test/">JavaScript I Quiz</a></li>
Line No.-241: <li class="mdl-menu__item mdl-cell--12-col"><a href="https://w3resource.com/w3skills/javascript-advanced-quiz/">JavaScript II Quiz</a></li>
Line No.-242: <li class="mdl-menu__item mdl-cell--12-col"><a href="https://w3resource.com/w3skills/javascript-quiz-part-iii/">JavaScript III Quiz</a></li>
Line No.-243: <li class="mdl-menu__item mdl-cell--12-col"><a href="https://w3resource.com/w3skills/mongodb-basic-quiz/">MongoDB Quiz</a></li>
Line No.-244: <li class="mdl-menu__item mdl-cell--12-col" style="color:#f86d1d;height:24px; line-height: 24px">Form Template</li>
Line No.-245: <li class="mdl-menu__item mdl-cell--12-col"><a href="https://www.w3resource.com/form-template/">Forms Template</a></li>
Line No.-246: <li class="mdl-menu__item mdl-cell--12-col" style="color:#f86d1d;height:24px; line-height: 24px">Slides</li>
Line No.-247: <li class="mdl-menu__item mdl-cell--12-col"><a href="https://www.w3resource.com/slides/">Slides Presentation</a></li>
Line No.-248: <li class="mdl-menu__item mdl-cell--12-col" style="color:#f86d1d;height:24px; line-height: 24px">Google Docs</li>
Line No.-249: <li class="mdl-menu__item mdl-cell--12-col"><a href="https://www.w3resource.com/form-template/">Forms Template</a></li>
Line No.-250: <li class="mdl-menu__item mdl-cell--12-col"><a href="https://www.w3resource.com/slides/">Slide Presentation</a></li>
Line No.-251: <li class="mdl-menu__item mdl-cell--12-col" style="color:#f86d1d;height:24px; line-height: 24px">Conversion Tools</li>
Line No.-252: <li class="mdl-menu__item mdl-cell--12-col"><a href="https://www.w3resource.com/convert/number/binary-to-decimal.php">Number Conversion</a></li>
Line No.-253: <li class="mdl-menu__item mdl-cell--12-col" style="color:#f86d1d;height:24px; line-height: 24px">MS Excel</li>
Line No.-254: <li class="mdl-menu__item mdl-cell--12-col"><a href="https://www.w3resource.com/excel/">Excel 2013 tutorial</a></li>
Line No.-255: <li class="mdl-menu__item mdl-cell--12-col" style="color:#f86d1d;height:24px; line-height: 24px">Videos</li>
Line No.-256: <li class="mdl-menu__item mdl-cell--12-col"><a href="https://www.w3resource.com/video-tutorial/php/some-basics-of-php.php">PHP Videos</a></li>
Line No.-257: <li class="mdl-menu__item mdl-cell--12-col"><a href="https://www.w3resource.com/video-tutorial/javascript/list-of-tutorial.php">JavaScript Videos</a></li>
Line No.-258: <li class="mdl-menu__item mdl-cell--12-col" style="color:#f86d1d;height:24px; line-height: 24px">Tools</li>
Line No.-259: <li class="mdl-menu__item mdl-cell--12-col"><a href="https://www.w3resource.com/web-development-tools/firebug-tutorials.php">Firebug Tutorial</a></li>
Line No.-260: <li class="mdl-menu__item mdl-cell--12-col"><a href="https://www.w3resource.com/web-development-tools/useful-web-development-tools.php">Useful Tools</a></li>
Line No.-261: </ul>
Line No.-262: </div>
Line No.-263: </div>-->
Line No.-264: </nav>
Line No.-265: <div class="np"></div>
Line No.-266: <div class="mdl-layout-spacer"></div>
Line No.-267: <!-- <div class="header_notice"><a href="https://www.w3resource.com/internship.php" target="_blank">Internship opportunities available.</a></div>-->
Line No.-268: <nav class="mdl-navigation">
Line No.-269: <!--<span class="w3r_donate_link"><a class="mdl-navigation__link mdl-layout-title" href="https://www.w3resource.com/donate.php"><i class="fas fa-donate fa-2x"></i>Donate Us</a></span>-->
Line No.-270: <a href="https://www.patreon.com/bePatron?u=31377924" data-patreon-widget-type="become-patron-button">Become a Patron!</a><script async src="https://c6.patreon.com/becomePatronButton.bundle.js"></script>
Line No.-271: </nav>
Line No.-272: <div class="mdl-textfield mdl-js-textfield mdl-textfield--expandable
Line No.-273: mdl-textfield--floating-label mdl-textfield--align-right">
Line No.-274: <!-- <label class="mdl-button mdl-js-button mdl-button--icon"
Line No.-275: for="fixed-header-drawer-exp">
Line No.-276: <i class="material-icons">search</i>
Line No.-277: </label>-->
Line No.-278: <div class="mdl-textfield__expandable-holder">
Line No.-279: <input class="mdl-textfield__input" type="text" name="sample"
Line No.-280: id="fixed-header-drawer-exp">
Line No.-281: </div>
Line No.-282: </div>
Line No.-283: <nav class="mdl-navigation mdl-layout--large-screen-only">
Line No.-284: <!--<a href="#"><span class="mdl-chip" id="jobs">
Line No.-285: <span class="mdl-chip__text">**</span>
Line No.-286: </span></a> -->
Line No.-287: <!-- google custom search start -->
Line No.-288: <!--<style type="text/css">
Line No.-289: .gsc-control-cse
Line No.-290: {
Line No.-291: height:20px;
Line No.-292: background-color: rgb(63,81,181);
Line No.-293: border:0;
Line No.-294: margin-top: -15px;
Line No.-295: !important;
Line No.-296: }
Line No.-297: .gsc-control-cse-en
Line No.-298: {
Line No.-299: height:20px;
Line No.-300: background-color: rgb(63,81,181);
Line No.-301: border:0;
Line No.-302: margin-top: -15px;
Line No.-303: !important;
Line No.-304: }
Line No.-305: .widget {display: none !important;}
Line No.-306: </style>
Line No.-307: <div class="customSearch" style="border:0px solid;margin:-20px;width:400px;height:auto;">
Line No.-308: <script>
Line No.-309: (function() {
Line No.-310: var cx = '013584948386948090933:pjqiqxq1drs';
Line No.-311: var gcse = document.createElement('script');
Line No.-312: gcse.type = 'text/javascript';
Line No.-313: gcse.async = true;
Line No.-314: gcse.src = 'https://cse.google.com/cse.js?cx=' + cx;
Line No.-315: var s = document.getElementsByTagName('script')[0];
Line No.-316: s.parentNode.insertBefore(gcse, s);
Line No.-317: })();
Line No.-318: </script>
Line No.-319: <gcse:search enableAutoComplete="true"></gcse:search>
Line No.-320: </div>-->
Line No.-321: <!-- google custom search end -->
Line No.-322: <button id="demo-menu-lower-right"
Line No.-323: class="mdl-button mdl-js-button mdl-button--icon">
Line No.-324: <i class="material-icons">share</i>
Line No.-325: </button>
Line No.-326: <ul class="mdl-menu mdl-menu--bottom-right mdl-js-menu mdl-js-ripple-effect" for="demo-menu-lower-right" style="overflow-y:scroll;min-width:200px">
Line No.-327: <li class="mdl-menu__item"><a href="https://www.facebook.com/W3resource-103553425799800" target="_blank">Facebook</a></li>
Line No.-328: <li class="mdl-menu__item"><a href="https://twitter.com/w3resource">Twitter</a></li>
Line No.-329: <li class="mdl-menu__item"><a href="https://plus.google.com/+W3resource">Google Plus</a></li>
Line No.-330: <li class="mdl-menu__item"><a href="http://in.linkedin.com/in/w3resource">Linkedin</a></li>
Line No.-331: <li class="mdl-menu__item"><a href="http://feeds.feedburner.com/W3resource">RSS</a></li>
Line No.-332: </ul>
Line No.-333: </nav>
Line No.-334: </div>
Line No.-335: </header>
Line No.-336: <main class="mdl-layout__content">
Line No.-337: <div class="page-content">
Line No.-338: <!-- <div class="mdl-grid">
Line No.-339: <div class="mdl-cell mdl-cell--3-col mdl-cell--hide-phone"> <a href="//www.w3resource.com"><img src="https://www.w3resource.com/images/w3resource-logo.png" alt="w3resource logo"></a></div>
Line No.-340: <div class="mdl-cell mdl-cell--9-col mdl-cell--hide-phone">
Line No.-341: <!--no ad here -->
Line No.-342: <!--</div>
Line No.-343: </div>-->
Line No.-344: <!-- <div class="mdl-grid">
Line No.-345: <div class="mdl-cell mdl-cell--12-col mdl-card mdl-shadow--2dp through mdl-shadow--6dp mdl-cell--hide-phone"></div>
Line No.-346: </div>-->
Line No.-347:
Line No.-348: <div class="mdl-grid">
Line No.-349: <div class="mdl-cell mdl-cell--12-col">
Line No.-350: <a href="//www.w3resource.com"><script type="text/javascript" style="display:none">
Line No.-351: //<![CDATA[
Line No.-352: window.__mirage2 = {petok:"DDUBpwxkHcZrAnBwmeloN56JUeJjguiKeqQ5ZHcbo78-1800-0.0.1.1"};
Line No.-353: //]]>
Line No.-354: </script>
Line No.-355: <script type="text/javascript" src="https://ajax.cloudflare.com/cdn-cgi/scripts/04b3eb47/cloudflare-static/mirage2.min.js"></script>
Line No.-356: <img alt="w3resource logo" id="log_img" data-cfsrc="https://www.w3resource.com/images/w3resource-logo.png" style="display:none;visibility:hidden;"><noscript><img src="https://www.w3resource.com/images/w3resource-logo.png" alt="w3resource logo" id="log_img"></noscript></a>
Line No.-357: </div>
Line No.-358: <div class="mdl-cell mdl-card mdl-shadow--2dp through mdl-shadow--6dp mdl-cell--12-col">
Line No.-359:
Line No.-360:
Line No.-361: <!-- row 1 column 1-->
Line No.-362: <div class="mdl-grid">
Line No.-363:
Line No.-364: <div class="mdl-cell mdl-cell--4-col">
Line No.-365: <div class="demo-card-square mdl-card mdl-shadow--2dp">
Line No.-366: <div class="mdl-card__actions mdl-card--border">
Line No.-367: <a>Frontend tutorials</a>
Line No.-368: </div>
Line No.-369: <div class="mdl-card__supporting-text">
Line No.-370: <a href="https://www.w3resource.com/html/HTML-tutorials.php">HTML</a>
Line No.-371: <a href="https://www.w3resource.com/css/CSS-tutorials.php">CSS</a>
Line No.-372: <a href="https://www.w3resource.com/javascript/javascript.php">JavaScript</a>
Line No.-373: <a href="https://www.w3resource.com/html5/introduction.php">HTML5</a>
Line No.-374: <a href="https://www.w3resource.com/schema.org/introduction.php">Schema.org</a>
Line No.-375: <a href="https://www.w3resource.com/phpjs/use-php-functions-in-javascript.php">php.js</a>
Line No.-376: <a href="https://www.w3resource.com/twitter-bootstrap/tutorial.php">Twitter Bootstrap</a>
Line No.-377: <a href="https://www.w3resource.com/responsive-web-design/overview.php">Responsive Web Design tutorial</a>
Line No.-378: <a href="https://www.w3resource.com/zurb-foundation3/introduction.php">Zurb Foundation 3 tutorials</a>
Line No.-379: <a href="https://www.w3resource.com/pure/index.php">Pure CSS</a>
Line No.-380: <a href="https://www.w3resource.com/html5-canvas/index.php">HTML5 Canvas</a>
Line No.-381: <a href="https://www.w3resource.com/course/javascript-course.html" target="_blank">JavaScript Course</a>
Line No.-382: <a href="https://www.w3resource.com/icon/index.php">Icon</a>
Line No.-383: <a href="https://www.w3resource.com/angular/getting-started-with-angular.php">Angular</a>
Line No.-384: <a href="https://www.w3resource.com/vue/installation-guide.php">Vue</a>
Line No.-385: <a href="https://www.w3resource.com/jest/jest-testing-framework-introduction.php">Jest</a>
Line No.-386: <a href="https://www.w3resource.com/mocha/getting-started.php">Mocha</a>
Line No.-387: <a href="https://www.w3resource.com/npm/npm-getting-started.php">npm</a>
Line No.-388: <a href="https://www.w3resource.com/yarn/getting-started-with-yarn.php">Yarn</a>
Line No.-389: <a href="https://www.w3resource.com/cypress/cypress-overview.php">Cypress</a>
Line No.-390:
Line No.-391: </div>
Line No.-392: </div>
Line No.-393: </div>
Line No.-394:
Line No.-395: <!-- row 1 column 2-->
Line No.-396:
Line No.-397: <div class="mdl-cell mdl-cell--4-col">
Line No.-398: <div class="demo-card-square mdl-card mdl-shadow--2dp">
Line No.-399: <div class="mdl-card__actions mdl-card--border">
Line No.-400: <a>Backend tutorials</a>
Line No.-401: </div>
Line No.-402: <div class="mdl-card__supporting-text">
Line No.-403: <a href="https://www.w3resource.com/c-programming/programming-in-c.php">C programming</a>
Line No.-404: <a href="https://www.w3resource.com/php/composer/a-gentle-introduction-to-composer.php">Composer</a>
Line No.-405: <a href="https://www.w3resource.com/java-tutorial/index.php">Java</a>
Line No.-406: <a href="https://www.w3resource.com/laravel/laravel-tutorial.php">Laravel</a>
Line No.-407: <a href="https://www.w3resource.com/mojo/index.php">Mojo</a>
Line No.-408: <a href="https://www.w3resource.com/node.js/node.js-tutorials.php">Node.js</a>
Line No.-409: <a href="https://www.w3resource.com/php/php-home.php">PHP</a>
Line No.-410: <a href="https://www.w3resource.com/python/python-tutorial.php">Python</a>
Line No.-411: <a href="https://www.w3resource.com/numpy/index.php">Python-NumPy</a>
Line No.-412: <a href="https://www.w3resource.com/pandas/index.php">Python-Pandas</a>
Line No.-413: <a href="https://www.w3resource.com/php/PHPUnit/a-gentle-introduction-to-unit-test-and-testing.php">PHPUnit</a>
Line No.-414: <a href="https://www.w3resource.com/ruby/index.php">Ruby</a>
Line No.-415: </div>
Line No.-416: </div>
Line No.-417: </div>
Line No.-418:
Line No.-419: <!-- row 1 column 3-->
Line No.-420:
Line No.-421: <div class="mdl-cell mdl-cell--4-col">
Line No.-422: <div class="demo-card-square mdl-card mdl-shadow--2dp">
Line No.-423: <div class="mdl-card__actions mdl-card--border">
Line No.-424: <a>Database tutorials</a>
Line No.-425: </div>
Line No.-426: <div class="mdl-card__supporting-text">
Line No.-427: <a href="https://www.w3resource.com/sql/tutorials.php">SQL(2003 standard of ANSI)</a>
Line No.-428: <a href="https://www.w3resource.com/mysql/mysql-tutorials.php">MySQL</a>
Line No.-429: <a href="https://www.w3resource.com/PostgreSQL/tutorial.php">PostgreSQL</a>
Line No.-430: <a href="https://www.w3resource.com/sqlite/index.php">SQLite</a>
Line No.-431: <a href="https://www.w3resource.com/mongodb/nosql.php">NoSQL</a>
Line No.-432: <a href="https://www.w3resource.com/mongodb/nosql.php">MongoDB</a><a href="https://www.w3resource.com/oracle/index.php">Oracle</a>
Line No.-433: <a href="https://www.w3resource.com/redis/index.php">Redis</a>
Line No.-434: <a href="https://www.w3resource.com/apollo-graphql/the-apollo-graphql-platform.php">Apollo GraphQL</a>
Line No.-435: <a href="https://www.w3resource.com/PostgreSQL/snippets/index.php">PostgreSQL Snippets</a>
Line No.-436: <a href="https://www.w3resource.com/mongodb/snippets/index.php">MongoDB Snippets</a>
Line No.-437: </div>
Line No.-438: </div>
Line No.-439: </div>
Line No.-440: </div>
Line No.-441:
Line No.-442:
Line No.-443: <!--row two column one -->
Line No.-444:
Line No.-445: <div class="mdl-grid">
Line No.-446: <div class="mdl-cell mdl-cell--4-col">
Line No.-447: <div class="demo-card-square mdl-card mdl-shadow--2dp">
Line No.-448: <div class="mdl-card__actions mdl-card--border">
Line No.-449: <a>Frontend Exercises with online editor</a>
Line No.-450: </div>
Line No.-451: <div class="mdl-card__supporting-text">
Line No.-452: <a href="https://www.w3resource.com/html-css-exercise/">HTML CSS</a>
Line No.-453: <a href="https://www.w3resource.com/html-css-exercise/basic/index.php">HTML5 Basic (Tag and attribute)</a>
Line No.-454: <a href="https://www.w3resource.com/html-css-exercise/html-css-practical-exercises/html-css-practical-exercise-part-1.php">HTML-CSS Practical Exercises</a>
Line No.-455: <a href="https://www.w3resource.com/html-css-exercise/css-properties/index.php">CSS Properties Exercises</a>
Line No.-456: <a href="https://www.w3resource.com/javascript-exercises/">JavaScript</a>
Line No.-457: <a href="https://www.w3resource.com/jquery-exercises/">jQuery</a>
Line No.-458: <a href="https://www.w3resource.com/jquery-ui-exercises/">jQuery-UI</a>
Line No.-459: <a href="https://www.w3resource.com/coffeescript-exercises/">CoffeeScript</a>
Line No.-460: <a href="https://www.w3resource.com/bash-script-exercises/index.php">BASH</a>
Line No.-461: <a href="https://www.w3resource.com/typescript-exercises/index.php">TypeScript</a>
Line No.-462: <a href="https://www.w3resource.com/java-exercises/javafx/index.php">JavaFX</a>
Line No.-463: </div>
Line No.-464: </div>
Line No.-465: </div>
Line No.-466:
Line No.-467: <!--row two column two -->
Line No.-468:
Line No.-469:
Line No.-470:
Line No.-471: <div class="mdl-cell mdl-cell--4-col">
Line No.-472: <div class="demo-card-square mdl-card mdl-shadow--2dp">
Line No.-473: <div class="mdl-card__actions mdl-card--border">
Line No.-474: <a>Backend Exercises with online editor</a>
Line No.-475: </div>
Line No.-476: <div class="mdl-card__supporting-text">
Line No.-477:
Line No.-478: <a href="https://www.w3resource.com/c-programming-exercises/">C Programming</a>
Line No.-479: <a href="https://www.w3resource.com/cpp-exercises/index.php">C++ </a>
Line No.-480: <a href="https://www.w3resource.com/csharp-exercises/">C# </a>
Line No.-481: <a href="https://www.w3resource.com/java-exercises/">Java</a>
Line No.-482: <a href="https://www.w3resource.com/projects/java/java_beginners_projects.php">Java Projects</a>
Line No.-483: <a href="https://www.w3resource.com/kotlin-exercises/index.php">Kotlin</a>
Line No.-484: <a href="https://www.w3resource.com/machine-learning/scikit-learn/iris/index.php">Machine Learning</a>
Line No.-485: <a href="https://www.w3resource.com/php-exercises/">PHP</a>
Line No.-486: <a href="https://www.w3resource.com/r-programming-exercises/">R Language</a>
Line No.-487: <a href="https://www.w3resource.com/ruby-exercises/">Ruby</a>
Line No.-488: <a href="https://www.w3resource.com/rust/index.php">Rust</a>
Line No.-489: <a href="https://www.w3resource.com/scala-exercises/index.php">Scala</a>
Line No.-490: <a href="https://www.w3resource.com/swift-programming-exercises/">Swift</a>
Line No.-491: <a href="https://www.w3resource.com/machine-learning/tensorflow/index.php">TensorFlow</a>
Line No.-492: </div>
Line No.-493: </div>
Line No.-494: </div>
Line No.-495:
Line No.-496: <!--row two column three -->
Line No.-497:
Line No.-498:
Line No.-499: <div class="mdl-cell mdl-cell--4-col">
Line No.-500: <div class="demo-card-square mdl-card mdl-shadow--2dp">
Line No.-501: <div class="mdl-card__actions mdl-card--border">
Line No.-502: <a>Database Exercises with online editor</a>
Line No.-503: </div>
Line No.-504: <div class="mdl-card__supporting-text">
Line No.-505: <a href="https://www.w3resource.com/sql-exercises/">SQL</a>
Line No.-506: <a href="https://www.w3resource.com/sql-exercises/movie-database-exercise/index.php">Movie Database</a>
Line No.-507: <a href="https://www.w3resource.com/sql-exercises/soccer-database-exercise/index.php">Soccer Database</a>
Line No.-508: <a href="https://www.w3resource.com/sql-exercises/hospital-database-exercise/index.php">Hospital Database</a>
Line No.-509: <a href="https://www.w3resource.com/sql-exercises/employee-database-exercise/index.php">Employee Database</a>
Line No.-510: <a href="https://www.w3resource.com/sql-exercises/adventureworks/index.php">AdventureWorks Database</a>
Line No.-511: <a href="https://www.w3resource.com/projects/sql/sql-projects-for-beginners.php">SQL Projects</a>
Line No.-512: <a href="https://www.w3resource.com/oracle-exercises/">Oracle</a>
Line No.-513: <a href="https://www.w3resource.com/mysql-exercises/">MySQL</a>
Line No.-514: <a href="https://www.w3resource.com/sqlite-exercises/">SQLite</a>
Line No.-515: <a href="https://www.w3resource.com/postgresql-exercises/">PostgreSQL</a>
Line No.-516: <a href="https://www.w3resource.com/mongodb-exercises/">MongoDB</a>
Line No.-517: <a href="https://www.w3resource.com/plsql-exercises/index.php">PL/SQL</a>
Line No.-518:
Line No.-519: </div>
Line No.-520: </div>
Line No.-521: </div>
Line No.-522: </div>
Line No.-523:
Line No.-524:
Line No.-525:
Line No.-526: <!--row three cojumn one -->
Line No.-527:
Line No.-528: <div class="mdl-grid">
Line No.-529: <div class="mdl-cell mdl-cell--4-col">
Line No.-530: <div class="demo-card-square mdl-card mdl-shadow--2dp">
Line No.-531: <div class="mdl-card__actions mdl-card--border">
Line No.-532: <a>Python Family - Exercises, Practice </a>
Line No.-533: </div>
Line No.-534: <div class="mdl-card__supporting-text">
Line No.-535: <a href="https://www.w3resource.com/python-exercises/">Python Exercises</a>
Line No.-536: <a href="https://www.w3resource.com/python-exercises/numpy/index.php">NumPy Exercises</a>
Line No.-537: <a href="https://www.w3resource.com/python-exercises/pandas/index.php">Pandas Exercises</a>
Line No.-538: <a href="https://www.w3resource.com/graphics/matplotlib/">Matplotlib</a>
Line No.-539: <a href="https://www.w3resource.com/projects/python/index.php">Python Projects</a>
Line No.-540: <a href="https://www.w3resource.com/projects/python/python_beginners_projects.php">100 Python Projects</a>
Line No.-541: <a href="https://www.w3resource.com/python-exercises/numpy/numpy_100_exercises_with_solutions.php">NumPy 100 Exercises</a>
Line No.-542: <a href="https://www.w3resource.com/python-exercises/pandas/pandas_100_exercises_with_solutions.php">Pandas 100 Exercises</a>
Line No.-543: <a href="https://www.w3resource.com/python-interview/index.php">Python Interview Q&A</a>
Line No.-544: <a href="https://www.w3resource.com/python/certificate/index.php">Python PCEP Certification</a>
Line No.-545: </div>
Line No.-546: </div>
Line No.-547: </div>
Line No.-548:
Line No.-549: <!--row three cojumn two -->
Line No.-550:
Line No.-551:
Line No.-552:
Line No.-553: <div class="mdl-cell mdl-cell--4-col">
Line No.-554: <div class="demo-card-square mdl-card mdl-shadow--2dp">
Line No.-555: <div class="mdl-card__actions mdl-card--border">
Line No.-556: <a>Linux, Data interchange & API tutorials</a>
Line No.-557: </div>
Line No.-558: <div class="mdl-card__supporting-text">
Line No.-559: <a href="https://www.w3resource.com/linux-system-administration/installation.php">Linux Home</a>
Line No.-560: <a href="https://www.w3resource.com/linux-system-administration/linux-commands-introduction.php">Linux Commands</a>
Line No.-561: <a href="https://www.w3resource.com/linux-system-administration/installation.php">Linux Server Administration</a>
Line No.-562: <a href="https://www.w3resource.com/xml/xml.php">XML</a>
Line No.-563: <a href="https://www.w3resource.com/JSON/introduction.php">JSON</a>
Line No.-564: <a href="https://www.w3resource.com/ajax/introduction.php">Ajax</a>
Line No.-565: <a href="https://www.w3resource.com/API/google-plus/tutorial.php">Google Plus API</a>
Line No.-566: <a href="https://www.w3resource.com/API/youtube/tutorial.php">Youtube API</a>
Line No.-567: <a href="https://www.w3resource.com/API/google-maps/index.php">Google Maps API</a>
Line No.-568: <a href="https://www.w3resource.com/API/flickr/tutorial.php">Flickr API</a>
Line No.-569: <a href="https://www.w3resource.com/API/last.fm/tutorial.php">Last.fm API</a>
Line No.-570: <a href="https://www.w3resource.com/API/twitter-rest-api/">Twitter REST API</a>
Line No.-571: </div>
Line No.-572: </div>
Line No.-573: </div>
Line No.-574:
Line No.-575:
Line No.-576: <!--row three cojumn three -->
Line No.-577:
Line No.-578: <div class="mdl-cell mdl-cell--4-col">
Line No.-579: <div class="demo-card-square mdl-card mdl-shadow--2dp">
Line No.-580: <div class="mdl-card__actions mdl-card--border">
Line No.-581: <a>Miscellaneous Tutorials</a>
Line No.-582: </div>
Line No.-583: <div class="mdl-card__supporting-text">
Line No.-584: <a href="https://www.w3resource.com/excel/index.php">Excel Tutorial</a>
Line No.-585: <a href="https://www.w3resource.com/web-development-tools/firebug-tutorials.php">Firebug Tutorial</a>
Line No.-586: <a href="https://www.w3resource.com/web-development-tools/useful-web-development-tools.php">Useful Tools</a>
Line No.-587: <a href="https://www.w3resource.com/form-template/index.php">Google Docs Forms Template</a>
Line No.-588: <a href="https://www.w3resource.com/slides/index.php">Google Docs Slides Presentation</a>
Line No.-589: <a href="https://www.w3resource.com/convert/number/binary-to-decimal.php">Number Conversion</a>
Line No.-590: <a href="https://www.w3resource.com/quizzes/index.php">Quizzes</a>
Line No.-591: <a href="https://www.w3resource.com/twitter-bootstrap/examples.php">Twitter Bootstrap Examples</a>
Line No.-592: <a href="https://www.w3resource.com/wxmaxima/index.php">wxMaxima</a>
Line No.-593: <!--<a href="https://www.w3resource.com/Articles/index.php">Articles</a>-->
Line No.-594: </div>
Line No.-595: </div>
Line No.-596: </div>
Line No.-597: </div>
Line No.-598:
Line No.-599:
Line No.-600: <!-- row four column one-->
Line No.-601:
Line No.-602: <div class="mdl-grid">
Line No.-603: <div class="mdl-cell mdl-cell--4-col">
Line No.-604: <div class="demo-card-square mdl-card mdl-shadow--2dp">
Line No.-605: <div class="mdl-card__actions mdl-card--border">
Line No.-606: <a>Data structure and Algorithm</a>
Line No.-607: </div>
Line No.-608: <div class="mdl-card__supporting-text">
Line No.-609: <a href="https://www.w3resource.com/data-structures-and-algorithms/index.php">Learn DSA</a>
Line No.-610: <a href="https://www.w3resource.com/data-structures-and-algorithms/an-introduction-to-data-structures-and-algorithms.php">An Introduction to DSA</a>
Line No.-611: <a href="https://www.w3resource.com/data-structures-and-algorithms/data-structures-and-algorithms-fundamentals.php">DSA Fundamentals</a>
Line No.-612: <a href="https://www.w3resource.com/data-structures-and-algorithms/array/array-data-structure.php">Array Data Structure</a>
Line No.-613: <a href="https://www.w3resource.com/data-structures-and-algorithms/array/array-data-structure-coding-problems.php">Array Coding Problems</a>
Line No.-614:
Line No.-615: </div>
Line No.-616: </div>
Line No.-617: </div>
Line No.-618:
Line No.-619:
Line No.-620:
Line No.-621:
Line No.-622: <!-- row four column two -->
Line No.-623:
Line No.-624: <div class="mdl-cell mdl-cell--4-col">
Line No.-625: <div class="demo-card-square mdl-card mdl-shadow--2dp">
Line No.-626: <div class="mdl-card__actions mdl-card--border">
Line No.-627: <a>Programming/Development Quizzes</a>
Line No.-628: </div>
Line No.-629: <div class="mdl-card__supporting-text">
Line No.-630: <a href="https://www.w3resource.com/quizzes/javascript/index.php">JavaScript</a>
Line No.-631: <a href="https://www.w3resource.com/quizzes/python/index.php">Python</a>
Line No.-632: <a href="https://www.w3resource.com/quizzes/bash/index.php">Bash</a>
Line No.-633: <a href="https://www.w3resource.com/quizzes/react/index.php">React.js</a>
Line No.-634: <a href="https://www.w3resource.com/quizzes/php/index.php">PHP</a>
Line No.-635: <a href="https://www.w3resource.com/quizzes/c-programming/index.php">C Programming Language</a>
Line No.-636: <a href="https://www.w3resource.com/quizzes/rest-api/index.php">REST APIs</a>
Line No.-637: <a href="https://www.w3resource.com/quizzes/r/index.php">R</a>
Line No.-638: <a href="https://www.w3resource.com/quizzes/cpp/index.php">C++</a>
Line No.-639: <a href="https://www.w3resource.com/quizzes/sql/index.php">SQL</a>
Line No.-640: <a href="https://www.w3resource.com/quizzes/html/index.php">HTML</a>
Line No.-641: <a href="https://www.w3resource.com/quizzes/java/index.php">Java</a>
Line No.-642: <a href="https://www.w3resource.com/quizzes/json/index.php">JSON</a>
Line No.-643: <a href="https://www.w3resource.com/quizzes/nosql/index.php">NoSQL</a>
Line No.-644: <a href="https://www.w3resource.com/quizzes/scala/index.php">Scala</a>
Line No.-645: <a href="https://www.w3resource.com/quizzes/django/index.php">Django</a>
Line No.-646: <a href="https://www.w3resource.com/quizzes/jquery/index.php">jQuery</a>
Line No.-647: <a href="https://www.w3resource.com/quizzes/kotlin/index.php">Kotlin</a>
Line No.-648: <a href="https://www.w3resource.com/quizzes/nodejs/index.php">Node.js</a>
Line No.-649: <a href="https://www.w3resource.com/quizzes/ruby/index.php">Ruby on Rails</a>
Line No.-650: <a href="https://www.w3resource.com/quizzes/csharp/index.php">C# </a>
Line No.-651: <a href="https://www.w3resource.com/quizzes/dot-net/index.php">.NET Framework</a>
Line No.-652: <a href="https://www.w3resource.com/quizzes/go.php">Go</a>
Line No.-653: <a href="https://www.w3resource.com/quizzes/front-end-development/index.php">Front-end Development</a>
Line No.-654: <a href="https://www.w3resource.com/quizzes/objective-c/index.php">Objective-C</a>
Line No.-655: <a href="https://www.w3resource.com/quizzes/git/index.php">Git</a>
Line No.-656: <a href="https://www.w3resource.com/quizzes/oop/index.php">Object-Oriented Programming</a>
Line No.-657: <a href="https://www.w3resource.com/quizzes/eclipse.php">Eclipse</a>
Line No.-658: </div>
Line No.-659: </div>
Line No.-660: </div>
Line No.-661:
Line No.-662: <!-- row four column three -->
Line No.-663:
Line No.-664: <div class="mdl-cell mdl-cell--4-col">
Line No.-665: <div class="demo-card-square mdl-card mdl-shadow--2dp">
Line No.-666: <div class="mdl-card__actions mdl-card--border">
Line No.-667: <a>Other Domains Quizzes</a>
Line No.-668: </div>
Line No.-669: <div class="mdl-card__supporting-text">
Line No.-670: <a href="https://www.w3resource.com/quizzes/accounting.php">Accounting</a>
Line No.-671: <a href="https://www.w3resource.com/quizzes/adobe/index.php">Adobe</a>
Line No.-672: <a href="https://www.w3resource.com/quizzes/aws/index.php">AWS</a>
Line No.-673: <a href="https://www.w3resource.com/quizzes/cybersecurity/index.php">Cybersecurity Assessment</a>
Line No.-674: <a href="https://www.w3resource.com/quizzes/data-science/index.php">Data Science for Beginners</a>
Line No.-675: <a href="https://www.w3resource.com/quizzes/google/index.php">Google</a>
Line No.-676: <a href="https://www.w3resource.com/quizzes/hadoop/index.php">Hadoop</a>
Line No.-677: <a href="https://www.w3resource.com/quizzes/it-operations/index.php">IT Operations</a>
Line No.-678: <a href="https://www.w3resource.com/quizzes/linux/index.php">Linux</a>
Line No.-679: <a href="https://www.w3resource.com/quizzes/machine-learning/index.php">Machine Learning</a>
Line No.-680: <a href="https://www.w3resource.com/quizzes/matlab/index.php">Matlab</a>
Line No.-681: <a href="https://www.w3resource.com/quizzes/msoffice/index.php">MS Office</a>
Line No.-682: </div>
Line No.-683: </div>
Line No.-684: </div>
Line No.-685: </div>
Line No.-686:
Line No.-687:
Line No.-688: <!--<div class="mdl-cell mdl-cell--4-col">
Line No.-689: <p> </p>
Line No.-690: </div>-->
Line No.-691: <div class="mdl-cell mdl-cell--4-col">
Line No.-692: <p> </p>
Line No.-693: </div>
Line No.-694: </div>
Line No.-695:
Line No.-696: <!-- end row four-->
Line No.-697:
Line No.-698: <style type="text/css">
Line No.-699: h1 {
Line No.-700: color: #2a69a8;
Line No.-701: font-size: 30px;
Line No.-702: margin-left: 30px;
Line No.-703: }
Line No.-704: .home_updates {
Line No.-705: margin: 20px;
Line No.-706: font-size: 17px;
Line No.-707: background-color: #f1f3f4;
Line No.-708: padding: 10px
Line No.-709: }
Line No.-710: .home_updates a{
Line No.-711: font-size: 17px;
Line No.-712: }
Line No.-713: </style>
Line No.-714: <hr>
Line No.-715: <div style="margin-left: 10%">
Line No.-716: <p><strong>Tutorials, Exercises published recently</strong></p>
Line No.-717:
Line No.-718: <p><strong>Trending Exercises / Tutorial :</strong></p>
Line No.-719:
Line No.-720:
Line No.-721: <p><a href="https://www.w3resource.com/python/certificate/index.php" target="_blank">Python PCEP Certification Preparation Guide: Exam Details & Syllabus</a></p>
Line No.-722: <p><a href="https://www.w3resource.com/convert/index.php" target="_blank">Number Conversion</a></p>
Line No.-723: <p><a href="https://www.w3resource.com/data-structures-and-algorithms/index.php" target="_blank">Learn Data Structures and Algorithms (DSA)</a></p>
Line No.-724: <p><a href="https://www.w3resource.com/data-structures-and-algorithms/array/array-data-structure-coding-problems.php" target="_blank">Array Coding Problems: Classic & Challenging Challenges</a></p>
Line No.-725: <p><a href="https://www.w3resource.com/projects/python/python_beginners_projects.php">100 Python Projects for Beginners with solution</a></p>
Line No.-726:
Line No.-727: <p><strong>21 November, 2024</strong></p>
Line No.-728: <p><a href="https://www.w3resource.com/mongodb/mongodb-db-collection-countdocuments.php" target="_blank">Comprehensive Guide to db.collection.countDocuments in MongoDB</a><p>
Line No.-729:
Line No.-730: <p><a href="https://www.w3resource.com/mongodb/mongodb-db-collection-estimateddocumentcount.php" target="_blank">Understanding db.collection.estimatedDocumentCount() in MongoDB</a><p>
Line No.-731: <p><strong>20 November, 2024</strong></p>
Line No.-732: <p><a href="https://www.w3resource.com/mongodb/mongodb-db-collection-insertone.php" target="_blank">Guide to Using db.collection.insertOne in MongoDB</a><p>
Line No.-733: <p><a href="https://www.w3resource.com/mongodb/mongodb-db-collection-insertmany.php" target="_blank">Comprehensive Guide to Using db.collection.insertMany in MongoDB</a><p>
Line No.-734:
Line No.-735: <p><a href="https://www.w3resource.com/mongodb/mongodb-db-collection-updateone.php" target="_blank">Comprehensive Guide to db.collection.updateOne in MongoDB</a><p>
Line No.-736: <p><a href="https://www.w3resource.com/mongodb/mongodb-db-collection-updatemany.php" target="_blank">Comprehensive Guide to db.collection.updateMany in MongoDB</a><p>
Line No.-737: <p><a href="https://www.w3resource.com/mongodb/mongodb-db-collection-findoneandupdate.php" target="_blank">Comprehensive Guide to db.collection.findOneAndUpdate in MongoDB</a><p>
Line No.-738:
Line No.-739: <p><strong>19 November, 2024</strong></p>
Line No.-740: <p><a href="https://www.w3resource.com/computer-hardware-peripherals/keyboard/apple-magic-keyboard-for-ipad.php" target="_blank">Apple Magic Keyboard for iPad: Transform Your Tablet Experience</a><p>
Line No.-741:
Line No.-742: <p><a href="https://www.w3resource.com/computer-hardware-peripherals/keyboard/apple-magic-keyboard-with-touch-id.php" target="_blank">Magic Keyboard with Touch ID: Seamless Security Meets Elegance</a><p>
Line No.-743:
Line No.-744:
Line No.-745: <p><a href="https://www.w3resource.com/mongodb/installation-mongodb-macos.php" target="_blank">Install MongoDB Community Edition on macOS Step-by-Step</a><p>
Line No.-746:
Line No.-747: <p><a href="https://www.w3resource.com/mongodb/installation-mongodb-docker.php" target="_blank">Installing MongoDB with Docker</a><p>
Line No.-748:
Line No.-749:
Line No.-750: <p><a href="https://www.w3resource.com/PostgreSQL/snippets/postgresql-upsert.php" target="_blank">PostgreSQL UPSERT: Insert or Update Rows</a><p>
Line No.-751:
Line No.-752: <p><a href="https://www.w3resource.com/PostgreSQL/snippets/postgresql-full-text-search.php" target="_blank">PostgreSQL Full-Text Search: Examples and Best Practices</a><p>
Line No.-753:
Line No.-754: <p><a href="https://www.w3resource.com/PostgreSQL/snippets/postgresql-kill-pid.php" target="_blank">PostgreSQL: Terminate Processes by PID</a><p>
Line No.-755:
Line No.-756: <p><a href="https://www.w3resource.com/PostgreSQL/snippets/postgresql-pg-dump.php" target="_blank">PostgreSQL pg_dump: Backup and Restore Database Easily</a><p>
Line No.-757:
Line No.-758: <p><a href="https://www.w3resource.com/PostgreSQL/snippets/postgresql-pgbouncer.php" target="_blank">PostgreSQL Connection Pooling with PgBouncer</a><p>
Line No.-759:
Line No.-760:
Line No.-761:
Line No.-762: <p><strong>18 November, 2024</strong></p>
Line No.-763: <p>Update: <a href="https://www.w3resource.com/mongodb/installation-windows.php" target="_blank">Install MongoDB on Windows</a></p>
Line No.-764:
Line No.-765: <p><a href="https://www.w3resource.com/PostgreSQL/snippets/postgres-exporter-monitoring.php" target="_blank">Postgres Exporter for Monitoring PostgreSQL.</a></p>
Line No.-766:
Line No.-767: <p><a href="https://www.w3resource.com/PostgreSQL/snippets/postgresql-bytea-explained.php" target="_blank">How to Use PostgreSQL BYTEA Data Type for Binary Storage?</a></p>
Line No.-768:
Line No.-769: <p><a href="https://www.w3resource.com/PostgreSQL/snippets/postgresql-patroni-setup.php" target="_blank">Comprehensive Guide to Setting Up PostgreSQL Patroni.</a></p>
Line No.-770:
Line No.-771: <p><a href="https://www.w3resource.com/PostgreSQL/snippets/postgresql-datagrip-setup.php" target="_blank">Complete Guide to Using PostgreSQL with DataGrip.</a></p>
Line No.-772:
Line No.-773: <p><a href="https://www.w3resource.com/PostgreSQL/snippets/postgresql-case-when.php" target="_blank">PostgreSQL CASE WHEN - Complete Guide with Examples.</a></p>
Line No.-774:
Line No.-775: <p><a href="https://www.w3resource.com/PostgreSQL/snippets/postgres-vs-mongodb.php" target="_blank">PostgreSQL vs MongoDB - Which Database is Right for You?</a></p>
Line No.-776:
Line No.-777: <p><a href="https://www.w3resource.com/PostgreSQL/snippets/postgresql-alter-column-type.php" target="_blank">How to Change Column Types in PostgreSQL Tables</a></p>
Line No.-778:
Line No.-779: <p><a href="https://www.w3resource.com/PostgreSQL/snippets/postgresql-client.php" target="_blank">Top PostgreSQL Clients - Tools for every Developer </a></p>
Line No.-780:
Line No.-781: <p><a href="https://www.w3resource.com/PostgreSQL/snippets/postgresql-if.php" target="_blank">Conditional Logic in PostgreSQL - IF and CASE Explained</a></p>
Line No.-782:
Line No.-783: <p><a href="https://www.w3resource.com/PostgreSQL/snippets/postgresql-create-user.php" target="_blank">Step-by-Step Guide to Creating a User in PostgreSQL</a><p>
Line No.-784:
Line No.-785: <p><a href="https://www.w3resource.com/PostgreSQL/snippets/postgresql-qgis.php" target="_blank">PostgreSQL and QGIS Integration for Geospatial Analysis</a><p>
Line No.-786:
Line No.-787: <p><a href="https://www.w3resource.com/PostgreSQL/snippets/postgresql-vs-tidb.php" target="_blank">PostgreSQL vs TiDB</a><p>
Line No.-788:
Line No.-789: <p><a href="https://www.w3resource.com/PostgreSQL/snippets/postgresql-convert-timestamp-to-date.php" target="_blank">Converting Timestamps to Dates Simplified </a><p>
Line No.-790:
Line No.-791: <p><a href="https://www.w3resource.com/computer-hardware-peripherals/keyboard/apple-magic-keyboard-standard.php" target="_blank">Apple Magic Keyboard (Standard): The Perfect Blend of Style and Functionality </a><p>
Line No.-792:
Line No.-793: <p><a href="https://www.w3resource.com/computer-hardware-peripherals/keyboard/apple-magic-keyboard-with-numeric-keypad.php" target="_blank">Apple Magic Keyboard with Numeric Keypad: Boost your Productivity </a><p>
Line No.-794:
Line No.-795:
Line No.-796: <p><strong>16 November, 2024</strong></p>
Line No.-797: <p><a href="https://www.w3resource.com/PostgreSQL/snippets/postgresql-regex.php" target="_blank">PostgreSQL Regex - Pattern Matching and String Manipulation.</a></p>
Line No.-798:
Line No.-799: <p><a href="https://www.w3resource.com/PostgreSQL/snippets/postgresql-default-password.php" target="_blank">How to set the PostgreSQL default Password securely?</a></p>
Line No.-800:
Line No.-801: <p><a href="https://www.w3resource.com/PostgreSQL/snippets/heroku-postgresql.php" target="_blank">Heroku PostgreSQL - Setup, Connection, and Management Guide</a></p>
Line No.-802:
Line No.-803: <p><a href="https://www.w3resource.com/PostgreSQL/snippets/postgresql-aurora.php" target="_blank">Amazon Aurora PostgreSQL Setup and Key Features Guide.</a></p>
Line No.-804:
Line No.-805: <p><a href="https://www.w3resource.com/PostgreSQL/snippets/install-postgresql-on-ubuntu.php" target="_blank">How to Install and Configure PostgreSQL on Ubuntu?</a></p>
Line No.-806:
Line No.-807: <p><a href="https://www.w3resource.com/PostgreSQL/snippets/postgresql-sqlalchemy-integration-guide.php" target="_blank">PostgreSQL SQLAlchemy Integration - Examples and Guide.</a></p>
Line No.-808:
Line No.-809: <p><a href="https://www.w3resource.com/PostgreSQL/snippets/postgresql-django-integration.php" target="_blank">PostgreSQL integration with Django - Setup and Examples.</a></p>
Line No.-810:
Line No.-811: <p><a href="https://www.w3resource.com/PostgreSQL/snippets/postgresql-node-setup.php" target="_blank">PostgreSQL with Node.js - Setup, Configuration, and CRUD Examples.</a></p>
Line No.-812:
Line No.-813: <p><a href="https://www.w3resource.com/PostgreSQL/snippets/postgresql-psycopg2-guide.php" target="_blank">Guide to Using Psycopg2 for PostgreSQL in Python.</a></p>
Line No.-814:
Line No.-815: <p><a href="https://www.w3resource.com/PostgreSQL/snippets/postgresql-golang-guide.php" target="_blank">PostgreSQL and Go (Golang): Setup, CRUD Examples, and Connection Guide.</a></p>
Line No.-816:
Line No.-817: <p><a href="https://www.w3resource.com/PostgreSQL/snippets/postgresql-azure-setup-guide.php" target="_blank">Integrating PostgreSQL with Azure: Setup Guide and Key Features.</a></p>
Line No.-818:
Line No.-819: <p><a href="https://www.w3resource.com/PostgreSQL/snippets/postgresql-kubernetes-deployment.php" target="_blank">Deploying PostgreSQL on Kubernetes .</a></p>
Line No.-820:
Line No.-821: <p><strong>15 November, 2024</strong></p>
Line No.-822: <p><a href="https://www.w3resource.com/PostgreSQL/snippets/postgresql-default-port.php" target="_blank"> Understanding and Configuring the PostgreSQL Default Port.</a></p>
Line No.-823:
Line No.-824: <p><a href="https://www.w3resource.com/PostgreSQL/snippets/postgresql-any-operator.php" target="_blank"> PostgreSQL ANY operator: Flexible Array and Subquery matching.</a></p>
Line No.-825:
Line No.-826: <p><a href="https://www.w3resource.com/PostgreSQL/snippets/postgresql-explain-command.php" target="_blank"> Analyzing PostgreSQL Queries with the EXPLAIN Command.</a></p>
Line No.-827:
Line No.-828: <p><a href="https://www.w3resource.com/PostgreSQL/snippets/postgresql-like-operator.php" target="_blank"> Using PostgreSQL LIKE for Flexible Text Matching</a></p>
Line No.-829:
Line No.-830: <p><a href="https://www.w3resource.com/PostgreSQL/snippets/postgres-delete-row.php" target="_blank"> Delete rows in PostgreSQL.</a></p>
Line No.-831:
Line No.-832: <p><a href="https://www.w3resource.com/PostgreSQL/snippets/postgresql-partitioning.php" target="_blank"> Understanding and implementing PostgreSQL Partitioning</a></p>
Line No.-833:
Line No.-834: <p><a href="https://www.w3resource.com/PostgreSQL/snippets/postgresql-base64-decode.php" target="_blank">Decoding Base64 Encoded Data in PostgreSQL.</a></p>
Line No.-835:
Line No.-836: <p><a href="https://www.w3resource.com/PostgreSQL/snippets/psql-command-not-found.php" target="_blank">Fixing "psql Command Not Found" Error in PostgreSQL.</a></p>
Line No.-837:
Line No.-838: <p><a href="https://www.w3resource.com/PostgreSQL/snippets/postgresql-foreign-data-wrapper.php" target="_blank">Using PostgreSQL Foreign Data Wrappers to Access External Data.</a></p>
Line No.-839:
Line No.-840: <p><a href="https://www.w3resource.com/PostgreSQL/snippets/postgresql-create-table-if-not-exists.php" target="_blank">PostgreSQL CREATE TABLE IF NOT EXISTS Usage Guide.</a></p>
Line No.-841:
Line No.-842: <p><a href="https://www.w3resource.com/PostgreSQL/snippets/terraform-postgresql-provider.php" target="_blank">Using Terraform to Automate PostgreSQL Database Management.</a></p>
Line No.-843:
Line No.-844: <p><a href="https://www.w3resource.com/PostgreSQL/snippets/sqlite-vs-postgresql.php" target="_blank">SQLite vs. PostgreSQL - Key Differences and Use Cases</a></p>
Line No.-845:
Line No.-846: <p><a href="https://www.w3resource.com/PostgreSQL/snippets/postgresql-identity-column.php" target="_blank">PostgreSQL Identity Column - Auto-Increment IDs simplified</a></p>
Line No.-847:
Line No.-848: <p><a href="https://www.w3resource.com/PostgreSQL/snippets/postgresql-replication.php" target="_blank">PostgreSQL Replication: Setup, Types, and Benefits</a></p>
Line No.-849:
Line No.-850: <p><a href="https://www.w3resource.com/PostgreSQL/snippets/postgresql-timescaledb.php" target="_blank">PostgreSQL TimescaleDB: Handling Time-Series Data Efficiently.</a></p>
Line No.-851:
Line No.-852:
Line No.-853: <p><strong>14 November, 2024</strong></p>
Line No.-854: <p><a href="https://www.w3resource.com/PostgreSQL/snippets/postgresql-duckdb-integration.php" target="_blank">Using PostgreSQL with DuckDB for aalytical workloads.</a></p>
Line No.-855: <p><a href="https://www.w3resource.com/PostgreSQL/snippets/postgresql-array-agg.php" target="_blank">How to use PostgreSQL array_agg for array aggregation?</a></p>
Line No.-856: <p><a href="https://www.w3resource.com/PostgreSQL/snippets/postgresql-postico.php" target="_blank">Postico for PostgreSQL - A GUI Tool for Database Management.</a></p>
Line No.-857: <p><a href="https://www.w3resource.com/PostgreSQL/snippets/postgresql-nullif.php" target="_blank">PostgreSQL NULLIF Function: Handle Null Values in Queries.</a></p>
Line No.-858: <p><a href="https://www.w3resource.com/PostgreSQL/snippets/postgresql-logical-replication.php" target="_blank">PostgreSQL Logical Replication - Setup and Guide for Data Sync.</a></p>
Line No.-859: <p><a href="https://www.w3resource.com/PostgreSQL/snippets/postgresql-coalesce.php" target="_blank">How to Use COALESCE in PostgreSQL to Handle NULL Values.</a></p>
Line No.-860: <p><a href="https://www.w3resource.com/PostgreSQL/snippets/postgresql-explain-analyze.php" target="_blank">Using EXPLAIN ANALYZE in PostgreSQL to Optimize Queries.</a></p>
Line No.-861: <p><a href="https://www.w3resource.com/PostgreSQL/snippets/mariadb-vs-postgresql.php" target="_blank"> MariaDB vs. PostgreSQL - Key Differences and use Cases.</a></p>
Line No.-862: <p><a href="https://www.w3resource.com/PostgreSQL/snippets/postgresql-distinct.php" target="_blank"> Using the DISTINCT Clause in PostgreSQL for Unique Data Retrieval.</a></p>
Line No.-863: <p><a href="https://www.w3resource.com/PostgreSQL/snippets/postgresql-unique-constraint.php" target="_blank"> Using Unique Constraints in PostgreSQL for Data Integrity.</a></p>
Line No.-864: <p><a href="https://www.w3resource.com/PostgreSQL/snippets/postgresql-row-number.php" target="_blank"> Understanding PostgreSQL row_number for Ordered Row.</a></p>
Line No.-865: <p><a href="https://www.w3resource.com/PostgreSQL/snippets/postgresql-show-users.php" target="_blank"> Listing all users and roles in PostgreSQL.</a></p>
Line No.-866: <p><a href="https://www.w3resource.com/PostgreSQL/snippets/postgresql-list-schemas.php" target="_blank"> Listing Schemas in PostgreSQL.</a></p>
Line No.-867: <p><a href="https://www.w3resource.com/PostgreSQL/snippets/postgresql-common-table-expression.php" target="_blank"> Common Table Expressions (CTE) in PostgreSQL.</a></p>
Line No.-868: <p><a href="https://www.w3resource.com/PostgreSQL/snippets/postgresql-insert-into.php" target="_blank"> PostgreSQL INSERT INTO Statement..</a></p>
Line No.-869:
Line No.-870:
Line No.-871: <p><strong>13 November, 2024</strong></p>
Line No.-872:
Line No.-873: <p><a href="https://www.w3resource.com/PostgreSQL/snippets/connect-postgresql-docker-outside.php" target="_blank">How to connect to PostgreSQL in a Docker container from Outside?</a></p>
Line No.-874:
Line No.-875: <p><a href="https://www.w3resource.com/PostgreSQL/snippets/kill-postgresql-session-connection.php" target="_blank">How to kill a PostgreSQL Session/Connection?</a></p>
Line No.-876:
Line No.-877: <p><a href="https://www.w3resource.com/PostgreSQL/snippets/restore-postgresql-backup-command-line.php" target="_blank">Restoring a PostgreSQL Database from a Backup File.</a></p>
Line No.-878:
Line No.-879: <p><a href="https://www.w3resource.com/PostgreSQL/snippets/updating-table-rows-postgresql-subquery.php" target="_blank">Updating table rows in PostgreSQL with Subqueries.</a></p>
Line No.-880:
Line No.-881: <p><a href="https://www.w3resource.com/PostgreSQL/snippets/postgres-db-size-command.php" target="_blank">PostgreSQL Database Size Command: Syntax and Examples.</a></p>
Line No.-882:
Line No.-883: <p><a href="https://www.w3resource.com/PostgreSQL/snippets/list-tables-schemas-postgresql.php" target="_blank">How to list tables in Schemas in PostgreSQL?</a></p>
Line No.-884:
Line No.-885: <p><a href="https://www.w3resource.com/PostgreSQL/snippets/change-owner-all-tables-postgresql.php" target="_blank">Changing ownership of all tables in PostgreSQL.</a></p>
Line No.-886:
Line No.-887: <p><a href="https://www.w3resource.com/PostgreSQL/snippets/random-selection-rows-postgresql.php" target="_blank">Randomly select rows in PostgreSQL.</a></p>
Line No.-888:
Line No.-889: <p><a href="https://www.w3resource.com/PostgreSQL/snippets/postgresql-string-concat.php" target="_blank">PostgreSQL concat strings.</a></p>
Line No.-890:
Line No.-891: <p><a href="https://www.w3resource.com/PostgreSQL/snippets/postgresql-supabase.php" target="_blank">Introduction to PostgreSQL with Supabase.</a></p>
Line No.-892:
Line No.-893: <p><a href="https://www.w3resource.com/PostgreSQL/snippets/vercel-postgres.php" target="_blank">How to Use PostgreSQL with Vercel for Backend Data?</a></p>
Line No.-894:
Line No.-895: <p><a href="https://www.w3resource.com/PostgreSQL/snippets/neon-postgres.php" target="_blank">Getting Started with Neon PostgreSQL - A Serverless Solution.</a></p>
Line No.-896:
Line No.-897: <p><a href="https://www.w3resource.com/PostgreSQL/snippets/postgres-pgvector.php" target="_blank">Using Pgvector in PostgreSQL for Vector similarity Searches.</a></p>
Line No.-898:
Line No.-899: <p><a href="https://www.w3resource.com/PostgreSQL/snippets/postgres-drizzle.php" target="_blank">Using Drizzle to Connect PostgreSQL with JavaScript and TypeScript.</a></p>
Line No.-900:
Line No.-901: <p><a href="https://www.w3resource.com/PostgreSQL/snippets/postgresql-json-query.php" target="_blank">How to Query JSON Data in PostgreSQL with JSONB?</a></p>
Line No.-902:
Line No.-903: <p><strong>12 November, 2024</strong></p>
Line No.-904: <p><a href="https://www.w3resource.com/PostgreSQL/snippets/resetting-a-primary-key-sequence-in-postgresql.php" target="_blank">How to reset a PostgreSQL primary key sequence when out of synchronize?</a></p>
Line No.-905:
Line No.-906: <p><a href="https://www.w3resource.com/PostgreSQL/snippets/understanding-the-postgresql-connection-string-format.php" target="_blank">Understanding the PostgreSQL connection string format</a></p>
Line No.-907:
Line No.-908: <p><a href="https://www.w3resource.com/PostgreSQL/snippets/specify-a-password-for-psql-non-interactively.php" target="_blank">How to specify a Password for psql non-interactively?</a></p>
Line No.-909:
Line No.-910: <p><a href="https://www.w3resource.com/PostgreSQL/snippets/import-sql-dump-into-postgresql-database.php" target="_blank">How to import an SQL Dump into PostgreSQL?</a></p>
Line No.-911:
Line No.-912: <p><a href="https://www.w3resource.com/PostgreSQL/snippets/postgresql-equivalent-to-mysql-auto-increment.php" target="_blank">Understanding PostgreSQL equivalent to MySQL AUTO_INCREMENT</a></p>
Line No.-913:
Line No.-914: <p><a href="https://www.w3resource.com/PostgreSQL/snippets/postgresql-insert-if-row-does-not-already-exist.php" target="_blank">How to insert data in PostgreSQL only if it does not exist?</a></p>
Line No.-915:
Line No.-916: <p><a href="https://www.w3resource.com/PostgreSQL/snippets/generating-uuid-for-insert-statement-postgresql.php" target="_blank">How to generate a UUID in PostgreSQL for insert statements?</a></p>
Line No.-917:
Line No.-918: <p><a href="https://www.w3resource.com/PostgreSQL/snippets/copy-postgresql-database-to-another-server.php" target="_blank">How to copy a PostgreSQL Database to another Server?</a></p>
Line No.-919:
Line No.-920: <p><a href="https://www.w3resource.com/PostgreSQL/snippets/create-read-only-user-postgresql.php" target="_blank">How to Create a Read-Only user in PostgreSQL?</a></p>
Line No.-921:
Line No.-922: <p><a href="https://www.w3resource.com/PostgreSQL/snippets/where-postgresql-stores-configuration-files.php" target="_blank">Where Does PostgreSQL Store Configuration Files? </a></p>
Line No.-923:
Line No.-924: <p><a href="https://www.w3resource.com/PostgreSQL/snippets/use-database-command-postgresql.php" target="_blank">How to Use the equivalent of "USE database_name" in PostgreSQL?</a></p>
Line No.-925:
Line No.-926: <p><a href="https://www.w3resource.com/PostgreSQL/snippets/case-insensitive-query-postgresql.php" target="_blank">How to make case-insensitive Queries in PostgreSQL?</a></p>
Line No.-927:
Line No.-928: <p><a href="https://www.w3resource.com/PostgreSQL/snippets/find-row-count-for-tables-postgresql.php" target="_blank">How to find row count for all tables in PostgreSQL.</a></p>
Line No.-929:
Line No.-930: <p><a href="https://www.w3resource.com/PostgreSQL/snippets/password-authentication-failed-postgres.php" target="_blank">How to fix Password Authentication failed for user "postgres" in PostgreSQL</a></p>
Line No.-931:
Line No.-932: <p><a href="https://www.w3resource.com/PostgreSQL/snippets/select-distinct-multiple-columns-postgresql.php" target="_blank">How to use SELECT DISTINCT on Multiple Columns in PostgreSQL?</a></p>
Line No.-933:
Line No.-934: <p><strong>11 November, 2024</strong></p>
Line No.-935: <p><a href="https://www.w3resource.com/mongodb/snippets/find-documents-with-specific-ids-in-mongodb.php" target="_blank">How to Find Documents by IDs in an Array in MongoDB.</a></p>
Line No.-936:
Line No.-937: <p><a href="https://www.w3resource.com/mongodb/snippets/how-to-count-documents-grouped-by-a-field-in-mongodb.php" target="_blank">How to count documents Grouped by a field in MongoDB.</a></p>
Line No.-938:
Line No.-939: <p><a href="https://www.w3resource.com/mongodb/snippets/how-to-list-all-databases-in-the-mongodb-shell.php" target="_blank">List all Databases in MongoDB Shell.</a></p>
Line No.-940:
Line No.-941: <p><a href="https://www.w3resource.com/mongodb/snippets/how-to-query-mongodb-documents-by-date.php" target="_blank">MongoDB Query by Date - Retrieve Documents in Date Range.</a></p>
Line No.-942:
Line No.-943: <p><a href="https://www.w3resource.com/mongodb/snippets/how-to-query-an-array-of-objects-in-mongodb.php" target="_blank">Query Array of Objects in MongoDB Easily.</a></p>
Line No.-944:
Line No.-945: <p><a href="https://www.w3resource.com/mongodb/snippets/display-more-than-20-documents-in-mongodb-shell.php" target="_blank">How to display more than 20 Documents in MongoDB's Shell?.</a></p>
Line No.-946:
Line No.-947: <p><a href="https://www.w3resource.com/mongodb/snippets/combine-data-from-multiple-mongodb-collections.php" target="_blank">How to Combine Data from Multiple Collections in MongoDB?</a></p>
Line No.-948:
Line No.-949: <p><a href="https://www.w3resource.com/mongodb/snippets/how-to-query-nested-objects-in-mongodb.php" target="_blank">Querying Nested Objects in MongoDB - A Complete Guide.</a></p>
Line No.-950:
Line No.-951: <p><a href="https://www.w3resource.com/mongodb/snippets/renaming-a-field-across-all-documents-in-mongodb.php" target="_blank">Rename Field for All MongoDB Documents Using $rename Operator.</a></p>
Line No.-952:
Line No.-953: <p><a href="https://www.w3resource.com/mongodb/snippets/best-practices-for-mongodb-naming-conventions.php" target="_blank">MongoDB Naming Conventions - Best Practices for Collections & Fields.</a></p>
Line No.-954:
Line No.-955: <p><a href="https://www.w3resource.com/mongodb/snippets/inserting-integer-fields-in-mongodb.php" target="_blank">Inserting Integers in MongoDB - Example and Syntax Guide.</a></p>
Line No.-956:
Line No.-957: <p><a href="https://www.w3resource.com/mongodb/snippets/mongodb-display-all-documents-from-all-collections.php" target="_blank">How to Display all Documents from every Collection in MongoDB.</a></p>
Line No.-958:
Line No.-959: <p><a href="https://www.w3resource.com/mongodb/snippets/updating-a-single-field-in-all-mongodb-document.php" target="_blank">Update every document on one field in MongoDB - Full Guide.</a></p>
Line No.-960:
Line No.-961:
Line No.-962: <p><strong>09 November, 2024</strong></p>
Line No.-963: <p><a href="https://www.w3resource.com/mongodb/snippets/how-to-retrieve-specific-elements-in-mongodb-array-fields.php" target="_blank">Retrieve Specific Array Elements in MongoDB with $elemMatch.</a></p>
Line No.-964:
Line No.-965: <p><a href="https://www.w3resource.com/mongodb/snippets/how-to-add-a-new-field-to-all-documents-in-mongodb-collection.php" target="_blank">How to add a new field to all documents in MongoDB Collection?</a></p>
Line No.-966:
Line No.-967: <p><a href="https://www.w3resource.com/mongodb/snippets/how-to-export-all-collections-in-a-mongodb-database.php" target="_blank">Export all Collections in MongoDB Database with mongodump.</a></p>
Line No.-968:
Line No.-969: <p><a href="https://www.w3resource.com/mongodb/snippets/how-to-retrieve-a-random-document-from-mongodb.php" target="_blank">Retrieve a Random Document in MongoDB Using $sample.</a></p>
Line No.-970:
Line No.-971: <p><a href="https://www.w3resource.com/mongodb/snippets/how-to-secure-mongodb-with-username-and-password.php" target="_blank">Secure MongoDB Access with Username and Password Authentication.</a></p>
Line No.-972:
Line No.-973: <p><a href="https://www.w3resource.com/mongodb/snippets/how-to-search-for-a-document-by-objectid-in-mongodb.php" target="_blank">How to Search for a Document by ObjectId in MongoDB.</a></p>
Line No.-974:
Line No.-975: <p><a href="https://www.w3resource.com/mongodb/snippets/select-a-single-field-in-mongodb-for-all-documents.php" target="_blank">How to Select a Single Field in MongoDB for all Documents.</a></p>
Line No.-976:
Line No.-977: <p><a href="https://www.w3resource.com/mongodb/snippets/how-to-make-a-case-insensitive-query-in-mongodb.php" target="_blank">How to make a Case-Insensitive Query in MongoDB?</a></p>
Line No.-978:
Line No.-979: <p><a href="https://www.w3resource.com/mongodb/snippets/how-to-retrieve-all-unique-key-names-in-a-mongodb-collection.php" target="_blank">How to Retrieve all Unique Key Names in a MongoDB Collection.</a></p>
Line No.-980:
Line No.-981: <p><a href="https://www.w3resource.com/PostgreSQL/snippets/upgrading-a-postgresql-user-to-superuser.php" target="_blank">Upgrading a PostgreSQL User to Superuser.</a></p>
Line No.-982:
Line No.-983: <p><strong>08 November, 2024</strong></p>
Line No.-984:
Line No.-985: <p><a href="https://www.w3resource.com/PostgreSQL/snippets/creating-a-copy-of-a-database-in-postgresql.php" target="_blank">Creating a Copy of a Database in PostgreSQL</a></p>
Line No.-986: <p><a href="https://www.w3resource.com/PostgreSQL/snippets/run-a-postgresql-sql-file-using-command-line-arguments.php" target="_blank">How to Run a PostgreSQL .sql File from the Command Line?</a></p>
Line No.-987: <p><a href="https://www.w3resource.com/PostgreSQL/snippets/importing-csv-data-into-a-postgresql-table.php" target="_blank">Importing CSV Data into a PostgreSQL Table.</a></p>
Line No.-988:
Line No.-989: <p><a href="https://www.w3resource.com/mongodb/snippets/index.php" target="_blank">Top MongoDB Snippets and Code Examples for Developers</a></p>
Line No.-990:
Line No.-991: <p><a href="https://www.w3resource.com/mongodb/snippets/how-to-use-mongodb-like-query-for-pattern-matching.php" target="_blank">How to use MongoDB�s Like Query with Regex for Pattern Matching</a></p>
Line No.-992:
Line No.-993: <p><a href="https://www.w3resource.com/mongodb/snippets/dropping-a-mongodb-database-from-the-command-line.php" target="_blank">Dropping a MongoDB Database from the Command Line.</a></p>
Line No.-994:
Line No.-995: <p><a href="https://www.w3resource.com/mongodb/snippets/how-to-list-all-collections-in-mongodb-shell.php" target="_blank">Listing all Collections in MongoDB Shell.</a></p>
Line No.-996:
Line No.-997: <p><a href="https://www.w3resource.com/mongodb/snippets/check-if-a-field-contains-a-string-in-mongodb.php" target="_blank">Using MongoDB to check if a field contains a Substring.</a></p>
Line No.-998:
Line No.-999: <p><a href="https://www.w3resource.com/mongodb/snippets/find-mongodb-document-with-array-containing-specific-value.php" target="_blank">Finding Documents in MongoDB with an Array containing a specific value.</a></p>
Line No.-1000:
Line No.-1001: <p><a href="https://www.w3resource.com/mongodb/snippets/retrieve-last-n-records-in-mongodb-with-sorting-and-limit.php" target="_blank">How to Retrieve the Last N Records in MongoDB?</a></p>
Line No.-1002:
Line No.-1003: <p><a href="https://www.w3resource.com/mongodb/snippets/how-to-query-for-non-null-fields-in-mongodb.php" target="_blank">Query for "Is Not Null" in MongoDB Using $ne and $exists</a></p>
Line No.-1004:
Line No.-1005: <p><a href="https://www.w3resource.com/mongodb/snippets/how-to-perform-an-sql-like-join-in-mongodb.php" target="_blank">Perform SQL Join Equivalent in MongoDB with $lookup.</a></p>
Line No.-1006:
Line No.-1007: <p><a href="https://www.w3resource.com/mongodb/snippets/how-to-rename-a-mongodb-database.php" target="_blank">Renaming a MongoDB Database using a Copy-and-Drop Workaround.</a></p>
Line No.-1008:
Line No.-1009: <p><a href="https://www.w3resource.com/mongodb/snippets/how-to-enable-pretty-print-by-default-in-mongodb-shell.php" target="_blank">Enable Pretty Print by Default in MongoDB Shell.</a></p>
Line No.-1010:
Line No.-1011: <p><a href="https://www.w3resource.com/mongodb/snippets/how-to-query-mongodb-for-documents-between-two-dates.php" target="_blank">Query MongoDB for Documents Between Two Dates Using $gte and $lte.</a></p>
Line No.-1012:
Line No.-1013: <p><a href="https://www.w3resource.com/mongodb/snippets/how-to-update-a-mongodb-field-using-another-field-value.php" target="_blank">Update MongoDB Field Based on Another Field's Value.</a></p>
Line No.-1014:
Line No.-1015: <p><a href="https://www.w3resource.com/mongodb/snippets/how-to-delete-all-data-in-a-mongodb-database.php" target="_blank">Delete all data in a MongoDB Database with dropDatabase().</a></p>
Line No.-1016:
Line No.-1017: <p><a href="https://www.w3resource.com/mongodb/snippets/how-to-execute-mongodb-commands-through-shell-scripts.php" target="_blank">Execute MongoDB Commands via Shell Scripts for Automation.</a></p>
Line No.-1018:
Line No.-1019: <p><a href="https://www.w3resource.com/mongodb/snippets/how-to-remove-a-field-from-a-mongodb-dcument.php" target="_blank">Remove a Field from MongoDB Document with $unset Operator.</a></p>
Line No.-1020:
Line No.-1021: <p><strong>07 November, 2024</strong></p>
Line No.-1022: <p><a href="https://www.w3resource.com/PostgreSQL/snippets/index.php" target="_blank">Top PostgreSQL Snippets and Code examples for Developers</a></p>
Line No.-1023:
Line No.-1024: <p><a href="https://www.w3resource.com/PostgreSQL/snippets/how-to-show-tables-in-postgresql.php" target="_blank">How to Show Tables in PostgreSQL</a></p>
Line No.-1025:
Line No.-1026: <p><a href="https://www.w3resource.com/PostgreSQL/snippets/how-to-describe-table-structure-in-postgresql.php" target="_blank">Describe Table Structure in PostgreSQL</a></p>
Line No.-1027: <p><a href="https://www.w3resource.com/PostgreSQL/snippets/select-first-row-in-each-group-by-group-in-postgresql.php" target="_blank">Select the first row of each set of rows grouped with a GROUP BY in PostgreSQL</a></p>
Line No.-1028: <p><a href="https://www.w3resource.com/PostgreSQL/snippets/how-to-change-a-postgresql-user-password.php" target="_blank">How to Change a PostgreSQL user Password?</a></p>
Line No.-1029: <p><a href="https://www.w3resource.com/PostgreSQL/snippets/how-to-drop-all-tables-in-postgresql-database.php" target="_blank">Dropping All Tables in a PostgreSQL Database</a></p>
Line No.-1030: <p><a href="https://www.w3resource.com/PostgreSQL/snippets/switching-between-databases-in-postgresql-psql.php" target="_blank">How to Switch Databases in PostgreSQL psql Command Line</a></p>
Line No.-1031:
Line No.-1032: <p><a href="https://www.w3resource.com/PostgreSQL/snippets/how-to-start-postgresql-server-on-macos-easily.php" target="_blank">Starting the PostgreSQL Server on macOS</a></p>
Line No.-1033:
Line No.-1034: <p><a href="https://www.w3resource.com/PostgreSQL/snippets/how-to-check-postgresql-version.php" target="_blank">Checking your PostgreSQL Version</a></p>
Line No.-1035:
Line No.-1036: <p><a href="https://www.w3resource.com/PostgreSQL/snippets/how-to-save-postgresql-output-to-a-csv-file.php" target="_blank">How to save PostgreSQL PL/pgSQL Output to a CSV File</a></p>
Line No.-1037:
Line No.-1038: <p><a href="https://www.w3resource.com/PostgreSQL/snippets/Difference-between-text-and-varchar-in-postgresql.php" target="_blank">Understanding the difference between text and varchar in PostgreSQL</a></p>
Line No.-1039:
Line No.-1040:
Line No.-1041:
Line No.-1042:
Line No.-1043: <p><strong>06 November, 2024</strong></p>
Line No.-1044: <p><a href="https://www.w3resource.com/projects/sql/sql-projects-on-restaurant-reservation-system.php" target="_blank">Restaurant Reservation System for Table, Order, and Payment Management</a></p>
Line No.-1045:
Line No.-1046: <p><strong>05 November, 2024</strong></p>
Line No.-1047: <p>Update: <a href="https://www.w3resource.com/c-programming-exercises/c-snippets/index.php" target="_blank">C Snippets, Examples, Code</a></p>
Line No.-1048:
Line No.-1049: <p><strong>01 November, 2024</strong></p>
Line No.-1050: <p><a href="https://www.w3resource.com/projects/sql/sql-projects-on-school-course-enrollment-system.php" target="_blank">SQL Projects: School Course Enrollment System</a></p>
Line No.-1051:
Line No.-1052: <p><strong>30 October, 2024</strong></p>
Line No.-1053: <p><a href="https://www.w3resource.com/projects/sql/sql-projects-on-hotel-booking-system.php" target="_blank">SQL Projects: Hotel Booking System - Database Design and Management</a></p>
Line No.-1054:
Line No.-1055: <p><strong>29 October, 2024</strong></p>
Line No.-1056:
Line No.-1057: <p><a href="https://www.w3resource.com/projects/sql/sql-projects-on-movie-rental-system.php" target="_blank">SQL Projects: Complete Movie Rental System with Efficient Database Design and Management</a></p>
Line No.-1058:
Line No.-1059: <p><strong>25 October, 2024</strong></p>
Line No.-1060: <p><a href="https://www.w3resource.com/projects/python/python-project-quiz-game-with-timer.php" target="_blank">Develop a Quiz Game with Timer in Python</a></p>
Line No.-1061: <p><a href="https://www.w3resource.com/projects/python/python-project-fetch-and-display-real-time-stock-prices.php" target="_blank">Stock Price Checker: Real-Time Stock Prices in Python</a></p>
Line No.-1062:
Line No.-1063: <p><a href="https://www.w3resource.com/projects/python/python-project-basic-movie-database.php" target="_blank">Python - Basic Movie Database: Add, Edit, Delete, and View Movies</a></p>
Line No.-1064:
Line No.-1065: <p><strong>24 October, 2024</strong></p>
Line No.-1066: <p><a href="https://www.w3resource.com/projects/sql/sql-projects-on-employee-payroll-system.php" target="_blank">SQL Projects For Beginners: Employee Payroll System</a></p>
Line No.-1067:
Line No.-1068: <p><a href="https://www.w3resource.com/projects/sql/sql-projects-on-online-store-database.php" target="_blank">SQL Projects: Online Store Database Management System</a></p>
Line No.-1069: <p><strong>23 October, 2024</strong></p>
Line No.-1070: <p><a href="https://www.w3resource.com/projects/sql/sql-projects-on-inventory-management-system.php" target="_blank">SQL Projects For Beginners: Inventory Management System</a></p>
Line No.-1071: <p><a href="https://www.w3resource.com/projects/sql/sql-projects-on-hospital-patient-database.php" target="_blank">SQL Projects For Beginners: Hospital Patient Database</a></p>
Line No.-1072:
Line No.-1073: <p><strong>22 October, 2024</strong></p>
Line No.-1074: <p><a href="https://www.w3resource.com/projects/sql/sql-projects-for-beginners.php" target="_blank">SQL Projects for Beginners with Solutions and Explanation</a></p>
Line No.-1075:
Line No.-1076: <p><strong>21 October, 2024</strong></p>
Line No.-1077: <p><a href="https://www.w3resource.com/projects/python/python-project-code-snippet-manager.php" target="_blank">Python - Code Snippet Manager</a></p>
Line No.-1078:
Line No.-1079: <p><strong>18 October, 2024</strong></p>
Line No.-1080: <p><a href="https://www.w3resource.com/projects/python/python-project-build-a-gui-number-guessing-game.php" target="_blank">Number Guessing Game with GUI in Python</a></p>
Line No.-1081:
Line No.-1082: <p><a href="https://www.w3resource.com/projects/python/python-project-basic-pos-system-for-small-business.php" target="_blank">Python - Basic POS System: Console and GUI Solutions</a></p>
Line No.-1083:
Line No.-1084: <p><strong>17 October, 2024</strong></p>
Line No.-1085: <p><a href="https://www.w3resource.com/projects/python/python-project-create-a-weather-application.php" target="_blank">Python Project - Create a Weather Application</a></p>
Line No.-1086:
Line No.-1087: <p><a href="https://www.w3resource.com/projects/python/python-project-create-a-basic-gui-alarm-clock.php" target="_blank">Build a Basic Alarm Clock in Python with Tkinter</a></p>
Line No.-1088:
Line No.-1089: <p><strong>16 October, 2024</strong></p>
Line No.-1090: <p><a href="https://www.w3resource.com/projects/python/python-project-word-cloud-generator.php" target="_blank">Word Cloud Generator in Python</a></p>
Line No.-1091:
Line No.-1092: <p><strong>15 October, 2024</strong></p>
Line No.-1093: <p><a href="https://www.w3resource.com/projects/python/python-file-encryption-decryption-project.php" target="_blank">Python Project - Encrypt and Decrypt files with Symmetric Encryption</a></p>
Line No.-1094: <p><a href="https://www.w3resource.com/projects/python/python-project-url-analyzer.php" target="_blank">Python Project: Extract Information from URLs</a></p>
Line No.-1095: <p><a href="https://www.w3resource.com/projects/python/python-project-currency-exchange-rate-checker.php" target="_blank">Currency Exchange Rate Checker in Python</a></p>
Line No.-1096: <p><a href="https://www.w3resource.com/projects/python/python-project-simple-paint-application.php" target="_blank">Build a Basic Paint App in Python</a></p>
Line No.-1097:
Line No.-1098:
Line No.-1099: <p><strong>07 October, 2024</strong></p>
Line No.-1100: <p><a href="https://www.w3resource.com/projects/python/python-basic-drawing-with-turtle-graphics-project.php" target="_blank">Basic Drawing with Python Turtle Graphics</a></p>
Line No.-1101: <p><a href="https://www.w3resource.com/projects/python/python-basic-text-editor-project.php" target="_blank">Simple Text Editor in Python with Tkinter</a></p>
Line No.-1102: <p><a href="https://www.w3resource.com/projects/python/python-url-scraper-project.php" target="_blank">Build a URL Scraper in Python to Extract URLs from Webpages</a></p>
Line No.-1103: <p><a href="https://www.w3resource.com/projects/python/python-contact-book-project.php" target="_blank">How to Build a Contact Book Program in Python</a></p>
Line No.-1104:
Line No.-1105: <p><strong>03 October, 2024</strong></p>
Line No.-1106: <p><a href="https://www.w3resource.com/projects/java/java_beginners_projects.php" target="_blank">Java Projects for Beginners with Solutions and Explanation</a></p>
Line No.-1107:
Line No.-1108: <p><strong>01 October, 2024</strong></p>
Line No.-1109: <p><a href="https://www.w3resource.com/python-exercises/pandas/pandas-machine-learning-integration.php" target="_blank">Pandas Machine Learning Integration: Exercises and Solutions for Data Integrity</a></p>
Line No.-1110:
Line No.-1111: <p><strong>28 September, 2024</strong></p>
Line No.-1112: <p><a href="https://www.w3resource.com/python-exercises/pandas/pandas-data-validation.php" target="_blank">PCEP Certification Practice: Exception Propagation through Function Boundaries</a></p>
Line No.-1113: <p><strong>27 September, 2024</strong></p>
Line No.-1114: <p><a href="https://www.w3resource.com/python-exercises/pandas/pandas-visualization-integration.php" target="_blank">Pandas Visualization Integration: Exercises and Solutions for Data Visualization</a></p>
Line No.-1115: <p><a href="https://www.w3resource.com/python/certificate/functions-and-exceptions-delegating-responsibility-for-handling-exceptions.php" target="_blank">PCEP Certification Practice: Delegating Responsibility for Handling Exceptions</a></p>
Line No.-1116: <p><a href="https://www.w3resource.com/python/certificate/functions-and-exceptions-propagating-exceptions-through-function-boundaries.php" target="_blank">PCEP Certification Practice: Exception Propagation through Function Boundaries</a></p>
Line No.-1117:
Line No.-1118: <p><strong>26 September, 2024</strong></p>
Line No.-1119: <p><a href="https://www.w3resource.com/python-exercises/pandas/pandas-data-cleaning-and-preprocessing.php" target="_blank">Pandas Data Cleaning and Preprocessing: Exercises, Solutions with Explanation</a></p>
Line No.-1120:
Line No.-1121: <p><a href="https://www.w3resource.com/python/certificate/functions-and-exceptions-try-except-exception.php" target="_blank">PCEP Certification Practice: try-except Exception Handling</a></p>
Line No.-1122:
Line No.-1123: <p><a href="https://www.w3resource.com/python/certificate/functions-and-exceptions-ordering-the-except-branches.php" target="_blank">PCEP Certification Practice: Ordering except branches in Python</a></p>
Line No.-1124:
Line No.-1125: <p><strong>25 September, 2024</strong></p>
Line No.-1126: <p><a href="https://www.w3resource.com/python/certificate/functions-and-exceptions-typeerror.php" target="_blank">PCEP Certification Practice: TypeError Questions & Explanations</a></p>
Line No.-1127:
Line No.-1128: <p><a href="https://www.w3resource.com/python/certificate/functions-and-exceptions-valueerror.php" target="_blank">PCEP Certification Practice: ValueError Questions & Explanations</a></p>
Line No.-1129:
Line No.-1130: <p><strong>24 September, 2024</strong></p>
Line No.-1131: <p><a href="https://www.w3resource.com/python-exercises/pandas/pandas-advanced-merging-and-joining.php" target="_blank">Pandas Advanced Merging and Joining: Exercises with Solutions and Explanation</a></p>
Line No.-1132:
Line No.-1133: <p><strong>23 September, 2024</strong></p>
Line No.-1134: <p><a href="https://www.w3resource.com/python/certificate/functions-and-exceptions-lookuperror.php" target="_blank">PCEP Certification Practice Test: LookupError Exceptions</a></p>
Line No.-1135:
Line No.-1136: <p><a href="https://www.w3resource.com/python/certificate/functions-and-exceptions-indexerror.php" target="_blank">PCEP Certification Practice: IndexError Questions & Explanations</a></p>
Line No.-1137:
Line No.-1138: <p><a href="https://www.w3resource.com/python/certificate/functions-and-exceptions-keyerror.php" target="_blank">PCEP Certification Practice: KeyError Questions & Explanations</a></p>
Line No.-1139:
Line No.-1140: <p><a href="https://www.w3resource.com/python-exercises/pandas/pandas-custom-functions-and-apply-exercises.php" target="_blank">Pandas Custom Functions: Apply, Map, and Applymap Explained with Exercises</a></p>
Line No.-1141:
Line No.-1142: <p><strong>21 September, 2024</strong></p>
Line No.-1143: <p><a href="https://www.w3resource.com/c-programming/c-increment-and-decrement-operators.php" target="_blank">C Increment and Decrement Operators with examples</a></p>
Line No.-1144: <p><a href="https://www.w3resource.com/c-programming/c-assignment-operators.php" target="_blank">C Programming: Assignment Operators</a></p>
Line No.-1145: <p><a href="https://www.w3resource.com/c-programming/c-conditional-operator.php" target="_blank">C Programming: Conditional (Ternary) Operator </a></p>
Line No.-1146: <p><a href="https://www.w3resource.com/c-programming/c-special-operator.php" target="_blank">C Programming: Special Operators with examples</a></p>
Line No.-1147: <p><a href="https://www.w3resource.com/python/certificate/functions-and-exceptions-arithmeticerror.php" target="_blank">PCEP Certification Practice: Python ArithmeticError Exception</a></p>
Line No.-1148: <p><a href="https://www.w3resource.com/python/certificate/functions-and-exceptions-abstract-exceptions.php" target="_blank">PCEP Certification Practice: Python Abstract Exceptions</a></p>
Line No.-1149: <p><a href="https://www.w3resource.com/python/certificate/functions-and-exceptions-keyboardinterrupt.php" target="_blank">Python PCEP Practice Questions: KeyboardInterrupt Exception</a></p>
Line No.-1150:
Line No.-1151:
Line No.-1152: <p><strong>20 September, 2024</strong></p>
Line No.-1153: <p><a href="https://www.w3resource.com/c-programming/c-logical-operators.php" target="_blank">C Programming - Logical Operators Explained</a></p>
Line No.-1154: <p><a href="https://www.w3resource.com/c-programming/c-arithmetic-operators.php" target="_blank">C Arithmetic Operators Explained with Examples</a></p>
Line No.-1155: <p><a href="https://www.w3resource.com/c-programming/c-relational-operators.php" target="_blank">C Relational Operators with Examples</a></p>
Line No.-1156:
Line No.-1157: <p><strong>19 September, 2024</strong></p>
Line No.-1158: <p><a href="https://www.w3resource.com/projects/python/python-basic-url-crawler-project.php" target="_blank">Python Project - Basic URL Crawler for extract URLs</a></p>
Line No.-1159:
Line No.-1160: <p><a href="https://www.w3resource.com/python/certificate/functions-and-exceptions-base-exception.php" target="_blank">PCEP Certification Practice: Python Built-In BaseException Hierarchy</a></p>
Line No.-1161:
Line No.-1162:
Line No.-1163: <p><a href="https://www.w3resource.com/python/certificate/functions-and-exceptions-exception.php" target="_blank">PCEP Certification Practice: Python Built-In Exception Class</a></p>
Line No.-1164:
Line No.-1165: <p><a href="https://www.w3resource.com/python/certificate/functions-and-exceptions-systemexit.php" target="_blank">PCEP Certification Practice: Python SystemExit Exception Handling</a></p>
Line No.-1166:
Line No.-1167: <p><strong>18 September, 2024</strong></p>
Line No.-1168:
Line No.-1169: <p><a href="https://www.w3resource.com/c-programming/c-multithreading.php" target="_blank">Multithreading in C with POSIX Threads: A Complete Guide</a></p>
Line No.-1170:
Line No.-1171: <p><a href="https://www.w3resource.com/c-programming/c-union.php" target="_blank">Understanding the Concept and use Cases of Unions in C</a></p>
Line No.-1172:
Line No.-1173: <p><a href="https://www.w3resource.com/c-programming/c-bitwise-operators.php" target="_blank">Understanding Bitwise Operators with examples in C</a></p>
Line No.-1174:
Line No.-1175: <p><a href="https://www.w3resource.com/python/certificate/functions-and-exceptions-name-scopes-name-hiding-and-global-keyword.php" target="_blank">PCEP Certification Practice: Name Scopes, Name Hiding, and Global Keyword</a></p>
Line No.-1176:
Line No.-1177: <p><a href="https://www.w3resource.com/python/certificate/functions-and-exceptions-default-parameter-values.php" target="_blank">PCEP Exam Practice: Default Parameter Values in Python Functions</a></p>
Line No.-1178:
Line No.-1179:
Line No.-1180: <p><a href="https://www.w3resource.com/projects/python/python-trivia-quiz-game-project.php" target="_blank">Trivia Quiz Game Project: CLI and GUI Solutions in Python</a></p>
Line No.-1181:
Line No.-1182: <p><strong>17 September, 2024</strong></p>
Line No.-1183:
Line No.-1184: <p><a href="https://www.w3resource.com/python/certificate/functions-and-exceptions-positional-keyword-and-mixed-argument-passing.php" target="_blank">PCEP Certification Practice Test: Positional, Keyword, and Mixed Arguments</a></p>
Line No.-1185:
Line No.-1186: <p><a href="https://www.w3resource.com/c-programming/c-preprocessor-directives.php" target="_blank">Mastering Preprocessor Directives in C: #define, #include, and Macros</a></p>
Line No.-1187:
Line No.-1188: <p><a href="https://www.w3resource.com/c-programming/c-error-handling.php" target="_blank">Comprehensive Guide to Error Handling in C: errno, perror(), and strerror()</a></p>
Line No.-1189:
Line No.-1190:
Line No.-1191: <p><a href="https://www.w3resource.com/c-programming/c-typedef-and-enum.php" target="_blank">Understanding Typedef and Enum in C Programming</a></p>
Line No.-1192:
Line No.-1193: <p><strong>16 September, 2024</strong></p>
Line No.-1194: <p><a href="https://www.w3resource.com/c-programming/c-command-line-arguments.php" target="_blank">Command-Line Arguments in C: Handling argc and argv</a></p>
Line No.-1195:
Line No.-1196: <p><a href="https://www.w3resource.com/c-programming/c-dynamic-memory-allocation.php" target="_blank">Dynamic Memory Allocation in C: malloc(), calloc(), realloc(), and free()</a></p>
Line No.-1197:
Line No.-1198:
Line No.-1199: <p><a href="https://www.w3resource.com/c-programming/c-file-handling.php" target="_blank">C File Handling: fopen(), fclose(), fread(), and fwrite() Tutorial</a></p>
Line No.-1200:
Line No.-1201: <p><a href="https://www.w3resource.com/python/certificate/functions-and-exceptions-parameters-vs-arguments.php" target="_blank">PCEP Certification Practice Test: Parameters vs. Arguments</a></p>
Line No.-1202:
Line No.-1203: <strong>14 September, 2024</strong></p>
Line No.-1204:
Line No.-1205: <p><a href="https://www.w3resource.com/c-programming/c-programming-recursion.php" target="_blank">Comprehensive guide to Recursion in C Programming: Best Practices & Examples</a></p>
Line No.-1206:
Line No.-1207:
Line No.-1208: <p><a href="https://www.w3resource.com/python/certificate/functions-and-exceptions-defining-and-invoking-user-defined-functions-and-generators.php" target="_blank">PCEP Certification Practice Test: User-Defined Functions and Generators</a></p>
Line No.-1209: <p><a href="https://www.w3resource.com/python/certificate/functions-and-exceptions-the-none-keyword.php" target="_blank">PCEP Certification Practice Test: Understanding the None Keyword in Python</a></p>
Line No.-1210: <p><a href="https://www.w3resource.com/python/certificate/functions-and-exceptions-recursion.php" target="_blank">PCEP Certification Practice Test: Mastering Recursion in Python</a></p>
Line No.-1211: <strong>13 September, 2024</strong></p>
Line No.-1212:
Line No.-1213: <p><a href="https://www.w3resource.com/c-programming/c-programming-functions.php" target="_blank">C Programming Functions: Declarations, Definitions & Examples</a></p>
Line No.-1214:
Line No.-1215: <p><a href="https://www.w3resource.com/python/certificate/data-collections-strings-quotes-and-apostrophes-inside-strings.php" target="_blank">PCEP Practice Test: Mastering Quotes and Apostrophes in Python Strings</a></p>
Line No.-1216: <p><a href="https://www.w3resource.com/python/certificate/data-collections-strings-multi-line-strings.php" target="_blank">PCEP Practice Test: Understanding Multi-line Strings in Python</a></p>
Line No.-1217: <p><a href="https://www.w3resource.com/python/certificate/data-collections-strings-functions-and-methods.php" target="_blank">PCEP Practice Test: Basic String Functions and Methods in Python</a></p>
Line No.-1218:
Line No.-1219: <strong>12 September, 2024</strong></p>
Line No.-1220: <p><a href="https://www.w3resource.com/python/certificate/data-collections-strings-constructing-strings.php" target="_blank">PCEP Certification Practice Test: Constructing Strings</a></p>
Line No.-1221: <p><a href="https://www.w3resource.com/python/certificate/data-collections-strings-indexing-slicing-immutability.php" target="_blank">PCEP Certification Practice Test: Indexing, Slicing, and String immutability</a></p>
Line No.-1222: <p><a href="https://www.w3resource.com/python/certificate/data-collections-strings-escaping-using-the-backslash-character.php" target="_blank">PCEP Certification Practice Test: Escaping using the Backslash character</a></p>
Line No.-1223: <p><a href="https://www.w3resource.com/projects/python/python-url-shortener-project.php" target="_blank">Python URL Shortener Project: Comparing Hashing and Base62 Encoding Methods</a></p>
Line No.-1224: <p><a href="https://www.w3resource.com/projects/python/python-basic-music-player-project.php" target="_blank">Basic Music Player Project: Tkinter vs PyQt5 Solutions for Python</a></p>
Line No.-1225: <p><a href="https://www.w3resource.com/projects/python/python-palindrome-checker-project.php" target="_blank">Palindrome Checker Project: Basic and Class-Based Python Solutions</a></p>
Line No.-1226: <p><a href="https://www.w3resource.com/projects/python/python-basic-blog-system-project.php" target="_blank">Building a Basic Blog System in Python: Two Approaches</a></p>
Line No.-1227:
Line No.-1228:
Line No.-1229: <strong>09 September, 2024</strong></p>
Line No.-1230: <p><a href="https://www.w3resource.com/python/certificate/data-collections-dictionaries-checking-the-existence-of-keys.php" target="_blank">PCEP Certification Practice: Checking the Existence of Dictionary Keys</a></p>
Line No.-1231:
Line No.-1232:
Line No.-1233: <p><a href="https://www.w3resource.com/python/certificate/data-collections-dictionaries-methods-keys-items-and-values.php" target="_blank">PCEP Certification Practice: Dictionary Methods keys(), items(), and values()</a></p>
Line No.-1234:
Line No.-1235: <strong>05 September, 2024</strong></p>
Line No.-1236:
Line No.-1237: <p><a href="https://www.w3resource.com/python/certificate/data-collections-dictionaries-iterating-through-dictionaries-and-their-keys-and-values.php" target="_blank">PCEP Certification Practice: Iterating through Dictionaries and their Keys and Values</a></p>
Line No.-1238:
Line No.-1239: <p><a href="https://www.w3resource.com/python/certificate/data-collections-dictionaries-building-indexing-adding-and-removing-keys.php" target="_blank">PCEP Certification Practice: Iterating through Dictionaries and their Keys and Values</a></p>
Line No.-1240:
Line No.-1241: <p><a href="https://www.w3resource.com/projects/python/python-basic-drawing-app-project.php" target="_blank">Python Project - Basic Drawing App using Tkinter and PyQt5</a></p>
Line No.-1242:
Line No.-1243: <p><a href="https://www.w3resource.com/projects/python/python-image-downloader-project.php" target="_blank">Python Image Downloader: Download Images from a URL</a></p>
Line No.-1244:
Line No.-1245: <strong>04 September, 2024</strong></p>
Line No.-1246: <p><a href="https://www.w3resource.com/projects/python/python-image-downloader-project.php" target="_blank">Python Image Downloader: Download Images from a URL</a></p>
Line No.-1247:
Line No.-1248: <p><a href="https://www.w3resource.com/python/certificate/data-collections-tuples-vs-lists-similarities-and-differences.php" target="_blank">PCEP Certification Practice: Tuples vs. Lists - Differences and Similarities</a></p>
Line No.-1249:
Line No.-1250: <p><a href="https://www.w3resource.com/python/certificate/data-collections-tuples-lists-inside-tuples-and-tuples-inside-lists.php" target="_blank">PCEP Certification Practice: Lists inside Tuples and Tuples inside Lists</a></p>
Line No.-1251:
Line No.-1252:
Line No.-1253: </div>
Line No.-1254: <style type="text/css">
Line No.-1255:
Line No.-1256: .a_link a:link{
Line No.-1257:
Line No.-1258: color: #bc17d6;
Line No.-1259:
Line No.-1260: font-weight: bold;
Line No.-1261:
Line No.-1262: font-size: 16px;
Line No.-1263:
Line No.-1264: margin-left: 1%
Line No.-1265:
Line No.-1266: }
Line No.-1267:
Line No.-1268: .a_link a:hover{
Line No.-1269:
Line No.-1270: color: #4e990d;
Line No.-1271:
Line No.-1272: font-weight: bold;
Line No.-1273:
Line No.-1274: font-size: 16px;
Line No.-1275:
Line No.-1276: margin-left: 1%
Line No.-1277:
Line No.-1278: }
Line No.-1279:
Line No.-1280: .a_link a:active{
Line No.-1281:
Line No.-1282: color: #0c1796;
Line No.-1283:
Line No.-1284: font-weight: bold;
Line No.-1285:
Line No.-1286: font-size: 16px;
Line No.-1287:
Line No.-1288: margin-left: 1%
Line No.-1289:
Line No.-1290: }
Line No.-1291:
Line No.-1292: .a_link a:visited{
Line No.-1293:
Line No.-1294: color: #032859;
Line No.-1295:
Line No.-1296: font-weight: bold;
Line No.-1297:
Line No.-1298: font-size: 16px;
Line No.-1299:
Line No.-1300: margin-left: 1%
Line No.-1301:
Line No.-1302: }
Line No.-1303:
Line No.-1304: .native-cpc a {
Line No.-1305:
Line No.-1306: font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu,
Line No.-1307:
Line No.-1308: Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;
Line No.-1309:
Line No.-1310: }
Line No.-1311:
Line No.-1312:
Line No.-1313:
Line No.-1314: .default-ad {
Line No.-1315:
Line No.-1316: display: none;
Line No.-1317:
Line No.-1318: }
Line No.-1319:
Line No.-1320:
Line No.-1321:
Line No.-1322: .native-cpc a {
Line No.-1323:
Line No.-1324: text-decoration: none !important;
Line No.-1325:
Line No.-1326: }
Line No.-1327:
Line No.-1328:
Line No.-1329:
Line No.-1330: .native-cpc img {
Line No.-1331:
Line No.-1332: display: none;
Line No.-1333:
Line No.-1334: }
Line No.-1335:
Line No.-1336:
Line No.-1337:
Line No.-1338: .native-cpc ._default_ {
Line No.-1339:
Line No.-1340: display: flex;
Line No.-1341:
Line No.-1342: flex-flow: column wrap;
Line No.-1343:
Line No.-1344: max-width: 600px;
Line No.-1345:
Line No.-1346: padding: 10px;
Line No.-1347:
Line No.-1348: 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.-1349:
Line No.-1350:
Line No.-1351:
Line No.-1352: }
Line No.-1353:
Line No.-1354:
Line No.-1355:
Line No.-1356: .native-cpc .default-title {
Line No.-1357:
Line No.-1358: margin-right: 5px;
Line No.-1359:
Line No.-1360: font-size: 10px;
Line No.-1361:
Line No.-1362: margin-bottom: 2px;
Line No.-1363:
Line No.-1364: letter-spacing: .75px;
Line No.-1365:
Line No.-1366: text-transform: uppercase;
Line No.-1367:
Line No.-1368: }
Line No.-1369:
Line No.-1370:
Line No.-1371:
Line No.-1372: .native-cpc .default-title:before {
Line No.-1373:
Line No.-1374: content: "Sponsored by "
Line No.-1375:
Line No.-1376: }
Line No.-1377:
Line No.-1378:
Line No.-1379:
Line No.-1380: .native-cpc .default-description {
Line No.-1381:
Line No.-1382: font-size: 14px;
Line No.-1383:
Line No.-1384: line-height: 1.4;
Line No.-1385:
Line No.-1386: }
Line No.-1387: .widget {display: none !important;}
Line No.-1388: </style>
Line No.-1389:
Line No.-1390:
Line No.-1391: </div>
Line No.-1392:
Line No.-1393:
Line No.-1394: <div class="mdl-cell mdl-card mdl-shadow--2dp through mdl-shadow--6dp mdl-cell--3-col mdl-cell--hide-phone">
Line No.-1395:
Line No.-1396:
Line No.-1397:
Line No.-1398: </div>
Line No.-1399:
Line No.-1400: </div>
Line No.-1401:
Line No.-1402: </div>
Line No.-1403:
Line No.-1404: <footer class="mdl-mega-footer">
Line No.-1405: <!-- <div class="mdl-mega-footer__middle-section">
Line No.-1406:
Line No.-1407: <!-- <div class="mdl-mega-footer__drop-down-section">
Line No.-1408:
Line No.-1409: <input class="mdl-mega-footer__heading-checkbox" type="checkbox" checked>
Line No.-1410:
Line No.-1411: <h1 class="mdl-mega-footer__heading">Features</h1>
Line No.-1412:
Line No.-1413: <ul class="mdl-mega-footer__link-list">
Line No.-1414:
Line No.-1415: <li><a href="#">About</a></li>
Line No.-1416:
Line No.-1417: <li><a href="#">Terms</a></li>
Line No.-1418:
Line No.-1419: <li><a href="#">Partners</a></li>
Line No.-1420:
Line No.-1421: <li><a href="#">Updates</a></li>
Line No.-1422:
Line No.-1423: </ul>
Line No.-1424:
Line No.-1425: </div>
Line No.-1426:
Line No.-1427:
Line No.-1428:
Line No.-1429: <div class="mdl-mega-footer__drop-down-section">
Line No.-1430:
Line No.-1431: <input class="mdl-mega-footer__heading-checkbox" type="checkbox" checked>
Line No.-1432:
Line No.-1433: <h1 class="mdl-mega-footer__heading">Details</h1>
Line No.-1434:
Line No.-1435: <ul class="mdl-mega-footer__link-list">
Line No.-1436:
Line No.-1437: <li><a href="#">Specs</a></li>
Line No.-1438:
Line No.-1439: <li><a href="#">Tools</a></li>
Line No.-1440:
Line No.-1441: <li><a href="#">Resources</a></li>
Line No.-1442:
Line No.-1443: </ul>
Line No.-1444:
Line No.-1445: </div>
Line No.-1446:
Line No.-1447:
Line No.-1448:
Line No.-1449: <div class="mdl-mega-footer__drop-down-section">
Line No.-1450:
Line No.-1451: <input class="mdl-mega-footer__heading-checkbox" type="checkbox" checked>
Line No.-1452:
Line No.-1453: <h1 class="mdl-mega-footer__heading">Technology</h1>
Line No.-1454:
Line No.-1455: <ul class="mdl-mega-footer__link-list">
Line No.-1456:
Line No.-1457: <li><a href="#">How it works</a></li>
Line No.-1458:
Line No.-1459: <li><a href="#">Patterns</a></li>
Line No.-1460:
Line No.-1461: <li><a href="#">Usage</a></li>
Line No.-1462:
Line No.-1463: <li><a href="#">Products</a></li>
Line No.-1464:
Line No.-1465: <li><a href="#">Contracts</a></li>
Line No.-1466:
Line No.-1467: </ul>
Line No.-1468:
Line No.-1469: </div>
Line No.-1470:
Line No.-1471:
Line No.-1472:
Line No.-1473: <div class="mdl-mega-footer__drop-down-section">
Line No.-1474:
Line No.-1475: <input class="mdl-mega-footer__heading-checkbox" type="checkbox" checked>
Line No.-1476:
Line No.-1477: <h1 class="mdl-mega-footer__heading">FAQ</h1>
Line No.-1478:
Line No.-1479: <ul class="mdl-mega-footer__link-list">
Line No.-1480:
Line No.-1481: <li><a href="#">Questions</a></li>
Line No.-1482:
Line No.-1483: <li><a href="#">Answers</a></li>
Line No.-1484:
Line No.-1485: <li><a href="#">Contact us</a></li>
Line No.-1486:
Line No.-1487: </ul>
Line No.-1488:
Line No.-1489: </div>
Line No.-1490:
Line No.-1491: </div>-->
Line No.-1492:
Line No.-1493: <div class="mdl-mega-footer__bottom-section">
Line No.-1494:
Line No.-1495: <div class="mdl-logo"><a href="http://creativecommons.org/licenses/by-nc-sa/3.0/deed.en_US" target="_blank">This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 3.0 Unported License.</a></div>
Line No.-1496:
Line No.-1497: </div>
Line No.-1498:
Line No.-1499: <div class="mdl-mega-footer__bottom-section">
Line No.-1500:
Line No.-1501: <div class="mdl-logo">©w3resource.com 2011-2024</div>
Line No.-1502:
Line No.-1503: <ul class="mdl-mega-footer__link-list">
Line No.-1504:
Line No.-1505: <li><a href="https://www.w3resource.com/privacy.php">Privacy</a></li>
Line No.-1506:
Line No.-1507: <li><a href="https://www.w3resource.com/about.php">About</a></li>
Line No.-1508:
Line No.-1509: <li><a href="https://www.w3resource.com/contact.php">Contact</a></li>
Line No.-1510:
Line No.-1511: <li><a href="https://www.w3resource.com/feedback.php">Feedback</a></li>
Line No.-1512:
Line No.-1513: </ul>
Line No.-1514:
Line No.-1515: </div>
Line No.-1516:
Line No.-1517: </footer>
Line No.-1518:
Line No.-1519: </main>
Line No.-1520: </div>
Line No.-1521:
Line No.-1522: </div>
Line No.-1523:
Line No.-1524: </div>
Line No.-1525:
Line No.-1526: <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
Line No.-1527: <!--<script src="/assets/mdl/material.min.js"></script>-->
Line No.-1528: <script>
Line No.-1529: /**
Line No.-1530: * material-design-lite - Material Design Components in CSS, JS and HTML
Line No.-1531: * @version v1.3.0
Line No.-1532: * @license Apache-2.0
Line No.-1533: * @copyright 2015 Google, Inc.
Line No.-1534: * @link https://github.com/google/material-design-lite
Line No.-1535: */
Line No.-1536: !function(){"use strict";function e(e,t){if(e){if(t.element_.classList.contains(t.CssClasses_.MDL_JS_RIPPLE_EFFECT)){var s=document.createElement("span");s.classList.add(t.CssClasses_.MDL_RIPPLE_CONTAINER),s.classList.add(t.CssClasses_.MDL_JS_RIPPLE_EFFECT);var i=document.createElement("span");i.classList.add(t.CssClasses_.MDL_RIPPLE),s.appendChild(i),e.appendChild(s)}e.addEventListener("click",function(s){if("#"===e.getAttribute("href").charAt(0)){s.preventDefault();var i=e.href.split("#")[1],n=t.element_.querySelector("#"+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("#")[1],a=i.content_.querySelector("#"+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("span");a.classList.add(i.CssClasses_.RIPPLE_CONTAINER),a.classList.add(i.CssClasses_.JS_RIPPLE_EFFECT);var l=document.createElement("span");l.classList.add(i.CssClasses_.RIPPLE),a.appendChild(l),e.appendChild(a)}i.tabBar_.classList.contains(i.CssClasses_.TAB_MANUAL_SWITCH)||e.addEventListener("click",function(t){"#"===e.getAttribute("href").charAt(0)&&(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<c.length;s++)if(c[s].className===e)return"undefined"!=typeof t&&(c[s]=t),c[s];return!1}function t(e){var t=e.getAttribute("data-upgraded");return null===t?[""]:t.split(",")}function s(e,s){var i=t(e);return i.indexOf(s)!==-1}function i(e,t,s){if("CustomEvent"in window&&"function"==typeof window.CustomEvent)return new CustomEvent(e,{bubbles:t,cancelable:s});var i=document.createEvent("Events");return i.initEvent(e,t,s),i}function n(t,s){if("undefined"==typeof t&&"undefined"==typeof s)for(var i=0;i<c.length;i++)n(c[i].className,c[i].cssClass);else{var l=t;if("undefined"==typeof s){var o=e(l);o&&(s=o.cssClass)}for(var r=document.querySelectorAll("."+s),_=0;_<r.length;_++)a(r[_],l)}}function a(n,a){if(!("object"==typeof n&&n instanceof Element))throw new Error("Invalid argument provided to upgrade MDL element.");var l=i("mdl-componentupgrading",!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)&&r.indexOf(e)===-1&&!s(n,e.className)&&r.push(e)})}for(var d,h=0,u=r.length;h<u;h++){if(d=r[h],!d)throw new Error("Unable to find a registered component for the given class.");o.push(d.className),n.setAttribute("data-upgraded",o.join(","));var E=new d.classConstructor(n);E[C]=d,p.push(E);for(var m=0,L=d.callbacks.length;m<L;m++)d.callbacks[m](n);d.widget&&(n[d.className]=E);var I=i("mdl-componentupgraded",!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<i;s++)t=e[s],t instanceof HTMLElement&&(a(t),t.children.length>0&&l(t.children))}function o(t){var s="undefined"==typeof t.widget&&"undefined"==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("The provided cssClass has already been registered: "+e.cssClass);if(e.className===n.className)throw new Error("The provided className has already been registered")}),t.constructor.prototype.hasOwnProperty(C))throw new Error("MDL component classes must not have "+C+" defined as a property.");var a=e(t.classAsString,n);a||c.push(n)}function r(t,s){var i=e(t);i&&i.callbacks.push(s)}function _(){for(var e=0;e<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("data-upgraded").split(","),n=s.indexOf(e[C].classAsString);s.splice(n,1),e.element_.setAttribute("data-upgraded",s.join(","));var a=i("mdl-componentdowngraded",!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<e.length;s++)t(e[s]);else{if(!(e instanceof Node))throw new Error("Invalid argument provided to downgrade MDL nodes.");t(e)}}var c=[],p=[],C="mdlComponentConfigInternal_";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("load",function(){"classList"in document.createElement("div")&&"querySelector"in document&&"addEventListener"in window&&Array.prototype.forEach?(document.documentElement.classList.add("mdl-js"),s.upgradeAllRegistered()):(s.upgradeElement=function(){},s.register=function(){})}),Date.now||(Date.now=function(){return(new Date).getTime()},Date.now=Date.now);for(var i=["webkit","moz"],n=0;n<i.length&&!window.requestAnimationFrame;++n){var a=i[n];window.requestAnimationFrame=window[a+"RequestAnimationFrame"],window.cancelAnimationFrame=window[a+"CancelAnimationFrame"]||window[a+"CancelRequestAnimationFrame"],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:"mdl-js-ripple-effect",RIPPLE_CONTAINER:"mdl-button__ripple-container",RIPPLE:"mdl-ripple"},o.prototype.blurHandler_=function(e){e&&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("span");e.classList.add(this.CssClasses_.RIPPLE_CONTAINER),this.rippleElement_=document.createElement("span"),this.rippleElement_.classList.add(this.CssClasses_.RIPPLE),e.appendChild(this.rippleElement_),this.boundRippleBlurHandler=this.blurHandler_.bind(this),this.rippleElement_.addEventListener("mouseup",this.boundRippleBlurHandler),this.element_.appendChild(e)}this.boundButtonBlurHandler=this.blurHandler_.bind(this),this.element_.addEventListener("mouseup",this.boundButtonBlurHandler),this.element_.addEventListener("mouseleave",this.boundButtonBlurHandler)}},s.register({constructor:o,classAsString:"MaterialButton",cssClass:"mdl-js-button",widget:!0});var r=function(e){this.element_=e,this.init()};window.MaterialCheckbox=r,r.prototype.Constant_={TINY_TIMEOUT:.001},r.prototype.CssClasses_={INPUT:"mdl-checkbox__input",BOX_OUTLINE:"mdl-checkbox__box-outline",FOCUS_HELPER:"mdl-checkbox__focus-helper",TICK_OUTLINE:"mdl-checkbox__tick-outline",RIPPLE_EFFECT:"mdl-js-ripple-effect",RIPPLE_IGNORE_EVENTS:"mdl-js-ripple-effect--ignore-events",RIPPLE_CONTAINER:"mdl-checkbox__ripple-container",RIPPLE_CENTER:"mdl-ripple--center",RIPPLE:"mdl-ripple",IS_FOCUSED:"is-focused",IS_DISABLED:"is-disabled",IS_CHECKED:"is-checked",IS_UPGRADED:"is-upgraded"},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("."+this.CssClasses_.INPUT);var e=document.createElement("span");e.classList.add(this.CssClasses_.BOX_OUTLINE);var t=document.createElement("span");t.classList.add(this.CssClasses_.FOCUS_HELPER);var s=document.createElement("span");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("span"),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("mouseup",this.boundRippleMouseUp);var i=document.createElement("span");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("change",this.boundInputOnChange),this.inputElement_.addEventListener("focus",this.boundInputOnFocus),this.inputElement_.addEventListener("blur",this.boundInputOnBlur),this.element_.addEventListener("mouseup",this.boundElementMouseUp),this.updateClasses_(),this.element_.classList.add(this.CssClasses_.IS_UPGRADED)}},s.register({constructor:r,classAsString:"MaterialCheckbox",cssClass:"mdl-js-checkbox",widget:!0});var _=function(e){this.element_=e,this.init()};window.MaterialIconToggle=_,_.prototype.Constant_={TINY_TIMEOUT:.001},_.prototype.CssClasses_={INPUT:"mdl-icon-toggle__input",JS_RIPPLE_EFFECT:"mdl-js-ripple-effect",RIPPLE_IGNORE_EVENTS:"mdl-js-ripple-effect--ignore-events",RIPPLE_CONTAINER:"mdl-icon-toggle__ripple-container",RIPPLE_CENTER:"mdl-ripple--center",RIPPLE:"mdl-ripple",IS_FOCUSED:"is-focused",IS_DISABLED:"is-disabled",IS_CHECKED:"is-checked"},_.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("."+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("span"),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("mouseup",this.boundRippleMouseUp);var e=document.createElement("span");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("change",this.boundInputOnChange),this.inputElement_.addEventListener("focus",this.boundInputOnFocus),this.inputElement_.addEventListener("blur",this.boundInputOnBlur),this.element_.addEventListener("mouseup",this.boundElementOnMouseUp),this.updateClasses_(),this.element_.classList.add("is-upgraded")}},s.register({constructor:_,classAsString:"MaterialIconToggle",cssClass:"mdl-js-icon-toggle",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:"mdl-menu__container",OUTLINE:"mdl-menu__outline",ITEM:"mdl-menu__item",ITEM_RIPPLE_CONTAINER:"mdl-menu__item-ripple-container",RIPPLE_EFFECT:"mdl-js-ripple-effect",RIPPLE_IGNORE_EVENTS:"mdl-js-ripple-effect--ignore-events",RIPPLE:"mdl-ripple",IS_UPGRADED:"is-upgraded",IS_VISIBLE:"is-visible",IS_ANIMATING:"is-animating",BOTTOM_LEFT:"mdl-menu--bottom-left",BOTTOM_RIGHT:"mdl-menu--bottom-right",TOP_LEFT:"mdl-menu--top-left",TOP_RIGHT:"mdl-menu--top-right",UNALIGNED:"mdl-menu--unaligned"},d.prototype.init=function(){if(this.element_){var e=document.createElement("div");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("div");t.classList.add(this.CssClasses_.OUTLINE),this.outline_=t,e.insertBefore(t,this.element_);var s=this.element_.getAttribute("for")||this.element_.getAttribute("data-mdl-for"),i=null;s&&(i=document.getElementById(s),i&&(this.forElement_=i,i.addEventListener("click",this.handleForClick_.bind(this)),i.addEventListener("keydown",this.handleForKeyboardEvent_.bind(this))));var n=this.element_.querySelectorAll("."+this.CssClasses_.ITEM);this.boundItemKeydown_=this.handleItemKeyboardEvent_.bind(this),this.boundItemClick_=this.handleItemClick_.bind(this);for(var a=0;a<n.length;a++)n[a].addEventListener("click",this.boundItemClick_),n[a].tabIndex="-1",n[a].addEventListener("keydown",this.boundItemKeydown_);if(this.element_.classList.contains(this.CssClasses_.RIPPLE_EFFECT))for(this.element_.classList.add(this.CssClasses_.RIPPLE_IGNORE_EVENTS),a=0;a<n.length;a++){var l=n[a],o=document.createElement("span");o.classList.add(this.CssClasses_.ITEM_RIPPLE_CONTAINER);var r=document.createElement("span");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)&&this.outline_.classList.add(this.CssClasses_.BOTTOM_LEFT),this.element_.classList.contains(this.CssClasses_.BOTTOM_RIGHT)&&this.outline_.classList.add(this.CssClasses_.BOTTOM_RIGHT),this.element_.classList.contains(this.CssClasses_.TOP_LEFT)&&this.outline_.classList.add(this.CssClasses_.TOP_LEFT),this.element_.classList.contains(this.CssClasses_.TOP_RIGHT)&&this.outline_.classList.add(this.CssClasses_.TOP_RIGHT),this.element_.classList.contains(this.CssClasses_.UNALIGNED)&&this.outline_.classList.add(this.CssClasses_.UNALIGNED),e.classList.add(this.CssClasses_.IS_UPGRADED)}},d.prototype.handleForClick_=function(e){if(this.element_&&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+"px",this.container_.style.top=this.forElement_.offsetTop+this.forElement_.offsetHeight+"px"):this.element_.classList.contains(this.CssClasses_.TOP_LEFT)?(this.container_.style.left=this.forElement_.offsetLeft+"px",this.container_.style.bottom=s.bottom-t.top+"px"):this.element_.classList.contains(this.CssClasses_.TOP_RIGHT)?(this.container_.style.right=s.right-t.right+"px",this.container_.style.bottom=s.bottom-t.top+"px"):(this.container_.style.left=this.forElement_.offsetLeft+"px",this.container_.style.top=this.forElement_.offsetTop+this.forElement_.offsetHeight+"px"))}this.toggle(e)},d.prototype.handleForKeyboardEvent_=function(e){if(this.element_&&this.container_&&this.forElement_){var t=this.element_.querySelectorAll("."+this.CssClasses_.ITEM+":not([disabled])");t&&t.length>0&&this.container_.classList.contains(this.CssClasses_.IS_VISIBLE)&&(e.keyCode===this.Keycodes_.UP_ARROW?(e.preventDefault(),t[t.length-1].focus()):e.keyCode===this.Keycodes_.DOWN_ARROW&&(e.preventDefault(),t[0].focus()))}},d.prototype.handleItemKeyboardEvent_=function(e){if(this.element_&&this.container_){var t=this.element_.querySelectorAll("."+this.CssClasses_.ITEM+":not([disabled])");if(t&&t.length>0&&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>0?t[s-1].focus():t[t.length-1].focus();else if(e.keyCode===this.Keycodes_.DOWN_ARROW)e.preventDefault(),t.length>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("mousedown");e.target.dispatchEvent(i),i=new MouseEvent("mouseup"),e.target.dispatchEvent(i),e.target.click()}else e.keyCode===this.Keycodes_.ESCAPE&&(e.preventDefault(),this.hide())}}},d.prototype.handleItemClick_=function(e){e.target.hasAttribute("disabled")?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="":this.element_.classList.contains(this.CssClasses_.BOTTOM_RIGHT)?this.element_.style.clip="rect(0 "+t+"px 0 "+t+"px)":this.element_.classList.contains(this.CssClasses_.TOP_LEFT)?this.element_.style.clip="rect("+e+"px 0 "+e+"px 0)":this.element_.classList.contains(this.CssClasses_.TOP_RIGHT)?this.element_.style.clip="rect("+e+"px "+t+"px "+e+"px "+t+"px)":this.element_.style.clip=""},d.prototype.removeAnimationEndListener_=function(e){e.target.classList.remove(d.prototype.CssClasses_.IS_ANIMATING)},d.prototype.addAnimationEndListener_=function(){this.element_.addEventListener("transitionend",this.removeAnimationEndListener_),this.element_.addEventListener("webkitTransitionEnd",this.removeAnimationEndListener_)},d.prototype.show=function(e){if(this.element_&&this.container_&&this.outline_){var t=this.element_.getBoundingClientRect().height,s=this.element_.getBoundingClientRect().width;this.container_.style.width=s+"px",this.container_.style.height=t+"px",this.outline_.style.width=s+"px",this.outline_.style.height=t+"px";for(var i=this.Constant_.TRANSITION_DURATION_SECONDS*this.Constant_.TRANSITION_DURATION_FRACTION,n=this.element_.querySelectorAll("."+this.CssClasses_.ITEM),a=0;a<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+"s":n[a].offsetTop/t*i+"s",n[a].style.transitionDelay=l}this.applyClip_(t,s),window.requestAnimationFrame(function(){this.element_.classList.add(this.CssClasses_.IS_ANIMATING),this.element_.style.clip="rect(0 "+s+"px "+t+"px 0)",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("click",o),this.hide())}.bind(this);document.addEventListener("click",o)}},d.prototype.show=d.prototype.show,d.prototype.hide=function(){if(this.element_&&this.container_&&this.outline_){for(var e=this.element_.querySelectorAll("."+this.CssClasses_.ITEM),t=0;t<e.length;t++)e[t].style.removeProperty("transition-delay");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:"MaterialMenu",cssClass:"mdl-js-menu",widget:!0});var h=function(e){this.element_=e,this.init()};window.MaterialProgress=h,h.prototype.Constant_={},h.prototype.CssClasses_={INDETERMINATE_CLASS:"mdl-progress__indeterminate"},h.prototype.setProgress=function(e){this.element_.classList.contains(this.CssClasses_.INDETERMINATE_CLASS)||(this.progressbar_.style.width=e+"%")},h.prototype.setProgress=h.prototype.setProgress,h.prototype.setBuffer=function(e){this.bufferbar_.style.width=e+"%",this.auxbar_.style.width=100-e+"%"},h.prototype.setBuffer=h.prototype.setBuffer,h.prototype.init=function(){if(this.element_){var e=document.createElement("div");e.className="progressbar bar bar1",this.element_.appendChild(e),this.progressbar_=e,e=document.createElement("div"),e.className="bufferbar bar bar2",this.element_.appendChild(e),this.bufferbar_=e,e=document.createElement("div"),e.className="auxbar bar bar3",this.element_.appendChild(e),this.auxbar_=e,this.progressbar_.style.width="0%",this.bufferbar_.style.width="100%",this.auxbar_.style.width="0%",this.element_.classList.add("is-upgraded")}},s.register({constructor:h,classAsString:"MaterialProgress",cssClass:"mdl-js-progress",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:"is-focused",IS_DISABLED:"is-disabled",IS_CHECKED:"is-checked",IS_UPGRADED:"is-upgraded",JS_RADIO:"mdl-js-radio",RADIO_BTN:"mdl-radio__button",RADIO_OUTER_CIRCLE:"mdl-radio__outer-circle",RADIO_INNER_CIRCLE:"mdl-radio__inner-circle",RIPPLE_EFFECT:"mdl-js-ripple-effect",RIPPLE_IGNORE_EVENTS:"mdl-js-ripple-effect--ignore-events",RIPPLE_CONTAINER:"mdl-radio__ripple-container",RIPPLE_CENTER:"mdl-ripple--center",RIPPLE:"mdl-ripple"},c.prototype.onChange_=function(e){for(var t=document.getElementsByClassName(this.CssClasses_.JS_RADIO),s=0;s<t.length;s++){var i=t[s].querySelector("."+this.CssClasses_.RADIO_BTN);i.getAttribute("name")===this.btnElement_.getAttribute("name")&&"undefined"!=typeof t[s].MaterialRadio&&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("."+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("span");e.classList.add(this.CssClasses_.RADIO_OUTER_CIRCLE);var t=document.createElement("span");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("span"),s.classList.add(this.CssClasses_.RIPPLE_CONTAINER),s.classList.add(this.CssClasses_.RIPPLE_EFFECT),s.classList.add(this.CssClasses_.RIPPLE_CENTER),s.addEventListener("mouseup",this.boundMouseUpHandler_);var i=document.createElement("span");i.classList.add(this.CssClasses_.RIPPLE),s.appendChild(i),this.element_.appendChild(s)}this.btnElement_.addEventListener("change",this.boundChangeHandler_),this.btnElement_.addEventListener("focus",this.boundFocusHandler_),this.btnElement_.addEventListener("blur",this.boundBlurHandler_),this.element_.addEventListener("mouseup",this.boundMouseUpHandler_),this.updateClasses_(),this.element_.classList.add(this.CssClasses_.IS_UPGRADED)}},s.register({constructor:c,classAsString:"MaterialRadio",cssClass:"mdl-js-radio",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:"mdl-slider__ie-container",SLIDER_CONTAINER:"mdl-slider__container",BACKGROUND_FLEX:"mdl-slider__background-flex",BACKGROUND_LOWER:"mdl-slider__background-lower",BACKGROUND_UPPER:"mdl-slider__background-upper",IS_LOWEST_VALUE:"is-lowest-value",IS_UPGRADED:"is-upgraded"},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("mousedown",{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){"undefined"!=typeof e&&(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("div");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("div");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("div");s.classList.add(this.CssClasses_.BACKGROUND_FLEX),t.appendChild(s),this.backgroundLower_=document.createElement("div"),this.backgroundLower_.classList.add(this.CssClasses_.BACKGROUND_LOWER),s.appendChild(this.backgroundLower_),this.backgroundUpper_=document.createElement("div"),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("input",this.boundInputHandler),this.element_.addEventListener("change",this.boundChangeHandler),this.element_.addEventListener("mouseup",this.boundMouseUpHandler),this.element_.parentElement.addEventListener("mousedown",this.boundContainerMouseDownHandler),this.updateValueStyles_(),this.element_.classList.add(this.CssClasses_.IS_UPGRADED)}},s.register({constructor:p,classAsString:"MaterialSlider",cssClass:"mdl-js-slider",widget:!0});var C=function(e){if(this.element_=e,this.textElement_=this.element_.querySelector("."+this.cssClasses_.MESSAGE),this.actionElement_=this.element_.querySelector("."+this.cssClasses_.ACTION),!this.textElement_)throw new Error("There must be a message element for a snackbar.");if(!this.actionElement_)throw new Error("There must be an action element for a snackbar.");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:"mdl-snackbar",MESSAGE:"mdl-snackbar__text",ACTION:"mdl-snackbar__action",ACTIVE:"mdl-snackbar--active"},C.prototype.displaySnackbar_=function(){this.element_.setAttribute("aria-hidden","true"),
Line No.-1537: this.actionHandler_&&(this.actionElement_.textContent=this.actionText_,this.actionElement_.addEventListener("click",this.actionHandler_),this.setActionHidden_(!1)),this.textElement_.textContent=this.message_,this.element_.classList.add(this.cssClasses_.ACTIVE),this.element_.setAttribute("aria-hidden","false"),setTimeout(this.cleanup_.bind(this),this.timeout_)},C.prototype.showSnackbar=function(e){if(void 0===e)throw new Error("Please provide a data object with at least a message to display.");if(void 0===e.message)throw new Error("Please provide a message to be displayed.");if(e.actionHandler&&!e.actionText)throw new Error("Please provide action text with the handler.");this.active?this.queuedNotifications_.push(e):(this.active=!0,this.message_=e.message,e.timeout?this.timeout_=e.timeout:this.timeout_=2750,e.actionHandler&&(this.actionHandler_=e.actionHandler),e.actionText&&(this.actionText_=e.actionText),this.displaySnackbar_())},C.prototype.showSnackbar=C.prototype.showSnackbar,C.prototype.checkQueue_=function(){this.queuedNotifications_.length>0&&this.showSnackbar(this.queuedNotifications_.shift())},C.prototype.cleanup_=function(){this.element_.classList.remove(this.cssClasses_.ACTIVE),setTimeout(function(){this.element_.setAttribute("aria-hidden","true"),this.textElement_.textContent="",Boolean(this.actionElement_.getAttribute("aria-hidden"))||(this.setActionHidden_(!0),this.actionElement_.textContent="",this.actionElement_.removeEventListener("click",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("aria-hidden","true"):this.actionElement_.removeAttribute("aria-hidden")},s.register({constructor:C,classAsString:"MaterialSnackbar",cssClass:"mdl-js-snackbar",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:"mdl-spinner__layer",MDL_SPINNER_CIRCLE_CLIPPER:"mdl-spinner__circle-clipper",MDL_SPINNER_CIRCLE:"mdl-spinner__circle",MDL_SPINNER_GAP_PATCH:"mdl-spinner__gap-patch",MDL_SPINNER_LEFT:"mdl-spinner__left",MDL_SPINNER_RIGHT:"mdl-spinner__right"},u.prototype.createLayer=function(e){var t=document.createElement("div");t.classList.add(this.CssClasses_.MDL_SPINNER_LAYER),t.classList.add(this.CssClasses_.MDL_SPINNER_LAYER+"-"+e);var s=document.createElement("div");s.classList.add(this.CssClasses_.MDL_SPINNER_CIRCLE_CLIPPER),s.classList.add(this.CssClasses_.MDL_SPINNER_LEFT);var i=document.createElement("div");i.classList.add(this.CssClasses_.MDL_SPINNER_GAP_PATCH);var n=document.createElement("div");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<a.length;l++){var o=document.createElement("div");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("is-active")},u.prototype.stop=u.prototype.stop,u.prototype.start=function(){this.element_.classList.add("is-active")},u.prototype.start=u.prototype.start,u.prototype.init=function(){if(this.element_){for(var e=1;e<=this.Constant_.MDL_SPINNER_LAYER_COUNT;e++)this.createLayer(e);this.element_.classList.add("is-upgraded")}},s.register({constructor:u,classAsString:"MaterialSpinner",cssClass:"mdl-js-spinner",widget:!0});var E=function(e){this.element_=e,this.init()};window.MaterialSwitch=E,E.prototype.Constant_={TINY_TIMEOUT:.001},E.prototype.CssClasses_={INPUT:"mdl-switch__input",TRACK:"mdl-switch__track",THUMB:"mdl-switch__thumb",FOCUS_HELPER:"mdl-switch__focus-helper",RIPPLE_EFFECT:"mdl-js-ripple-effect",RIPPLE_IGNORE_EVENTS:"mdl-js-ripple-effect--ignore-events",RIPPLE_CONTAINER:"mdl-switch__ripple-container",RIPPLE_CENTER:"mdl-ripple--center",RIPPLE:"mdl-ripple",IS_FOCUSED:"is-focused",IS_DISABLED:"is-disabled",IS_CHECKED:"is-checked"},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("."+this.CssClasses_.INPUT);var e=document.createElement("div");e.classList.add(this.CssClasses_.TRACK);var t=document.createElement("div");t.classList.add(this.CssClasses_.THUMB);var s=document.createElement("span");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("span"),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("mouseup",this.boundMouseUpHandler);var i=document.createElement("span");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("change",this.boundChangeHandler),this.inputElement_.addEventListener("focus",this.boundFocusHandler),this.inputElement_.addEventListener("blur",this.boundBlurHandler),this.element_.addEventListener("mouseup",this.boundMouseUpHandler),this.updateClasses_(),this.element_.classList.add("is-upgraded")}},s.register({constructor:E,classAsString:"MaterialSwitch",cssClass:"mdl-js-switch",widget:!0});var m=function(e){this.element_=e,this.init()};window.MaterialTabs=m,m.prototype.Constant_={},m.prototype.CssClasses_={TAB_CLASS:"mdl-tabs__tab",PANEL_CLASS:"mdl-tabs__panel",ACTIVE_CLASS:"is-active",UPGRADED_CLASS:"is-upgraded",MDL_JS_RIPPLE_EFFECT:"mdl-js-ripple-effect",MDL_RIPPLE_CONTAINER:"mdl-tabs__ripple-container",MDL_RIPPLE:"mdl-ripple",MDL_JS_RIPPLE_EFFECT_IGNORE_EVENTS:"mdl-js-ripple-effect--ignore-events"},m.prototype.initTabs_=function(){this.element_.classList.contains(this.CssClasses_.MDL_JS_RIPPLE_EFFECT)&&this.element_.classList.add(this.CssClasses_.MDL_JS_RIPPLE_EFFECT_IGNORE_EVENTS),this.tabs_=this.element_.querySelectorAll("."+this.CssClasses_.TAB_CLASS),this.panels_=this.element_.querySelectorAll("."+this.CssClasses_.PANEL_CLASS);for(var t=0;t<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<this.tabs_.length;e++)this.tabs_[e].classList.remove(this.CssClasses_.ACTIVE_CLASS)},m.prototype.resetPanelState_=function(){for(var e=0;e<this.panels_.length;e++)this.panels_[e].classList.remove(this.CssClasses_.ACTIVE_CLASS)},m.prototype.init=function(){this.element_&&this.initTabs_()},s.register({constructor:m,classAsString:"MaterialTabs",cssClass:"mdl-js-tabs"});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:"maxrows"},L.prototype.CssClasses_={LABEL:"mdl-textfield__label",INPUT:"mdl-textfield__input",IS_DIRTY:"is-dirty",IS_FOCUSED:"is-focused",IS_DISABLED:"is-disabled",IS_INVALID:"is-invalid",IS_UPGRADED:"is-upgraded",HAS_PLACEHOLDER:"has-placeholder"},L.prototype.onKeyDown_=function(e){var t=e.target.value.split("\n").length;13===e.keyCode&&t>=this.maxRows&&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(":focus"))?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&&(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&&this.input_.value.length>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||"",this.updateClasses_()},L.prototype.change=L.prototype.change,L.prototype.init=function(){if(this.element_&&(this.label_=this.element_.querySelector("."+this.CssClasses_.LABEL),this.input_=this.element_.querySelector("."+this.CssClasses_.INPUT),this.input_)){this.input_.hasAttribute(this.Constant_.MAX_ROWS_ATTRIBUTE)&&(this.maxRows=parseInt(this.input_.getAttribute(this.Constant_.MAX_ROWS_ATTRIBUTE),10),isNaN(this.maxRows)&&(this.maxRows=this.Constant_.NO_MAX_ROWS)),this.input_.hasAttribute("placeholder")&&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("input",this.boundUpdateClassesHandler),this.input_.addEventListener("focus",this.boundFocusHandler),this.input_.addEventListener("blur",this.boundBlurHandler),this.input_.addEventListener("reset",this.boundResetHandler),this.maxRows!==this.Constant_.NO_MAX_ROWS&&(this.boundKeyDownHandler=this.onKeyDown_.bind(this),this.input_.addEventListener("keydown",this.boundKeyDownHandler));var e=this.element_.classList.contains(this.CssClasses_.IS_INVALID);this.updateClasses_(),this.element_.classList.add(this.CssClasses_.IS_UPGRADED),e&&this.element_.classList.add(this.CssClasses_.IS_INVALID),this.input_.hasAttribute("autofocus")&&(this.element_.focus(),this.checkFocus())}},s.register({constructor:L,classAsString:"MaterialTextfield",cssClass:"mdl-js-textfield",widget:!0});var I=function(e){this.element_=e,this.init()};window.MaterialTooltip=I,I.prototype.Constant_={},I.prototype.CssClasses_={IS_ACTIVE:"is-active",BOTTOM:"mdl-tooltip--bottom",LEFT:"mdl-tooltip--left",RIGHT:"mdl-tooltip--right",TOP:"mdl-tooltip--top"},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<0?(this.element_.style.top="0",this.element_.style.marginTop="0"):(this.element_.style.top=i+"px",this.element_.style.marginTop=a+"px")):s+n<0?(this.element_.style.left="0",this.element_.style.marginLeft="0"):(this.element_.style.left=s+"px",this.element_.style.marginLeft=n+"px"),this.element_.classList.contains(this.CssClasses_.TOP)?this.element_.style.top=t.top-this.element_.offsetHeight-10+"px":this.element_.classList.contains(this.CssClasses_.RIGHT)?this.element_.style.left=t.left+t.width+10+"px":this.element_.classList.contains(this.CssClasses_.LEFT)?this.element_.style.left=t.left-this.element_.offsetWidth-10+"px":this.element_.style.top=t.top+t.height+10+"px",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("for")||this.element_.getAttribute("data-mdl-for");e&&(this.forElement_=document.getElementById(e)),this.forElement_&&(this.forElement_.hasAttribute("tabindex")||this.forElement_.setAttribute("tabindex","0"),this.boundMouseEnterHandler=this.handleMouseEnter_.bind(this),this.boundMouseLeaveAndScrollHandler=this.hideTooltip_.bind(this),this.forElement_.addEventListener("mouseenter",this.boundMouseEnterHandler,!1),this.forElement_.addEventListener("touchend",this.boundMouseEnterHandler,!1),this.forElement_.addEventListener("mouseleave",this.boundMouseLeaveAndScrollHandler,!1),window.addEventListener("scroll",this.boundMouseLeaveAndScrollHandler,!0),window.addEventListener("touchstart",this.boundMouseLeaveAndScrollHandler))}},s.register({constructor:I,classAsString:"MaterialTooltip",cssClass:"mdl-tooltip"});var f=function(e){this.element_=e,this.init()};window.MaterialLayout=f,f.prototype.Constant_={MAX_WIDTH:"(max-width: 1024px)",TAB_SCROLL_PIXELS:100,RESIZE_TIMEOUT:100,MENU_ICON:"",CHEVRON_LEFT:"chevron_left",CHEVRON_RIGHT:"chevron_right"},f.prototype.Keycodes_={ENTER:13,ESCAPE:27,SPACE:32},f.prototype.Mode_={STANDARD:0,SEAMED:1,WATERFALL:2,SCROLL:3},f.prototype.CssClasses_={CONTAINER:"mdl-layout__container",HEADER:"mdl-layout__header",DRAWER:"mdl-layout__drawer",CONTENT:"mdl-layout__content",DRAWER_BTN:"mdl-layout__drawer-button",ICON:"material-icons",JS_RIPPLE_EFFECT:"mdl-js-ripple-effect",RIPPLE_CONTAINER:"mdl-layout__tab-ripple-container",RIPPLE:"mdl-ripple",RIPPLE_IGNORE_EVENTS:"mdl-js-ripple-effect--ignore-events",HEADER_SEAMED:"mdl-layout__header--seamed",HEADER_WATERFALL:"mdl-layout__header--waterfall",HEADER_SCROLL:"mdl-layout__header--scroll",FIXED_HEADER:"mdl-layout--fixed-header",OBFUSCATOR:"mdl-layout__obfuscator",TAB_BAR:"mdl-layout__tab-bar",TAB_CONTAINER:"mdl-layout__tab-bar-container",TAB:"mdl-layout__tab",TAB_BAR_BUTTON:"mdl-layout__tab-bar-button",TAB_BAR_LEFT_BUTTON:"mdl-layout__tab-bar-left-button",TAB_BAR_RIGHT_BUTTON:"mdl-layout__tab-bar-right-button",TAB_MANUAL_SWITCH:"mdl-layout__tab-manual-switch",PANEL:"mdl-layout__tab-panel",HAS_DRAWER:"has-drawer",HAS_TABS:"has-tabs",HAS_SCROLLING_HEADER:"has-scrolling-header",CASTING_SHADOW:"is-casting-shadow",IS_COMPACT:"is-compact",IS_SMALL_SCREEN:"is-small-screen",IS_DRAWER_OPEN:"is-visible",IS_ACTIVE:"is-active",IS_UPGRADED:"is-upgraded",IS_ANIMATING:"is-animating",ON_LARGE_SCREEN:"mdl-layout--large-screen-only",ON_SMALL_SCREEN:"mdl-layout--small-screen-only"},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>0&&!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&&this.header_.classList.add(this.CssClasses_.IS_ANIMATING)):this.content_.scrollTop<=0&&this.header_.classList.contains(this.CssClasses_.IS_COMPACT)&&(this.header_.classList.remove(this.CssClasses_.CASTING_SHADOW),this.header_.classList.remove(this.CssClasses_.IS_COMPACT),e&&this.header_.classList.add(this.CssClasses_.IS_ANIMATING))}},f.prototype.keyboardEventHandler_=function(e){e.keyCode===this.Keycodes_.ESCAPE&&this.drawer_.classList.contains(this.CssClasses_.IS_DRAWER_OPEN)&&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_&&(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&&"keydown"===e.type){if(e.keyCode!==this.Keycodes_.SPACE&&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)&&(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<e.length;t++)e[t].classList.remove(this.CssClasses_.IS_ACTIVE)},f.prototype.resetPanelState_=function(e){for(var t=0;t<e.length;t++)e[t].classList.remove(this.CssClasses_.IS_ACTIVE)},f.prototype.toggleDrawer=function(){var e=this.element_.querySelector("."+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("aria-hidden","false"),e.setAttribute("aria-expanded","true")):(this.drawer_.setAttribute("aria-hidden","true"),e.setAttribute("aria-expanded","false"))},f.prototype.toggleDrawer=f.prototype.toggleDrawer,f.prototype.init=function(){if(this.element_){var e=document.createElement("div");e.classList.add(this.CssClasses_.CONTAINER);var s=this.element_.querySelector(":focus");this.element_.parentElement.insertBefore(e,this.element_),this.element_.parentElement.removeChild(this.element_),e.appendChild(this.element_),s&&s.focus();for(var i=this.element_.childNodes,n=i.length,a=0;a<n;a++){var l=i[a];l.classList&&l.classList.contains(this.CssClasses_.HEADER)&&(this.header_=l),l.classList&&l.classList.contains(this.CssClasses_.DRAWER)&&(this.drawer_=l),l.classList&&l.classList.contains(this.CssClasses_.CONTENT)&&(this.content_=l)}window.addEventListener("pageshow",function(e){e.persisted&&(this.element_.style.overflowY="hidden",requestAnimationFrame(function(){this.element_.style.overflowY=""}.bind(this)))}.bind(this),!1),this.header_&&(this.tabBar_=this.header_.querySelector("."+this.CssClasses_.TAB_BAR));var o=this.Mode_.STANDARD;if(this.header_&&(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("transitionend",this.headerTransitionEndHandler_.bind(this)),this.header_.addEventListener("click",this.headerClickHandler_.bind(this))):this.header_.classList.contains(this.CssClasses_.HEADER_SCROLL)&&(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_&&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_&&this.tabBar_.classList.remove(this.CssClasses_.CASTING_SHADOW)):o===this.Mode_.WATERFALL&&(this.content_.addEventListener("scroll",this.contentScrollHandler_.bind(this)),this.contentScrollHandler_())),this.drawer_){var r=this.element_.querySelector("."+this.CssClasses_.DRAWER_BTN);if(!r){r=document.createElement("div"),r.setAttribute("aria-expanded","false"),r.setAttribute("role","button"),r.setAttribute("tabindex","0"),r.classList.add(this.CssClasses_.DRAWER_BTN);var _=document.createElement("i");_.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)&&r.classList.add(this.CssClasses_.ON_SMALL_SCREEN),r.addEventListener("click",this.drawerToggleHandler_.bind(this)),r.addEventListener("keydown",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("div");d.classList.add(this.CssClasses_.OBFUSCATOR),this.element_.appendChild(d),d.addEventListener("click",this.drawerToggleHandler_.bind(this)),this.obfuscator_=d,this.drawer_.addEventListener("keydown",this.keyboardEventHandler_.bind(this)),this.drawer_.setAttribute("aria-hidden","true")}if(this.screenSizeMediaQuery_=window.matchMedia(this.Constant_.MAX_WIDTH),this.screenSizeMediaQuery_.addListener(this.screenSizeHandler_.bind(this)),this.screenSizeHandler_(),this.header_&&this.tabBar_){this.element_.classList.add(this.CssClasses_.HAS_TABS);var h=document.createElement("div");h.classList.add(this.CssClasses_.TAB_CONTAINER),this.header_.insertBefore(h,this.tabBar_),this.header_.removeChild(this.tabBar_);var c=document.createElement("div");c.classList.add(this.CssClasses_.TAB_BAR_BUTTON),c.classList.add(this.CssClasses_.TAB_BAR_LEFT_BUTTON);var p=document.createElement("i");p.classList.add(this.CssClasses_.ICON),p.textContent=this.Constant_.CHEVRON_LEFT,c.appendChild(p),c.addEventListener("click",function(){this.tabBar_.scrollLeft-=this.Constant_.TAB_SCROLL_PIXELS}.bind(this));var C=document.createElement("div");C.classList.add(this.CssClasses_.TAB_BAR_BUTTON),C.classList.add(this.CssClasses_.TAB_BAR_RIGHT_BUTTON);var u=document.createElement("i");u.classList.add(this.CssClasses_.ICON),u.textContent=this.Constant_.CHEVRON_RIGHT,C.appendChild(u),C.addEventListener("click",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>0?c.classList.add(this.CssClasses_.IS_ACTIVE):c.classList.remove(this.CssClasses_.IS_ACTIVE),this.tabBar_.scrollLeft<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("scroll",E),E();var m=function(){this.resizeTimeoutId_&&clearTimeout(this.resizeTimeoutId_),this.resizeTimeoutId_=setTimeout(function(){E(),this.resizeTimeoutId_=null}.bind(this),this.Constant_.RESIZE_TIMEOUT)}.bind(this);window.addEventListener("resize",m),this.tabBar_.classList.contains(this.CssClasses_.JS_RIPPLE_EFFECT)&&this.tabBar_.classList.add(this.CssClasses_.RIPPLE_IGNORE_EVENTS);for(var L=this.tabBar_.querySelectorAll("."+this.CssClasses_.TAB),I=this.content_.querySelectorAll("."+this.CssClasses_.PANEL),f=0;f<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:"MaterialLayout",cssClass:"mdl-js-layout"});var b=function(e){this.element_=e,this.init()};window.MaterialDataTable=b,b.prototype.Constant_={},b.prototype.CssClasses_={DATA_TABLE:"mdl-data-table",SELECTABLE:"mdl-data-table--selectable",SELECT_ELEMENT:"mdl-data-table__select",IS_SELECTED:"is-selected",IS_UPGRADED:"is-upgraded"},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<s.length;t++)i=s[t].querySelector("td").querySelector(".mdl-checkbox"),i.MaterialCheckbox.check(),s[t].classList.add(this.CssClasses_.IS_SELECTED);else for(t=0;t<s.length;t++)i=s[t].querySelector("td").querySelector(".mdl-checkbox"),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("label"),n=["mdl-checkbox","mdl-js-checkbox","mdl-js-ripple-effect",this.CssClasses_.SELECT_ELEMENT];i.className=n.join(" ");var a=document.createElement("input");return a.type="checkbox",a.classList.add("mdl-checkbox__input"),e?(a.checked=e.classList.contains(this.CssClasses_.IS_SELECTED),a.addEventListener("change",this.selectRow_(a,e))):t&&a.addEventListener("change",this.selectRow_(a,null,t)),i.appendChild(a),s.upgradeElement(i,"MaterialCheckbox"),i},b.prototype.init=function(){if(this.element_){var e=this.element_.querySelector("th"),t=Array.prototype.slice.call(this.element_.querySelectorAll("tbody tr")),s=Array.prototype.slice.call(this.element_.querySelectorAll("tfoot tr")),i=t.concat(s);if(this.element_.classList.contains(this.CssClasses_.SELECTABLE)){var n=document.createElement("th"),a=this.createCheckbox_(null,i);n.appendChild(a),e.parentElement.insertBefore(n,e);for(var l=0;l<i.length;l++){var o=i[l].querySelector("td");if(o){var r=document.createElement("td");if("TBODY"===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:"MaterialDataTable",cssClass:"mdl-js-data-table"});var S=function(e){this.element_=e,this.init()};window.MaterialRipple=S,S.prototype.Constant_={INITIAL_SCALE:"scale(0.0001, 0.0001)",INITIAL_SIZE:"1px",INITIAL_OPACITY:"0.4",FINAL_OPACITY:"0",FINAL_SCALE:""},S.prototype.CssClasses_={RIPPLE_CENTER:"mdl-ripple--center",RIPPLE_EFFECT_IGNORE_EVENTS:"mdl-js-ripple-effect--ignore-events",RIPPLE:"mdl-ripple",IS_ANIMATING:"is-animating",IS_VISIBLE:"is-visible"},S.prototype.downHandler_=function(e){if(!this.rippleElement_.style.width&&!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_+"px",this.rippleElement_.style.height=this.rippleSize_+"px"}if(this.rippleElement_.classList.add(this.CssClasses_.IS_VISIBLE),"mousedown"===e.type&&this.ignoringMouseDown_)this.ignoringMouseDown_=!1;else{"touchstart"===e.type&&(this.ignoringMouseDown_=!0);var s=this.getFrameCount();if(s>0)return;this.setFrameCount(1);var i,n,a=e.currentTarget.getBoundingClientRect();if(0===e.clientX&&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&&2!==e.detail&&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("."+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("mousedown",this.boundDownHandler),this.element_.addEventListener("touchstart",this.boundDownHandler),this.boundUpHandler=this.upHandler_.bind(this),this.element_.addEventListener("mouseup",this.boundUpHandler),this.element_.addEventListener("mouseleave",this.boundUpHandler),this.element_.addEventListener("touchend",this.boundUpHandler),this.element_.addEventListener("blur",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="translate("+this.x_+"px, "+this.y_+"px)";t?(i=this.Constant_.INITIAL_SCALE,n=this.Constant_.INITIAL_SIZE):(i=this.Constant_.FINAL_SCALE,n=this.rippleSize_+"px",e&&(a="translate("+this.boundWidth/2+"px, "+this.boundHeight/2+"px)")),s="translate(-50%, -50%) "+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_-- >0?window.requestAnimationFrame(this.animFrameHandler.bind(this)):this.setRippleStyles(!1)})}},s.register({constructor:S,classAsString:"MaterialRipple",cssClass:"mdl-js-ripple-effect",widget:!1})}();
Line No.-1538: //# sourceMappingURL=material.min.js.map
Line No.-1539: </script>
Line No.-1540:
Line No.-1541: <!--<link rel="stylesheet" href="/assets/prism.css" />-->
Line No.-1542: <style type="text/css">
Line No.-1543: /* PrismJS 1.15.0
Line No.-1544: https://prismjs.com/download.html#themes=prism-coy&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&plugins=line-numbers+toolbar+copy-to-clipboard */
Line No.-1545: /**
Line No.-1546: * prism.js Coy theme for JavaScript, CoffeeScript, CSS and HTML
Line No.-1547: * 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.-1548: * @author Tim Shedor
Line No.-1549: */
Line No.-1550:
Line No.-1551: code[class*="language-"],
Line No.-1552: pre[class*="language-"] {
Line No.-1553: color: black;
Line No.-1554: background: none;
Line No.-1555: font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
Line No.-1556: text-align: left;
Line No.-1557: white-space: pre;
Line No.-1558: word-spacing: normal;
Line No.-1559: word-break: normal;
Line No.-1560: word-wrap: normal;
Line No.-1561: line-height: 1.5;
Line No.-1562:
Line No.-1563: -moz-tab-size: 4;
Line No.-1564: -o-tab-size: 4;
Line No.-1565: tab-size: 4;
Line No.-1566:
Line No.-1567: -webkit-hyphens: none;
Line No.-1568: -moz-hyphens: none;
Line No.-1569: -ms-hyphens: none;
Line No.-1570: hyphens: none;
Line No.-1571: }
Line No.-1572:
Line No.-1573: /* Code blocks */
Line No.-1574: pre[class*="language-"] {
Line No.-1575: position: relative;
Line No.-1576: margin: .5em 0;
Line No.-1577: overflow: visible;
Line No.-1578: padding: 0;
Line No.-1579: }
Line No.-1580: pre[class*="language-"]>code {
Line No.-1581: position: relative;
Line No.-1582: border-left: 10px solid #358ccb;
Line No.-1583: box-shadow: -1px 0px 0px 0px #358ccb, 0px 0px 0px 1px #dfdfdf;
Line No.-1584: background-color: #fdfdfd;
Line No.-1585: background-image: linear-gradient(transparent 50%, rgba(69, 142, 209, 0.04) 50%);
Line No.-1586: background-size: 3em 3em;
Line No.-1587: background-origin: content-box;
Line No.-1588: background-attachment: local;
Line No.-1589: }
Line No.-1590:
Line No.-1591: code[class*="language"] {
Line No.-1592: max-height: inherit;
Line No.-1593: height: inherit;
Line No.-1594: padding: 0 1em;
Line No.-1595: display: block;
Line No.-1596: overflow: auto;
Line No.-1597: }
Line No.-1598:
Line No.-1599: /* Margin bottom to accommodate shadow */
Line No.-1600: :not(pre) > code[class*="language-"],
Line No.-1601: pre[class*="language-"] {
Line No.-1602: background-color: #fdfdfd;
Line No.-1603: -webkit-box-sizing: border-box;
Line No.-1604: -moz-box-sizing: border-box;
Line No.-1605: box-sizing: border-box;
Line No.-1606: margin-bottom: 1em;
Line No.-1607: }
Line No.-1608:
Line No.-1609: /* Inline code */
Line No.-1610: :not(pre) > code[class*="language-"] {
Line No.-1611: position: relative;
Line No.-1612: padding: .2em;
Line No.-1613: border-radius: 0.3em;
Line No.-1614: color: #c92c2c;
Line No.-1615: border: 1px solid rgba(0, 0, 0, 0.1);
Line No.-1616: display: inline;
Line No.-1617: white-space: normal;
Line No.-1618: }
Line No.-1619:
Line No.-1620: pre[class*="language-"]:before,
Line No.-1621: pre[class*="language-"]:after {
Line No.-1622: content: '';
Line No.-1623: z-index: -2;
Line No.-1624: display: block;
Line No.-1625: position: absolute;
Line No.-1626: bottom: 0.75em;
Line No.-1627: left: 0.18em;
Line No.-1628: width: 40%;
Line No.-1629: height: 20%;
Line No.-1630: max-height: 13em;
Line No.-1631: box-shadow: 0px 13px 8px #979797;
Line No.-1632: -webkit-transform: rotate(-2deg);
Line No.-1633: -moz-transform: rotate(-2deg);
Line No.-1634: -ms-transform: rotate(-2deg);
Line No.-1635: -o-transform: rotate(-2deg);
Line No.-1636: transform: rotate(-2deg);
Line No.-1637: }
Line No.-1638:
Line No.-1639: :not(pre) > code[class*="language-"]:after,
Line No.-1640: pre[class*="language-"]:after {
Line No.-1641: right: 0.75em;
Line No.-1642: left: auto;
Line No.-1643: -webkit-transform: rotate(2deg);
Line No.-1644: -moz-transform: rotate(2deg);
Line No.-1645: -ms-transform: rotate(2deg);
Line No.-1646: -o-transform: rotate(2deg);
Line No.-1647: transform: rotate(2deg);
Line No.-1648: }
Line No.-1649:
Line No.-1650: .token.comment,
Line No.-1651: .token.block-comment,
Line No.-1652: .token.prolog,
Line No.-1653: .token.doctype,
Line No.-1654: .token.cdata {
Line No.-1655: color: #7D8B99;
Line No.-1656: }
Line No.-1657:
Line No.-1658: .token.punctuation {
Line No.-1659: color: #5F6364;
Line No.-1660: }
Line No.-1661:
Line No.-1662: .token.property,
Line No.-1663: .token.tag,
Line No.-1664: .token.boolean,
Line No.-1665: .token.number,
Line No.-1666: .token.function-name,
Line No.-1667: .token.constant,
Line No.-1668: .token.symbol,
Line No.-1669: .token.deleted {
Line No.-1670: color: #c92c2c;
Line No.-1671: }
Line No.-1672:
Line No.-1673: .token.selector,
Line No.-1674: .token.attr-name,
Line No.-1675: .token.string,
Line No.-1676: .token.char,
Line No.-1677: .token.function,
Line No.-1678: .token.builtin,
Line No.-1679: .token.inserted {
Line No.-1680: color: #2f9c0a;
Line No.-1681: }
Line No.-1682:
Line No.-1683: .token.operator,
Line No.-1684: .token.entity,
Line No.-1685: .token.url,
Line No.-1686: .token.variable {
Line No.-1687: color: #a67f59;
Line No.-1688: background: rgba(255, 255, 255, 0.5);
Line No.-1689: }
Line No.-1690:
Line No.-1691: .token.atrule,
Line No.-1692: .token.attr-value,
Line No.-1693: .token.keyword,
Line No.-1694: .token.class-name {
Line No.-1695: color: #1990b8;
Line No.-1696: }
Line No.-1697:
Line No.-1698: .token.regex,
Line No.-1699: .token.important {
Line No.-1700: color: #e90;
Line No.-1701: }
Line No.-1702:
Line No.-1703: .language-css .token.string,
Line No.-1704: .style .token.string {
Line No.-1705: color: #a67f59;
Line No.-1706: background: rgba(255, 255, 255, 0.5);
Line No.-1707: }
Line No.-1708:
Line No.-1709: .token.important {
Line No.-1710: font-weight: normal;
Line No.-1711: }
Line No.-1712:
Line No.-1713: .token.bold {
Line No.-1714: font-weight: bold;
Line No.-1715: }
Line No.-1716: .token.italic {
Line No.-1717: font-style: italic;
Line No.-1718: }
Line No.-1719:
Line No.-1720: .token.entity {
Line No.-1721: cursor: help;
Line No.-1722: }
Line No.-1723:
Line No.-1724: .namespace {
Line No.-1725: opacity: .7;
Line No.-1726: }
Line No.-1727:
Line No.-1728: @media screen and (max-width: 767px) {
Line No.-1729: pre[class*="language-"]:before,
Line No.-1730: pre[class*="language-"]:after {
Line No.-1731: bottom: 14px;
Line No.-1732: box-shadow: none;
Line No.-1733: }
Line No.-1734:
Line No.-1735: }
Line No.-1736:
Line No.-1737: /* Plugin styles */
Line No.-1738: .token.tab:not(:empty):before,
Line No.-1739: .token.cr:before,
Line No.-1740: .token.lf:before {
Line No.-1741: color: #e0d7d1;
Line No.-1742: }
Line No.-1743:
Line No.-1744: /* Plugin styles: Line Numbers */
Line No.-1745: pre[class*="language-"].line-numbers.line-numbers {
Line No.-1746: padding-left: 0;
Line No.-1747: }
Line No.-1748:
Line No.-1749: pre[class*="language-"].line-numbers.line-numbers code {
Line No.-1750: padding-left: 3.8em;
Line No.-1751: }
Line No.-1752:
Line No.-1753: pre[class*="language-"].line-numbers.line-numbers .line-numbers-rows {
Line No.-1754: left: 0;
Line No.-1755: }
Line No.-1756:
Line No.-1757: /* Plugin styles: Line Highlight */
Line No.-1758: pre[class*="language-"][data-line] {
Line No.-1759: padding-top: 0;
Line No.-1760: padding-bottom: 0;
Line No.-1761: padding-left: 0;
Line No.-1762: }
Line No.-1763: pre[data-line] code {
Line No.-1764: position: relative;
Line No.-1765: padding-left: 4em;
Line No.-1766: }
Line No.-1767: pre .line-highlight {
Line No.-1768: margin-top: 0;
Line No.-1769: }
Line No.-1770:
Line No.-1771: pre[class*="language-"].line-numbers {
Line No.-1772: position: relative;
Line No.-1773: padding-left: 3.8em;
Line No.-1774: counter-reset: linenumber;
Line No.-1775: }
Line No.-1776:
Line No.-1777: pre[class*="language-"].line-numbers > code {
Line No.-1778: position: relative;
Line No.-1779: white-space: inherit;
Line No.-1780: }
Line No.-1781:
Line No.-1782: .line-numbers .line-numbers-rows {
Line No.-1783: position: absolute;
Line No.-1784: pointer-events: none;
Line No.-1785: top: 0;
Line No.-1786: font-size: 100%;
Line No.-1787: left: -3.8em;
Line No.-1788: width: 3em; /* works for line-numbers below 1000 lines */
Line No.-1789: letter-spacing: -1px;
Line No.-1790: border-right: 1px solid #999;
Line No.-1791:
Line No.-1792: -webkit-user-select: none;
Line No.-1793: -moz-user-select: none;
Line No.-1794: -ms-user-select: none;
Line No.-1795: user-select: none;
Line No.-1796:
Line No.-1797: }
Line No.-1798:
Line No.-1799: .line-numbers-rows > span {
Line No.-1800: pointer-events: none;
Line No.-1801: display: block;
Line No.-1802: counter-increment: linenumber;
Line No.-1803: }
Line No.-1804:
Line No.-1805: .line-numbers-rows > span:before {
Line No.-1806: content: counter(linenumber);
Line No.-1807: color: #999;
Line No.-1808: display: block;
Line No.-1809: padding-right: 0.8em;
Line No.-1810: text-align: right;
Line No.-1811: }
Line No.-1812:
Line No.-1813: div.code-toolbar {
Line No.-1814: position: relative;
Line No.-1815: }
Line No.-1816:
Line No.-1817: div.code-toolbar > .toolbar {
Line No.-1818: position: absolute;
Line No.-1819: top: .3em;
Line No.-1820: right: .2em;
Line No.-1821: transition: opacity 0.3s ease-in-out;
Line No.-1822: opacity: 0;
Line No.-1823: }
Line No.-1824:
Line No.-1825: div.code-toolbar:hover > .toolbar {
Line No.-1826: opacity: 1;
Line No.-1827: }
Line No.-1828:
Line No.-1829: div.code-toolbar > .toolbar .toolbar-item {
Line No.-1830: display: inline-block;
Line No.-1831: }
Line No.-1832:
Line No.-1833: div.code-toolbar > .toolbar a {
Line No.-1834: cursor: pointer;
Line No.-1835: }
Line No.-1836:
Line No.-1837: div.code-toolbar > .toolbar button {
Line No.-1838: background: none;
Line No.-1839: border: 0;
Line No.-1840: color: inherit;
Line No.-1841: font: inherit;
Line No.-1842: line-height: normal;
Line No.-1843: overflow: visible;
Line No.-1844: padding: 0;
Line No.-1845: -webkit-user-select: none; /* for button */
Line No.-1846: -moz-user-select: none;
Line No.-1847: -ms-user-select: none;
Line No.-1848: }
Line No.-1849:
Line No.-1850: div.code-toolbar > .toolbar a,
Line No.-1851: div.code-toolbar > .toolbar button,
Line No.-1852: div.code-toolbar > .toolbar span {
Line No.-1853: color: #bbb;
Line No.-1854: font-size: .8em;
Line No.-1855: padding: 0 .5em;
Line No.-1856: background: #f5f2f0;
Line No.-1857: background: rgba(224, 224, 224, 0.2);
Line No.-1858: box-shadow: 0 2px 0 0 rgba(0,0,0,0.2);
Line No.-1859: border-radius: .5em;
Line No.-1860: }
Line No.-1861:
Line No.-1862: div.code-toolbar > .toolbar a:hover,
Line No.-1863: div.code-toolbar > .toolbar a:focus,
Line No.-1864: div.code-toolbar > .toolbar button:hover,
Line No.-1865: div.code-toolbar > .toolbar button:focus,
Line No.-1866: div.code-toolbar > .toolbar span:hover,
Line No.-1867: div.code-toolbar > .toolbar span:focus {
Line No.-1868: color: inherit;
Line No.-1869: text-decoration: none;
Line No.-1870: }
Line No.-1871: </style>
Line No.-1872:
Line No.-1873:
Line No.-1874: <script src="/assets/prism.js"></script>
Line No.-1875: <script>
Line No.-1876: var goTop = document.createElement("a");
Line No.-1877:
Line No.-1878: goTop.innerHTML = '<i class="material-icons"></i>';
Line No.-1879:
Line No.-1880: goTop.style = "bottom:0;right:27%;position:absolute;z-index: 9999";
Line No.-1881:
Line No.-1882: goTop.setAttribute("href", "#log_img");
Line No.-1883:
Line No.-1884: document.body.appendChild(goTop);
Line No.-1885:
Line No.-1886: </script>
Line No.-1887:
Line No.-1888: <!--<link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.0.3/cookieconsent.min.css" />
Line No.-1889:
Line No.-1890: <script src="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.0.3/cookieconsent.min.js"></script>-->
Line No.-1891:
Line No.-1892: <!-- Minified Cookie Consent served from our CDN -->
Line No.-1893:
Line No.-1894: <script src="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/1.0.9/cookieconsent.min.js"></script>
Line No.-1895:
Line No.-1896: <script>
Line No.-1897:
Line No.-1898: window.cookieconsent_options = {
Line No.-1899:
Line No.-1900: 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.-1901:
Line No.-1902: theme:'dark-bottom',
Line No.-1903:
Line No.-1904: learnMore: 'More info',
Line No.-1905:
Line No.-1906: link: 'https://www.w3resource.com/privacy.php'
Line No.-1907:
Line No.-1908: };
Line No.-1909:
Line No.-1910: </script>
Line No.-1911:
Line No.-1912: <style type="text/css">
Line No.-1913:
Line No.-1914: .previousNext_bottom a:first-child {
Line No.-1915:
Line No.-1916: float: left;
Line No.-1917:
Line No.-1918: margin-left:8px;
Line No.-1919:
Line No.-1920: }
Line No.-1921:
Line No.-1922: .previousNext_bottom a:last-child {
Line No.-1923:
Line No.-1924: float: right;
Line No.-1925:
Line No.-1926: margin-right:8px;
Line No.-1927:
Line No.-1928: }
Line No.-1929:
Line No.-1930: </style>
Line No.-1931:
Line No.-1932: <script>
Line No.-1933:
Line No.-1934: window.onload = function() {
Line No.-1935:
Line No.-1936: //var old_links = document.getElementById("np").style.display = "none";
Line No.-1937:
Line No.-1938: var links = document.querySelector("ul.nav.nav-list").childNodes;
Line No.-1939:
Line No.-1940: var parentDiv = document.querySelector(".np");
Line No.-1941:
Line No.-1942: var parentDiv_bottom = document.querySelector(".np_bottom");
Line No.-1943:
Line No.-1944: var node = document.createElement("span");
Line No.-1945:
Line No.-1946: var node_bottom = document.createElement("span");
Line No.-1947:
Line No.-1948: node.setAttribute("class","previousNext");
Line No.-1949:
Line No.-1950: node_bottom.setAttribute("class","previousNext_bottom");
Line No.-1951:
Line No.-1952: parentDiv.appendChild(node);
Line No.-1953:
Line No.-1954: parentDiv_bottom.appendChild(node_bottom);
Line No.-1955:
Line No.-1956: for (var i=0; i < links.length; i++) {
Line No.-1957:
Line No.-1958: if(links[i].getAttribute("class")!=="nav-header" && links[i].children[0].getAttribute('href')===window.location.pathname){
Line No.-1959:
Line No.-1960: if(links[i-1].getAttribute("class")!=="nav-header"){
Line No.-1961:
Line No.-1962: var newLink = document.createElement("a");
Line No.-1963:
Line No.-1964: newLink.setAttribute("href",links[i-1].children[0].getAttribute("href"));
Line No.-1965:
Line No.-1966: var icon = document.createElement("i");
Line No.-1967:
Line No.-1968: icon.setAttribute("class","material-icons");
Line No.-1969:
Line No.-1970: icon.style.marginLeft = '40px';
Line No.-1971:
Line No.-1972: icon.style.color = '#fff';
Line No.-1973:
Line No.-1974: icon.style.verticalAlign = 'middle';
Line No.-1975:
Line No.-1976: var previousTxt = document.createTextNode('skip_previous');
Line No.-1977:
Line No.-1978: icon.appendChild(previousTxt);
Line No.-1979:
Line No.-1980: newLink.appendChild(icon);
Line No.-1981:
Line No.-1982: node.appendChild(newLink);
Line No.-1983:
Line No.-1984: //for bottom
Line No.-1985:
Line No.-1986: var newLink_bottom = document.createElement("a");
Line No.-1987:
Line No.-1988: newLink_bottom.setAttribute("href",links[i-1].children[0].getAttribute("href"));
Line No.-1989:
Line No.-1990: var previousTxt_bottom = document.createTextNode('Previous');
Line No.-1991:
Line No.-1992: newLink_bottom.appendChild(previousTxt_bottom);
Line No.-1993:
Line No.-1994: node_bottom.appendChild(newLink_bottom);
Line No.-1995:
Line No.-1996: }
Line No.-1997:
Line No.-1998: else if (links[i-1].getAttribute("class")==="nav-header"){
Line No.-1999:
Line No.-2000: var newLink = document.createElement("a");
Line No.-2001:
Line No.-2002: newLink.setAttribute("href",links[i-2].children[0].getAttribute("href"));
Line No.-2003:
Line No.-2004: var icon = document.createElement("i");
Line No.-2005:
Line No.-2006: icon.setAttribute("class","material-icons");
Line No.-2007:
Line No.-2008: icon.style.marginLeft = '40px';
Line No.-2009:
Line No.-2010: icon.style.color = '#fff';
Line No.-2011:
Line No.-2012: icon.style.verticalAlign = 'middle';
Line No.-2013:
Line No.-2014: var previousTxt = document.createTextNode('skip_previous');
Line No.-2015:
Line No.-2016: icon.appendChild(previousTxt);
Line No.-2017:
Line No.-2018: newLink.appendChild(icon);
Line No.-2019:
Line No.-2020: node.appendChild(newLink);
Line No.-2021:
Line No.-2022: //for bottom
Line No.-2023:
Line No.-2024: var newLink_bottom = document.createElement("a");
Line No.-2025:
Line No.-2026: newLink_bottom.setAttribute("href",links[i-2].children[0].getAttribute("href"));
Line No.-2027:
Line No.-2028: var previousTxt_bottom = document.createTextNode('Previous');
Line No.-2029:
Line No.-2030: newLink_bottom.appendChild(previousTxt_bottom);
Line No.-2031:
Line No.-2032: node_bottom.appendChild(newLink_bottom);
Line No.-2033:
Line No.-2034: }
Line No.-2035:
Line No.-2036: if(links[i+1].getAttribute("class")!=="nav-header") {
Line No.-2037:
Line No.-2038: var newLink = document.createElement("a");
Line No.-2039:
Line No.-2040: newLink.setAttribute("href",links[i+1].children[0].getAttribute("href"));
Line No.-2041:
Line No.-2042: var icon = document.createElement("i");
Line No.-2043:
Line No.-2044: icon.setAttribute("class","material-icons");
Line No.-2045:
Line No.-2046: icon.style.marginLeft = '30px';
Line No.-2047:
Line No.-2048: icon.style.color = '#fff';
Line No.-2049:
Line No.-2050: icon.style.verticalAlign = 'middle';
Line No.-2051:
Line No.-2052: var nextTxt = document.createTextNode('skip_next');
Line No.-2053:
Line No.-2054: icon.appendChild(nextTxt);
Line No.-2055:
Line No.-2056: newLink.appendChild(icon);
Line No.-2057:
Line No.-2058: node.appendChild(newLink);
Line No.-2059:
Line No.-2060: //for bottom
Line No.-2061:
Line No.-2062: var newLink_bottom = document.createElement("a");
Line No.-2063:
Line No.-2064: newLink_bottom.setAttribute("href",links[i+1].children[0].getAttribute("href"));
Line No.-2065:
Line No.-2066: var NextTxt_bottom = document.createTextNode('Next');
Line No.-2067:
Line No.-2068: newLink_bottom.appendChild(NextTxt_bottom);
Line No.-2069:
Line No.-2070: node_bottom.appendChild(newLink_bottom);
Line No.-2071:
Line No.-2072: }
Line No.-2073:
Line No.-2074: else if (links[i+1].getAttribute("class")==="nav-header") {
Line No.-2075:
Line No.-2076: var newLink = document.createElement("a");
Line No.-2077:
Line No.-2078: newLink.setAttribute("href",links[i+2].children[0].getAttribute("href"));
Line No.-2079:
Line No.-2080: var icon = document.createElement("i");
Line No.-2081:
Line No.-2082: icon.setAttribute("class","material-icons");
Line No.-2083:
Line No.-2084: icon.style.marginLeft = '30px';
Line No.-2085:
Line No.-2086: icon.style.color = '#fff';
Line No.-2087:
Line No.-2088: icon.style.verticalAlign = 'middle';
Line No.-2089:
Line No.-2090: var nextTxt = document.createTextNode('skip_next');
Line No.-2091:
Line No.-2092: icon.appendChild(nextTxt);
Line No.-2093:
Line No.-2094: newLink.appendChild(icon);
Line No.-2095:
Line No.-2096: node.appendChild(newLink);
Line No.-2097:
Line No.-2098: //for bottom
Line No.-2099:
Line No.-2100: var newLink_bottom = document.createElement("a");
Line No.-2101:
Line No.-2102: newLink_bottom.setAttribute("href",links[i+2].children[0].getAttribute("href"));
Line No.-2103:
Line No.-2104: var NextTxt_bottom = document.createTextNode('Next');
Line No.-2105:
Line No.-2106: newLink_bottom.appendChild(NextTxt_bottom);
Line No.-2107:
Line No.-2108: node_bottom.appendChild(newLink_bottom);
Line No.-2109:
Line No.-2110: }
Line No.-2111:
Line No.-2112: }
Line No.-2113:
Line No.-2114: }
Line No.-2115:
Line No.-2116: var prenext = document.querySelector("span.previousNext");
Line No.-2117:
Line No.-2118: var cln = prenext.cloneNode(true);
Line No.-2119:
Line No.-2120: }
Line No.-2121:
Line No.-2122: </script>
Line No.-2123:
Line No.-2124: <!--<script>
Line No.-2125:
Line No.-2126: var myElements = document.querySelectorAll("a");
Line No.-2127:
Line No.-2128:
Line No.-2129:
Line No.-2130: for (var i = 0; i < myElements.length; i++) {
Line No.-2131:
Line No.-2132: myElements[i].setAttribute("style", "text-decoration: none");
Line No.-2133:
Line No.-2134: }
Line No.-2135:
Line No.-2136: </script>-->
Line No.-2137:
Line No.-2138: <!--<script>
Line No.-2139:
Line No.-2140: (function() {
Line No.-2141:
Line No.-2142: /**
Line No.-2143:
Line No.-2144: * Upgrades all registered components found in the current DOM. This is
Line No.-2145:
Line No.-2146: * automatically called on window load.
Line No.-2147:
Line No.-2148: */
Line No.-2149:
Line No.-2150: function upgradeAllRegisteredInternal() {
Line No.-2151:
Line No.-2152: for (var n = 0; n < registeredComponents_.length; n++) {
Line No.-2153:
Line No.-2154: if(registeredComponents_[n].className != 'MaterialLayout') {
Line No.-2155:
Line No.-2156: upgradeDomInternal(registeredComponents_[n].className);
Line No.-2157:
Line No.-2158: }
Line No.-2159:
Line No.-2160: }
Line No.-2161:
Line No.-2162: }
Line No.-2163:
Line No.-2164: })();
Line No.-2165:
Line No.-2166: </script>
Line No.-2167:
Line No.-2168: </div>
Line No.-2169:
Line No.-2170: <script> componentHandler.upgradeElement(document.getElementById('fixed-header')); </script>-->
Line No.-2171:
Line No.-2172: <!--<script src="//z-na.amazon-adsystem.com/widgets/onejs?MarketPlace=US&adInstanceId=13779c2d-de08-4286-9271-9abe00b57801"></script>-->
Line No.-2173:
Line No.-2174: <script src="//m.servedby-buysellads.com/monetization.js" type="text/javascript"></script>
Line No.-2175:
Line No.-2176: <script>
Line No.-2177:
Line No.-2178: (function(){
Line No.-2179:
Line No.-2180: if(typeof _bsa !== 'undefined' && _bsa) {
Line No.-2181:
Line No.-2182: // format, zoneKey, segment:value, options
Line No.-2183:
Line No.-2184: _bsa.init('flexbar', 'CK7DCK7L', 'placement:w3resourcecom');
Line No.-2185:
Line No.-2186: }
Line No.-2187:
Line No.-2188: })();
Line No.-2189:
Line No.-2190: </script>
Line No.-2191: </body>
Line No.-2192: </html>