What is HTML?

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>What is HTML?</h4> <p class="lead">Understand What is HTML? in HTML to create structured, semantic, and accessible web content.</p> <div class="content"> <div class="container py-5"> <!-- Introduction --> <section class="mb-5"> <h2 class="mb-3">What is HTML?</h2> <p>HTML (HyperText Markup Language) is the standard markup language used to create and design the structure of web pages. It provides the basic building blocks for all websites by using various elements such as headings, paragraphs, links, images, and more.</p> </section> <!-- History of HTML --> <section class="mb-5"> <h4 class="mb-3">History of HTML</h4> <ul> <li><strong>1991:</strong> HTML first proposed by Tim Berners-Lee.</li> <li><strong>HTML 4.01:</strong> Became widely used in late 1990s.</li> <li><strong>HTML5:</strong> Introduced major enhancements like audio, video, and semantic elements. It became a standard in 2014.</li> </ul> </section> <!-- Basic Structure of HTML Document --> <section class="mb-5"> <h4 class="mb-3">Basic HTML Document Structure</h4> <pre><code><!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>My Page</title> </head> <body> <h1>Hello, world!</h1> </body> </html></code></pre> </section> <!-- HTML Elements --> <section class="mb-5"> <h4 class="mb-3">HTML Elements</h4> <p>HTML uses various tags to represent different elements. Some common ones:</p> <ul> <li><code><h1> to <h6></code> – Headings</li> <li><code><p></code> – Paragraph</li> <li><code><a href=""></code> – Hyperlink</li> <li><code><img src=""></code> – Image</li> <li><code><div></code>, <code><span></code> – Container elements</li> </ul> </section> <!-- HTML Attributes --> <section class="mb-5"> <h4 class="mb-3">HTML Attributes</h4> <p>Attributes provide additional information about elements.</p> <pre><code><a href="https://example.com" target="_blank">Visit Site</a></code></pre> <p>In this example, <code>href</code> defines the link URL and <code>target="_blank"</code> opens it in a new tab.</p> </section> <!-- HTML Versions --> <section class="mb-5"> <h4 class="mb-3">HTML Versions</h4> <table class="table table-bordered"> <thead class="table-light"> <tr> <th>Version</th> <th>Year</th> <th>Key Features</th> </tr> </thead> <tbody> <tr> <td>HTML 2.0</td> <td>1995</td> <td>Basic structure and tags</td> </tr> <tr> <td>HTML 4.01</td> <td>1999</td> <td>Tables, forms, scripts</td> </tr> <tr> <td>XHTML</td> <td>2000</td> <td>Stricter XML-based syntax</td> </tr> <tr> <td>HTML5</td> <td>2014</td> <td>Audio, video, canvas, semantics</td> </tr> </tbody> </table> </section> <!-- Importance of HTML --> <section class="mb-5"> <h4 class="mb-3">Why HTML is Important</h4> <ul> <li>It is the backbone of all web pages.</li> <li>Defines structure and layout of content.</li> <li>Works with CSS for styling and JavaScript for interactivity.</li> <li>Supported by all web browsers.</li> </ul> </section> <!-- HTML with CSS and JavaScript --> <section class="mb-5"> <h4 class="mb-3">HTML + CSS + JavaScript</h4> <p>HTML provides structure, CSS handles presentation, and JavaScript adds interactivity. Together, they form the core technologies of web development.</p> <div class="alert alert-info"> Example: A form (HTML), styled with Bootstrap (CSS), and validated using JavaScript. </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>