, )Adding captions (colspan, rowspan)Styling Tables
- Adding borders, padding, and spacing
- Zebra-striped tables using CSS
Creating Lists
- Ordered lists (
- Nesting lists
- Customizing list style types
- Introduction to HTML5 APIs
- What are APIs in HTML5?
- Overview of different HTML5 APIs
- Canvas API
- Drawing shapes and lines
- Creating simple animations
- Geolocation API
- Getting the user’s location
- Using geolocation in web applications
- LocalStorage and SessionStorage
- Storing data in the browser
- Differences between LocalStorage and SessionStorage
- Importance of Accessibility
- What is web accessibility?
- Introduction to WCAG (Web Content Accessibility Guidelines)
- Using ARIA Landmarks
- Role attributes (
role, aria-*) - Ensuring semantic HTML for accessibility
- Accessible Forms
- Labeling form elements correctly
- Best practices for accessible form design
- Introduction to Responsive Design
- What is responsive design?
- Mobile-first approach
- Media Queries
- Introduction to CSS media queries
- Creating responsive layouts with media queries
- Responsive Images and Videos
- Using
srcset for images - Making videos responsive
- Optimizing HTML5
- Reducing page load times
- Using proper image formats and sizes
- SEO Best Practices
- Semantic HTML and SEO
- Importance of metadata (
</code>)</li></ul></li><li><strong>Cross-Browser Compatibility</strong><br /><ul class="wp-block-list"><li>Ensuring HTML5 works across different browsers</li><li>Polyfills and fallbacks for older browsers</li></ul></li></ul></div>
</div>
<div class="elementor-toggle-item">
<div id="elementor-tab-title-32612" class="elementor-tab-title" data-tab="12" role="button" aria-controls="elementor-tab-content-32612" aria-expanded="false">
<span class="elementor-toggle-icon elementor-toggle-icon-right" aria-hidden="true">
<span class="elementor-toggle-icon-closed"><i class="fas fa-plus-circle"></i></span>
<span class="elementor-toggle-icon-opened"><i class="elementor-toggle-icon-opened fas fa-minus-circle"></i></span>
</span>
<a class="elementor-toggle-title" tabindex="0">Final Project </a>
</div>
<div id="elementor-tab-content-32612" class="elementor-tab-content elementor-clearfix" data-tab="12" role="region" aria-labelledby="elementor-tab-title-32612"><ul class="wp-block-list"><li><strong>Building a Complete Website</strong><br /><ul class="wp-block-list"><li>Applying HTML5 concepts to create a full website</li><li>Incorporating forms, multimedia, and responsive design</li></ul></li><li><strong>Review and Q&A</strong><br /><ul class="wp-block-list"><li>Recap of key concepts</li><li>Addressing common challenges and questions</li></ul></li></ul></div>
</div>
</div>
</div>
</div>
<div class="elementor-element elementor-element-f8524af elementor-widget elementor-widget-heading" data-id="f8524af" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
<div class="elementor-widget-container">
<h2 class="elementor-heading-title elementor-size-default">CSS3</h2> </div>
</div>
<div class="elementor-element elementor-element-ed15c80 elementor-widget elementor-widget-toggle" data-id="ed15c80" data-element_type="widget" data-e-type="widget" data-widget_type="toggle.default">
<div class="elementor-widget-container">
<div class="elementor-toggle">
<div class="elementor-toggle-item">
<div id="elementor-tab-title-2481" class="elementor-tab-title" data-tab="1" role="button" aria-controls="elementor-tab-content-2481" aria-expanded="false">
<span class="elementor-toggle-icon elementor-toggle-icon-right" aria-hidden="true">
<span class="elementor-toggle-icon-closed"><i class="fas fa-plus-circle"></i></span>
<span class="elementor-toggle-icon-opened"><i class="elementor-toggle-icon-opened fas fa-minus-circle"></i></span>
</span>
<a class="elementor-toggle-title" tabindex="0">Introduction to CSS3</a>
</div>
<div id="elementor-tab-content-2481" class="elementor-tab-content elementor-clearfix" data-tab="1" role="region" aria-labelledby="elementor-tab-title-2481"><ul class="wp-block-list"><li><strong>Overview of CSS3</strong><br /><ul class="wp-block-list"><li>What is CSS and CSS3?</li><li>History and evolution of CSS</li><li>Differences between CSS2 and CSS3</li><li>Setting up the development environment (Text editors, browser tools)</li></ul></li></ul></div>
</div>
<div class="elementor-toggle-item">
<div id="elementor-tab-title-2482" class="elementor-tab-title" data-tab="2" role="button" aria-controls="elementor-tab-content-2482" aria-expanded="false">
<span class="elementor-toggle-icon elementor-toggle-icon-right" aria-hidden="true">
<span class="elementor-toggle-icon-closed"><i class="fas fa-plus-circle"></i></span>
<span class="elementor-toggle-icon-opened"><i class="elementor-toggle-icon-opened fas fa-minus-circle"></i></span>
</span>
<a class="elementor-toggle-title" tabindex="0">CSS Basics</a>
</div>
<div id="elementor-tab-content-2482" class="elementor-tab-content elementor-clearfix" data-tab="2" role="region" aria-labelledby="elementor-tab-title-2482"><ul class="wp-block-list"><li><strong>CSS Syntax and Selectors</strong><br /><ul class="wp-block-list"><li>Understanding CSS syntax (selectors, properties, values)</li><li>Basic selectors (element, class, ID)</li><li>Grouping, combining, and nesting selectors</li></ul></li><li><strong>Including CSS in HTML</strong><br /><ul class="wp-block-list"><li>Inline CSS</li><li>Internal CSS (using <code><style></code> tags)</li><li>External CSS (linking CSS files)</li></ul></li><li><strong>CSS Specificity and Inheritance</strong><br /><ul class="wp-block-list"><li>Understanding the cascade, specificity rules</li><li>Inheritance of styles and importance (<code>!important</code>)</li></ul></li></ul></div>
</div>
<div class="elementor-toggle-item">
<div id="elementor-tab-title-2483" class="elementor-tab-title" data-tab="3" role="button" aria-controls="elementor-tab-content-2483" aria-expanded="false">
<span class="elementor-toggle-icon elementor-toggle-icon-right" aria-hidden="true">
<span class="elementor-toggle-icon-closed"><i class="fas fa-plus-circle"></i></span>
<span class="elementor-toggle-icon-opened"><i class="elementor-toggle-icon-opened fas fa-minus-circle"></i></span>
</span>
<a class="elementor-toggle-title" tabindex="0">Styling Text and Fonts</a>
</div>
<div id="elementor-tab-content-2483" class="elementor-tab-content elementor-clearfix" data-tab="3" role="region" aria-labelledby="elementor-tab-title-2483"><ul class="wp-block-list"><li><strong>Text Properties</strong><br /><ul class="wp-block-list"><li>Font family, size, weight, and style</li><li>Text alignment, decoration, and transformation</li><li>Line height, letter spacing, and word spacing</li></ul></li><li><strong>Web Fonts</strong><br /><ul class="wp-block-list"><li>Using Google Fonts and other web fonts</li><li>Font-face rule for custom fonts</li><li>Best practices for font loading and performance</li></ul></li></ul></div>
</div>
<div class="elementor-toggle-item">
<div id="elementor-tab-title-2484" class="elementor-tab-title" data-tab="4" role="button" aria-controls="elementor-tab-content-2484" aria-expanded="false">
<span class="elementor-toggle-icon elementor-toggle-icon-right" aria-hidden="true">
<span class="elementor-toggle-icon-closed"><i class="fas fa-plus-circle"></i></span>
<span class="elementor-toggle-icon-opened"><i class="elementor-toggle-icon-opened fas fa-minus-circle"></i></span>
</span>
<a class="elementor-toggle-title" tabindex="0">Colors and Backgrounds</a>
</div>
<div id="elementor-tab-content-2484" class="elementor-tab-content elementor-clearfix" data-tab="4" role="region" aria-labelledby="elementor-tab-title-2484"><ul class="wp-block-list"><li><strong>Working with Colors</strong><br /><ul class="wp-block-list"><li>CSS color formats: named colors, HEX, RGB, RGBA, HSL, HSLA</li><li>Applying colors to text, backgrounds, and borders</li><li>Opacity and transparency</li></ul></li><li><strong>Backgrounds</strong><br /><ul class="wp-block-list"><li>Background color, image, position, and size</li><li>Background repeat and attachment</li><li>Gradients (linear, radial, conic)</li><li>Advanced background techniques (multiple backgrounds, parallax effects)</li></ul></li></ul></div>
</div>
<div class="elementor-toggle-item">
<div id="elementor-tab-title-2485" class="elementor-tab-title" data-tab="5" role="button" aria-controls="elementor-tab-content-2485" aria-expanded="false">
<span class="elementor-toggle-icon elementor-toggle-icon-right" aria-hidden="true">
<span class="elementor-toggle-icon-closed"><i class="fas fa-plus-circle"></i></span>
<span class="elementor-toggle-icon-opened"><i class="elementor-toggle-icon-opened fas fa-minus-circle"></i></span>
</span>
<a class="elementor-toggle-title" tabindex="0">Box Model and Layout</a>
</div>
<div id="elementor-tab-content-2485" class="elementor-tab-content elementor-clearfix" data-tab="5" role="region" aria-labelledby="elementor-tab-title-2485"><ul class="wp-block-list"><li><strong>Understanding the CSS Box Model</strong><br /><ul class="wp-block-list"><li>Content, padding, border, and margin</li><li>Box-sizing property (<code>content-box</code>, <code>border-box</code>)</li></ul></li><li><strong>Working with Borders</strong><br /><ul class="wp-block-list"><li>Border styles, widths, and colors</li><li>Border radius for rounded corners</li><li>Box shadows for depth and effects</li></ul></li><li><strong>Margin and Padding</strong><br /><ul class="wp-block-list"><li>Controlling space inside and outside elements</li><li>Margin collapsing and padding best practices</li></ul></li></ul></div>
</div>
<div class="elementor-toggle-item">
<div id="elementor-tab-title-2486" class="elementor-tab-title" data-tab="6" role="button" aria-controls="elementor-tab-content-2486" aria-expanded="false">
<span class="elementor-toggle-icon elementor-toggle-icon-right" aria-hidden="true">
<span class="elementor-toggle-icon-closed"><i class="fas fa-plus-circle"></i></span>
<span class="elementor-toggle-icon-opened"><i class="elementor-toggle-icon-opened fas fa-minus-circle"></i></span>
</span>
<a class="elementor-toggle-title" tabindex="0">Positioning and Floating</a>
</div>
<div id="elementor-tab-content-2486" class="elementor-tab-content elementor-clearfix" data-tab="6" role="region" aria-labelledby="elementor-tab-title-2486"><ul class="wp-block-list"><li><strong>CSS Positioning</strong><br /><ul class="wp-block-list"><li>Static, relative, absolute, fixed, and sticky positioning</li><li>Understanding z-index and stacking context</li></ul></li><li><strong>Floating Elements</strong><br /><ul class="wp-block-list"><li>Floating elements (<code>float</code>, <code>clear</code>)</li><li>Creating simple layouts with floats</li><li>Clearing floats and the clearfix hack</li></ul></li><li><strong>Overflow and Clipping</strong><br /><ul class="wp-block-list"><li>Handling overflow content (<code>overflow</code>, <code>overflow-x</code>, <code>overflow-y</code>)</li><li>Using <code>clip-path</code> for advanced clipping</li></ul></li></ul></div>
</div>
<div class="elementor-toggle-item">
<div id="elementor-tab-title-2487" class="elementor-tab-title" data-tab="7" role="button" aria-controls="elementor-tab-content-2487" aria-expanded="false">
<span class="elementor-toggle-icon elementor-toggle-icon-right" aria-hidden="true">
<span class="elementor-toggle-icon-closed"><i class="fas fa-plus-circle"></i></span>
<span class="elementor-toggle-icon-opened"><i class="elementor-toggle-icon-opened fas fa-minus-circle"></i></span>
</span>
<a class="elementor-toggle-title" tabindex="0">Flexbox Layout</a>
</div>
<div id="elementor-tab-content-2487" class="elementor-tab-content elementor-clearfix" data-tab="7" role="region" aria-labelledby="elementor-tab-title-2487"><ul class="wp-block-list"><li><strong>Introduction to Flexbox</strong><br /><ul class="wp-block-list"><li>What is Flexbox and why use it?</li><li>Flex container and flex items</li></ul></li><li><strong>Flexbox Properties</strong><br /><ul class="wp-block-list"><li>Direction, wrapping, and ordering of flex items</li><li>Aligning items: <code>justify-content</code>, <code>align-items</code>, <code>align-self</code></li><li>Flex-grow, flex-shrink, and flex-basis properties</li></ul></li><li><strong>Building Layouts with Flexbox</strong><br /><ul class="wp-block-list"><li>Creating responsive navigation menus</li><li>Building multi-column layouts with Flexbox</li><li>Common Flexbox patterns and use cases</li></ul></li></ul></div>
</div>
<div class="elementor-toggle-item">
<div id="elementor-tab-title-2488" class="elementor-tab-title" data-tab="8" role="button" aria-controls="elementor-tab-content-2488" aria-expanded="false">
<span class="elementor-toggle-icon elementor-toggle-icon-right" aria-hidden="true">
<span class="elementor-toggle-icon-closed"><i class="fas fa-plus-circle"></i></span>
<span class="elementor-toggle-icon-opened"><i class="elementor-toggle-icon-opened fas fa-minus-circle"></i></span>
</span>
<a class="elementor-toggle-title" tabindex="0">Grid Layout</a>
</div>
<div id="elementor-tab-content-2488" class="elementor-tab-content elementor-clearfix" data-tab="8" role="region" aria-labelledby="elementor-tab-title-2488"><ul class="wp-block-list"><li><strong>Introduction to CSS Grid</strong><br /><ul class="wp-block-list"><li>What is CSS Grid and why use it?</li><li>Grid container and grid items</li></ul></li><li><strong>Grid Properties</strong><br /><ul class="wp-block-list"><li>Defining rows, columns, and gaps</li><li>Placing items in the grid (<code>grid-template-areas</code>, <code>grid-template-rows</code>, <code>grid-template-columns</code>)</li><li>Grid lines, areas, and spans</li></ul></li><li><strong>Building Layouts with CSS Grid</strong><br /><ul class="wp-block-list"><li>Creating complex web layouts with Grid</li><li>Combining Grid and Flexbox for advanced layouts</li><li>Responsive design with Grid</li></ul></li></ul></div>
</div>
<div class="elementor-toggle-item">
<div id="elementor-tab-title-2489" class="elementor-tab-title" data-tab="9" role="button" aria-controls="elementor-tab-content-2489" aria-expanded="false">
<span class="elementor-toggle-icon elementor-toggle-icon-right" aria-hidden="true">
<span class="elementor-toggle-icon-closed"><i class="fas fa-plus-circle"></i></span>
<span class="elementor-toggle-icon-opened"><i class="elementor-toggle-icon-opened fas fa-minus-circle"></i></span>
</span>
<a class="elementor-toggle-title" tabindex="0">Responsive Web Design with Media Queries</a>
</div>
<div id="elementor-tab-content-2489" class="elementor-tab-content elementor-clearfix" data-tab="9" role="region" aria-labelledby="elementor-tab-title-2489"><ul class="wp-block-list"><li><strong>Introduction to Responsive Design</strong><br /><ul class="wp-block-list"><li>What is responsive web design?</li><li>Mobile-first vs. desktop-first approaches</li></ul></li><li><strong>Using Media Queries</strong><br /><ul class="wp-block-list"><li>Basic syntax of media queries</li><li>Applying styles based on screen size, orientation, resolution</li><li>Creating breakpoints for different devices</li></ul></li><li><strong>Responsive Techniques</strong><br /><ul class="wp-block-list"><li>Fluid grids, flexible images, and responsive typography</li><li>Building a responsive navigation menu</li><li>Using CSS3 units for responsiveness (%, em, rem, vh, vw)</li></ul></li></ul></div>
</div>
<div class="elementor-toggle-item">
<div id="elementor-tab-title-24810" class="elementor-tab-title" data-tab="10" role="button" aria-controls="elementor-tab-content-24810" aria-expanded="false">
<span class="elementor-toggle-icon elementor-toggle-icon-right" aria-hidden="true">
<span class="elementor-toggle-icon-closed"><i class="fas fa-plus-circle"></i></span>
<span class="elementor-toggle-icon-opened"><i class="elementor-toggle-icon-opened fas fa-minus-circle"></i></span>
</span>
<a class="elementor-toggle-title" tabindex="0">CSS3 Transitions and Animations</a>
</div>
<div id="elementor-tab-content-24810" class="elementor-tab-content elementor-clearfix" data-tab="10" role="region" aria-labelledby="elementor-tab-title-24810"><ul class="wp-block-list"><li><strong>CSS Transitions</strong><br /><ul class="wp-block-list"><li>Introduction to transitions</li><li>Transition properties: <code>transition-property</code>, <code>transition-duration</code>, <code>transition-timing-function</code>, <code>transition-delay</code></li><li>Creating hover effects with transitions</li></ul></li><li><strong>CSS Animations</strong><br /><ul class="wp-block-list"><li>Introduction to keyframes and animation properties</li><li><code>@keyframes</code> rule and animation properties: <code>animation-name</code>, <code>animation-duration</code>, <code>animation-timing-function</code>, <code>animation-delay</code>, <code>animation-iteration-count</code>, <code>animation-direction</code></li><li>Creating complex animations with keyframes</li></ul></li><li><strong>Transformations</strong><br /><ul class="wp-block-list"><li>2D and 3D transforms (<code>rotate</code>, <code>scale</code>, <code>translate</code>, <code>skew</code>)</li><li>Combining transforms and animations for advanced effects</li></ul></li></ul></div>
</div>
<div class="elementor-toggle-item">
<div id="elementor-tab-title-24811" class="elementor-tab-title" data-tab="11" role="button" aria-controls="elementor-tab-content-24811" aria-expanded="false">
<span class="elementor-toggle-icon elementor-toggle-icon-right" aria-hidden="true">
<span class="elementor-toggle-icon-closed"><i class="fas fa-plus-circle"></i></span>
<span class="elementor-toggle-icon-opened"><i class="elementor-toggle-icon-opened fas fa-minus-circle"></i></span>
</span>
<a class="elementor-toggle-title" tabindex="0">CSS3 Advanced Techniques</a>
</div>
<div id="elementor-tab-content-24811" class="elementor-tab-content elementor-clearfix" data-tab="11" role="region" aria-labelledby="elementor-tab-title-24811"><ul class="wp-block-list"><li><strong>CSS Variables (Custom Properties)</strong><br /><ul class="wp-block-list"><li>Introduction to CSS variables</li><li>Defining and using CSS variables</li><li>Best practices for CSS variables</li></ul></li><li><strong>CSS3 Filters and Blending Modes</strong><br /><ul class="wp-block-list"><li>Applying filters (<code>blur</code>, <code>brightness</code>, <code>contrast</code>, etc.)</li><li>Using blend modes for creative effects</li><li>Combining filters and blend modes with images and backgrounds</li></ul></li><li><strong>CSS3 Pseudo-classes and Pseudo-elements</strong><br /><ul class="wp-block-list"><li>Using pseudo-classes (<code>:hover</code>, <code>:focus</code>, <code>:nth-child</code>, etc.)</li><li>Using pseudo-elements (<code>::before</code>, <code>::after</code>)</li><li>Styling dynamic content with pseudo-classes and pseudo-elements</li></ul></li></ul></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-179c77c" data-id="179c77c" data-element_type="column" data-e-type="column">
<div class="elementor-widget-wrap elementor-element-populated">
<div class="elementor-element elementor-element-c469114 elementor-widget elementor-widget-spacer" data-id="c469114" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
<div class="elementor-widget-container">
<div class="elementor-spacer">
<div class="elementor-spacer-inner"></div>
</div>
</div>
</div>
<div class="elementor-element elementor-element-07f517a elementor-widget elementor-widget-heading" data-id="07f517a" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
<div class="elementor-widget-container">
<h4 class="elementor-heading-title elementor-size-default">CONTACT US</h4> </div>
</div>
<div class="elementor-element elementor-element-f151386 elementor-widget elementor-widget-themo-formidable-form" data-id="f151386" data-element_type="widget" data-e-type="widget" data-widget_type="themo-formidable-form.default">
<div class="elementor-widget-container">
<div class="th-fo-form th-centered th-form-default th-btn-form btn-standard-primary-form"><div class="frm_forms with_frm_style frm_style_formidable-style" id="frm_form_3_container" >
<form enctype="multipart/form-data" method="post" class="frm-show-form " id="form_contact3" >
<div class="frm_form_fields ">
<fieldset>
<div class="frm_fields_container">
<input type="hidden" name="frm_action" value="create" />
<input type="hidden" name="form_id" value="3" />
<input type="hidden" name="frm_hide_fields_3" id="frm_hide_fields_3" value="" />
<input type="hidden" name="form_key" value="contact3" />
<input type="hidden" name="item_meta[0]" value="" />
<input type="hidden" id="frm_submit_entry_3" name="frm_submit_entry_3" value="0352feecbb" /><input type="hidden" name="_wp_http_referer" value="/html5-css3-course-content/" /><div id="frm_field_9_container" class="frm_form_field form-field frm_required_field frm_none_container frm_full">
<label for="field_xipbjr3" class="frm_primary_label">Name
<span class="frm_required">*</span>
</label>
<input type="text" id="field_xipbjr3" name="item_meta[9]" value="" placeholder="Name" data-reqmsg="Name cannot be blank." aria-required="true" data-invmsg="Name is invalid" aria-invalid="false" />
</div>
<div id="frm_field_10_container" class="frm_form_field form-field frm_required_field frm_none_container frm_full">
<label for="field_jaehy83" class="frm_primary_label">Email
<span class="frm_required">*</span>
</label>
<input type="text" id="field_jaehy83" name="item_meta[10]" value="" placeholder="Email" data-reqmsg="Email cannot be blank." aria-required="true" data-invmsg="Email is invalid" aria-invalid="false" />
</div>
<div id="frm_field_11_container" class="frm_form_field form-field frm_none_container frm_full">
<label for="field_cqpguu3" class="frm_primary_label">Phone
<span class="frm_required"></span>
</label>
<input type="text" id="field_cqpguu3" name="item_meta[11]" value="" placeholder="Phone" data-invmsg="Phone is invalid" aria-invalid="false" />
</div>
<div id="frm_field_12_container" class="frm_form_field form-field frm_none_container frm_full">
<label for="field_w7ueyk3" class="frm_primary_label">Course
<span class="frm_required"></span>
</label>
<input type="text" id="field_w7ueyk3" name="item_meta[12]" value="" placeholder="Enter the course you are looking ?" data-invmsg="Course is invalid" aria-invalid="false" />
</div>
<div id="frm_field_49_container" class="frm_form_field form-field frm_required_field frm_none_container frm_full">
<label for="field_ncx0b" id="field_ncx0b_label" class="frm_primary_label">What Are You Looking For?
<span class="frm_required" aria-hidden="true">*</span>
</label>
<select name="item_meta[49]" id="field_ncx0b" placeholder="What Are You Looking For?" data-reqmsg="Choose one" aria-required="true" data-invmsg="What Are You Looking For? is invalid" aria-invalid="false" >
<option class="frm-select-placeholder" value="" data-placeholder="true">What Are You Looking For?</option><option value="Workshops">Workshops</option><option value="Internships">Internships</option><option value="Colleges">Colleges</option><option value="Start-Ups">Start-Ups</option><option value="Institutions">Institutions</option> </select>
</div>
<div id="frm_field_13_container" class="frm_form_field form-field frm_required_field frm_none_container frm_full">
<label for="field_kggkvh3" class="frm_primary_label">Message
<span class="frm_required">*</span>
</label>
<textarea name="item_meta[13]" id="field_kggkvh3" rows="5" placeholder="Message" data-reqmsg="Message cannot be blank." aria-required="true" data-invmsg="Message is invalid" aria-invalid="false" ></textarea>
</div>
<div id="frm_field_44_container" class="frm_form_field form-field ">
<div class="frm_submit">
<input type="submit" value="Send" />
<img decoding="async" class="frm_ajax_loading" src="https://www.indictechnologies.com/wp-content/plugins/formidable/images/ajax_loader.gif" alt="Sending" style="visibility:hidden;" />
</div>
</div>
<input type="hidden" name="item_key" value="" />
<div id="frm_field_50_container">
<label for="field_lethz" >
If you are human, leave this field blank. </label>
<input id="field_lethz" type="text" class="frm_form_field form-field frm_verify" name="item_meta[50]" value="" />
</div>
<input name="frm_state" type="hidden" value="3akF1p2cSExyOxD2GL9BPaKUQWH511asXzt6E1dL+tM=" /></div>
</fieldset>
</div>
</form>
</div>
</div>
</div>
</div>
<div class="elementor-element elementor-element-5583658 elementor-widget elementor-widget-heading" data-id="5583658" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
<div class="elementor-widget-container">
<h4 class="elementor-heading-title elementor-size-default"> FIND COURSES HERE</h4> </div>
</div>
<div class="elementor-element elementor-element-bcf66c9 hfe-nav-menu__align-left hfe-submenu-icon-arrow hfe-submenu-animation-none hfe-nav-menu__breakpoint-tablet elementor-widget elementor-widget-thhf-navigation-menu" data-id="bcf66c9" data-element_type="widget" data-e-type="widget" data-widget_type="thhf-navigation-menu.default">
<div class="elementor-widget-container">
<div class="hfe-nav-menu hfe-layout-horizontal hfe-nav-menu-layout horizontal hfe-pointer__none" data-layout="horizontal" data-last-item="cta">
<div class="hfe-nav-menu__toggle elementor-clickable">
<div class="hfe-nav-menu-icon">
<i aria-hidden="true" tabindex="0" class="fas fa-align-justify"></i> </div>
</div>
<nav class="hfe-nav-menu__layout-horizontal hfe-nav-menu__submenu-arrow" data-toggle-icon="<i aria-hidden="true" tabindex="0" class="fas fa-align-justify"></i>" data-close-icon="<i aria-hidden="true" tabindex="0" class="far fa-window-close"></i>" data-full-width="yes"><ul id="menu-1-bcf66c9" class="hfe-nav-menu"><li id="menu-item-4323" class="menu-item menu-item-type-post_type menu-item-object-page parent hfe-creative-menu"><a href="https://www.indictechnologies.com/machine_learning_course_content/" class = "hfe-menu-item">Machine Learning Course</a></li>
<li id="menu-item-4324" class="menu-item menu-item-type-post_type menu-item-object-page parent hfe-creative-menu"><a href="https://www.indictechnologies.com/data-science_course_content/" class = "hfe-menu-item">Data Science Course</a></li>
<li id="menu-item-4326" class="menu-item menu-item-type-post_type menu-item-object-page parent hfe-creative-menu"><a href="https://www.indictechnologies.com/artificial-intelligence-course-content/" class = "hfe-menu-item">Artificial Intelligence Course</a></li>
<li id="menu-item-4327" class="menu-item menu-item-type-post_type menu-item-object-page parent hfe-creative-menu"><a href="https://www.indictechnologies.com/javascript-course-content/" class = "hfe-menu-item">JavaScript Course</a></li>
<li id="menu-item-4328" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-864 current_page_item parent hfe-creative-menu"><a href="https://www.indictechnologies.com/html5-css3-course-content/" class = "hfe-menu-item">Html5 Css3 Course</a></li>
<li id="menu-item-4329" class="menu-item menu-item-type-post_type menu-item-object-page parent hfe-creative-menu"><a href="https://www.indictechnologies.com/vuejs-course-content/" class = "hfe-menu-item">VueJS Course</a></li>
<li id="menu-item-4330" class="menu-item menu-item-type-post_type menu-item-object-page parent hfe-creative-menu"><a href="https://www.indictechnologies.com/reactjs-course-content/" class = "hfe-menu-item">ReactJS Course</a></li>
<li id="menu-item-4331" class="menu-item menu-item-type-post_type menu-item-object-page parent hfe-creative-menu"><a href="https://www.indictechnologies.com/angular-course-content/" class = "hfe-menu-item">Angular Course</a></li>
</ul></nav>
</div>
</div>
</div>
<div class="elementor-element elementor-element-1be4641 elementor-widget elementor-widget-heading" data-id="1be4641" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
<div class="elementor-widget-container">
<h6 class="elementor-heading-title elementor-size-default"> FULL STACK</h6> </div>
</div>
<div class="elementor-element elementor-element-57788df hfe-nav-menu__align-left hfe-submenu-icon-arrow hfe-submenu-animation-none hfe-nav-menu__breakpoint-tablet elementor-widget elementor-widget-thhf-navigation-menu" data-id="57788df" data-element_type="widget" data-e-type="widget" data-widget_type="thhf-navigation-menu.default">
<div class="elementor-widget-container">
<div class="hfe-nav-menu hfe-layout-horizontal hfe-nav-menu-layout horizontal hfe-pointer__none" data-layout="horizontal" data-last-item="cta">
<div class="hfe-nav-menu__toggle elementor-clickable">
<div class="hfe-nav-menu-icon">
<i aria-hidden="true" tabindex="0" class="fas fa-align-justify"></i> </div>
</div>
<nav class="hfe-nav-menu__layout-horizontal hfe-nav-menu__submenu-arrow" data-toggle-icon="<i aria-hidden="true" tabindex="0" class="fas fa-align-justify"></i>" data-close-icon="<i aria-hidden="true" tabindex="0" class="far fa-window-close"></i>" data-full-width="yes"><ul id="menu-1-57788df" class="hfe-nav-menu"><li id="menu-item-4346" class="menu-item menu-item-type-post_type menu-item-object-page parent hfe-creative-menu"><a href="https://www.indictechnologies.com/java-full-stack-course-content/" class = "hfe-menu-item">Java Full stack Course</a></li>
<li id="menu-item-4347" class="menu-item menu-item-type-post_type menu-item-object-page parent hfe-creative-menu"><a href="https://www.indictechnologies.com/mean-stack-course-content/" class = "hfe-menu-item">MEAN Stack Course</a></li>
<li id="menu-item-4348" class="menu-item menu-item-type-post_type menu-item-object-page parent hfe-creative-menu"><a href="https://www.indictechnologies.com/mern-stack-course-content/" class = "hfe-menu-item">MERN Stack Course</a></li>
<li id="menu-item-4349" class="menu-item menu-item-type-post_type menu-item-object-page parent hfe-creative-menu"><a href="https://www.indictechnologies.com/mevn-course-content/" class = "hfe-menu-item">MEVN Stack Course</a></li>
<li id="menu-item-4350" class="menu-item menu-item-type-post_type menu-item-object-page parent hfe-creative-menu"><a href="https://www.indictechnologies.com/python-full-stack-course-content/" class = "hfe-menu-item">Python Full stack Course</a></li>
<li id="menu-item-4351" class="menu-item menu-item-type-post_type menu-item-object-page parent hfe-creative-menu"><a href="https://www.indictechnologies.com/vuejs-course-content/web-full-stack-course-content/" class = "hfe-menu-item">Web Full Stack Course</a></li>
</ul></nav>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="elementor-section elementor-top-section elementor-element elementor-element-03801ce elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="03801ce" data-element_type="section" data-e-type="section">
<div class="elementor-container elementor-column-gap-default">
<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-94c91bd" data-id="94c91bd" data-element_type="column" data-e-type="column">
<div class="elementor-widget-wrap elementor-element-populated">
<div class="elementor-element elementor-element-62cf2a7 elementor-widget elementor-widget-spacer" data-id="62cf2a7" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
<div class="elementor-widget-container">
<div class="elementor-spacer">
<div class="elementor-spacer-inner"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="elementor-section elementor-top-section elementor-element elementor-element-5fe124a elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="5fe124a" data-element_type="section" data-e-type="section">
<div class="elementor-container elementor-column-gap-default">
<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-fa00b78" data-id="fa00b78" data-element_type="column" data-e-type="column">
<div class="elementor-widget-wrap elementor-element-populated">
<div class="elementor-element elementor-element-683e290 elementor-widget elementor-widget-heading" data-id="683e290" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
<div class="elementor-widget-container">
<h2 class="elementor-heading-title elementor-size-default"><span class="ez-toc-section" id="Explore_Top_Topics_by_Category"></span><h3 data-elementor-setting-key="title" data-pen-placeholder="Type Here..." style="font-weight: 700;color: #016ECC;text-align: center">Explore Top Topics by Category<span style="font-size: 35px;font-weight: 500"></span></h3><span class="ez-toc-section-end"></span></h2> </div>
</div>
<div class="elementor-element elementor-element-c70f8a3 elementor-widget elementor-widget-spacer" data-id="c70f8a3" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
<div class="elementor-widget-container">
<div class="elementor-spacer">
<div class="elementor-spacer-inner"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="elementor-section elementor-top-section elementor-element elementor-element-15f1d1f elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="15f1d1f" data-element_type="section" data-e-type="section">
<div class="elementor-container elementor-column-gap-default">
<div class="elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-c6f3984" data-id="c6f3984" data-element_type="column" data-e-type="column">
<div class="elementor-widget-wrap elementor-element-populated">
<div class="elementor-element elementor-element-5084d57 elementor-invisible elementor-widget elementor-widget-heading" data-id="5084d57" data-element_type="widget" data-e-type="widget" data-settings="{"_animation":"fadeInLeft"}" data-widget_type="heading.default">
<div class="elementor-widget-container">
<h6 class="elementor-heading-title elementor-size-default">Top Courses</h6> </div>
</div>
<div class="elementor-element elementor-element-dfcf6c9 elementor-invisible elementor-widget elementor-widget-text-editor" data-id="dfcf6c9" data-element_type="widget" data-e-type="widget" data-settings="{"_animation":"fadeInLeft"}" data-widget_type="text-editor.default">
<div class="elementor-widget-container">
<p class="" data-start="396" data-end="437">HTML5 and CSS3 Course for Beginners</p>
<p class="" data-start="441" data-end="480">Learn HTML5 and CSS3 from Scratch</p>
<p class="" data-start="484" data-end="535">Best HTML and CSS Training with Certification</p>
<p class="" data-start="539" data-end="579">HTML5 & CSS3 Developer Course Online</p>
<p class="" data-start="583" data-end="628">HTML & CSS Complete Course for Web Design</p>
<p class="" data-start="632" data-end="678">Online HTML5 & CSS3 Web Development Course</p>
<p class="" data-start="682" data-end="737">HTML and CSS Training for Beginners with Projects</p>
<p class="" data-start="741" data-end="788">HTML5 & CSS3 Course with Real-Time Practice</p>
<p class="" data-start="792" data-end="838">Hands-On HTML and CSS Developer Training</p>
<p class="" data-start="843" data-end="893">HTML5 and CSS3 Full Course for Web Designers</p>
<p class="" data-start="898" data-end="939">One-on-One HTML & CSS Training Online</p>
<p class="" data-start="944" data-end="988">HTML5 & CSS3 Frontend Development Course</p>
<p class="" data-start="993" data-end="1027">HTML and CSS Bootcamp Online</p>
<p class="" data-start="1032" data-end="1076">HTML5 and CSS3 Course with Certificate</p>
<p class="" data-start="1081" data-end="1135">HTML & CSS Training for Freshers and Professionals</p>
<p class="" data-start="1140" data-end="1178">Live Online HTML and CSS Classes</p>
<p class="" data-start="1183" data-end="1217">HTML5 CSS3 Self-Paced Course</p>
<p class="" data-start="1222" data-end="1300">HTML & CSS Web Development Course in<em data-start="1268" data-end="1298"> Bangalore</em></p>
<p class="" data-start="1305" data-end="1352">Responsive Web Design with HTML5 and CSS3</p>
<p class="" data-start="1357" data-end="1401">Top HTML5 and CSS3 Training Program 2025</p> </div>
</div>
</div>
</div>
<div class="elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-a42b71e" data-id="a42b71e" data-element_type="column" data-e-type="column">
<div class="elementor-widget-wrap elementor-element-populated">
<div class="elementor-element elementor-element-807b9b5 elementor-invisible elementor-widget elementor-widget-heading" data-id="807b9b5" data-element_type="widget" data-e-type="widget" data-settings="{"_animation":"fadeInDown"}" data-widget_type="heading.default">
<div class="elementor-widget-container">
<h6 class="elementor-heading-title elementor-size-default">Top Tutorials</h6> </div>
</div>
<div class="elementor-element elementor-element-37e7ac2 elementor-invisible elementor-widget elementor-widget-text-editor" data-id="37e7ac2" data-element_type="widget" data-e-type="widget" data-settings="{"_animation":"fadeInDown"}" data-widget_type="text-editor.default">
<div class="elementor-widget-container">
<p class="" data-start="390" data-end="433">HTML5 and CSS3 Tutorial for Beginners</p>
<p class="" data-start="437" data-end="484">Complete HTML5 CSS3 Tutorial with Project</p>
<p class="" data-start="488" data-end="539">Step-by-Step HTML and CSS Web Design Tutorial</p>
<p class="" data-start="543" data-end="589">Free HTML and CSS Tutorial for Beginners</p>
<p class="" data-start="593" data-end="650">Responsive Web Design Tutorial Using HTML5 and CSS3</p>
<p class="" data-start="654" data-end="698">HTML CSS Website Tutorial from Scratch</p>
<p class="" data-start="702" data-end="748">HTML5 and CSS3 Tutorial with Source Code</p>
<p class="" data-start="752" data-end="812">Build a Portfolio Website with HTML and CSS – Tutorial</p>
<p class="" data-start="816" data-end="853">HTML5 CSS3 Form Design Tutorial</p>
<p class="" data-start="858" data-end="908">HTML and CSS Layout Tutorial (Flexbox, Grid)</p>
<p class="" data-start="913" data-end="955">HTML5 and CSS3 Crash Course Tutorial</p>
<p class="" data-start="960" data-end="1010">HTML and CSS Project-Based Learning Tutorial</p>
<p class="" data-start="1015" data-end="1059">HTML5 CSS3 Tutorial for Web Developers</p>
<p class="" data-start="1064" data-end="1118">HTML and CSS Tutorial for Creating Landing Pages</p>
<p class="" data-start="1123" data-end="1164">HTML CSS Responsive Navbar Tutorial</p>
<p class="" data-start="1169" data-end="1220">HTML and CSS Website Template Design Tutorial</p>
<p class="" data-start="1225" data-end="1273">Best HTML5 CSS3 Tutorial Series on YouTube</p>
<p class="" data-start="1278" data-end="1326">HTML5 Semantic Tags Tutorial with Examples</p>
<p class="" data-start="1331" data-end="1372">HTML CSS Animation Effects Tutorial</p>
<p class="" data-start="1377" data-end="1425">HTML and CSS3 Tutorial for Beginners in 2025</p> </div>
</div>
</div>
</div>
<div class="elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-e238041" data-id="e238041" data-element_type="column" data-e-type="column">
<div class="elementor-widget-wrap elementor-element-populated">
<div class="elementor-element elementor-element-1a64275 elementor-invisible elementor-widget elementor-widget-heading" data-id="1a64275" data-element_type="widget" data-e-type="widget" data-settings="{"_animation":"fadeInRight"}" data-widget_type="heading.default">
<div class="elementor-widget-container">
<h6 class="elementor-heading-title elementor-size-default">Top Professional IT Training Modes</h6> </div>
</div>
<div class="elementor-element elementor-element-fbb0c40 elementor-widget__width-initial elementor-invisible elementor-widget elementor-widget-text-editor" data-id="fbb0c40" data-element_type="widget" data-e-type="widget" data-settings="{"_animation":"fadeInRight"}" data-widget_type="text-editor.default">
<div class="elementor-widget-container">
<p class="" data-start="1505" data-end="1557">Best Online IT Training Courses with Certification</p>
<p class="" data-start="1560" data-end="1602">One-on-One IT Coaching for Career Change</p>
<p class="" data-start="1605" data-end="1655">Instructor-Led Classroom Training for Developers</p>
<p class="" data-start="1658" data-end="1707">IT Training for Beginners – Online or In-Person</p>
<p class="" data-start="1658" data-end="1707">Personalized IT Skills Training for Working Professionals</p>
<p data-start="1658" data-end="1707">One-on-One IT Training Online</p>
<p class="" data-start="1061" data-end="1090">Classroom IT Training Near Me</p>
<p class="" data-start="1093" data-end="1122">In-Person IT Training Courses</p>
<p class="" data-start="868" data-end="894">Online IT Training Courses</p>
<p class="" data-start="897" data-end="924">Virtual IT Training Classes</p>
<p class="" data-start="927" data-end="967">Live Online IT Training with Instructors</p> </div>
</div>
</div>
</div>
</div>
</section>
<section class="elementor-section elementor-top-section elementor-element elementor-element-8d0c450 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="8d0c450" data-element_type="section" data-e-type="section">
<div class="elementor-container elementor-column-gap-default">
<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-ea6afbe" data-id="ea6afbe" data-element_type="column" data-e-type="column">
<div class="elementor-widget-wrap elementor-element-populated">
<div class="elementor-element elementor-element-1a48391 elementor-widget elementor-widget-spacer" data-id="1a48391" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
<div class="elementor-widget-container">
<div class="elementor-spacer">
<div class="elementor-spacer-inner"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
</section>
<!-- Comment form for pages -->
<div class='container'> <div class="row">
<div class="col-md-12">
</div>
</div>
</div><!-- /.container --> <!-- End Comment form for pages -->
</div><!-- /.inner-container -->
</div><!-- /.content -->
</div><!-- /.wrap -->
<div class="prefooter"></div>
<footer class="footer" role="contentinfo">
<div class="container">
<div class="footer-widgets row th-widget-area">
<div class="footer-area-1 col-md-3 col-sm-6">
<section class="widget text-2 widget_text"><div class="widget-inner"><h3 class="widget-title">About Us</h3> <div class="textwidget"><p>Indic Technologies is a premier software training institute offering a comprehensive range of services, including specialized Software Training, Project Guidance, IT Consulting, and Technology Workshops. We leverage an advanced global software training delivery methodology to ensure an exceptional learning experience.</p>
</div>
</div></section><section class="widget text-4 widget_text"><div class="widget-inner"><h3 class="widget-title">Contact Info</h3> <div class="textwidget"></div>
</div></section>
<section class="widget widget-th-contact-info">
<div class="widget-inner">
<div class="th-contact-info-widget">
<div class='icon-blocks'><div class="icon-block"><p><a target='_blank' href='mailto:contact@indictechnologies.com'><i class='fa fa-envelope-open-o'></i><span>contact@indictechnologies.com</span></a></p></div><div class="icon-block"><p><a target='_blank' href='http://+91%208019916594'><i class='fa fa-comment-o'></i><span>+91 8019916594</span></a></p></div><div class="icon-block"><p><a href='#'><i class='fa fa-map-o'></i><span>Location</span></a></p></div></div> </div>
</div>
</section>
<section class="widget widget-social">
<div class="widget-inner">
<div class="soc-widget">
<a target=_blank href='https://www.facebook.com/indictechnologies'><i class='fa fa-facebook'></i></a><a target=_blank href='#0'><i class='fa fa-twitter'></i></a><a target=_blank href='https://www.instagram.com/indic_technologies/?hl=en'><i class='fa fa-instagram'></i></a><a target=_blank href='https://www.linkedin.com/in/indic-technologies-753977345/'><i class='fa fa-linkedin'></i></a><a target=_blank href='https://www.youtube.com/@IndicTechnologies'><i class='fa fa-youtube'></i></a> </div>
</div>
</section>
</div>
<div class="footer-area-2 col-md-3 col-sm-6">
<section class="widget nav_menu-6 widget_nav_menu"><div class="widget-inner"><h3 class="widget-title">Blogs</h3><div class="menu-groovy-menu-icons-container"><ul id="menu-groovy-menu-icons" class="menu"><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-373"><a href="#">Pages</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-344"><a href="https://www.indictechnologies.com/blog/">Blog</a></li>
</ul></div></div></section> </div>
<div class="footer-area-3 col-md-3 col-sm-6">
<section class="widget pages-3 widget_pages"><div class="widget-inner"><h3 class="widget-title">Quick Links</h3>
<ul>
<li class="page_item page-item-168"><a href="https://www.indictechnologies.com/contact-us/">Contact Us</a></li>
<li class="page_item page-item-177"><a href="https://www.indictechnologies.com/about-us/">About Us</a></li>
<li class="page_item page-item-186"><a href="https://www.indictechnologies.com/home/">Home</a></li>
<li class="page_item page-item-217"><a href="https://www.indictechnologies.com/blog/">Blog</a></li>
<li class="page_item page-item-1006"><a href="https://www.indictechnologies.com/workshops/">workshops</a></li>
<li class="page_item page-item-3372"><a href="https://www.indictechnologies.com/new-courses/">Courses</a></li>
<li class="page_item page-item-3427"><a href="https://www.indictechnologies.com/internship/">Internships</a></li>
<li class="page_item page-item-4057"><a href="https://www.indictechnologies.com/home-2/">Home</a></li>
</ul>
</div></section> </div>
<div class="footer-area-4 col-md-3 col-sm-6">
<section class="widget nav_menu-3 widget_nav_menu"><div class="widget-inner"><h3 class="widget-title">Our Courses</h3><div class="menu-courses-container"><ul id="menu-courses" class="menu"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4323"><a href="https://www.indictechnologies.com/machine_learning_course_content/">Machine Learning Course</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4324"><a href="https://www.indictechnologies.com/data-science_course_content/">Data Science Course</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4326"><a href="https://www.indictechnologies.com/artificial-intelligence-course-content/">Artificial Intelligence Course</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4327"><a href="https://www.indictechnologies.com/javascript-course-content/">JavaScript Course</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-864 current_page_item menu-item-4328"><a href="https://www.indictechnologies.com/html5-css3-course-content/" aria-current="page">Html5 Css3 Course</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4329"><a href="https://www.indictechnologies.com/vuejs-course-content/">VueJS Course</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4330"><a href="https://www.indictechnologies.com/reactjs-course-content/">ReactJS Course</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4331"><a href="https://www.indictechnologies.com/angular-course-content/">Angular Course</a></li>
</ul></div></div></section><section class="widget nav_menu-4 widget_nav_menu"><div class="widget-inner"><h3 class="widget-title">Full Stack Courses</h3><div class="menu-full-stack-container"><ul id="menu-full-stack" class="menu"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4346"><a href="https://www.indictechnologies.com/java-full-stack-course-content/">Java Full stack Course</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4347"><a href="https://www.indictechnologies.com/mean-stack-course-content/">MEAN Stack Course</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4348"><a href="https://www.indictechnologies.com/mern-stack-course-content/">MERN Stack Course</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4349"><a href="https://www.indictechnologies.com/mevn-course-content/">MEVN Stack Course</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4350"><a href="https://www.indictechnologies.com/python-full-stack-course-content/">Python Full stack Course</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4351"><a href="https://www.indictechnologies.com/vuejs-course-content/web-full-stack-course-content/">Web Full Stack Course</a></li>
</ul></div></div></section> </div>
</div>
</div>
<div class="footer-btm-bar">
<div class="container">
<div class="footer-copyright row">
<div class="col-xs-12">
<p> <span class='footer_credit'>Copyright © 2024 Indic Technologies. </span></p>
</div>
</div>
</div>
</div>
</footer>
<script>
( function() {
const style = document.createElement( 'style' );
style.appendChild( document.createTextNode( '#frm_field_50_container,#frm_field_51_container {visibility:hidden;overflow:hidden;width:0;height:0;position:absolute;}' ) );
document.head.appendChild( style );
document.currentScript?.remove();
} )();
</script><script id='kirki-viewport-lists'>var kirkiViewports = {"md":{"value":1200,"scale":1,"minWidth":1200,"maxWidth":1200,"title":"Desktop","icon":"desktop","activeIcon":"desktop-hover","id":"md","type":"max"},"tablet":{"value":991,"scale":1,"minWidth":991,"maxWidth":991,"title":"Tablet","icon":"tablet-default","activeIcon":"tablet-hover","type":"max","id":"tablet"},"mobileLandscape":{"value":767,"scale":1,"minWidth":767,"maxWidth":767,"title":"Landscape","icon":"phone-hr-default","activeIcon":"phone-hr-hover","type":"max","id":"mobileLandscape"},"mobile":{"value":575,"scale":1,"minWidth":575,"maxWidth":575,"title":"Mobile","icon":"phone-vr-default","activeIcon":"phone-vr-hover","type":"max","id":"mobile"}};</script><script id='kirki-variable-lists'>var kirkiCSSVariable = {"data":[{"title":"Colors","key":"color","modes":[{"title":"Default","key":"default"}],"variables":[]},{"title":"Numbers","key":"size","modes":[{"title":"Default","key":"default"}],"variables":[]},{"title":"Text Styles","key":"text-style","modes":[{"title":"Default","key":"default"}],"variables":[]},{"title":"Font Family","key":"font-family","modes":[{"title":"Default","key":"default"}],"variables":[]}]};</script><script id="kirki-api-and-nonce">
window.wp_kirki = {
ajaxUrl: "https://www.indictechnologies.com/wp-admin/admin-ajax.php",
restUrl: "https://www.indictechnologies.com/wp-json/",
siteUrl: "https://www.indictechnologies.com",
apiVersion: "v1",
postId: "864",
nonce: "48392d59b5",
call_from: "",
templateId: "",
context: {"id":864,"type":"post"}
};
</script> <script>
const lazyloadRunObserver = () => {
const lazyloadBackgrounds = document.querySelectorAll( `.e-con.e-parent:not(.e-lazyloaded)` );
const lazyloadBackgroundObserver = new IntersectionObserver( ( entries ) => {
entries.forEach( ( entry ) => {
if ( entry.isIntersecting ) {
let lazyloadBackground = entry.target;
if( lazyloadBackground ) {
lazyloadBackground.classList.add( 'e-lazyloaded' );
}
lazyloadBackgroundObserver.unobserve( entry.target );
}
});
}, { rootMargin: '200px 0px 200px 0px' } );
lazyloadBackgrounds.forEach( ( lazyloadBackground ) => {
lazyloadBackgroundObserver.observe( lazyloadBackground );
} );
};
const events = [
'DOMContentLoaded',
'elementor/lazyload/observe',
];
events.forEach( ( event ) => {
document.addEventListener( event, lazyloadRunObserver );
} );
</script>
<script type="text/javascript" src="https://www.indictechnologies.com/wp-content/plugins/elementor/assets/js/webpack.runtime.min.js?ver=4.0.7" id="elementor-webpack-runtime-js"></script>
<script type="text/javascript" src="https://www.indictechnologies.com/wp-content/plugins/elementor/assets/js/frontend-modules.min.js?ver=4.0.7" id="elementor-frontend-modules-js"></script>
<script type="text/javascript" src="https://www.indictechnologies.com/wp-includes/js/jquery/ui/core.min.js?ver=1.13.3" id="jquery-ui-core-js"></script>
<script type="text/javascript" id="elementor-frontend-js-before">
/* <![CDATA[ */
var elementorFrontendConfig = {"environmentMode":{"edit":false,"wpPreview":false,"isScriptDebug":false},"i18n":{"shareOnFacebook":"Share on Facebook","shareOnTwitter":"Share on Twitter","pinIt":"Pin it","download":"Download","downloadImage":"Download image","fullscreen":"Fullscreen","zoom":"Zoom","share":"Share","playVideo":"Play Video","previous":"Previous","next":"Next","close":"Close","a11yCarouselPrevSlideMessage":"Previous slide","a11yCarouselNextSlideMessage":"Next slide","a11yCarouselFirstSlideMessage":"This is the first slide","a11yCarouselLastSlideMessage":"This is the last slide","a11yCarouselPaginationBulletMessage":"Go to slide"},"is_rtl":false,"breakpoints":{"xs":0,"sm":480,"md":768,"lg":1025,"xl":1440,"xxl":1600},"responsive":{"breakpoints":{"mobile":{"label":"Mobile Portrait","value":767,"default_value":767,"direction":"max","is_enabled":true},"mobile_extra":{"label":"Mobile Landscape","value":880,"default_value":880,"direction":"max","is_enabled":false},"tablet":{"label":"Tablet Portrait","value":1024,"default_value":1024,"direction":"max","is_enabled":true},"tablet_extra":{"label":"Tablet Landscape","value":1200,"default_value":1200,"direction":"max","is_enabled":false},"laptop":{"label":"Laptop","value":1366,"default_value":1366,"direction":"max","is_enabled":false},"widescreen":{"label":"Widescreen","value":2400,"default_value":2400,"direction":"min","is_enabled":false}},"hasCustomBreakpoints":false},"version":"4.0.7","is_static":false,"experimentalFeatures":{"additional_custom_breakpoints":true,"global_classes_should_enforce_capabilities":true,"e_variables":true,"e_opt_in_v4_page":true,"e_components":true,"e_interactions":true,"e_widget_creation":true,"import-export-customization":true},"urls":{"assets":"https:\/\/www.indictechnologies.com\/wp-content\/plugins\/elementor\/assets\/","ajaxurl":"https:\/\/www.indictechnologies.com\/wp-admin\/admin-ajax.php","uploadUrl":"https:\/\/www.indictechnologies.com\/wp-content\/uploads"},"nonces":{"floatingButtonsClickTracking":"b77d656100","atomicFormsSendForm":"8128c2a566"},"swiperClass":"swiper","settings":{"page":[],"editorPreferences":[]},"kit":{"active_breakpoints":["viewport_mobile","viewport_tablet"],"global_image_lightbox":"yes","lightbox_enable_counter":"yes","lightbox_enable_fullscreen":"yes","lightbox_enable_zoom":"yes","lightbox_enable_share":"yes","lightbox_title_src":"title","lightbox_description_src":"description"},"post":{"id":864,"title":"Html5%20Css3%20Course%20-%20Indic%20Technologies","excerpt":"","featuredImage":false}};
/* ]]> */
</script>
<script type="text/javascript" src="https://www.indictechnologies.com/wp-content/plugins/elementor/assets/js/frontend.min.js?ver=4.0.7" id="elementor-frontend-js"></script>
<script type="text/javascript" id="chaty-front-end-js-extra">
/* <![CDATA[ */
var chaty_settings = {"ajax_url":"https:\/\/www.indictechnologies.com\/wp-admin\/admin-ajax.php","analytics":"0","capture_analytics":"0","token":"a56ce8d014","chaty_widgets":[{"id":0,"identifier":0,"settings":{"cta_type":"simple-view","cta_body":"","cta_head":"","cta_head_bg_color":"","cta_head_text_color":"","show_close_button":1,"position":"right","custom_position":1,"bottom_spacing":"25","side_spacing":"25","icon_view":"vertical","default_state":"click","cta_text":"","cta_text_color":"#333333","cta_bg_color":"#ffffff","show_cta":"first_click","is_pending_mesg_enabled":"off","pending_mesg_count":"1","pending_mesg_count_color":"#ffffff","pending_mesg_count_bgcolor":"#dd0000","widget_icon":"chat-base","widget_icon_url":"","font_family":"-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif","widget_size":"44","custom_widget_size":"44","is_google_analytics_enabled":0,"close_text":"Hide","widget_color":"#A886CD","widget_icon_color":"#ffffff","widget_rgb_color":"168,134,205","has_custom_css":0,"custom_css":"","widget_token":"3f3af5b4a9","widget_index":"","attention_effect":""},"triggers":{"has_time_delay":1,"time_delay":"0","exit_intent":0,"has_display_after_page_scroll":0,"display_after_page_scroll":"0","auto_hide_widget":0,"hide_after":0,"show_on_pages_rules":[],"time_diff":0,"has_date_scheduling_rules":0,"date_scheduling_rules":{"start_date_time":"","end_date_time":""},"date_scheduling_rules_timezone":0,"day_hours_scheduling_rules_timezone":0,"has_day_hours_scheduling_rules":[],"day_hours_scheduling_rules":[],"day_time_diff":0,"show_on_direct_visit":0,"show_on_referrer_social_network":0,"show_on_referrer_search_engines":0,"show_on_referrer_google_ads":0,"show_on_referrer_urls":[],"has_show_on_specific_referrer_urls":0,"has_traffic_source":0,"has_countries":0,"countries":[],"has_target_rules":0},"channels":[{"channel":"Whatsapp","value":"918019916594","hover_text":"WhatsApp","chatway_position":"","svg_icon":"<svg width=\"39\" height=\"39\" viewBox=\"0 0 39 39\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><circle class=\"color-element\" cx=\"19.4395\" cy=\"19.4395\" r=\"19.4395\" fill=\"#49E670\"\/><path d=\"M12.9821 10.1115C12.7029 10.7767 11.5862 11.442 10.7486 11.575C10.1902 11.7081 9.35269 11.8411 6.84003 10.7767C3.48981 9.44628 1.39593 6.25317 1.25634 6.12012C1.11674 5.85403 2.13001e-06 4.39053 2.13001e-06 2.92702C2.13001e-06 1.46351 0.83755 0.665231 1.11673 0.399139C1.39592 0.133046 1.8147 1.01506e-06 2.23348 1.01506e-06C2.37307 1.01506e-06 2.51267 1.01506e-06 2.65226 1.01506e-06C2.93144 1.01506e-06 3.21063 -2.02219e-06 3.35022 0.532183C3.62941 1.19741 4.32736 2.66092 4.32736 2.79397C4.46696 2.92702 4.46696 3.19311 4.32736 3.32616C4.18777 3.59225 4.18777 3.59224 3.90858 3.85834C3.76899 3.99138 3.6294 4.12443 3.48981 4.39052C3.35022 4.52357 3.21063 4.78966 3.35022 5.05576C3.48981 5.32185 4.18777 6.38622 5.16491 7.18449C6.42125 8.24886 7.39839 8.51496 7.81717 8.78105C8.09636 8.91409 8.37554 8.9141 8.65472 8.648C8.93391 8.38191 9.21309 7.98277 9.49228 7.58363C9.77146 7.31754 10.0507 7.1845 10.3298 7.31754C10.609 7.45059 12.2841 8.11582 12.5633 8.38191C12.8425 8.51496 13.1217 8.648 13.1217 8.78105C13.1217 8.78105 13.1217 9.44628 12.9821 10.1115Z\" transform=\"translate(12.9597 12.9597)\" fill=\"#FAFAFA\"\/><path d=\"M0.196998 23.295L0.131434 23.4862L0.323216 23.4223L5.52771 21.6875C7.4273 22.8471 9.47325 23.4274 11.6637 23.4274C18.134 23.4274 23.4274 18.134 23.4274 11.6637C23.4274 5.19344 18.134 -0.1 11.6637 -0.1C5.19344 -0.1 -0.1 5.19344 -0.1 11.6637C-0.1 13.9996 0.624492 16.3352 1.93021 18.2398L0.196998 23.295ZM5.87658 19.8847L5.84025 19.8665L5.80154 19.8788L2.78138 20.8398L3.73978 17.9646L3.75932 17.906L3.71562 17.8623L3.43104 17.5777C2.27704 15.8437 1.55796 13.8245 1.55796 11.6637C1.55796 6.03288 6.03288 1.55796 11.6637 1.55796C17.2945 1.55796 21.7695 6.03288 21.7695 11.6637C21.7695 17.2945 17.2945 21.7695 11.6637 21.7695C9.64222 21.7695 7.76778 21.1921 6.18227 20.039L6.17557 20.0342L6.16817 20.0305L5.87658 19.8847Z\" transform=\"translate(7.7758 7.77582)\" fill=\"white\" stroke=\"white\" stroke-width=\"0.2\"\/><\/svg>","is_desktop":1,"is_mobile":1,"icon_color":"#49E670","icon_rgb_color":"73,230,112","channel_type":"Whatsapp","custom_image_url":"","order":"","pre_set_message":"","is_use_web_version":"1","is_open_new_tab":"1","is_default_open":"0","has_welcome_message":"1","emoji_picker":"1","input_placeholder":"Write your message...","chat_welcome_message":"<p>How can I help you? :)<\/p>","wp_popup_headline":"Let's chat on WhatsApp","wp_popup_nickname":"","wp_popup_profile":"","wp_popup_head_bg_color":"#4AA485","qr_code_image_url":"","mail_subject":"","channel_account_type":"personal","contact_form_settings":[],"contact_fields":[],"url":"https:\/\/web.whatsapp.com\/send?phone=918019916594","mobile_target":"","desktop_target":"_blank","target":"_blank","is_agent":0,"agent_data":[],"header_text":"","header_sub_text":"","header_bg_color":"","header_text_color":"","widget_token":"3f3af5b4a9","widget_index":"","click_event":"","viber_url":""}]}],"data_analytics_settings":"off","lang":{"whatsapp_label":"WhatsApp Message","hide_whatsapp_form":"Hide WhatsApp Form","emoji_picker":"Show Emojis"},"has_chatway":""};
/* ]]> */
</script>
<script defer type="text/javascript" src="https://www.indictechnologies.com/wp-content/plugins/chaty/js/cht-front-script.min.js?ver=3.5.31737705622" id="chaty-front-end-js"></script>
<script type="text/javascript" src="https://www.indictechnologies.com/wp-content/plugins/chaty/admin/assets/js/picmo-umd.min.js?ver=3.5.3" id="chaty-picmo-js-js"></script>
<script type="text/javascript" src="https://www.indictechnologies.com/wp-content/plugins/chaty/admin/assets/js/picmo-latest-umd.min.js?ver=3.5.3" id="chaty-picmo-latest-js-js"></script>
<script type="text/javascript" src="https://www.indictechnologies.com/wp-content/plugins/th-widget-pack/js/themo-foot.js?ver=2.2.6" id="themo-js-foot-js"></script>
<script type="text/javascript" src="https://www.indictechnologies.com/wp-content/themes/stratusx/assets/js/vendor/vendor_footer.js?ver=1.2" id="t_vendor_footer-js"></script>
<script type="text/javascript" src="https://www.indictechnologies.com/wp-content/themes/stratusx/assets/js/main.js?ver=1.3" id="roots_main-js"></script>
<script type="text/javascript" id="formidable-js-extra">
/* <![CDATA[ */
var frm_js = {"ajax_url":"https:\/\/www.indictechnologies.com\/wp-admin\/admin-ajax.php","images_url":"https:\/\/www.indictechnologies.com\/wp-content\/plugins\/formidable\/images","loading":"Loading\u2026","remove":"Remove","offset":"4","nonce":"e93f721157","id":"ID","no_results":"No results match","file_spam":"That file looks like Spam.","calc_error":"There is an error in the calculation in the field with key","empty_fields":"Please complete the preceding required fields before uploading a file.","focus_first_error":"1","include_alert_role":"1","include_resend_email":""};
/* ]]> */
</script>
<script type="text/javascript" src="https://www.indictechnologies.com/wp-content/plugins/formidable/js/frm.min.js?ver=6.30" id="formidable-js"></script>
</body>
</html>
| | 