HOW TO
HowTo Etusivu
Menut
KuvakepalkkiMenun kuvakeAccordionTabsPystysuuntaiset välilehdetTab-otsikotTäyden sivun välilehdetHover-välilehdetTop-navigaatioResponsiivinen ylänavigaatioNavbar kuvakkeillaHakuvalikotHakupalkkiKiinteä sivupalkki SivusivusivunavigaatioResponsiivinen sivusivuNavigaatio täydellä kuvaruutunäytölläOff-Canvas MenuHover Sidenav ButtonsSidebar with IconsHorizontal Scroll MenuVertical MenuBottom NavigationResponsive Bottom NavBottom Border Nav LinkitRight Aligned Menu LinkitCentered Menu LinkEqual Width Menu LinkitFixed MenuSlide Down Bar on ScrollHide Navbar on ScrollShrink Navbar on ScrollSticky NavbarNavbar on ImageHover DropdownsClick DropdownsCascading DropdownDropdown in TopnavDropdown in SidenavResp Navbar DropdownSubnavigation MenuDropupMega MenuMobile MenuCurtain MenuCollapsed SivupalkkiCollapsed SidepanelPaginationBreadcrumbsNappularyhmäVertikaalinen nappularyhmäSticky Social BarPill NavigationResponsive Header
Images
SlideshowSlideshow GalleriaModal ImagesLightboxResponsive Image GridImage GridTab GalleryImage Overlay FadeImage Overlay SlideImage Overlay ZoomImage Overlay ZoomImage Overlay TitleImage Overlay IconImage EffectsMustavalkoinen kuvaImage TextImage Text BlocksTransparent Image TextFull Page ImageForm on ImageHero ImageBlur Background ImageChange Bg on ScrollSide-by-Side ImagesRounded ImagesAvatar ImagesResponsive ImagesCenter ImagesThumbnailsBorder Around ImageMeet the TeamSticky ImageFlip an ImageShake an ImagePortfolio GalleryPortfolio with FilteringImage ZoomImage Magnifier GlassImage Comparison Slider
Buttons
Buttons
Alert ButtonsOutline ButtonsOutline ButtonsSplit ButtonsAnimated ButtonsFading ButtonsButton on ImageSocial Media ButtonsLue lisää Lue vähemmänLoad ButtonsLataus ButtonsLataus ButtonsPill ButtonsNotification ButtonIcon ButtonsNext/prev ButtonsMore Button in NavBlock ButtonsText ButtonsRound ButtonsScroll To Top Button
Forms
Login FormSignup FormCheckout FormContact FormSocial Login LomakeRegister FormForm with IconsNewsletterStacked FormResponsive FormPopup FormInline FormTyhjennä syöttökenttäPiilota numeronuoletKopioi teksti leikepöydälleAnimoitu hakuHakupainikeFullscreen SearchSyöttökenttä navigaattoripalkissaLogin Form navigaattoripalkissaMuokattu valintaruutu/radioMuokattu valintaVaihtokytkinTarkista valintaruutuHavaitse Caps LockTrigger Button on EnterPassword ValidationToggle Password VisibilityMultiple Step FormAutocompleteAutocompleteTurn off autocompleteTurn off spellcheckFile Upload ButtonEmpty Input Validation
Filters
SuodatinluetteloSuodatin TaulukkoSuodatinelementitSuodatin PudotusvalikkoLajitteluluetteloLajittelutaulukko
Tables
Zebra Striped TableKeskimmäiset TaulukotFull-width TableSide-by-Side TablesResponsive TablesComparison Table
More
Fullscreen VideoModal BoxesDelete ModalTimelineScroll IndicatorProgress BarsSkill BarRange SlidersTooltipsDisplay Elementti HoverPopupsCollapsibleCalendarHTML IncludesTo Do ListLoadersStar RatingUser RatingOverlay EffectContact ChipsCardsFlip CardProfile CardProduct CardAlertsCalloutNotesLabelsCirclesStyle HRCouponList GroupList Ilman BulletsResponsive TextCutout TextGlowing TextFixed FooterSticky ElementEqual HeightClearfixResponsive FloatsSnackbarFullscreen WindowScroll DrawingSmooth ScrollGradient Bg ScrollSticky HeaderShrink Header on ScrollPricing TableParallaxAspect RatioResponsive IframesToggle Like/DislikeToggle Hide/ShowToggle Dark ModeToggle TextToggle ClassAdd ClassRemove ClassActive ClassTree ViewRemove PropertyOffline DetectionFind Hidden ElementRedirect WebpageZoom HoverFlip BoxCenter VerticallyCenter Button in DIVTransition on HoverArrowsShapesDownload LinkFull Height ElementBrowser WindowCustom ScrollbarHide ScrollbarShow/Force ScrollbarDevice LookContenteditable BorderPlaceholder ColorText Selection ColorBullet ColorVertical LineDividersAnimate IconsCountdown AjastinKirjoituskoneComing Soon PageChat MessagesPopup Chat WindowSplit ScreenTestimonialsSection CounterQotes SlideshowClosable List ItemsTypical Device BreakpointsDraggable HTML ElementJS Media QueriesSyntax HighlighterJS AnimationsJS String LengthJS ExponentiationJS Default ParametersTietää nykyisen URL-osoitteenTietää nykyisen näytön koonTietää Iframe-elementit
Web-sivusto
Tee verkkosivuTehdä verkkosivuTehdä verkkosivutSivujen tekeminen (W3.CSS)Tee verkkosivusto (BS3)Tee verkkosivusto (BS4)Tee verkkokirjaKeskustan verkkosivustoYhteydenotto-osioTietosivuSuuri otsikkoEsimerkki verkkosivustosta
Ruudukko
2-pylväsasettelu3-pylväsasettelu4-pylväsasetteluLaajentuva ruudukkoListaruudukkonäkymäSekapylväsasetteluPylväsluettelonäkymäSekapylväsluettelonäkymäSarakekortitZig Zag -asetteluLogi-asettelu