3:I[39275,[],""] 5:I[61343,[],""] 6:I[25254,["922","static/chunks/c15bf2b0-77a7fe2edf0e5bbc.js","6648","static/chunks/6648-bd55b61b3b302c00.js","7138","static/chunks/7138-467a231c2eee4048.js","8171","static/chunks/8171-1bce9f9ee10c42b8.js","5254","static/chunks/5254-8c5dff0fc4b65e6c.js","3185","static/chunks/app/layout-0c54c3a074634d7b.js"],"default"] 4:["slug","html5-css3-web-designing-training-internship-ahmedabad","d"] 0:["Cd4mIzravXZ5Ytk3qezcb",[[["",{"children":[["slug","html5-css3-web-designing-training-internship-ahmedabad","d"],{"children":["__PAGE__?{\"slug\":\"html5-css3-web-designing-training-internship-ahmedabad\"}",{}]}]},"$undefined","$undefined",true],["",{"children":[["slug","html5-css3-web-designing-training-internship-ahmedabad","d"],{"children":["__PAGE__",{},[["$L1","$L2"],null],null]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","$4","children"],"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/88f4883499169169.css","precedence":"next","crossOrigin":"$undefined"}],["$","link","1",{"rel":"stylesheet","href":"/_next/static/css/31db57dba135ef29.css","precedence":"next","crossOrigin":"$undefined"}]]}],null]},[["$","$L6",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":"404"}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],"notFoundStyles":[],"styles":null}],"params":{}}],null],null],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/d3df112486f97f47.css","precedence":"next","crossOrigin":"$undefined"}],["$","link","1",{"rel":"stylesheet","href":"/_next/static/css/69f81e06845cd7ae.css","precedence":"next","crossOrigin":"$undefined"}],["$","link","2",{"rel":"stylesheet","href":"/_next/static/css/921ac715acaa8639.css","precedence":"next","crossOrigin":"$undefined"}],["$","link","3",{"rel":"stylesheet","href":"/_next/static/css/e02fbc8eae24a243.css","precedence":"next","crossOrigin":"$undefined"}]],"$L7"]]]] 8:I[26228,["6648","static/chunks/6648-bd55b61b3b302c00.js","7138","static/chunks/7138-467a231c2eee4048.js","3153","static/chunks/3153-81caed117848c59d.js","193","static/chunks/193-cd63bea46c532713.js","6042","static/chunks/app/%5Bslug%5D/page-3110686e976b75d2.js"],"default"] b:I[40193,["6648","static/chunks/6648-bd55b61b3b302c00.js","7138","static/chunks/7138-467a231c2eee4048.js","3153","static/chunks/3153-81caed117848c59d.js","193","static/chunks/193-cd63bea46c532713.js","6042","static/chunks/app/%5Bslug%5D/page-3110686e976b75d2.js"],"default"] c:I[30908,["6648","static/chunks/6648-bd55b61b3b302c00.js","7138","static/chunks/7138-467a231c2eee4048.js","3153","static/chunks/3153-81caed117848c59d.js","193","static/chunks/193-cd63bea46c532713.js","6042","static/chunks/app/%5Bslug%5D/page-3110686e976b75d2.js"],"default"] 9:T40e,

HTML (the Hypertext Markup Language) and CSS (Cascading Style Sheets) are two of the core technologies for building Web pages. HTML provides the structure of the page, CSS the (visual and aural) layout, for a variety of devices. Along with graphics and scriptings. , HTML and CSS are the basis of building Web pages and Web Application.

a:T1f9c,

<div className="masonry"><div className="grid-item"><h2>HTML Introduction</h2><ul><li>Introduction</li><li>Environment setup</li><li>What is LAN, WAN?</li><li>Difference btw static and dynamic page</li><li>Types of application</li><li>What is live server?</li><li>What is HTML5?</li><li>HTML “Hello” program with practical</li><li>Html, head, body, title, meta, link</li></ul></div><div className="grid-item"><h2>Css3 Introduction</h2><ul><li>What is CSS3?</li><li>Inline with practical</li><li>Internal with practical</li><li>External with practical</li><li>HTML with CSS practical</li></ul></div><div className="grid-item"><h2>Grid with div tag</h2><ul><li>What is div tag?</li><li>display, float, height, width, background</li><li>Color picker or color code</li><li>Difference btw % & px</li><li>Display – inline-block, block, table</li><li>Grid for real time web page</li></ul></div><div className="grid-item"><h2>Margin & Padding</h2><ul><li>Needs of Margin & padding</li><li>CSS3 Box Model</li><li>Box Sizing</li><li>Margin, padding with HTML</li><li>Real time web page design</li><li>note*: Remaining CSS3 & HTML5 topics cover</li></ul></div><div className="grid-item"><h2>CSS Simple Selectors</h2><ul><li>Element Selector</li><li>ID Selector</li><li>Class Selector</li><li>Universal Selector</li><li>Grouping Selector</li><li>Real time web page design</li><li>note*: Remaining CSS3 & HTML5 topics cover</li></ul></div><div className="grid-item"><h2>Combinator Selectors</h2><ul><li>Descendant selector (space)</li><li>Child selector (&gt;)</li><li>Adjacent sibling selector (+)</li><li>General sibling selector (~)</li><li>Real time web page design</li><li>note*: Remaining CSS3 & HTML5 topics cover</li></ul></div><div className="grid-item"><h2>Pseudo-classes</h2><ul><li>Pseudo-classes + HTML classes</li><li>:active, :checked, :disabled</li><li>:empty, :enabled, :first-child</li><li>:first-of-type, :focus</li><li>:hover, :in-range, :invalid</li><li>:last-child, :last-of-type, :link</li><li>:not(selector), :nth-child(n)</li><li>:nth-last-child(n), :only-child</li><li>:only-of-type, :visited, :root</li><li>Real time web page design</li><li>note*: Remaining CSS3 & HTML5 topics cover</li></ul></div><div className="grid-item"><h2>Background</h2><ul><li>:root, variable declaration</li><li>Parent child concept</li><li>Background color, image</li><li>Difference btw div & span</li><li>Background properties</li><li>Real time web page design</li><li>note*: Remaining CSS3 & HTML5 topics cover</li></ul></div><div className="grid-item"><h2>Position & Z-index</h2><ul><li>Fixed with practical</li><li>Absolute with practical</li><li>Relative with practical</li><li>Relative + absolute with practical</li><li>Use in real time page</li><li>Visibility hidden, visible</li><li>Opacity, overflow, box-shadow</li><li>Real time web page design</li><li>note*: Remaining CSS3 & HTML5 topics cover</li></ul></div><div className="grid-item"><h2>Pseudo-elements</h2><ul><li>::first-line Pseudo-element</li><li>::first-letter Pseudo-element</li><li>Pseudo-elements + HTML Classes</li><li>Multiple Pseudo-elements</li><li>::before Pseudo-element</li><li>::after Pseudo-element</li><li>::marker Pseudo-element</li><li>::selection Pseudo-element</li><li>Real time web page design</li><li>note*: Remaining CSS3 & HTML5 topics cover</li></ul></div><div className="grid-item"><h2>Fonts</h2><ul><li>What is external font?</li><li>Add external font</li><li>Create own font-family</li><li>External link</li><li>Google fonts</li><li>External font-icon</li><li>Real time web page design</li><li>note*: Remaining CSS3 & HTML5 topics cover</li></ul></div><div className="grid-item"><h2>CSS Flexbox</h2><ul><li>Flexbox Layout</li><li>Flex Container</li><li>All Flex Properties with practical</li><li>Flex Items</li><li>display: flex, order, flex-direction, flex-grow, flex-wrap, flex, flex-shrink, flex-basis, flex-flow, justify-content, align-self, align-items</li><li>Use it in real time page</li><li>Real time web page design with flex</li><li>note*: Remaining CSS3 & HTML5 topics cover</li></ul></div><div className="grid-item"><h2>Animation & Advance</h2><ul><li>Transition</li><li>Transform – translate, scale, skew, rotate</li><li>@keyframes Rule</li><li>Delay an Animation</li><li>Image Reflection</li><li>Gradients</li><li>Shadow Effects</li><li>Object-fit</li><li>Box Sizing</li><li>Variables - The var() Function</li><li>Real time web page design</li><li>note*: Remaining CSS3 & HTML5 topics cover</li></ul></div><div className="grid-item"><h2>Media Queries</h2><ul><li>What is media query?</li><li>Responsive</li><li>@media rules</li><li>Apply on web page</li><li>Multiple manage devices</li><li>Real time web page design</li><li>note*: Remaining CSS3 & HTML5 topics cover</li></ul></div><div className="grid-item"><h2>Bootstrap</h2><ul><li>What is bootstrap?</li><li>How use & created?</li><li>CDN links</li><li>Real time web page design</li><li>note*: Remaining CSS3 & HTML5 topics cover</li></ul></div><div className="grid-item"><h2>Grid Layout</h2><ul><li>What is display: grid?</li><li>All Grid Properties</li><li>Use it in real time page</li><li>Real time web page design</li><li>note*: Remaining CSS3 & HTML5 topics cover</li></ul></div><div className="grid-item"><h2>Remaining Tags</h2><ul><li>clip-path</li><li>nav, header, section</li><li>footer, figure, fig-caption</li><li>table, form</li><li>video, audio, iframe</li><li>Real time web page design</li><li>note*: Remaining CSS3 & HTML5 topics cover</li></ul></div><div className="grid-item"><h2>Masking image</h2><ul><li>mask-image Property</li><li>-webkit-mask-image</li><li>mask-size</li><li>mask-repeat</li><li>Use it in real time page</li></ul></div></div>

e:T40e,

HTML (the Hypertext Markup Language) and CSS (Cascading Style Sheets) are two of the core technologies for building Web pages. HTML provides the structure of the page, CSS the (visual and aural) layout, for a variety of devices. Along with graphics and scriptings. , HTML and CSS are the basis of building Web pages and Web Application.

f:T1f9c,

<div className="masonry"><div className="grid-item"><h2>HTML Introduction</h2><ul><li>Introduction</li><li>Environment setup</li><li>What is LAN, WAN?</li><li>Difference btw static and dynamic page</li><li>Types of application</li><li>What is live server?</li><li>What is HTML5?</li><li>HTML “Hello” program with practical</li><li>Html, head, body, title, meta, link</li></ul></div><div className="grid-item"><h2>Css3 Introduction</h2><ul><li>What is CSS3?</li><li>Inline with practical</li><li>Internal with practical</li><li>External with practical</li><li>HTML with CSS practical</li></ul></div><div className="grid-item"><h2>Grid with div tag</h2><ul><li>What is div tag?</li><li>display, float, height, width, background</li><li>Color picker or color code</li><li>Difference btw % & px</li><li>Display – inline-block, block, table</li><li>Grid for real time web page</li></ul></div><div className="grid-item"><h2>Margin & Padding</h2><ul><li>Needs of Margin & padding</li><li>CSS3 Box Model</li><li>Box Sizing</li><li>Margin, padding with HTML</li><li>Real time web page design</li><li>note*: Remaining CSS3 & HTML5 topics cover</li></ul></div><div className="grid-item"><h2>CSS Simple Selectors</h2><ul><li>Element Selector</li><li>ID Selector</li><li>Class Selector</li><li>Universal Selector</li><li>Grouping Selector</li><li>Real time web page design</li><li>note*: Remaining CSS3 & HTML5 topics cover</li></ul></div><div className="grid-item"><h2>Combinator Selectors</h2><ul><li>Descendant selector (space)</li><li>Child selector (&gt;)</li><li>Adjacent sibling selector (+)</li><li>General sibling selector (~)</li><li>Real time web page design</li><li>note*: Remaining CSS3 & HTML5 topics cover</li></ul></div><div className="grid-item"><h2>Pseudo-classes</h2><ul><li>Pseudo-classes + HTML classes</li><li>:active, :checked, :disabled</li><li>:empty, :enabled, :first-child</li><li>:first-of-type, :focus</li><li>:hover, :in-range, :invalid</li><li>:last-child, :last-of-type, :link</li><li>:not(selector), :nth-child(n)</li><li>:nth-last-child(n), :only-child</li><li>:only-of-type, :visited, :root</li><li>Real time web page design</li><li>note*: Remaining CSS3 & HTML5 topics cover</li></ul></div><div className="grid-item"><h2>Background</h2><ul><li>:root, variable declaration</li><li>Parent child concept</li><li>Background color, image</li><li>Difference btw div & span</li><li>Background properties</li><li>Real time web page design</li><li>note*: Remaining CSS3 & HTML5 topics cover</li></ul></div><div className="grid-item"><h2>Position & Z-index</h2><ul><li>Fixed with practical</li><li>Absolute with practical</li><li>Relative with practical</li><li>Relative + absolute with practical</li><li>Use in real time page</li><li>Visibility hidden, visible</li><li>Opacity, overflow, box-shadow</li><li>Real time web page design</li><li>note*: Remaining CSS3 & HTML5 topics cover</li></ul></div><div className="grid-item"><h2>Pseudo-elements</h2><ul><li>::first-line Pseudo-element</li><li>::first-letter Pseudo-element</li><li>Pseudo-elements + HTML Classes</li><li>Multiple Pseudo-elements</li><li>::before Pseudo-element</li><li>::after Pseudo-element</li><li>::marker Pseudo-element</li><li>::selection Pseudo-element</li><li>Real time web page design</li><li>note*: Remaining CSS3 & HTML5 topics cover</li></ul></div><div className="grid-item"><h2>Fonts</h2><ul><li>What is external font?</li><li>Add external font</li><li>Create own font-family</li><li>External link</li><li>Google fonts</li><li>External font-icon</li><li>Real time web page design</li><li>note*: Remaining CSS3 & HTML5 topics cover</li></ul></div><div className="grid-item"><h2>CSS Flexbox</h2><ul><li>Flexbox Layout</li><li>Flex Container</li><li>All Flex Properties with practical</li><li>Flex Items</li><li>display: flex, order, flex-direction, flex-grow, flex-wrap, flex, flex-shrink, flex-basis, flex-flow, justify-content, align-self, align-items</li><li>Use it in real time page</li><li>Real time web page design with flex</li><li>note*: Remaining CSS3 & HTML5 topics cover</li></ul></div><div className="grid-item"><h2>Animation & Advance</h2><ul><li>Transition</li><li>Transform – translate, scale, skew, rotate</li><li>@keyframes Rule</li><li>Delay an Animation</li><li>Image Reflection</li><li>Gradients</li><li>Shadow Effects</li><li>Object-fit</li><li>Box Sizing</li><li>Variables - The var() Function</li><li>Real time web page design</li><li>note*: Remaining CSS3 & HTML5 topics cover</li></ul></div><div className="grid-item"><h2>Media Queries</h2><ul><li>What is media query?</li><li>Responsive</li><li>@media rules</li><li>Apply on web page</li><li>Multiple manage devices</li><li>Real time web page design</li><li>note*: Remaining CSS3 & HTML5 topics cover</li></ul></div><div className="grid-item"><h2>Bootstrap</h2><ul><li>What is bootstrap?</li><li>How use & created?</li><li>CDN links</li><li>Real time web page design</li><li>note*: Remaining CSS3 & HTML5 topics cover</li></ul></div><div className="grid-item"><h2>Grid Layout</h2><ul><li>What is display: grid?</li><li>All Grid Properties</li><li>Use it in real time page</li><li>Real time web page design</li><li>note*: Remaining CSS3 & HTML5 topics cover</li></ul></div><div className="grid-item"><h2>Remaining Tags</h2><ul><li>clip-path</li><li>nav, header, section</li><li>footer, figure, fig-caption</li><li>table, form</li><li>video, audio, iframe</li><li>Real time web page design</li><li>note*: Remaining CSS3 & HTML5 topics cover</li></ul></div><div className="grid-item"><h2>Masking image</h2><ul><li>mask-image Property</li><li>-webkit-mask-image</li><li>mask-size</li><li>mask-repeat</li><li>Use it in real time page</li></ul></div></div>

10:["html1","html2","html3","html4"] 12:{"module_id":"63075908becd0a8d197e0466","module_name":"Module - 1","fees":""} 13:{"module_id":"63075912becd0a8d197e046a","module_name":"Module - 2","fees":""} 14:{"module_id":"63075919becd0a8d197e046e","module_name":"Module - 3","fees":""} 11:["$12","$13","$14"] 15:["66e72625a98e9ad31fb49f79"] d:{"_id":"62e3987ac2c8e8b47ddde1fe","coursename":"HTML5 & CSS3","iconname":"HTML5","parentcourse":"Web Designing","desc":"$e","icon":"uploads/course/1668943365470.webp","photo":"","broucher":"uploads/course/1668943365472.pdf","banner":"uploads/course/1668943365480.png","certificate":"uploads/course/1659960803301.webp","shortdesc":"$f","typeofcourse":"Trending","youtubelink":"https://www.youtube.com/embed/Uzmip7oKsDo,https://www.youtube.com/embed/kZi2UOh7dkY,https://www.youtube.com/embed/u5zN14KmoWI,https://www.youtube.com/embed/b-05rBn2bE4,https://www.youtube.com/embed/Bec8JfrTBdA","other":"HN Techno offers expert web design training with real-time, hands-on experience. We cover everything from Figma to HTML/CSS conversion, custom design, animations, and frameworks like Bootstrap and Tailwind CSS, guiding learners from basic to advanced levels.","fees":"15000","createdAt":"2022-07-29T08:21:14.946Z","updatedAt":"2024-09-15T18:23:33.939Z","__v":0,"topics":"$10","showwebsite":"Yes","slug":"html5-css3-web-designing-training-internship-ahmedabad","moduleFees":"$11","selectedItems":"$15"} 2:[["$","$L8",null,{"courseName":{"_id":"62e3987ac2c8e8b47ddde1fe","coursename":"HTML5 & CSS3","iconname":"HTML5","parentcourse":"Web Designing","desc":"$9","icon":"uploads/course/1668943365470.webp","photo":"","broucher":"uploads/course/1668943365472.pdf","banner":"uploads/course/1668943365480.png","certificate":"uploads/course/1659960803301.webp","shortdesc":"$a","typeofcourse":"Trending","youtubelink":"https://www.youtube.com/embed/Uzmip7oKsDo,https://www.youtube.com/embed/kZi2UOh7dkY,https://www.youtube.com/embed/u5zN14KmoWI,https://www.youtube.com/embed/b-05rBn2bE4,https://www.youtube.com/embed/Bec8JfrTBdA","other":"HN Techno offers expert web design training with real-time, hands-on experience. We cover everything from Figma to HTML/CSS conversion, custom design, animations, and frameworks like Bootstrap and Tailwind CSS, guiding learners from basic to advanced levels.","fees":"15000","createdAt":"2022-07-29T08:21:14.946Z","updatedAt":"2024-09-15T18:23:33.939Z","__v":0,"topics":["html1","html2","html3","html4"],"showwebsite":"Yes","slug":"html5-css3-web-designing-training-internship-ahmedabad","moduleFees":[{"module_id":"63075908becd0a8d197e0466","module_name":"Module - 1","fees":""},{"module_id":"63075912becd0a8d197e046a","module_name":"Module - 2","fees":""},{"module_id":"63075919becd0a8d197e046e","module_name":"Module - 3","fees":""}],"selectedItems":["66e72625a98e9ad31fb49f79"]}}],["$","$Lb",null,{}],["$","$Lc",null,{"courseName":"$d"}]] 7:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}]] 1:null