Schedule

Treasure Box

• CodeW3C.com Treasure Box

Menu

• Icon Bar
• Menu Icon
• Accordion
• Tabs
• Vertical Tabs
• Tab Title
• Full Page Tabs
• Hover Tabs
• Top Navigation
• Responsive Top Navigation
• Split Navigation
• Navigational Bar with Icons
• Search Menu
• Search Bar
• Fixed Sidebar
• Side Navigation
• Responsive Sidebar
• Fullscreen Navigation
• Canvas Outside Menu
• Hover Sidebar Navigation Button
• Sidebar with Icons
• Horizontal Scrolling Menu
• Vertical Menu
• Bottom Navigation
• Responsive Bottom Navigation
• Bottom Border Navigation Link
• Right-aligned Menu Link
• Centered Menu Link
• Equal Width Menu Link
• Fixed Menu
• Slide Down Sidebar on Scroll
• Hide Navigation Bar on Scroll
• Resize Navigation Bar on Scroll
• Sticky Navigation Bar
• Navigation Bar on Image
• Hover Drop-down Menu
• Single Click Drop-down Menu
• Cascading Drop-down Menu
• Drop-down Menu in Top Navigation Bar
• Drop-down Menu in Sidebar Navigation
• Responsive Navigation Bar with Drop-down Menu
• Sub-navigation Menu
• Drop-down Menu
• Super Menu
• Mobile Menu
• Curtain Menu
• Collapsible Sidebar
• Collapsible Sidebar Panel
• Pagination
• Breadcrumb Navigation
• Button Group
• Vertical Button Group
• Sticky Social Bar
• Pill Navigation
• Responsive Page Header

Image

• Slide
• Slide Gallery
• Modal Image
• Lightbox
• Responsive Image Grid
• Image Grid
• Image Gallery
• Scrollable Image Gallery
• Tabbed Image Gallery
• Image Overlay Fade Out
• Image Overlay Slide
• Image Overlay Zoom
• Image Overlay Title
• Image Overlay Icon
• Image Effect
• Black and White Image
• Image Text
• Image Text Block
• Transparent Image Text
• Full-page Image
• Form on Image
• Focus Image
• Blur Background Image
• Change Background on Scroll
• Side-by-side Images
• Rounded Image
• Avatar Image
• Responsive Image
• Centered Image
• Thumbnail
• Image Border
• Team Introduction
• Sticky Image
• Flip Image
• Shaking Image
• Portfolio Gallery
• Filterable Portfolio
• Image Zoom
• Image Magnifier
• Image Comparison Slider
• Website Icon

Button

• Warning Button
• Outline Button
• Split Button
• Animated Button
• Gradient Button
• Button on Image
• Social Media Button
• Read More/Read Less
• Loading Button
• Download Button
• Pill Button
• Notification Button
• Icon Button
• Next/Previous Page Button
• More Button in Navigation
• Block Button
• Text Button
• Rounded Button
• Back to Top Button

Form

• Login Form
• Registration Form
• Checkout Table
• Contact Form
• Social Login Table
• Registration Form
• Iconic Form
• News Subscription
• Stacked Form
• Responsive Form
• Pop-up Form
• Inline Form
• Clear Input Box
• Hide Numeric Arrow
• Copy Text to Clipboard
• Animated Search
• Search Button
• Full-screen Search
• Input Box in Navigation Bar
• Login Form in Navigation Bar
• Custom Checkbox/Radio Button
• Custom Dropdown
• Toggle Switch
• Select Checkbox
• Detect Capital Lock
• Trigger Button with Enter Key
• Password Verification
• Toggle Password Visibility
• Multi-step Form
• Auto-complete
• Turn Off Auto-complete
• Turn Off Spell Check
• File Upload Button
• Empty Input Validation

Filter

• Filtered List
• Filtered Table
• Filter Element
• Filter Dropdown Menu
• Sorted List
• Sorted Table

Table

• Zebra-striped Table
• Centered Table
• Full-width Table
• Nested Table
• Tabular List
• Responsive Table
• Comparison table

More

• Full-screen video
• Modal
• Delete modal
• Timeline
• Scroll indicator
• Progress bar
• Skill bar
• Range slider
• Color picker
• Email field
• Tooltip
• Hover to display element
• Pop-up window
• Collapsible content
• Calendar
• HTML include
• To-do list
• Loader
• Badge
• Star rating
• User rating
• Overlay effect
• Contact chip
• Card
• Flip card
• Profile card
• Product card
• Warning
• Tooltip
• Note
• Tag
• Ribbons
• Tag cloud
• Circle
• Styled horizontal line
• Coupon
• List group
• Bordered list group
• Bulletless list
• Responsive text
• Shadow text
• Glowing text
• Fixed footer
• Sticky element
• Equal height
• Clear float
• Responsive float
• Notification bar
• Full-screen window
• Scrolling graphics
• Smooth scrolling
• Gradient background scrolling
• Sticky page header
• Collapse page header on scroll
• Price list
• Parallax scrolling
• Aspect ratio
• Responsive inline frame
• Toggle like/dislike
• Toggle hide/show
• Toggle dark mode
• Toggle text
• Toggle class
• Add class
• Remove class
• Change class
• Active class
• Tree view
• Remove decimal
• Remove attribute
• Offline detection
• Find hidden elements
• Redirect web page
• Number formatting
• Hover zoom
• Flipped box
• Vertical centering
• Center button in DIV
• Centered list
• Hover transition
• Arrow
• Shape
• Download link
• Full-height element
• Browser window
• Custom scrollbar
• Hide scrollbar
• Show/Force Show Scrollbar
• Device appearance
• Border for Editable Content
• Placeholder color
• Disable text area resizing
• Disable text selection
• Text selection color
• Bullet point color
• Vertical line
• Separator
• Text separator
• Animated icon
• Countdown timer
• Typewriter effect
• Upcoming page
• Chat messages
• Pop-up chat window
• Split screen
• Customer reviews
• Block counter
• Quotation slides
• Closable list items
• Typical device breakpoints
• Draggable HTML elements
• JS media query
• Syntax highlighter
• JS animation
• JS string length
• JS exponentiation
• JS default parameters
• JS random number
• JS numerical array sorting
• JS spread operator
• JS scroll to view
• Get current date
• Get current URL
• Get current screen size
• Get iframe element

Grid

• Two-column layout
• Three-column layout
• Four-column layout
• Extended grid
• List grid view
• Mixed column layout
• Column cards
• Zigzag layout
• Blog layout

Converter

• Conversion of weight
• Conversion of temperature
• Conversion of length
• Conversion of speed

Elective courses

Course recommendation:

• CodeW3C.com Treasure Box

Toolbox

JavaScript and HTML DOM Reference Manual

JavaScript Examples

JavaScript Quiz

Advanced JavaScript Tutorial

Sponsor Link