├── 1.1-HTML └── index.html ├── 1.10-HTML-Video-Audio-and-Media-in-HTML ├── Assets │ ├── Poster │ │ └── Lovely by billy and khalid.png │ └── Video │ │ ├── Billie_Eilish,_Khalid_-_lovely_(Official_Music_Video)(1080p).mp4 │ │ └── Sia_-_Cheap_Thrills_(Lyrics)_ft._Sean_Paul(1080p).mp4 ├── img.svg ├── index.html └── style.css ├── 1.11-HTML-Semantic-Tags ├── index.html └── style.css ├── 1.12-HTML-Media-Player ├── Assets │ ├── Audios │ │ ├── 1.mp3 │ │ ├── 2.mp3 │ │ ├── 3.mp3 │ │ ├── 4.mp3 │ │ ├── 5.mp3 │ │ ├── 6.mp3 │ │ ├── 7.mp3 │ │ └── BLACKPINKE28098ShutDownE28099MV128kRingtone.mp3 │ └── Videos │ │ ├── 1.mp4 │ │ ├── 2.mp4 │ │ ├── 3.mp4 │ │ ├── 4.mp4 │ │ ├── 5.mp4 │ │ ├── 6.mp4 │ │ └── 7.mp4 └── index.html ├── 1.13-HTML-Entities,CodeTag,etc └── index.html ├── 1.2-HTML └── index.html ├── 1.3-HTML-Basic-Structure ├── index.html ├── script.js └── style.css ├── 1.4-HTML - Bookmark Manager ├── bookmarkmanager.html ├── index.html ├── script.js └── style.css ├── 1.5-HTML-image-lists-and-tables-in-html ├── Assets │ └── pexels-jeferson-melo-18437534.jpg ├── index.html ├── script.js └── style.css ├── 1.6-HTML-SEO-and-Core-Web-Vitals ├── index.html ├── script.js └── style.css ├── 1.7-HTML-forms-and-input-tag-in-html ├── index.html ├── script.js └── style.css ├── 1.8-HTML-Inline-and-Block-Element ├── Comprehensive List.txt ├── index.html └── style.css ├── 1.8-HTML-homework-html-forms ├── index.html └── style.css ├── 1.9-HTML-ID-and-Classes-In-HTML ├── index.html └── style.css ├── 2.1-CSS-Introduction ├── index.html └── style.css ├── 2.2-CSS-Inline-Internal-and-External-CSS ├── index.html └── style.css ├── 2.3-CSS-Selectors-Masterclass ├── index.html └── style.css └── 2.4-CSS-Box-Model-Margin-Padding-Borders ├── index.html └── style.css /1.1-HTML/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Document 7 | 8 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /1.10-HTML-Video-Audio-and-Media-in-HTML/Assets/Poster/Lovely by billy and khalid.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gptshubham/Sigma-Web-Development-CodeWithHarry/4f4867c165c7cb359c4c969fcf87b6a1d8653855/1.10-HTML-Video-Audio-and-Media-in-HTML/Assets/Poster/Lovely by billy and khalid.png -------------------------------------------------------------------------------- /1.10-HTML-Video-Audio-and-Media-in-HTML/Assets/Video/Billie_Eilish,_Khalid_-_lovely_(Official_Music_Video)(1080p).mp4: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gptshubham/Sigma-Web-Development-CodeWithHarry/4f4867c165c7cb359c4c969fcf87b6a1d8653855/1.10-HTML-Video-Audio-and-Media-in-HTML/Assets/Video/Billie_Eilish,_Khalid_-_lovely_(Official_Music_Video)(1080p).mp4 -------------------------------------------------------------------------------- /1.10-HTML-Video-Audio-and-Media-in-HTML/Assets/Video/Sia_-_Cheap_Thrills_(Lyrics)_ft._Sean_Paul(1080p).mp4: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gptshubham/Sigma-Web-Development-CodeWithHarry/4f4867c165c7cb359c4c969fcf87b6a1d8653855/1.10-HTML-Video-Audio-and-Media-in-HTML/Assets/Video/Sia_-_Cheap_Thrills_(Lyrics)_ft._Sean_Paul(1080p).mp4 -------------------------------------------------------------------------------- /1.10-HTML-Video-Audio-and-Media-in-HTML/img.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /1.10-HTML-Video-Audio-and-Media-in-HTML/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Video, Audio and Media in HTML 8 | 9 | 10 | 11 |

13 |

16 | 19 | My SVG Image

20 | 24 | 25 | 26 | -------------------------------------------------------------------------------- /1.10-HTML-Video-Audio-and-Media-in-HTML/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gptshubham/Sigma-Web-Development-CodeWithHarry/4f4867c165c7cb359c4c969fcf87b6a1d8653855/1.10-HTML-Video-Audio-and-Media-in-HTML/style.css -------------------------------------------------------------------------------- /1.11-HTML-Semantic-Tags/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Semantic Tags 8 | 9 | 10 | 11 | 12 |

13 | 21 |

22 |

Semantic Tags

23 |

24 | 27 |

28 | 29 | 30 | -------------------------------------------------------------------------------- /1.11-HTML-Semantic-Tags/style.css: -------------------------------------------------------------------------------- 1 | /* li { 2 | display: flex; 3 | } */ -------------------------------------------------------------------------------- /1.12-HTML-Media-Player/Assets/Audios/1.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gptshubham/Sigma-Web-Development-CodeWithHarry/4f4867c165c7cb359c4c969fcf87b6a1d8653855/1.12-HTML-Media-Player/Assets/Audios/1.mp3 -------------------------------------------------------------------------------- /1.12-HTML-Media-Player/Assets/Audios/2.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gptshubham/Sigma-Web-Development-CodeWithHarry/4f4867c165c7cb359c4c969fcf87b6a1d8653855/1.12-HTML-Media-Player/Assets/Audios/2.mp3 -------------------------------------------------------------------------------- /1.12-HTML-Media-Player/Assets/Audios/3.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gptshubham/Sigma-Web-Development-CodeWithHarry/4f4867c165c7cb359c4c969fcf87b6a1d8653855/1.12-HTML-Media-Player/Assets/Audios/3.mp3 -------------------------------------------------------------------------------- /1.12-HTML-Media-Player/Assets/Audios/4.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gptshubham/Sigma-Web-Development-CodeWithHarry/4f4867c165c7cb359c4c969fcf87b6a1d8653855/1.12-HTML-Media-Player/Assets/Audios/4.mp3 -------------------------------------------------------------------------------- /1.12-HTML-Media-Player/Assets/Audios/5.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gptshubham/Sigma-Web-Development-CodeWithHarry/4f4867c165c7cb359c4c969fcf87b6a1d8653855/1.12-HTML-Media-Player/Assets/Audios/5.mp3 -------------------------------------------------------------------------------- /1.12-HTML-Media-Player/Assets/Audios/6.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gptshubham/Sigma-Web-Development-CodeWithHarry/4f4867c165c7cb359c4c969fcf87b6a1d8653855/1.12-HTML-Media-Player/Assets/Audios/6.mp3 -------------------------------------------------------------------------------- /1.12-HTML-Media-Player/Assets/Audios/7.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gptshubham/Sigma-Web-Development-CodeWithHarry/4f4867c165c7cb359c4c969fcf87b6a1d8653855/1.12-HTML-Media-Player/Assets/Audios/7.mp3 -------------------------------------------------------------------------------- /1.12-HTML-Media-Player/Assets/Audios/BLACKPINKE28098ShutDownE28099MV128kRingtone.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gptshubham/Sigma-Web-Development-CodeWithHarry/4f4867c165c7cb359c4c969fcf87b6a1d8653855/1.12-HTML-Media-Player/Assets/Audios/BLACKPINKE28098ShutDownE28099MV128kRingtone.mp3 -------------------------------------------------------------------------------- /1.12-HTML-Media-Player/Assets/Videos/1.mp4: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gptshubham/Sigma-Web-Development-CodeWithHarry/4f4867c165c7cb359c4c969fcf87b6a1d8653855/1.12-HTML-Media-Player/Assets/Videos/1.mp4 -------------------------------------------------------------------------------- /1.12-HTML-Media-Player/Assets/Videos/2.mp4: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gptshubham/Sigma-Web-Development-CodeWithHarry/4f4867c165c7cb359c4c969fcf87b6a1d8653855/1.12-HTML-Media-Player/Assets/Videos/2.mp4 -------------------------------------------------------------------------------- /1.12-HTML-Media-Player/Assets/Videos/3.mp4: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gptshubham/Sigma-Web-Development-CodeWithHarry/4f4867c165c7cb359c4c969fcf87b6a1d8653855/1.12-HTML-Media-Player/Assets/Videos/3.mp4 -------------------------------------------------------------------------------- /1.12-HTML-Media-Player/Assets/Videos/4.mp4: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gptshubham/Sigma-Web-Development-CodeWithHarry/4f4867c165c7cb359c4c969fcf87b6a1d8653855/1.12-HTML-Media-Player/Assets/Videos/4.mp4 -------------------------------------------------------------------------------- /1.12-HTML-Media-Player/Assets/Videos/5.mp4: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gptshubham/Sigma-Web-Development-CodeWithHarry/4f4867c165c7cb359c4c969fcf87b6a1d8653855/1.12-HTML-Media-Player/Assets/Videos/5.mp4 -------------------------------------------------------------------------------- /1.12-HTML-Media-Player/Assets/Videos/6.mp4: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gptshubham/Sigma-Web-Development-CodeWithHarry/4f4867c165c7cb359c4c969fcf87b6a1d8653855/1.12-HTML-Media-Player/Assets/Videos/6.mp4 -------------------------------------------------------------------------------- /1.12-HTML-Media-Player/Assets/Videos/7.mp4: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gptshubham/Sigma-Web-Development-CodeWithHarry/4f4867c165c7cb359c4c969fcf87b6a1d8653855/1.12-HTML-Media-Player/Assets/Videos/7.mp4 -------------------------------------------------------------------------------- /1.12-HTML-Media-Player/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Media Player 8 | 9 | 10 | 11 |

My Playlist

12 |

13 |

My Videos 14 |

15 |

16 |

17 |

18 |

19 |

20 |

21 |

22 |

23 |

My Audios 24 |

25 |

34 |

35 | 36 | 37 | -------------------------------------------------------------------------------- /1.13-HTML-Entities,CodeTag,etc/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 9 | 10 | 11 | This is the code for a paragraph <p></p> 12 |

13 |     This is a pre tag
14 | 
15 |                       This is what it does.
16 | 
17 |             We can now preserve spaces.
18 |

quotation text here.

24 | quotation text here 25 |

26 | This is a long quote from an external source. This quote can span multiple lines and paragraphs. 27 |

28 | The philosopher said, The unexamined life is not worth living. 29 |

This is HTML Boilerplate

30 |


31 |     <!DOCTYPE html >
32 |     <html lang="en" >
33 |     <head >
34 |         <meta charset="UTF-8" >
35 |         <meta name="viewport" content="width=device-width, initial-scale=1.0" >
36 |         <title>Document</title>
37 |     </head>
38 |     <body>
39 |         
40 |     </body>
41 |     </html>
42 |

43 | 44 | 45 | -------------------------------------------------------------------------------- /1.2-HTML/index.html: -------------------------------------------------------------------------------- 1 | Hello world -------------------------------------------------------------------------------- /1.3-HTML-Basic-Structure/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Shubham Ki First Website 7 | 8 | 9 | 10 | Hey this is my first Website (I'm lying😜). Herry Bhai ka Sigma course achchha hai (I'm not lying 😎). 11 | 12 | 13 | -------------------------------------------------------------------------------- /1.3-HTML-Basic-Structure/script.js: -------------------------------------------------------------------------------- 1 | alert("Wlcome to Sigma Web Development Course!") -------------------------------------------------------------------------------- /1.3-HTML-Basic-Structure/style.css: -------------------------------------------------------------------------------- 1 | *{ 2 | background-color: orange; 3 | color: white; 4 | } -------------------------------------------------------------------------------- /1.4-HTML - Bookmark Manager/bookmarkmanager.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Bookmark Manager 7 | 8 | 9 |

My Bookmarks

10 |

Primary Bookmarks

11 |

12 |

13 |

14 |

15 |

Open CodeWithHarrya> 16 |

Open IITM BS

17 |

Secondary Bookmarks

18 |

Open Stack Overflow

19 |

Open Instagram

20 |

Open Facebook

21 | 22 | -------------------------------------------------------------------------------- /1.4-HTML - Bookmark Manager/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | My-Bookmarks 7 | 8 | 9 |

My Bookmarks

10 |

Main Bookmarks

11 |

Secondary Bookmarks

12 |

Secondary Bookmarks

13 |

Secondary Bookmarks

14 |

Secondary Bookmarks

15 |

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corporis illum eum voluptate excepturi, nulla quis ipsa aliquid? Magni, accusamus. Officia, dolorem? Sit, dolores?

16 |

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Adipisci ea laboriosam consequatur eligendi tenetur cumque error amet, a iste necessitatibus sequi harum nostrum?

17 |

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Adipisci ea laboriosam consequatur eligendi tenetur cumque error amet, a iste necessitatibus sequi harum nostrum?

18 |

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Adipisci ea laboriosam consequatur eligendi tenetur cumque error amet, a iste necessitatibus sequi harum nostrum?

19 | 20 | 21 | -------------------------------------------------------------------------------- /1.4-HTML - Bookmark Manager/script.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gptshubham/Sigma-Web-Development-CodeWithHarry/4f4867c165c7cb359c4c969fcf87b6a1d8653855/1.4-HTML - Bookmark Manager/script.js -------------------------------------------------------------------------------- /1.4-HTML - Bookmark Manager/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gptshubham/Sigma-Web-Development-CodeWithHarry/4f4867c165c7cb359c4c969fcf87b6a1d8653855/1.4-HTML - Bookmark Manager/style.css -------------------------------------------------------------------------------- /1.5-HTML-image-lists-and-tables-in-html/Assets/pexels-jeferson-melo-18437534.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gptshubham/Sigma-Web-Development-CodeWithHarry/4f4867c165c7cb359c4c969fcf87b6a1d8653855/1.5-HTML-image-lists-and-tables-in-html/Assets/pexels-jeferson-melo-18437534.jpg -------------------------------------------------------------------------------- /1.5-HTML-image-lists-and-tables-in-html/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Document 7 | 8 | 9 | image cargo train in jungle

10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 |

Employee Details
name	Gender	Age	Designation	Language
Shubham	Male	22	Programmer	JavaScript
Abhishek		26	Web Developer	JavaScript
shubh		26	Programmer	C++
shubh		26	Programmer	Python

51 |

Shubham
Kumar
Gupta

56 |

Abhishek
Kumar
Gupta

61 |

Shubh
Kumar
Gupta

66 |

Shubham
Kumar
Gupta

71 |

Shubham
Kumar
Gupta

76 |

Shubham
Kumar
Gupta

81 |

Shubham
Kumar
Gupta

86 |

Shubham
Kumar
Gupta

91 |

Shubham: Ye mera first name hai
Kumar: Ye mera middle name hai. Bas pareshan karta hai forms bharne me kabhi kabhi
Gupta: Ye mera sirname hai. Bhai isi me sara dum hai.

99 | 100 | -------------------------------------------------------------------------------- /1.5-HTML-image-lists-and-tables-in-html/script.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gptshubham/Sigma-Web-Development-CodeWithHarry/4f4867c165c7cb359c4c969fcf87b6a1d8653855/1.5-HTML-image-lists-and-tables-in-html/script.js -------------------------------------------------------------------------------- /1.5-HTML-image-lists-and-tables-in-html/style.css: -------------------------------------------------------------------------------- 1 | td{ 2 | border: 2px solid black; 3 | } -------------------------------------------------------------------------------- /1.6-HTML-SEO-and-Core-Web-Vitals/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | About Shubham 9 | 10 | 11 | 12 |

Shubham

13 |

Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel rem numquam quis tempore nulla voluptas expedita ex 14 | delectus ipsum tempora pariatur unde esse error dignissimos consequatur animi voluptates, accusantium explicabo? 15 |

16 | 17 | 18 | -------------------------------------------------------------------------------- /1.6-HTML-SEO-and-Core-Web-Vitals/script.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gptshubham/Sigma-Web-Development-CodeWithHarry/4f4867c165c7cb359c4c969fcf87b6a1d8653855/1.6-HTML-SEO-and-Core-Web-Vitals/script.js -------------------------------------------------------------------------------- /1.6-HTML-SEO-and-Core-Web-Vitals/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gptshubham/Sigma-Web-Development-CodeWithHarry/4f4867c165c7cb359c4c969fcf87b6a1d8653855/1.6-HTML-SEO-and-Core-Web-Vitals/style.css -------------------------------------------------------------------------------- /1.7-HTML-forms-and-input-tag-in-html/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Forms - Let's Learn it 8 | 9 | 10 | 11 |

Form to apply for IITM Python TA

12 | 13 |

14 | Enter Your Username 15 | 16 |

17 |

18 | Select Your Gender 19 | 20 | Male 21 | 22 | Female 23 |

24 |

25 | 26 | Residence in Campus 27 |

28 |

29 | Enter Your comment 30 |
31 | 32 |

33 |

34 | 39 |

40 | 41 | 42 | -------------------------------------------------------------------------------- /1.7-HTML-forms-and-input-tag-in-html/script.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gptshubham/Sigma-Web-Development-CodeWithHarry/4f4867c165c7cb359c4c969fcf87b6a1d8653855/1.7-HTML-forms-and-input-tag-in-html/script.js -------------------------------------------------------------------------------- /1.7-HTML-forms-and-input-tag-in-html/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gptshubham/Sigma-Web-Development-CodeWithHarry/4f4867c165c7cb359c4c969fcf87b6a1d8653855/1.7-HTML-forms-and-input-tag-in-html/style.css -------------------------------------------------------------------------------- /1.8-HTML-Inline-and-Block-Element/Comprehensive List.txt: -------------------------------------------------------------------------------- 1 | Block Elements (Most Commonly Used First) 2 | 3 |

: A generic container for flow content. 4 |

: Paragraph. 5 |

,

: Headings. 6 |

: List item. 9 |
: A section containing form controls. 10 | : Table. 11 |
: A standalone section of a document. 12 |
: A container for introductory content or a set of navigational links. 13 |
: Footer of a section or page. 14 |
: A section of a page that contains navigation links. 15 |
: A self-contained composition in a document. 16 |
: A section of a page that contains information indirectly related to the main content. 17 |
: The main content of a document. 18 |
: A set of form controls grouped under a common name. 19 |
: A block of text that is a quotation from another source. 20 |
: Preformatted text. 21 |
: Footer of a table. 30 | 31 | 32 | 33 | Inline Elements (Most Commonly Used First) 34 | : Anchor or hyperlink. 35 | : Image. 36 | : Generic inline container. 37 | : Input field. 38 | : Label for a form element. 39 | : Strong emphasis. 40 | : Emphasized text. 41 |
: Line break. 42 | : Code snippet. 43 | : Bold text. 44 | : Italic text. 45 | : Underlined text. 46 | : Smaller text. 47 | _{: Subscript. 48 | ^{: Superscript. 49 | : Marked or highlighted text. 50 | : Short inline quotation. 51 | : Citation. 52 | : Keyboard input. 53 | : Sample output. 54 | : Variable in a mathematical expression or programming context. 55 | : Time. 56 | : Abbreviation. 57 | : Machine-readable translation of content. 58 | : Acronym (Not supported in HTML5). -------------------------------------------------------------------------------- /1.8-HTML-Inline-and-Block-Element/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Inline and Block Elements - HTML 8 | 9 | 10 | 11 | 12 | Hello I'm a Para 13 |}}Google 14 | I'm a block element 15 | I'm a span and I'm Inline 16 | Yes he is inline 17 | 18 | 19 | -------------------------------------------------------------------------------- /1.8-HTML-Inline-and-Block-Element/style.css: -------------------------------------------------------------------------------- 1 | p { 2 | background-color: rgb(151, 238, 231); 3 | } 4 | 5 | a { 6 | background-color: rgb(231, 100, 100); 7 | } 8 | 9 | #block { 10 | background-color: rgb(241, 241, 41); 11 | } -------------------------------------------------------------------------------- /1.8-HTML-homework-html-forms/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Form HTML Homework 8 | 9 | 10 | 11 | Yesterday's Homework - Vertically Aligned Form 12 | 13 | 14 | Enter Your Name 15 | 16 | 17 | 18 | Enter Your City 19 | 20 | 21 | 22 | Enter Your Pincode 23 | 24 | 25 | 26 | 27 | 28 | -------------------------------------------------------------------------------- /1.8-HTML-homework-html-forms/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gptshubham/Sigma-Web-Development-CodeWithHarry/4f4867c165c7cb359c4c969fcf87b6a1d8653855/1.8-HTML-homework-html-forms/style.css -------------------------------------------------------------------------------- /1.9-HTML-ID-and-Classes-In-HTML/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | ID and Classes in HTML 8 | 9 | 10 | 11 | 12 | First 13 | Second 14 | 15 | 16 | 17 | -------------------------------------------------------------------------------- /1.9-HTML-ID-and-Classes-In-HTML/style.css: -------------------------------------------------------------------------------- 1 | .red { 2 | color: red; 3 | } 4 | 5 | .bg-yellow { 6 | background-color: yellow; 7 | } -------------------------------------------------------------------------------- /2.1-CSS-Introduction/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | CSS 8 | 19 | 20 | 21 | 22 | 23 | I'm Sad and Disappointed, but determined and hence won't give 24 | up! 25 | 26 | Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ut sint culpa non accusamus, maiores, ea numquam nam 27 | consectetur quod, ratione adipisci eius fugiat. Aut possimus doloribus ut corrupti totam sed. 28 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Porro eos corrupti, perferendis corporis iusto 29 | obcaecati eligendi amet expedita ut provident possimus magnam veritatis! 30 | 31 | 32 | -------------------------------------------------------------------------------- /2.1-CSS-Introduction/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/gptshubham/Sigma-Web-Development-CodeWithHarry/4f4867c165c7cb359c4c969fcf87b6a1d8653855/2.1-CSS-Introduction/style.css -------------------------------------------------------------------------------- /2.2-CSS-Inline-Internal-and-External-CSS/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Document 8 | 14 | 15 | 16 | 17 | 18 | About Me 19 | I am a bad dude! 20 | I am a better villain for all the villains in this bloody world! 21 | Three Ways to add CSS 22 | 23 | 24 | Inline CSS 25 | Internal CSS 26 | External CSS 27 | 28 | 29 | 30 | 31 | -------------------------------------------------------------------------------- /2.2-CSS-Inline-Internal-and-External-CSS/style.css: -------------------------------------------------------------------------------- 1 | #external { 2 | color: brown; 3 | background-color: yellow; 4 | } -------------------------------------------------------------------------------- /2.3-CSS-Selectors-Masterclass/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | CSS Selectors 8 | 9 | 10 | 11 | 12 | I am one 13 | I am a div 14 | I am another div 15 | I am green div 16 | 17 | The sound of water beside the river brings me inner peace. 18 | 19 | The Calmness in the air feels unreal 20 | 21 | 22 | Is it really me, a completly different person. 23 | 24 | Go to Netflix 25 | Go to Coder Army 26 | Go to CodeWithHarry 27 | 28 | 29 | -------------------------------------------------------------------------------- /2.3-CSS-Selectors-Masterclass/style.css: -------------------------------------------------------------------------------- 1 | /* Element Selector */ 2 | div { 3 | background-color: rgb(247, 200, 144); 4 | } 5 | 6 | /* Class Selector */ 7 | .first { 8 | background-color: rgb(110, 240, 240); 9 | } 10 | 11 | /* Id Selector */ 12 | #green { 13 | background-color: greenyellow; 14 | } 15 | 16 | /* Child Selector */ 17 | div>article>p { 18 | color: blueviolet; 19 | } 20 | 21 | /* Descendent Selector */ 22 | div p { 23 | color: red; 24 | } 25 | 26 | /* Universal Selector */ 27 | * { 28 | margin: o; 29 | padding: 0; 30 | } 31 | 32 | /* Pseudo Selectors */ 33 | a:visited { 34 | color: hotpink; 35 | } 36 | 37 | a:link { 38 | color: green; 39 | } 40 | 41 | a:active { 42 | background-color: aqua; 43 | } 44 | 45 | a:hover { 46 | background-color: palegreen; 47 | } 48 | 49 | p:first-child { 50 | background-color: aquamarine; 51 | } -------------------------------------------------------------------------------- /2.4-CSS-Box-Model-Margin-Padding-Borders/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | CSS Box Model 8 | 9 | 10 | 11 | 12 | 13 | I am a Box 14 | 15 | I am another box 16 | 17 | 18 | -------------------------------------------------------------------------------- /2.4-CSS-Box-Model-Margin-Padding-Borders/style.css: -------------------------------------------------------------------------------- 1 | .box { 2 | background-color: aqua; 3 | } 4 | 5 | * { 6 | margin: 0; 7 | padding: 0; 8 | } 9 | 10 | .box1 { 11 | color: yellow; 12 | padding: 10px; 13 | margin: 25px; 14 | border: 2px solid blue; 15 | height: 200px; 16 | box-sizing: border-box; 17 | } 18 | 19 | .box2 { 20 | color: red; 21 | padding: 10px; 22 | margin: 25px; 23 | border: 2px solid black; 24 | height: 200px; 25 | box-sizing: border-box; 26 | } --------------------------------------------------------------------------------

My Playlist

This is HTML Boilerplate

My Bookmarks

Primary Bookmarks

Secondary Bookmarks

My Bookmarks

Main Bookmarks

Secondary Bookmarks

Secondary Bookmarks

Secondary Bookmarks

Secondary Bookmarks

Shubham

Form to apply for IITM Python TA

,

,

,

,

,

Yesterday's Homework - Vertically Aligned Form

About Me

Three Ways to add CSS