└── LearningWebDev-main ├── LAYOUT CSS ├── user.jpg ├── position.html └── float.html ├── pdf └── LUAI07200167.pdf ├── img ├── wormhole-2514312_1280.jpg └── 4-ways-cheer-up-depressed-cat.jpg ├── page2.html ├── color.html ├── image.html ├── background.html ├── overflow1.html ├── specificity.html ├── inheritance.html ├── advance-props.html ├── style └── form.css ├── block.html ├── box-sizing.html ├── media_query.html ├── font.html ├── grid.html ├── flexbox.html ├── payment_form.html └── index.html /LearningWebDev-main/LAYOUT CSS/user.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Mustafa-Hassan2001/LearningWebDev-main/HEAD/LearningWebDev-main/LAYOUT CSS/user.jpg -------------------------------------------------------------------------------- /LearningWebDev-main/pdf/LUAI07200167.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Mustafa-Hassan2001/LearningWebDev-main/HEAD/LearningWebDev-main/pdf/LUAI07200167.pdf -------------------------------------------------------------------------------- /LearningWebDev-main/img/wormhole-2514312_1280.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Mustafa-Hassan2001/LearningWebDev-main/HEAD/LearningWebDev-main/img/wormhole-2514312_1280.jpg -------------------------------------------------------------------------------- /LearningWebDev-main/img/4-ways-cheer-up-depressed-cat.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Mustafa-Hassan2001/LearningWebDev-main/HEAD/LearningWebDev-main/img/4-ways-cheer-up-depressed-cat.jpg -------------------------------------------------------------------------------- /LearningWebDev-main/page2.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Page 2 8 | 9 | 10 |

Page 2

11 | Home 12 | 13 | -------------------------------------------------------------------------------- /LearningWebDev-main/color.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Color in CSS 8 | 16 | 17 | 18 |

This is a heading

19 |

This is a paragraph

20 | 21 | -------------------------------------------------------------------------------- /LearningWebDev-main/image.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Image 8 | 21 | 22 | 23 |
24 |
wormhole
25 |
cat
26 |
27 | 28 | -------------------------------------------------------------------------------- /LearningWebDev-main/background.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Background 8 | 21 | 22 | 23 |
24 |

This is a heading

25 |
26 | 27 | -------------------------------------------------------------------------------- /LearningWebDev-main/overflow1.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Overflow 8 | 16 | 17 | 18 |
19 | Lorem ipsum dolor sit amet, consectetur adipisicing elit. Necessitatibus optio repellat nisi hic id accusamus ducimus perspiciatis deserunt quisquam omnis similique, possimus nesciunt vitae molestiae voluptatum autem doloribus laudantium. Repudiandae. 20 |
21 | 22 |

23 | Lorem, ipsum dolor sit amet consectetur adipisicing elit. Possimus, magnam? 24 |

25 | 26 | -------------------------------------------------------------------------------- /LearningWebDev-main/specificity.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 19 | Specificity 20 | 21 | 22 | 27 | 28 | -------------------------------------------------------------------------------- /LearningWebDev-main/inheritance.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Inheritance 8 | 25 | 26 | 27 | 33 | 34 | -------------------------------------------------------------------------------- /LearningWebDev-main/advance-props.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Diff views of Pic 8 | 31 | 32 | 33 | cat 34 | cat 35 | 36 | -------------------------------------------------------------------------------- /LearningWebDev-main/style/form.css: -------------------------------------------------------------------------------- 1 | * { 2 | box-sizing: border-box; /*Box of size parent element*/ 3 | } 4 | 5 | body { 6 | font-family: Verdana, Geneva, Tahoma, sans-serif; 7 | margin: 15px 30px; 8 | font-size: 17px; 9 | padding: 8px; 10 | } 11 | 12 | .container { 13 | background-color: #f2f2f2; 14 | padding: 5px 20px 15px 20px; 15 | border: 1px solid lightgray; 16 | border-radius: 4px; 17 | } 18 | 19 | input[type="text"], 20 | input[type="email"], 21 | input[type="number"], 22 | input[type="password"], 23 | input[type="date"], 24 | select, 25 | textarea { 26 | width: 100%; 27 | padding: 12px; 28 | border: 1px solid #ccc; 29 | border-radius: 5px; 30 | margin: 10px; 31 | } 32 | 33 | fieldset { 34 | background-color: #fff; 35 | border: 1px solid #ccc; 36 | } 37 | 38 | .main_heading { 39 | text-align: center; 40 | } 41 | 42 | input[type="submit"] { 43 | background-color: #4daea1; 44 | color: white; 45 | padding: 12px 20px; 46 | border: none; 47 | border-radius: 12px; 48 | cursor: pointer; 49 | width: 100%; 50 | } 51 | 52 | input[type="submit"]:hover { 53 | background-color: #4caf84; 54 | } -------------------------------------------------------------------------------- /LearningWebDev-main/LAYOUT CSS/position.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Postion Property 7 | 36 | 37 | 38 | 39 |
40 |
Box 1
41 |
Box 2
42 |
Box 3
43 |
Box 4
44 |
45 | 46 | -------------------------------------------------------------------------------- /LearningWebDev-main/block.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Block Model 8 | 15 | 16 | 17 |
18 | Lorem ipsum dolor sit amet consectetur, adipisicing elit. Iste minus praesentium, ipsam alias molestiae expedita earum ducimus aspernatur cupiditate quas nobis asperiores animi, aperiam autem ut quidem magnam temporibus, illo excepturi! Fugit ipsum quasi a laudantium repellendus, voluptas dignissimos! Veritatis quam accusantium dolore earum ex laborum tenetur saepe aperiam ratione cumque quisquam vitae velit maiores quidem quia ipsam error amet, ducimus ipsum ullam assumenda tempora. Molestiae incidunt facere neque laboriosam sunt magni odit inventore facilis consequuntur hic animi expedita, quaerat ducimus ex? Assumenda nostrum quod maiores, libero earum dolores laudantium eligendi voluptate quae molestiae at iure sunt iusto veritatis quo. 19 |
20 | 21 | -------------------------------------------------------------------------------- /LearningWebDev-main/box-sizing.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Box Sizing 8 | 38 | 39 | 40 |
Content Box
41 |
42 |
Border Box
43 | 44 | -------------------------------------------------------------------------------- /LearningWebDev-main/media_query.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Media Queries: width 8 | 42 | 43 | 44 |

Lorem ipsum dolor sit amet consectetur adipisicing elit. Molestiae, possimus!

45 |

Lorem ipsum dolor sit amet consectetur adipisicing elit. Nisi repudiandae error illo distinctio earum, quaerat dolor itaque voluptates? Laudantium et numquam quos quia voluptates! Sapiente totam hic ipsa architecto non?

46 | 47 | -------------------------------------------------------------------------------- /LearningWebDev-main/font.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Fonts in CSS 10 | 19 | 20 | 21 |

Some Heading

22 | 23 |

Lorem ipsum dolor sit amet consectetur adipisicing elit. Libero maiores mollitia delectus iure expedita.

24 | 25 |

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nihil ab dolorem in libero quasi quas recusandae ea quia, similique nisi unde voluptatem nam eos dolore tempora aspernatur architecto ducimus reprehenderit incidunt asperiores repellat optio iste debitis eligendi. Aspernatur veritatis unde error esse excepturi ex perspiciatis alias pariatur corporis veniam! Corporis omnis quam est, error temporibus autem mollitia porro quo accusamus harum ipsa repudiandae ratione quos laboriosam minus totam fugiat, dolorem quod unde vero aspernatur? Eius, alias mollitia fugiat aut vel facere quo possimus deleniti nesciunt quia unde quasi beatae, ex distinctio maiores voluptates officiis dolore aliquam magni! Cumque, unde facilis.

26 | 27 | -------------------------------------------------------------------------------- /LearningWebDev-main/grid.html: -------------------------------------------------------------------------------- 1 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | CSS Grid 14 | 43 | 44 | 45 |
46 | 47 |
Dabba 1
48 |
Dabba 2
49 |
Dabba 3
50 |
Dabba 4
51 |
Dabba 5
52 |
53 | 54 | -------------------------------------------------------------------------------- /LearningWebDev-main/LAYOUT CSS/float.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Float Property 8 | 32 | 33 | 34 | 35 |

Float Property

36 | user 37 |

Resume

38 |

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Omnis, voluptas. Ipsum id debitis, commodi quo consequuntur exercitationem possimus in labore repudiandae voluptatibus similique eligendi soluta quos, maxime reiciendis voluptatem inventore.

39 | 40 |

Lorem ipsum dolor sit amet consectetur adipisicing elit. Repellendus tenetur natus minima ipsa beatae dignissimos ducimus harum soluta. Sapiente nesciunt provident necessitatibus minus culpa assumenda voluptates facere iste, nulla ipsum harum rem consectetur ducimus inventore, fugit accusantium cum ut. Doloremque modi neque, quasi porro amet minima veritatis unde laboriosam labore.

41 | 42 |

Lorem ipsum dolor sit amet consectetur adipisicing elit. Optio illo, odio impedit libero eius molestiae reprehenderit quis quo et repudiandae iure, voluptatum doloribus adipisci est ad eligendi. Nemo iste sit quia incidunt impedit, nisi fugit quasi sequi soluta quidem nam praesentium ab ut vero. Quasi suscipit voluptas amet aperiam reprehenderit.

43 | 44 | -------------------------------------------------------------------------------- /LearningWebDev-main/flexbox.html: -------------------------------------------------------------------------------- 1 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | FlexBox 33 | 82 | 83 | 84 |
85 |
1
86 |
2
87 |
3
88 |
4
89 |
5
90 |
91 | 92 | -------------------------------------------------------------------------------- /LearningWebDev-main/payment_form.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Payment Form 8 | 9 | 10 | 11 | 28 | Go back home 29 |
30 |
31 | 32 |

Payment Form

33 |

Required Fields are followed by *

34 |

Contact Information

35 | 36 |

37 | Name: * 43 | 44 |

45 |
46 | 47 | Gender* 48 |

49 | Male Female 50 | 51 |

52 |
53 |

54 | Address: 55 | 62 |

63 |

64 | Email: * 71 |

72 |

73 | Pincode: 74 | 80 |

81 |

Payment Information

82 |

83 | Card Type: * 84 | 92 |

93 |

94 | Card Number: * 101 |

102 |

103 | Expiration Date: * 109 |

110 |

111 | CVV: * 118 |

119 | 120 |
121 |
122 | 123 | 124 | -------------------------------------------------------------------------------- /LearningWebDev-main/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Abhishek Kaksha 9 | 10 | 11 | 12 | 17 | 18 | 19 |

Inside body h1 header.

20 |

Inside body h2 header.

21 |

Inside body h3 header.

22 |

Inside body h4 header.

23 |
Inside body h5 header.
24 |
Inside body h6 header.
25 | 26 | 29 |

This is a paragraph.

30 | 31 |

This is a
paragraph after br break line.

32 | 33 |
34 |

This is a paragraph after horizontal line.

35 | 36 | 39 | This is the link where all entites are mentioned 40 |

<p>This is something displaying tags etc using entities<⁄p>

41 | 42 | 43 | 44 | 46 |

Lorem ipsum dolor, sit amet consectetur adipisicing elit. Placeat vero tempora eius perspiciatis, sapiente debitis sit blanditiis, dolorem nesciunt autem dolorum! Nisi sunt neque officia porro modi aut fugiat odio at fugit quaerat! Ex et, iure pariatur, ad explicabo neque est obcaecati reiciendis harum rerum nulla beatae. Ipsam enim accusamus eligendi, corporis expedita nemo possimus ipsa vero a in eveniet maiores porro doloribus blanditiis fugiat. Dignissimos illo reprehenderit quo fuga, non iure, vitae rerum iusto fugiat quia ipsam, necessitatibus officia tempore veritatis. Quos labore repellendus harum aliquam illo doloribus dolorem accusantium perspiciatis voluptate a error voluptatem, libero aut impedit consectetur?

47 | 48 | 54 |

55 | This is bold
56 | This is strong
57 | This is italics
58 | This is emphasize
59 | This is small
60 | Log24 = 2
61 | 102 = 100
62 |

63 | 64 | 67 |
68 |

Shopping List

69 |
Unordered way
70 | 78 |
79 |
Ordered way
80 |
    81 |
  1. Milk
    2. 82 |
  2. Butter
    3. 83 |
  3. Jam
    4. 84 |
  4. Biscuit
    5. 85 |
  5. Bread
    6. 86 |
  6. Coffee
    7. 87 |
88 | 89 |
    90 |
  1. Milk
    2. 91 |
  2. Butter
    3. 92 |
  3. Jam
    4. 93 |
  4. Biscuit
    5. 94 |
  5. Bread
    6. 95 |
  6. Coffee
    7. 96 |
97 | 98 |
    99 |
  1. Milk
    2. 100 |
  2. Butter
    3. 101 |
  3. Jam
    4. 102 |
  4. Biscuit
    5. 103 |
  5. Bread - 104 | 108 |
    6. 109 |
  6. Coffee
    7. 110 |
111 | 112 | 120 | 121 | Google 123 |
124 | Page 2 125 |

YouTube

 126 | 127 | 128 | LU Certificate 129 | 130 |
131 | 132 | This is a cat 134 | 135 |
136 | 144 | 145 | 146 | 150 | 151 | 152 | 153 | 154 | 166 |
167 | 168 | 169 | 170 | > 171 | 172 | 173 | 174 | 175 | 176 | 177 | 178 | 179 | 180 | 181 | 182 | 183 | 184 | 185 | 186 | 187 | 188 | 189 | 190 | 191 | 192 | 193 | 194 | 195 | 196 | 197 | 198 | 199 | 200 | 201 | 202 | 203 | 204 | 205 | 206 | 207 | 208 | 209 | 210 |
SubjectTheoryPracticalTotal MarksGrades
English404080A+
Computer Science404080A+
Physics404080A+
Maths404080A+
Result : Pass
211 | 212 |
213 | This is a forms implementation 214 | 215 | 233 | 234 |

This is first para

235 |

This is second para

236 |

this is third para

237 |

This is fourth para

238 | This is em tag 239 | em is used to emphasize text 240 | 241 | --------------------------------------------------------------------------------