- Overview
- Transcript
2.1 Mobile Menu & Button UI
In this lesson we begin our header, adding in a main menu system and a button for the mobile menu.
1.Introduction and Setting Up3 lessons, 22:02
3 lessons, 22:02
1.1Introduction01:26
1.1
Introduction
01:26
1.2Working With Semantic UI12:35
1.2
Working With Semantic UI
12:35
1.3Setting Up the Workspace08:01
1.3
Setting Up the Workspace
08:01
2.Developing a Header & Footer With Semantic UI5 lessons, 1:13:21
5 lessons, 1:13:21
2.1Mobile Menu & Button UI14:51
2.1
Mobile Menu & Button UI
14:51
2.2Floating Menu14:55
2.2
Floating Menu
14:55
2.3Header Icon & Polish15:13
2.3
Header Icon & Polish
15:13
2.4Header & Footer With Grid14:56
2.4
Header & Footer With Grid
14:56
2.5Footer Menu, Icons & Feed13:26
2.5
Footer Menu, Icons & Feed
13:26
3.Creating a Homepage With Semantic UI2 lessons, 28:32
2 lessons, 28:32
3.1Home Page Grid, Icon, Image & Pop-Up13:41
3.1
Home Page Grid, Icon, Image & Pop-Up
13:41
3.2Finishing Up the Home Page14:51
3.2
Finishing Up the Home Page
14:51
4.Creating an About Page With Semantic UI2 lessons, 29:43
2 lessons, 29:43
4.1Image & Full Page Dimmer14:38
4.1
Image & Full Page Dimmer
14:38
4.2Table & Comment Section15:05
4.2
Table & Comment Section
15:05
5.Creating a Portfolio With Semantic UI3 lessons, 40:37
3 lessons, 40:37
5.1Portfolio Items, Label & Rating14:45
5.1
Portfolio Items, Label & Rating
14:45
5.2Step & Accordion13:43
5.2
Step & Accordion
13:43
5.3Step & Accordion Communication12:09
5.3
Step & Accordion Communication
12:09
6.Creating a Contact Page With Semantic UI9 lessons, 2:10:55
9 lessons, 2:10:55
6.1Contact Page Segment & Input14:12
6.1
Contact Page Segment & Input
14:12
6.2Form Fields & Message Block14:33
6.2
Form Fields & Message Block
14:33
6.3Setting Up The Form14:58
6.3
Setting Up The Form
14:58
6.4Checkbox & Drop-Down14:58
6.4
Checkbox & Drop-Down
14:58
6.5Form Validation (Part One)14:39
6.5
Form Validation (Part One)
14:39
6.6Form Validation (Part Two): Segment Loader14:47
6.6
Form Validation (Part Two): Segment Loader
14:47
6.7Form Validation (Part Three)13:43
6.7
Form Validation (Part Three)
13:43
6.8Shape Module14:46
6.8
Shape Module
14:46
6.9Finishing the Form & Adding a Modal Dialog14:19
6.9
Finishing the Form & Adding a Modal Dialog
14:19
7.Finishing Touches & Conclusion2 lessons, 18:37
2 lessons, 18:37
7.1Modal & Progress Bar14:39
7.1
Modal & Progress Bar
14:39
7.2Conclusion03:58
7.2
Conclusion
03:58
I am a trainer from Cartoonsmart. I love to learn and teach in the graphic and web design area. I am also a developer coding CSS, HTML, PHP, and JavaScript.