About Course
Course Intro
Free Sample Videos
Course Content
Section 1: Hordhac
-
-
All Resources
00:00 -
2.Downloading The text editor
00:00 -
3. How to write and run HTML files
Section 2: Tagging
-
4.Structure of HTML tags
-
5.HTML Headings and Paragraphs
-
6.Comments, whitespaces and line breaks
-
7.Formatting tags
-
8.HTML images and Their Attributes
-
9.Block and inline elements
Section 3: HTML Links, Lists and Tables
-
10.HTML Hyperlinks
-
12. Link Sections of the webpage
-
13.Image as a link
-
14.HTML lists
-
15. Change list style type
-
16.Nested lists
-
17. HTML tables
-
18.HTML tables Part two
-
19.Colspan and Rowspan
Section: HTML Forms
-
20. HTML Forms Part 1
-
21. HTML forms Part 2
-
22. HTML forms Part 3
-
23. HTML forms Part 4
Section : HTML videos, Audios, Entity and Semantic elements
-
24. HTML videos
-
25.HTML audios
-
26. HTML entity
-
27.HTML Semantic Elements
Section: CSS introdcution
-
28. What is CSS?
-
29.CSS Syntax
-
30.Inline CSS
-
31.Internal CSS
-
32.External CSS
-
33. CSS Selectors
-
34. CSS Comments
-
35. Make Your CSS or HTML code Readable
Section: More CSS Properties
-
36. CSS Colors
-
37. Using RGB Colors
-
38.Using Hex Colors
-
39.CSS Background
-
40.CSS Borders Part 1
-
41.CSS Borders Styles
-
42. CSS Borders Part 2
-
43.CSS Margins
-
44. CSS Padding
-
45. CSS Text Formatting
-
46. CSS Fonts
-
47.Using Google Fonts
-
48.CSS Icons
-
49.CSS links
-
50.CSS lists
-
51. CSS Tables
Section: Advanced CSS
-
52. CSS Display
-
53. CSS Transitions
-
54. CSS Animations
-
55. CSS Position
-
56. CSS Variables
-
57. CSS Media Queries |
-
58. CSS Media Queries ||
-
59. CSS Flexbox
-
60. CSS GRID
-
61. CSS Grid Layout 1
-
62. CSS Grid Layout 2
-
63. CSS Grid Calculator Layout
-
PROJECT -1 – RESPONSIVE MENU
-
Menu Project
PROJECT -2- BUUG.COM
-
-
2. Building The Home Page
-
3. Styling The Header
-
4. Styling The Top / Hero Section
-
5. Styling Books Section
-
6. Styling About Section
-
7. Making The Home Page Responsive
-
8. Building and Styling Books Page
-
9. Building and Styling Contact Page
PROJECT-3-PORTFOLIO PROJECT
-
1. Project Intro
-
2. Preparation
-
3. Building the Header
-
4. Styling the Header
-
5. Home
-
6. About
-
7. Skills
-
8. Contact
-
9. make the parts of the web responsive
-
10. make reponsive menu
