Using Developer Tools

Introduction to HTML — What is HTML? — History and versions (HTML5) — HTML vs XHTML — Basic structure of an HTML document Setting Up Environment — Writing HTML in a text editor — Browser rendering — Using Developer Tools HTML Elements & Tags — Syntax of an HTML tag — Opening, closing, and self-closing tags — Nesting of elements — Void elements Document Structure Tags — , , , , <meta>, <link>, <style> </a> <a class="list-group-item list-group-item-action active"> Text Formatting Tags </a> <a class="list-group-item list-group-item-action " href="https://www.iwebstechnology.com/html/headings-h1-to-h6"> — Headings (<h1> to <h6>) </a> <a class="list-group-item list-group-item-action " href="https://www.iwebstechnology.com/html/paragraphs-p"> — Paragraphs (<p>) </a> <a class="list-group-item list-group-item-action " href="https://www.iwebstechnology.com/html/bold-italic-underline-b-strong-i-u"> — Bold, italic, underline (<b>, <strong>, <i>, <u>) </a> <a class="list-group-item list-group-item-action " href="https://www.iwebstechnology.com/html/line-breaks-and-horizontal-rules-br-hr"> — Line breaks and horizontal rules (<br>, <hr>) </a> <a class="list-group-item list-group-item-action active"> Lists </a> <a class="list-group-item list-group-item-action " href="https://www.iwebstechnology.com/html/ordered-list-ol"> — Ordered list (<ol>) </a> <a class="list-group-item list-group-item-action " href="https://www.iwebstechnology.com/html/unordered-list-ul"> — Unordered list (<ul>) </a> <a class="list-group-item list-group-item-action " href="https://www.iwebstechnology.com/html/description-list-dl-dt-dd"> — Description list (<dl>, <dt>, <dd>) </a> <a class="list-group-item list-group-item-action active"> Links and Anchors </a> <a class="list-group-item list-group-item-action " href="https://www.iwebstechnology.com/html/a-href-tag"> — <a href=""> tag </a> <a class="list-group-item list-group-item-action " href="https://www.iwebstechnology.com/html/absolute-vs-relative-urls"> — Absolute vs relative URLs </a> <a class="list-group-item list-group-item-action " href="https://www.iwebstechnology.com/html/target-attribute-blank-self"> — Target attribute (_blank, _self) </a> <a class="list-group-item list-group-item-action active"> Images </a> <a class="list-group-item list-group-item-action " href="https://www.iwebstechnology.com/html/img-tag"> — <img> tag </a> <a class="list-group-item list-group-item-action " href="https://www.iwebstechnology.com/html/src-alt-title-and-dimensions"> — src, alt, title, and dimensions </a> <a class="list-group-item list-group-item-action " href="https://www.iwebstechnology.com/html/responsive-images-srcset"> — Responsive images (srcset) </a> <a class="list-group-item list-group-item-action active"> Tables </a> <a class="list-group-item list-group-item-action " href="https://www.iwebstechnology.com/html/table-tr-td-th"> — <table>, <tr>, <td>, <th> </a> <a class="list-group-item list-group-item-action " href="https://www.iwebstechnology.com/html/colspan-and-rowspan"> — colspan and rowspan </a> <a class="list-group-item list-group-item-action " href="https://www.iwebstechnology.com/html/table-styling"> — Table styling </a> <a class="list-group-item list-group-item-action active"> Forms and Inputs </a> <a class="list-group-item list-group-item-action " href="https://www.iwebstechnology.com/html/form-tag-and-action-method"> — <form> tag and action, method </a> <a class="list-group-item list-group-item-action " href="https://www.iwebstechnology.com/html/input-types-text-password-email-number-etc"> — Input types: text, password, email, number, etc. </a> <a class="list-group-item list-group-item-action " href="https://www.iwebstechnology.com/html/label-textarea-select-option"> — <label>, <textarea>, <select>, <option> </a> <a class="list-group-item list-group-item-action " href="https://www.iwebstechnology.com/html/form-validation-attributes-required-pattern-min-max"> — Form validation attributes: required, pattern, min, max </a> <a class="list-group-item list-group-item-action active"> Semantic HTML </a> <a class="list-group-item list-group-item-action " href="https://www.iwebstechnology.com/html/header-nav-main-section-article-footer"> — <header>, <nav>, <main>, <section>, <article>, <footer> </a> <a class="list-group-item list-group-item-action " href="https://www.iwebstechnology.com/html/benefits-of-semantic-html"> — Benefits of semantic HTML </a> <a class="list-group-item list-group-item-action " href="https://www.iwebstechnology.com/html/accessibility-and-seo-considerations"> — Accessibility and SEO considerations </a> <a class="list-group-item list-group-item-action active"> Multimedia in HTML </a> <a class="list-group-item list-group-item-action " href="https://www.iwebstechnology.com/html/audio-and-video-tags"> — <audio> and <video> tags </a> <a class="list-group-item list-group-item-action " href="https://www.iwebstechnology.com/html/supported-formats"> — Supported formats </a> <a class="list-group-item list-group-item-action " href="https://www.iwebstechnology.com/html/controls-autoplay-loop-attributes"> — Controls, autoplay, loop attributes </a> <a class="list-group-item list-group-item-action active"> Iframes and Embedding </a> <a class="list-group-item list-group-item-action " href="https://www.iwebstechnology.com/html/iframe-for-embedding"> — <iframe> for embedding </a> <a class="list-group-item list-group-item-action " href="https://www.iwebstechnology.com/html/embedding-youtube-or-google-maps"> — Embedding YouTube or Google Maps </a> <a class="list-group-item list-group-item-action " href="https://www.iwebstechnology.com/html/sandbox-srcdoc-attributes"> — sandbox, srcdoc attributes </a> <a class="list-group-item list-group-item-action active"> Meta Tags and SEO Basics </a> <a class="list-group-item list-group-item-action " href="https://www.iwebstechnology.com/html/meta-charset-meta-viewport"> — <meta charset>, <meta viewport> </a> <a class="list-group-item list-group-item-action " href="https://www.iwebstechnology.com/html/description-keywords-author"> — Description, keywords, author </a> <a class="list-group-item list-group-item-action " href="https://www.iwebstechnology.com/html/open-graph-and-twitter-cards"> — Open Graph and Twitter Cards </a> <a class="list-group-item list-group-item-action active"> Forms - Advanced Usage </a> <a class="list-group-item list-group-item-action " href="https://www.iwebstechnology.com/html/form-data-encoding-enctype"> — Form data encoding (enctype) </a> <a class="list-group-item list-group-item-action " href="https://www.iwebstechnology.com/html/file-upload-fields"> — File upload fields </a> <a class="list-group-item list-group-item-action " href="https://www.iwebstechnology.com/html/hidden-fields-and-csrf-tokens"> — Hidden fields and CSRF tokens </a> <a class="list-group-item list-group-item-action active"> HTML APIs Integration </a> <a class="list-group-item list-group-item-action " href="https://www.iwebstechnology.com/html/geolocation-api"> — Geolocation API </a> <a class="list-group-item list-group-item-action " href="https://www.iwebstechnology.com/html/drag-and-drop-api"> — Drag and Drop API </a> <a class="list-group-item list-group-item-action " href="https://www.iwebstechnology.com/html/web-storage-localstorage-sessionstorage"> — Web Storage (localStorage/sessionStorage) </a> <a class="list-group-item list-group-item-action active"> Accessibility with HTML (a11y) </a> <a class="list-group-item list-group-item-action " href="https://www.iwebstechnology.com/html/aria-attributes"> — aria-* attributes </a> <a class="list-group-item list-group-item-action " href="https://www.iwebstechnology.com/html/keyboard-navigation"> — Keyboard navigation </a> <a class="list-group-item list-group-item-action " href="https://www.iwebstechnology.com/html/screen-reader-support"> — Screen reader support </a> <a class="list-group-item list-group-item-action active"> Canvas and SVG </a> <a class="list-group-item list-group-item-action " href="https://www.iwebstechnology.com/html/canvas-for-drawing"> — <canvas> for drawing </a> <a class="list-group-item list-group-item-action " href="https://www.iwebstechnology.com/html/basic-shapes-with-svg"> — Basic shapes with <svg> </a> <a class="list-group-item list-group-item-action " href="https://www.iwebstechnology.com/html/differences-between-canvas-and-svg"> — Differences between canvas and SVG </a> <a class="list-group-item list-group-item-action active"> Responsive HTML </a> <a class="list-group-item list-group-item-action " href="https://www.iwebstechnology.com/html/viewport-meta-tag"> — viewport meta tag </a> <a class="list-group-item list-group-item-action " href="https://www.iwebstechnology.com/html/media-queries-with-css"> — Media queries (with CSS) </a> <a class="list-group-item list-group-item-action " href="https://www.iwebstechnology.com/html/mobile-first-structure"> — Mobile-first structure </a> <a class="list-group-item list-group-item-action active"> Custom Data Attributes </a> <a class="list-group-item list-group-item-action " href="https://www.iwebstechnology.com/html/data-attributes"> — data-* attributes </a> <a class="list-group-item list-group-item-action " href="https://www.iwebstechnology.com/html/use-with-javascript"> — Use with JavaScript </a> <a class="list-group-item list-group-item-action active"> Best Practices </a> <a class="list-group-item list-group-item-action " href="https://www.iwebstechnology.com/html/clean-and-semantic-code"> — Clean and semantic code </a> <a class="list-group-item list-group-item-action " href="https://www.iwebstechnology.com/html/comments-and-code-organization"> — Comments and code organization </a> <a class="list-group-item list-group-item-action " href="https://www.iwebstechnology.com/html/avoid-deprecated-tags"> — Avoid deprecated tags </a> <a class="list-group-item list-group-item-action active"> HTML vs Other Markup Languages </a> <a class="list-group-item list-group-item-action " href="https://www.iwebstechnology.com/html/html-vs-xml"> — HTML vs XML </a> <a class="list-group-item list-group-item-action " href="https://www.iwebstechnology.com/html/html-vs-markdown"> — HTML vs Markdown </a> <a class="list-group-item list-group-item-action active"> HTML Validators and Linters </a> <a class="list-group-item list-group-item-action " href="https://www.iwebstechnology.com/html/w3c-validator"> — W3C Validator </a> <a class="list-group-item list-group-item-action " href="https://www.iwebstechnology.com/html/browser-developer-tools"> — Browser developer tools </a> </div> </div> <!-- RIGHT CONTENT PANEL --> <div class="col-md-8"> <div class="card"> <div class="card-body"> <h4>Using Developer Tools</h4> <p class="lead">Understand Using Developer Tools in HTML to create structured, semantic, and accessible web content.</p> <div class="content"> <div class="container py-5"> <section> <h2 class="mb-4">Using Developer Tools in a Browser</h2> <p>All modern browsers come with built-in Developer Tools (DevTools) that help you inspect and debug your web pages in real time.</p> <div class="row g-4"> <!-- How to Open DevTools --> <div class="col-md-6"> <div class="card shadow-sm h-100"> <div class="card-body"> <h5 class="card-title">1. How to Open DevTools</h5> <p class="card-text">Use any of the following shortcuts to open DevTools:</p> <ul> <li><kbd>F12</kbd> – Universal shortcut</li> <li><kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>I</kbd> (Windows/Linux)</li> <li><kbd>Cmd</kbd> + <kbd>Option</kbd> + <kbd>I</kbd> (Mac)</li> <li>Right-click an element → <strong>Inspect</strong></li> </ul> </div> </div> </div> <!-- DevTools Panels --> <div class="col-md-6"> <div class="card shadow-sm h-100"> <div class="card-body"> <h5 class="card-title">2. Key Panels in DevTools</h5> <ul> <li><strong>Elements:</strong> View and edit HTML/CSS in real time.</li> <li><strong>Console:</strong> Log errors or run JavaScript code.</li> <li><strong>Network:</strong> Monitor network requests (useful for AJAX).</li> <li><strong>Sources:</strong> Debug JavaScript with breakpoints.</li> <li><strong>Application:</strong> View cookies, local storage, etc.</li> </ul> </div> </div> </div> <!-- Inspecting Elements --> <div class="col-md-6"> <div class="card shadow-sm h-100"> <div class="card-body"> <h5 class="card-title">3. Inspect HTML & CSS</h5> <p class="card-text">In the <strong>Elements</strong> tab, you can:</p> <ul> <li>Select an element and view its HTML structure.</li> <li>Modify styles and see live updates instantly.</li> <li>Check which CSS rules are applied or overridden.</li> </ul> </div> </div> </div> <!-- Live Debugging --> <div class="col-md-6"> <div class="card shadow-sm h-100"> <div class="card-body"> <h5 class="card-title">4. Live Debugging</h5> <p class="card-text">Use the <strong>Console</strong> and <strong>Sources</strong> tabs to test JavaScript and debug issues without editing your source files.</p> <p>You can also log values using <code>console.log()</code> to trace code behavior.</p> </div> </div> </div> </div> <div class="alert alert-info mt-4"> 💡 <strong>Tip:</strong> You can simulate mobile views by clicking the <strong>Device Toolbar</strong> icon in the top-left of DevTools! </div> </section> </div> </div> </div> </div> <section class="py-5 bg-light"> <div class="container"> <div class="row align-items-center"> <div class="col-md-12 mb-4 mb-md-0"> <a href="https://iwebstechnology.com/full-stack-development-course"><img src="https://www.iwebstechnology.com/images/full-stack-development.png" alt="Full Stack Development Course" class="img-fluid rounded shadow"></a> </div> <!-- <div class="col-md-6"> <h2 class="mb-3">Full Stack Web Development Course</h2> <p class="lead">Master HTML, CSS, JavaScript, PHP, MySQL, Bootstrap, and more. Designed for beginners and professionals looking to build modern web applications.</p> <a href="https://iwebstechnology.com/full-stack-development-course" class="btn btn-primary btn-lg mt-3">Explore Course</a> </div> --> </div> </div> </section> </div> </div> </div> </section> <section class="pt-5 pb-5 bg-light"> <div class="container"> <div class="row mb-4 text-center"> <div class="col"> <h2 class="h3">🚀 Master Top Web & App Frameworks</h2> <p class="text-muted">Explore structured tutorials for AngularJS, React, Laravel, Flutter, PHP, SQL, and more.</p> </div> </div> <div class="row"> <div class="col-md-4 mb-4"> <div class="card h-100 shadow-lg border-0 rounded-4"> <div class="card-body"> <h5 class="card-title fw-bold">📘 Introduction to AngularJS</h5> <p class="card-text text-muted">Introduction to AngularJS overview</p> <ul class="list-unstyled ps-3 slide-links"> <li class="mb-2"> <a href="https://www.iwebstechnology.com/angularjs/what-is-angularjs" class="text-decoration-none d-block"> 🔗 What is AngularJS? </a> <small class="text-muted d-none sub-detail">Introduction to What is AngularJS?</small> </li> <li class="mb-2"> <a href="https://www.iwebstechnology.com/angularjs/history-and-evolution" class="text-decoration-none d-block"> 🔗 History and Evolution </a> <small class="text-muted d-none sub-detail">Introduction to History and Evolution</small> </li> <li class="mb-2"> <a href="https://www.iwebstechnology.com/angularjs/why-use-angularjs" class="text-decoration-none d-block"> 🔗 Why use AngularJS? </a> <small class="text-muted d-none sub-detail">Introduction to Why use AngularJS?</small> </li> <li class="mb-2"> <a href="https://www.iwebstechnology.com/angularjs/key-features" class="text-decoration-none d-block"> 🔗 Key Features </a> <small class="text-muted d-none sub-detail">Introduction to Key Features</small> </li> </ul> </div> <div class="card-footer bg-white border-0 text-center"> <a href="https://www.iwebstechnology.com/angularjs" class="btn btn-carrot btn-sm rounded-pill shadow-sm"> 📖 View Tutorial </a> </div> </div> </div> <div class="col-md-4 mb-4"> <div class="card h-100 shadow-lg border-0 rounded-4"> <div class="card-body"> <h5 class="card-title fw-bold">📘 Introduction to Laravel</h5> <p class="card-text text-muted">Learn Introduction to Laravel in Laravel with real-world examples and step-by-step guide.</p> <ul class="list-unstyled ps-3 slide-links"> <li class="mb-2"> <a href="https://www.iwebstechnology.com/laravel/what-is-laravel" class="text-decoration-none d-block"> 🔗 What is Laravel? </a> <small class="text-muted d-none sub-detail">Learn What is Laravel? in Laravel with real-world examples and step-by-step g...</small> </li> <li class="mb-2"> <a href="https://www.iwebstechnology.com/laravel/history-and-features" class="text-decoration-none d-block"> 🔗 History and Features </a> <small class="text-muted d-none sub-detail">Learn History and Features in Laravel with real-world examples and step-by-st...</small> </li> <li class="mb-2"> <a href="https://www.iwebstechnology.com/laravel/mvc-architecture" class="text-decoration-none d-block"> 🔗 MVC Architecture </a> <small class="text-muted d-none sub-detail">Learn MVC Architecture in Laravel with real-world examples and step-by-step g...</small> </li> <li class="mb-2"> <a href="https://www.iwebstechnology.com/laravel/laravel-ecosystem-forge-vapor-nova-etc" class="text-decoration-none d-block"> 🔗 Laravel Ecosystem (Forge, Vapor, Nova, etc.) </a> <small class="text-muted d-none sub-detail">Learn Laravel Ecosystem (Forge, Vapor, Nova, etc.) in Laravel with real-world...</small> </li> </ul> </div> <div class="card-footer bg-white border-0 text-center"> <a href="https://www.iwebstechnology.com/laravel" class="btn btn-danger btn-sm rounded-pill shadow-sm"> 📖 View Tutorial </a> </div> </div> </div> <div class="col-md-4 mb-4"> <div class="card h-100 shadow-lg border-0 rounded-4"> <div class="card-body"> <h5 class="card-title fw-bold">📘 Introduction to CodeIgniter</h5> <p class="card-text text-muted">An introduction to Introduction to CodeIgniter in CodeIgniter with examples.</p> <ul class="list-unstyled ps-3 slide-links"> <li class="mb-2"> <a href="https://www.iwebstechnology.com/codeigniter/what-is-codeigniter" class="text-decoration-none d-block"> 🔗 What is CodeIgniter? </a> <small class="text-muted d-none sub-detail">An introduction to What is CodeIgniter? in CodeIgniter with examples.</small> </li> <li class="mb-2"> <a href="https://www.iwebstechnology.com/codeigniter/features-and-advantages" class="text-decoration-none d-block"> 🔗 Features and Advantages </a> <small class="text-muted d-none sub-detail">An introduction to Features and Advantages in CodeIgniter with examples.</small> </li> <li class="mb-2"> <a href="https://www.iwebstechnology.com/codeigniter/codeigniter-vs-other-frameworks" class="text-decoration-none d-block"> 🔗 CodeIgniter vs Other Frameworks </a> <small class="text-muted d-none sub-detail">An introduction to CodeIgniter vs Other Frameworks in CodeIgniter with examples.</small> </li> <li class="mb-2"> <a href="https://www.iwebstechnology.com/codeigniter/mvc-architecture-overview" class="text-decoration-none d-block"> 🔗 MVC Architecture Overview </a> <small class="text-muted d-none sub-detail">An introduction to MVC Architecture Overview in CodeIgniter with examples.</small> </li> </ul> </div> <div class="card-footer bg-white border-0 text-center"> <a href="https://www.iwebstechnology.com/codeigniter" class="btn btn-blue btn-sm rounded-pill shadow-sm"> 📖 View Tutorial </a> </div> </div> </div> <div class="col-md-4 mb-4"> <div class="card h-100 shadow-lg border-0 rounded-4"> <div class="card-body"> <h5 class="card-title fw-bold">📘 Introduction to React</h5> <p class="card-text text-muted">Quick overview and guide to Introduction to React in React JS.</p> <ul class="list-unstyled ps-3 slide-links"> <li class="mb-2"> <a href="https://www.iwebstechnology.com/react/what-is-react" class="text-decoration-none d-block"> 🔗 What is React? </a> <small class="text-muted d-none sub-detail">Quick overview and guide to What is React? in React JS.</small> </li> <li class="mb-2"> <a href="https://www.iwebstechnology.com/react/history-and-versions" class="text-decoration-none d-block"> 🔗 History and versions </a> <small class="text-muted d-none sub-detail">Quick overview and guide to History and versions in React JS.</small> </li> <li class="mb-2"> <a href="https://www.iwebstechnology.com/react/why-use-react" class="text-decoration-none d-block"> 🔗 Why use React? </a> <small class="text-muted d-none sub-detail">Quick overview and guide to Why use React? in React JS.</small> </li> <li class="mb-2"> <a href="https://www.iwebstechnology.com/react/react-vs-other-frameworks" class="text-decoration-none d-block"> 🔗 React vs. other frameworks </a> <small class="text-muted d-none sub-detail">Quick overview and guide to React vs. other frameworks in React JS.</small> </li> </ul> </div> <div class="card-footer bg-white border-0 text-center"> <a href="https://www.iwebstechnology.com/react" class="btn btn-success btn-sm rounded-pill shadow-sm"> 📖 View Tutorial </a> </div> </div> </div> <div class="col-md-4 mb-4"> <div class="card h-100 shadow-lg border-0 rounded-4"> <div class="card-body"> <h5 class="card-title fw-bold">📘 Introduction to Flutter</h5> <p class="card-text text-muted">An easy-to-follow tutorial on Introduction to Flutter in Flutter mobile app development.</p> <ul class="list-unstyled ps-3 slide-links"> <li class="mb-2"> <a href="https://www.iwebstechnology.com/flutter/what-is-flutter" class="text-decoration-none d-block"> 🔗 What is Flutter? </a> <small class="text-muted d-none sub-detail">An easy-to-follow tutorial on What is Flutter? in Flutter mobile app developm...</small> </li> <li class="mb-2"> <a href="https://www.iwebstechnology.com/flutter/history-and-evolution" class="text-decoration-none d-block"> 🔗 History and evolution </a> <small class="text-muted d-none sub-detail">An easy-to-follow tutorial on History and evolution in Flutter mobile app dev...</small> </li> <li class="mb-2"> <a href="https://www.iwebstechnology.com/flutter/flutter-vs-other-mobile-frameworks" class="text-decoration-none d-block"> 🔗 Flutter vs other mobile frameworks </a> <small class="text-muted d-none sub-detail">An easy-to-follow tutorial on Flutter vs other mobile frameworks in Flutter m...</small> </li> <li class="mb-2"> <a href="https://www.iwebstechnology.com/flutter/flutter-architecture-overview" class="text-decoration-none d-block"> 🔗 Flutter architecture overview </a> <small class="text-muted d-none sub-detail">An easy-to-follow tutorial on Flutter architecture overview in Flutter mobile...</small> </li> </ul> </div> <div class="card-footer bg-white border-0 text-center"> <a href="https://www.iwebstechnology.com/flutter" class="btn btn-indigo btn-sm rounded-pill shadow-sm"> 📖 View Tutorial </a> </div> </div> </div> <div class="col-md-4 mb-4"> <div class="card h-100 shadow-lg border-0 rounded-4"> <div class="card-body"> <h5 class="card-title fw-bold">📘 Introduction to Kotlin</h5> <p class="card-text text-muted">Learn Introduction to Kotlin in Kotlin programming with examples for Android or backend apps.</p> <ul class="list-unstyled ps-3 slide-links"> <li class="mb-2"> <a href="https://www.iwebstechnology.com/kotlin/what-is-kotlin" class="text-decoration-none d-block"> 🔗 What is Kotlin? </a> <small class="text-muted d-none sub-detail">Learn What is Kotlin? in Kotlin programming with examples for Android or back...</small> </li> <li class="mb-2"> <a href="https://www.iwebstechnology.com/kotlin/history-and-adoption-google-android" class="text-decoration-none d-block"> 🔗 History and adoption (Google, Android) </a> <small class="text-muted d-none sub-detail">Learn History and adoption (Google, Android) in Kotlin programming with examp...</small> </li> <li class="mb-2"> <a href="https://www.iwebstechnology.com/kotlin/kotlin-vs-java" class="text-decoration-none d-block"> 🔗 Kotlin vs Java </a> <small class="text-muted d-none sub-detail">Learn Kotlin vs Java in Kotlin programming with examples for Android or backe...</small> </li> <li class="mb-2"> <a href="https://www.iwebstechnology.com/kotlin/setting-up-the-environment-ide-jdk" class="text-decoration-none d-block"> 🔗 Setting up the environment (IDE, JDK) </a> <small class="text-muted d-none sub-detail">Learn Setting up the environment (IDE, JDK) in Kotlin programming with exampl...</small> </li> </ul> </div> <div class="card-footer bg-white border-0 text-center"> <a href="https://www.iwebstechnology.com/kotlin" class="btn btn-purple btn-sm rounded-pill shadow-sm"> 📖 View Tutorial </a> </div> </div> </div> <div class="col-md-4 mb-4"> <div class="card h-100 shadow-lg border-0 rounded-4"> <div class="card-body"> <h5 class="card-title fw-bold">📘 Introduction to PHP</h5> <p class="card-text text-muted">Understand Introduction to PHP in PHP with practical examples and clear syntax.</p> <ul class="list-unstyled ps-3 slide-links"> <li class="mb-2"> <a href="https://www.iwebstechnology.com/php/what-is-php" class="text-decoration-none d-block"> 🔗 What is PHP? </a> <small class="text-muted d-none sub-detail">Understand Introduction to PHP in PHP with practical examples and clear syntax.</small> </li> <li class="mb-2"> <a href="https://www.iwebstechnology.com/php/history-of-php" class="text-decoration-none d-block"> 🔗 History of PHP </a> <small class="text-muted d-none sub-detail">Understand History of PHP in PHP with practical examples and clear syntax.</small> </li> <li class="mb-2"> <a href="https://www.iwebstechnology.com/php/server-side-vs-client-side" class="text-decoration-none d-block"> 🔗 Server-side vs client-side </a> <small class="text-muted d-none sub-detail">Understand Server-side vs client-side in PHP with practical examples and clea...</small> </li> <li class="mb-2"> <a href="https://www.iwebstechnology.com/php/installing-xampp-wamp-lamp" class="text-decoration-none d-block"> 🔗 Installing XAMPP / WAMP / LAMP </a> <small class="text-muted d-none sub-detail">Understand Installing XAMPP / WAMP / LAMP in PHP with practical examples and ...</small> </li> </ul> </div> <div class="card-footer bg-white border-0 text-center"> <a href="https://www.iwebstechnology.com/php" class="btn btn-warning btn-sm rounded-pill shadow-sm"> 📖 View Tutorial </a> </div> </div> </div> <div class="col-md-4 mb-4"> <div class="card h-100 shadow-lg border-0 rounded-4"> <div class="card-body"> <h5 class="card-title fw-bold">📘 Introduction to SQL</h5> <p class="card-text text-muted">Understand Introduction to SQL in SQL for effective database querying and management.</p> <ul class="list-unstyled ps-3 slide-links"> <li class="mb-2"> <a href="https://www.iwebstechnology.com/sql/what-is-sql" class="text-decoration-none d-block"> 🔗 What is SQL? </a> <small class="text-muted d-none sub-detail">Understand What is SQL? in SQL for effective database querying and management.</small> </li> <li class="mb-2"> <a href="https://www.iwebstechnology.com/sql/history-and-standards-sql-92-sql-2011" class="text-decoration-none d-block"> 🔗 History and standards (SQL-92, SQL:2011) </a> <small class="text-muted d-none sub-detail">Understand History and standards (SQL-92, SQL:2011) in SQL for effective data...</small> </li> <li class="mb-2"> <a href="https://www.iwebstechnology.com/sql/popular-rdbms-mysql-postgresql-sqlite-sql-server" class="text-decoration-none d-block"> 🔗 Popular RDBMS: MySQL, PostgreSQL, SQLite, SQL Server </a> <small class="text-muted d-none sub-detail">Understand Popular RDBMS: MySQL, PostgreSQL, SQLite, SQL Server in SQL for ef...</small> </li> <li class="mb-2"> <a href="https://www.iwebstechnology.com/sql/sql-syntax-and-structure" class="text-decoration-none d-block"> 🔗 SQL syntax and structure </a> <small class="text-muted d-none sub-detail">Understand SQL syntax and structure in SQL for effective database querying an...</small> </li> </ul> </div> <div class="card-footer bg-white border-0 text-center"> <a href="https://www.iwebstechnology.com/sql" class="btn btn-dark btn-sm rounded-pill shadow-sm"> 📖 View Tutorial </a> </div> </div> </div> <div class="col-md-4 mb-4"> <div class="card h-100 shadow-lg border-0 rounded-4"> <div class="card-body"> <h5 class="card-title fw-bold">📘 Introduction to Bootstrap 5</h5> <p class="card-text text-muted">Understand Introduction to Bootstrap 5 in Bootstrap 5 for responsive web design using pre-built components.</p> <ul class="list-unstyled ps-3 slide-links"> <li class="mb-2"> <a href="https://www.iwebstechnology.com/bootstrap5/what-is-bootstrap" class="text-decoration-none d-block"> 🔗 What is Bootstrap? </a> <small class="text-muted d-none sub-detail">Understand What is Bootstrap? in Bootstrap 5 for responsive web design using ...</small> </li> <li class="mb-2"> <a href="https://www.iwebstechnology.com/bootstrap5/key-features-of-bootstrap-5" class="text-decoration-none d-block"> 🔗 Key features of Bootstrap 5 </a> <small class="text-muted d-none sub-detail">Understand Key features of Bootstrap 5 in Bootstrap 5 for responsive web desi...</small> </li> <li class="mb-2"> <a href="https://www.iwebstechnology.com/bootstrap5/differences-from-bootstrap-4" class="text-decoration-none d-block"> 🔗 Differences from Bootstrap 4 </a> <small class="text-muted d-none sub-detail">Understand Differences from Bootstrap 4 in Bootstrap 5 for responsive web des...</small> </li> <li class="mb-2"> <a href="https://www.iwebstechnology.com/bootstrap5/cdn-vs-local-installation" class="text-decoration-none d-block"> 🔗 CDN vs local installation </a> <small class="text-muted d-none sub-detail">Understand CDN vs local installation in Bootstrap 5 for responsive web design...</small> </li> </ul> </div> <div class="card-footer bg-white border-0 text-center"> <a href="https://www.iwebstechnology.com/bootstrap5" class="btn btn-purple btn-sm rounded-pill shadow-sm"> 📖 View Tutorial </a> </div> </div> </div> <div class="col-md-4 mb-4"> <div class="card h-100 shadow-lg border-0 rounded-4"> <div class="card-body"> <h5 class="card-title fw-bold">📘 Introduction to HTML</h5> <p class="card-text text-muted">Understand Introduction to HTML in HTML to create structured, semantic, and accessible web content.</p> <ul class="list-unstyled ps-3 slide-links"> <li class="mb-2"> <a href="https://www.iwebstechnology.com/html/what-is-html" class="text-decoration-none d-block"> 🔗 What is HTML? </a> <small class="text-muted d-none sub-detail">Understand What is HTML? in HTML to create structured, semantic, and accessib...</small> </li> <li class="mb-2"> <a href="https://www.iwebstechnology.com/html/history-and-versions-html5" class="text-decoration-none d-block"> 🔗 History and versions (HTML5) </a> <small class="text-muted d-none sub-detail">Understand History and versions (HTML5) in HTML to create structured, semanti...</small> </li> <li class="mb-2"> <a href="https://www.iwebstechnology.com/html/html-vs-xhtml" class="text-decoration-none d-block"> 🔗 HTML vs XHTML </a> <small class="text-muted d-none sub-detail">Understand HTML vs XHTML in HTML to create structured, semantic, and accessib...</small> </li> <li class="mb-2"> <a href="https://www.iwebstechnology.com/html/basic-structure-of-an-html-document" class="text-decoration-none d-block"> 🔗 Basic structure of an HTML document </a> <small class="text-muted d-none sub-detail">Understand Basic structure of an HTML document in HTML to create structured, ...</small> </li> </ul> </div> <div class="card-footer bg-white border-0 text-center"> <a href="https://www.iwebstechnology.com/html" class="btn btn-success btn-sm rounded-pill shadow-sm"> 📖 View Tutorial </a> </div> </div> </div> <div class="col-md-4 mb-4"> <div class="card h-100 shadow-lg border-0 rounded-4"> <div class="card-body"> <h5 class="card-title fw-bold">📘 Introduction to CSS</h5> <p class="card-text text-muted">Explore Introduction to CSS in CSS to enhance web design using styling properties and layout techniques.</p> <ul class="list-unstyled ps-3 slide-links"> <li class="mb-2"> <a href="https://www.iwebstechnology.com/css/what-is-css" class="text-decoration-none d-block"> 🔗 What is CSS? </a> <small class="text-muted d-none sub-detail">Explore What is CSS? in CSS to enhance web design using styling properties an...</small> </li> <li class="mb-2"> <a href="https://www.iwebstechnology.com/css/history-and-versions-css1-to-css3" class="text-decoration-none d-block"> 🔗 History and versions (CSS1 to CSS3) </a> <small class="text-muted d-none sub-detail">Explore History and versions (CSS1 to CSS3) in CSS to enhance web design usin...</small> </li> <li class="mb-2"> <a href="https://www.iwebstechnology.com/css/css-vs-inline-styles" class="text-decoration-none d-block"> 🔗 CSS vs inline styles </a> <small class="text-muted d-none sub-detail">Explore CSS vs inline styles in CSS to enhance web design using styling prope...</small> </li> <li class="mb-2"> <a href="https://www.iwebstechnology.com/css/role-of-css-in-web-development" class="text-decoration-none d-block"> 🔗 Role of CSS in web development </a> <small class="text-muted d-none sub-detail">Explore Role of CSS in web development in CSS to enhance web design using sty...</small> </li> </ul> </div> <div class="card-footer bg-white border-0 text-center"> <a href="https://www.iwebstechnology.com/css" class="btn btn-indigo btn-sm rounded-pill shadow-sm"> 📖 View Tutorial </a> </div> </div> </div> <div class="col-md-4 mb-4"> <div class="card h-100 shadow-lg border-0 rounded-4"> <div class="card-body"> <h5 class="card-title fw-bold">📘 Introduction to JavaScript</h5> <p class="card-text text-muted">Understand Introduction to JavaScript in JavaScript to build dynamic and interactive web experiences.</p> <ul class="list-unstyled ps-3 slide-links"> <li class="mb-2"> <a href="https://www.iwebstechnology.com/javascript/what-is-javascript" class="text-decoration-none d-block"> 🔗 What is JavaScript? </a> <small class="text-muted d-none sub-detail">Understand What is JavaScript? in JavaScript to build dynamic and interactive...</small> </li> <li class="mb-2"> <a href="https://www.iwebstechnology.com/javascript/history-and-evolution" class="text-decoration-none d-block"> 🔗 History and evolution </a> <small class="text-muted d-none sub-detail">Understand History and evolution in JavaScript to build dynamic and interacti...</small> </li> <li class="mb-2"> <a href="https://www.iwebstechnology.com/javascript/javascript-in-browsers" class="text-decoration-none d-block"> 🔗 JavaScript in browsers </a> <small class="text-muted d-none sub-detail">Understand JavaScript in browsers in JavaScript to build dynamic and interact...</small> </li> <li class="mb-2"> <a href="https://www.iwebstechnology.com/javascript/javascript-vs-ecmascript" class="text-decoration-none d-block"> 🔗 JavaScript vs ECMAScript </a> <small class="text-muted d-none sub-detail">Understand JavaScript vs ECMAScript in JavaScript to build dynamic and intera...</small> </li> </ul> </div> <div class="card-footer bg-white border-0 text-center"> <a href="https://www.iwebstechnology.com/javascript" class="btn btn-purple btn-sm rounded-pill shadow-sm"> 📖 View Tutorial </a> </div> </div> </div> <div class="col-md-4 mb-4"> <div class="card h-100 shadow-lg border-0 rounded-4"> <div class="card-body"> <h5 class="card-title fw-bold">📘 Introduction to Node.js</h5> <p class="card-text text-muted">Explore Introduction to Node.js in NodeJS for backend development using JavaScript and non-blocking architecture.</p> <ul class="list-unstyled ps-3 slide-links"> <li class="mb-2"> <a href="https://www.iwebstechnology.com/nodejs/what-is-node-js" class="text-decoration-none d-block"> 🔗 What is Node.js? </a> <small class="text-muted d-none sub-detail">Explore What is Node.js? in NodeJS for backend development using JavaScript a...</small> </li> <li class="mb-2"> <a href="https://www.iwebstechnology.com/nodejs/features-of-node-js" class="text-decoration-none d-block"> 🔗 Features of Node.js </a> <small class="text-muted d-none sub-detail">Explore Features of Node.js in NodeJS for backend development using JavaScrip...</small> </li> <li class="mb-2"> <a href="https://www.iwebstechnology.com/nodejs/use-cases-of-node-js" class="text-decoration-none d-block"> 🔗 Use cases of Node.js </a> <small class="text-muted d-none sub-detail">Explore Use cases of Node.js in NodeJS for backend development using JavaScri...</small> </li> <li class="mb-2"> <a href="https://www.iwebstechnology.com/nodejs/node-js-vs-traditional-server-side-languages" class="text-decoration-none d-block"> 🔗 Node.js vs traditional server-side languages </a> <small class="text-muted d-none sub-detail">Explore Node.js vs traditional server-side languages in NodeJS for backend de...</small> </li> </ul> </div> <div class="card-footer bg-white border-0 text-center"> <a href="https://www.iwebstechnology.com/nodejs" class="btn btn-carrot btn-sm rounded-pill shadow-sm"> 📖 View Tutorial </a> </div> </div> </div> <div class="col-md-4 mb-4"> <div class="card h-100 shadow-lg border-0 rounded-4"> <div class="card-body"> <h5 class="card-title fw-bold">📘 Introduction to AJAX</h5> <p class="card-text text-muted">Understand Introduction to AJAX in AJAX to update web pages without full reloads using asynchronous JavaScript and XML.</p> <ul class="list-unstyled ps-3 slide-links"> <li class="mb-2"> <a href="https://www.iwebstechnology.com/ajax/what-is-ajax" class="text-decoration-none d-block"> 🔗 What is AJAX? </a> <small class="text-muted d-none sub-detail">Understand What is AJAX? in AJAX to update web pages without full reloads usi...</small> </li> <li class="mb-2"> <a href="https://www.iwebstechnology.com/ajax/full-form-asynchronous-javascript-and-xml" class="text-decoration-none d-block"> 🔗 Full form: Asynchronous JavaScript and XML </a> <small class="text-muted d-none sub-detail">Understand Full form: Asynchronous JavaScript and XML in AJAX to update web p...</small> </li> <li class="mb-2"> <a href="https://www.iwebstechnology.com/ajax/history-and-evolution" class="text-decoration-none d-block"> 🔗 History and evolution </a> <small class="text-muted d-none sub-detail">Understand History and evolution in AJAX to update web pages without full rel...</small> </li> <li class="mb-2"> <a href="https://www.iwebstechnology.com/ajax/traditional-vs-ajax-requests" class="text-decoration-none d-block"> 🔗 Traditional vs AJAX requests </a> <small class="text-muted d-none sub-detail">Understand Traditional vs AJAX requests in AJAX to update web pages without f...</small> </li> </ul> </div> <div class="card-footer bg-white border-0 text-center"> <a href="https://www.iwebstechnology.com/ajax" class="btn btn-danger btn-sm rounded-pill shadow-sm"> 📖 View Tutorial </a> </div> </div> </div> <div class="col-md-4 mb-4"> <div class="card h-100 shadow-lg border-0 rounded-4"> <div class="card-body"> <h5 class="card-title fw-bold">📘 Introduction to jQuery</h5> <p class="card-text text-muted">Learn Introduction to jQuery in jQuery to write less and do more with simplified JavaScript operations and cross-brow...</p> <ul class="list-unstyled ps-3 slide-links"> <li class="mb-2"> <a href="https://www.iwebstechnology.com/jquery/what-is-jquery" class="text-decoration-none d-block"> 🔗 What is jQuery? </a> <small class="text-muted d-none sub-detail">Learn What is jQuery? in jQuery to write less and do more with simplified Jav...</small> </li> <li class="mb-2"> <a href="https://www.iwebstechnology.com/jquery/benefits-of-using-jquery" class="text-decoration-none d-block"> 🔗 Benefits of using jQuery </a> <small class="text-muted d-none sub-detail">Learn Benefits of using jQuery in jQuery to write less and do more with simpl...</small> </li> <li class="mb-2"> <a href="https://www.iwebstechnology.com/jquery/jquery-vs-javascript" class="text-decoration-none d-block"> 🔗 jQuery vs JavaScript </a> <small class="text-muted d-none sub-detail">Learn jQuery vs JavaScript in jQuery to write less and do more with simplifie...</small> </li> <li class="mb-2"> <a href="https://www.iwebstechnology.com/jquery/when-to-use-jquery" class="text-decoration-none d-block"> 🔗 When to use jQuery </a> <small class="text-muted d-none sub-detail">Learn When to use jQuery in jQuery to write less and do more with simplified ...</small> </li> </ul> </div> <div class="card-footer bg-white border-0 text-center"> <a href="https://www.iwebstechnology.com/jquery" class="btn btn-blue btn-sm rounded-pill shadow-sm"> 📖 View Tutorial </a> </div> </div> </div> </div> </div> </section> <style> .slide-links li:hover .sub-detail { display: block; animation: fadeInDown 0.3s ease-in-out; } @keyframes fadeInDown { 0% { opacity: 0; transform: translateY(-5px); } 100% { opacity: 1; transform: translateY(0); } } .card-title { color: #333; } .btn-carrot { background-color: #ff7043; color: white; } .btn-carrot:hover { background-color: #ff5722; } .btn-blue { background-color: #2196f3; color: white; } .btn-blue:hover { background-color: #1976d2; } .btn-success { background-color: #28a745; color: white; } .btn-success:hover { background-color: #218838; } .btn-indigo { background-color: #3f51b5; color: white; } .btn-indigo:hover { background-color: #303f9f; } .btn-purple { background-color: #9c27b0; color: white; } .btn-purple:hover { background-color: #7b1fa2; } .btn-warning { background-color: #f0ad4e; color: white; } .btn-warning:hover { background-color: #ec971f; } .btn-dark { background-color: #343a40; color: white; } .btn-dark:hover { background-color: #23272b; } </style> <section class="pt-5 pb-5"> <div class="container"> <div class="row mb-4"> <div class="col-md-12 text-center"> <h2 class="h3">📰 Latest Blog Posts</h2> <p class="text-muted">Insights, tutorials, and tech stories from our experts.</p> </div> </div> <div class="row"> <div class="col-md-4 mb-4"> <div class="card h-100 shadow-sm border-0"> <div class="card-body"> <h5 class="card-title"> <a href="https://www.iwebstechnology.com/blog/transform-your-passion-into-a-web-development-career" class="text-dark"> Transform Your Passion into a Web Development Career </a> </h5> <p class="card-text text-muted"> Do you love tech? Let’s turn it into a profession with full stack development. </p> </div> <div class="card-footer bg-white border-0"> <a href="https://www.iwebstechnology.com/blog/transform-your-passion-into-a-web-development-career" class="btn btn-sm btn-green">Read More →</a> </div> </div> </div> <div class="col-md-4 mb-4"> <div class="card h-100 shadow-sm border-0"> <div class="card-body"> <h5 class="card-title"> <a href="https://www.iwebstechnology.com/blog/not-just-coding-career-focused-training" class="text-dark"> Not Just Coding – Career-Focused Full Stack Training </a> </h5> <p class="card-text text-muted"> We don’t just teach code—we teach how to get jobs with it. </p> </div> <div class="card-footer bg-white border-0"> <a href="https://www.iwebstechnology.com/blog/not-just-coding-career-focused-training" class="btn btn-sm btn-green">Read More →</a> </div> </div> </div> <div class="col-md-4 mb-4"> <div class="card h-100 shadow-sm border-0"> <div class="card-body"> <h5 class="card-title"> <a href="https://www.iwebstechnology.com/blog/learn-code-build-get-hired" class="text-dark"> Learn, Code, Build, Get Hired – Full Stack Program </a> </h5> <p class="card-text text-muted"> A step-by-step path to go from beginner to hired developer. </p> </div> <div class="card-footer bg-white border-0"> <a href="https://www.iwebstechnology.com/blog/learn-code-build-get-hired" class="btn btn-sm btn-green">Read More →</a> </div> </div> </div> <div class="col-md-4 mb-4"> <div class="card h-100 shadow-sm border-0"> <div class="card-body"> <h5 class="card-title"> <a href="https://www.iwebstechnology.com/blog/bca-mca-btech-start-building-websites" class="text-dark"> BCA/MCA/B.Tech? Start Building Real Websites Now! </a> </h5> <p class="card-text text-muted"> Already pursuing IT education? Now build real websites with us! </p> </div> <div class="card-footer bg-white border-0"> <a href="https://www.iwebstechnology.com/blog/bca-mca-btech-start-building-websites" class="btn btn-sm btn-green">Read More →</a> </div> </div> </div> <div class="col-md-4 mb-4"> <div class="card h-100 shadow-sm border-0"> <div class="card-body"> <h5 class="card-title"> <a href="https://www.iwebstechnology.com/blog/offline-full-stack-training-dwarka-uttam-nagar" class="text-dark"> Offline Full Stack Training in Dwarka & Uttam Nagar – Limited Seats! </a> </h5> <p class="card-text text-muted"> Join our offline batch in Dwarka or Uttam Nagar and learn full stack development practically. </p> </div> <div class="card-footer bg-white border-0"> <a href="https://www.iwebstechnology.com/blog/offline-full-stack-training-dwarka-uttam-nagar" class="btn btn-sm btn-green">Read More →</a> </div> </div> </div> <div class="col-md-4 mb-4"> <div class="card h-100 shadow-sm border-0"> <div class="card-body"> <h5 class="card-title"> <a href="https://www.iwebstechnology.com/blog/struggling-in-interviews-build-skills-that-get-you-hired" class="text-dark"> Struggling in Interviews? Build Skills That Get You Hired! </a> </h5> <p class="card-text text-muted"> Facing rejections in job interviews? Build the right skills and project experience. </p> </div> <div class="card-footer bg-white border-0"> <a href="https://www.iwebstechnology.com/blog/struggling-in-interviews-build-skills-that-get-you-hired" class="btn btn-sm btn-green">Read More →</a> </div> </div> </div> </div> <div class="row"> <div class="col-md-12 text-center mt-3"> <a href="https://www.iwebstechnology.com/blog" class="btn btn-green">View All Blog Posts</a> </div> </div> </div> </section> <section id="banner-2" class="bg-01 wide-60 banner-section"> <div class="container"> <div class="row d-flex align-items-center"> <!-- BANNER TEXT --> <div class="col-md-7"> <div class="banner-2-txt white-color"> <!-- Title --> <h3 class="h3-lg mb-3"> 🚀 <strong>iWebs Technology – Your Partner in Development & Career Growth</strong> </h3> <p class="mb-2"> We specialize in <strong>Custom CRM Development, Portal Solutions, Ecommerce Platforms, and Full Stack Web Applications</strong>. </p> <p class="mb-2"> 💼 Looking to grow your skills? Join our <strong>Industry-Focused Full Stack Development Training</strong> and gain <strong>real project experience</strong>. </p> <ul class="list-unstyled mb-3"> <li>✔️ Website & App Development Services</li> <li>✔️ PHP, MySQL, JavaScript, Bootstrap 5, AJAX</li> <li>✔️ Live Projects + Resume & Interview Support</li> <li>✔️ For Students, Job Seekers, and Entrepreneurs</li> </ul> <p class="fw-bold text-primary mb-0"> 📞 Call: 9990107112 – Let's Build Your Project or Career Together! </p> <!-- COUNTDOWN ELEMENT <div class="countdown"><span class="countdown-txt">Ends in</span> <div id="clock"><div class="cbox clearfix"><span class="cbox-digit">00</span> <span class="cbox-txt">d</span></div><div class="cbox clearfix"><span class="cbox-digit">00</span> <span class="cbox-txt">h</span></div><div class="cbox clearfix"><span class="cbox-digit">00</span> <span class="cbox-txt">m</span></div><div class="cbox clearfix"><span class="cbox-digit">00</span> <span class="cbox-txt">s</span></div></div></div> --> </div> </div> <!-- REGISTER FORM --> <div class="col-md-5"> <div id="register-form"> <form name="registerForm" class="row register-form" novalidate="novalidate"> <!-- Form Input --> <div id="input-name" class="col-md-12"> <p>Your Name*</p> <input type="text" name="name" class="form-control name" placeholder="Enter Your Name*" required=""> </div> <!-- Form Input --> <div id="input-email" class="col-md-12"> <p>Your Email*</p> <input type="email" name="email" class="form-control email" placeholder="Enter Your Email*" required=""> </div> <!-- Form Input --> <div id="input-phone" class="col-md-12"> <p>Your Pnone Number*</p> <input type="tel" name="phone" class="form-control phone" placeholder="Enter Your Phone Number*" required=""> </div> <!-- Form Button --> <div class="col-md-12 form-btn"> <button type="submit" class="btn btn-md btn-rose tra-black-hover submit">Register Now</button> </div> <!-- Form Message --> <div class="col-md-12 register-form-msg text-center"> <span class="loading"></span> </div> </form> </div> </div> <!-- END REGISTER FORM --> </div> <!-- End row --> </div> <!-- End container --> </section> <!-- FOOTER-1 ============================================= --> <footer id="footer-1" class="footer division"> <div class="container"> <!-- FOOTER CONTENT --> <div class="row"> <!-- FOOTER INFO --> <div class="col-md-12 col-xl-3"> <div class="footer-info mb-40"> <!-- Footer Logo --> <!-- For Retina Ready displays take a image with double the amount of pixels that your image will be displayed (e.g 344 x 80 pixels) --> <img src="uploads/iWebs-Technology-bbd7c.png" width="172" alt="iWebs Technology"> <p style="text-align:justify;"><p style="text-align: justify;">At <strong>iWebs Technology</strong>, we are passionate about crafting innovative digital solutions that drive businesses to succeed in the ever-evolving digital landscape. As a leading development company, we specialize in delivering cutting-edge software and web applications tailored to our clients' unique needs.</p></p> <a href="https://www.iwebstechnology.com/paynow.php" class="btn btn-danger">Payment Options</a> </div> </div> <!-- FOOTER PRODUCTS LINKS --> <div class="col-md-4 col-xl-3"> <div class="footer-links mb-40"> <!-- Footer Links --> <ul class="foo-links clearfix"> <li><a href="https://www.iwebstechnology.com/about-us">About Us</a></li> <li><a href="https://www.iwebstechnology.com/services">Services</a></li> <li><a href="https://www.iwebstechnology.com/training">Training</a></li> <li><a href="https://www.iwebstechnology.com/projects">Projects</a></li> <li><a href="https://www.iwebstechnology.com/blog">Blog</a></li> <li><a href="https://www.iwebstechnology.com/others">Others</a></li> <li><a href="https://www.iwebstechnology.com/contact-us">Contact Us</a></li> <li><a href="https://www.iwebstechnology.com/resources">Resources</a></li> <li><a href="https://www.iwebstechnology.com/term-of-service.php">Term of Service</a></li> </ul> </div> </div> <!-- FOOTER COMPANY LINKS --> <div class="col-md-4 col-xl-3"> <div class="footer-links mb-40"> <!-- Footer Links --> <ul class="clearfix"> <li><a href="https://www.iwebstechnology.com/about-us">About Us</a></li> <li><a href="https://www.iwebstechnology.com/services">Services</a></li> <li><a href="https://www.iwebstechnology.com/training">Training</a></li> <li><a href="https://www.iwebstechnology.com/projects">Projects</a></li> <li><a href="https://www.iwebstechnology.com/blog">Blog</a></li> <li><a href="https://www.iwebstechnology.com/others">Others</a></li> <li><a href="https://www.iwebstechnology.com/contact-us">Contact Us</a></li> <li><a href="https://www.iwebstechnology.com/resources">Resources</a></li> <li><a href="https://www.iwebstechnology.com/privacy-policy.php">Privacy Policy</a></li> </ul> </div> </div> <!-- FOOTER COMPANY LINKS --> <div class="col-md-4 col-xl-3"> <div class="footer-links mb-40"> <!-- Footer Links --> <ul class="clearfix"> <li><a href="https://www.iwebstechnology.com/about-us">About Us</a></li> <li><a href="https://www.iwebstechnology.com/services">Services</a></li> <li><a href="https://www.iwebstechnology.com/training">Training</a></li> <li><a href="https://www.iwebstechnology.com/projects">Projects</a></li> <li><a href="https://www.iwebstechnology.com/blog">Blog</a></li> <li><a href="https://www.iwebstechnology.com/others">Others</a></li> <li><a href="https://www.iwebstechnology.com/contact-us">Contact Us</a></li> <li><a href="https://www.iwebstechnology.com/resources">Resources</a></li> </ul> <form><script src="https://checkout.razorpay.com/v1/payment-button.js" data-payment_button_id="pl_NagwzB70cIQ9qS" async> </script> </form> </div> </div> </div> <!-- END FOOTER CONTENT --> <!-- BOTTOM FOOTER --> <div class="bottom-footer"> <div class="row"> <!-- FOOTER COPYRIGHT --> <div class="col-lg-8"> <ul class="bottom-footer-list"> <li><p>© Copyright iWebs Technology 2024</p></li> <li><p><a href="tel:9999107112">9999107112</a></p></li> <li><p class="last-li"><a href="mailto:info@iwebstechnology.com">info@iwebstechnology.com</a></p></li> </ul> </div> <!-- FOOTER SOCIALS LINKS --> <div class="col-lg-4 text-right"> <ul class="foo-socials text-center clearfix"> <li><a href="https://www.facebook.com/" class="ico-facebook"><i class="fab fa-facebook-f"></i></a></li> <li><a href="https://twitter.com/" class="ico-twitter"><i class="fab fa-twitter"></i></a></li> <li><a href="https://www.youtube.com/channel/" class="ico-youtube"><i class="fab fa-youtube"></i></a></li> <li><a href="" class="ico-linkedin"><i class="fab fa-linkedin"></i></a></li> <li><a href="https://www.instagram.com/" class="ico-instagram"><i class="fab fa-instagram"></i></a></li> </ul> </div> </div> </div> <!-- END BOTTOM FOOTER --> </div> <!-- End container --> </footer> <!-- END FOOTER-1 --> </div> <!-- EXTERNAL SCRIPTS ============================================= --> <script src="js/jquery-3.3.1.min.js"></script> <script src="js/bootstrap.min.js"></script> <script src="js/modernizr.custom.js"></script> <script src="js/jquery.easing.js"></script> <script src="js/jquery.appear.js"></script> <script src="js/menu.js"></script> <script src="js/materialize.js"></script> <script src="js/jquery.scrollto.js"></script> <script src="js/jquery.countdown.min.js"></script> <script src="js/imagesloaded.pkgd.min.js"></script> <script src="js/isotope.pkgd.min.js"></script> <script src="js/jquery.flexslider.js"></script> <script src="js/owl.carousel.min.js"></script> <script src="js/jquery.magnific-popup.min.js"></script> <script src="js/register-form.js"></script> <script src="js/comment-form.js"></script> <script src="js/jquery.validate.min.js"></script> <script src="js/jquery.ajaxchimp.min.js"></script> <!-- Custom Script --> <script src="js/custom.js"></script> <!-- HTML5 shim, for IE6-8 support of HTML5 elements. All other JS at the end of file. --> <!-- [if lt IE 9]> <script src="js/html5shiv.js" type="text/javascript"></script> <script src="js/respond.min.js" type="text/javascript"></script> <![endif] --> <!-- Google Analytics: Change UA-XXXXX-X to be your site's ID. Go to http://www.google.com/analytics/ for more information. --> <!-- <script> window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date; ga('create', 'UA-XXXXX-Y', 'auto'); ga('send', 'pageview'); </script> <script async src='https://www.google-analytics.com/analytics.js'></script> --> <!-- End Google Analytics --> </body> </html>