At info@example.com vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea
 Home  Home  Home  Contact  Contact  Contact  Stuff  Stuff  Stuff
 About  Images  Showcase  Shortcodes
 Blog  Blog  Blog  FAQ  FAQ  FAQ
 Home  Home  Home  Contact  Contact  Contact  Stuff  Stuff  Stuff
 About  Images  Showcase  Shortcodes
 Blog  Blog  Blog  FAQ  FAQ  FAQ

Welcome to W3.CSS Basic exampleSite

  • Built with W3.CSS
  • Highly configurable
  • Change all colors in the blink of an eye

W3.CSS Basic Theme

  • More than 100 predefined color themes
  • More than 25 shortcodes
  • Support for image processing and attachments

Responsive design

  • Mobile first
  • 3 (medium, lage) or 1 (small) column layout
  • Small menu (first characters) on small screen (no collapse)

Customizable landing page

  • Optional Marquee, Jumbotron
  • Optional Photocards, Features
  • Optional Recent Posts, See More
  • Optional Clients, Testimonials

Optional Google Features

  • Fonts - either via api or via local files
  • Translate Widget
  • Global Site Tags with your GA_TRACKING_ID
  • Map on Contact page
  • Search page with google customizable search api

Cool stuff included

  • Fontawesome version 5
  • Owl Carousel
  • Animate.css
  • PhotoSwipe based Gallery with image processing (resource)

Contact page

  • Optional formspree.io
  • You may configure mail feedback link (privacy)

Blog

  • Optional Disqus
  • Optional privacy protection (disable count) for Disqus
  • Lists for taxonomy and termy

Quite unique

  • Alternative navigation (Top/Up/Down & pages on this level)
  • Optional fine grained tracing via embedded comments
  • Shorten menu entries on small displays
  • Custom Summary using truncate

If privacy matters

  • Works with disabled javascript (using fallbacks)
  • Local fonts
  • Libs are local (no cdn)
  • Google stuff can be disabled

This theme is for

  • Landing pages
  • Blogs
  • Pages in a directory structure with simple navigation
  • People who like monochromatic colors
/hugo-theme-w3css-basic.github.io/resources/images/photocards/pixabay.com/04-photocard_hu2f07a0d38370931f2529b65d4894e09b_53348_140x0_resize_q75_box.jpg

/hugo-theme-w3css-basic.github.io/resources/images/photocards/pixabay.com/01-photocard_hu4b5630605a95dd486dac7012d59ea4f1_94548_300x0_resize_q75_box.jpg

Lorem ipsum

sed diam nonumy

/hugo-theme-w3css-basic.github.io/resources/images/photocards/pixabay.com/02-photocard_hu1f145b5e8922f2e3b3cb1dde1d2d8dd5_69824_300x0_resize_q75_box.jpg

Consetetur Sadipscing

  • labore et dolore
  • magna aliquyam erat

/hugo-theme-w3css-basic.github.io/resources/images/photocards/pixabay.com/03-photocard_hu5df3ce5d2573e5d3c553e6520fd0a39a_97026_300x0_resize_q75_box.jpg

Nonumy

  • At vero eos et accusam
  • justo duo dolores et ea rebum

Eleifend

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore

Vulputate

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore

Consequat

Consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat.

Invidunt ut Labore

Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

Sadipscing Elitr

At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Kasd Gubergren

Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat.

From our Blog

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac.
/hugo-theme-w3css-basic.github.io/resources/images/teaserpics/gohugo.io/hugo-dolor_hu7bbb3f3ebdb843801f79bded2b036297_73881_150x0_resize_box_3.png

Hugo - amnet

Aliquam erat volutpat. Nunc eleifend leo vitae magna. In id erat non orci commodo lobortis. Proin neque massa, cursus ut, gravida ut, lobortis eget, lacus. Sed diam. Praesent fermentum tempor tellus. …
Continue reading
/hugo-theme-w3css-basic.github.io/resources/images/teaserpics/bitbucket.org/pygments-main-logo_hu83f454384722f2ac083918ae2d1f75df_15959_150x0_resize_box_3.png

Hugo - highlight 🎨

Hugo comes with reallly fast syntax highlighting from Chroma. From Hugo 0.28, the default syntax hightlighter in Hugo is Chroma; it is built in Go and is really, really fast – and for the most …
Continue reading
/hugo-theme-w3css-basic.github.io/resources/images/teaserpics/gohugo.io/hugo-dolor_hu7bbb3f3ebdb843801f79bded2b036297_73881_150x0_resize_box_3.png

Hugo - dolor

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec …
Continue reading
Do You want to see More?
Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

Our Clients

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore.
customer-1
/hugo-theme-w3css-basic.github.io/resources/images/clients/pixabay.com/company-logo-1_huc7b9e43107ad50181d165a75adde5e50_26979_100x0_resize_box_3.png
customer-2
/hugo-theme-w3css-basic.github.io/resources/images/clients/pixabay.com/company-logo-2_hu15ef72ef2455b49ef25c19d8ec11e734_14238_100x0_resize_box_3.png
customer-3
/hugo-theme-w3css-basic.github.io/resources/images/clients/pixabay.com/company-logo-3_hu12654ab8db06193ac26c0c7b6d954052_27608_100x0_resize_box_3.png
customer-4
/hugo-theme-w3css-basic.github.io/resources/images/clients/pixabay.com/company-logo-4_hu66610bfffc2b89ebd053ec4c48c00c11_42457_100x0_resize_box_3.png
customer-5
/hugo-theme-w3css-basic.github.io/resources/images/clients/pixabay.com/company-logo-5_hudd4937d0dad560f8014f31f8e58470c8_27020_100x0_resize_box_3.png
customer-6
/hugo-theme-w3css-basic.github.io/resources/images/clients/pixabay.com/company-logo-6_hu8e2cb060eee8167bc39078dd938054d7_80451_100x0_resize_box_3.png

Testimonials

Consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat

/hugo-theme-w3css-basic.github.io/resources/images/testimonials/pixabay.com/person-1_hu806b3483a884b2f0b2a0b47f713d2955_69045_150x150_fill_q75_box_top.jpg
John Doe
CEO, Takimata

Consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

/hugo-theme-w3css-basic.github.io/resources/images/testimonials/pixabay.com/person-2_hub78ecab718612e0c53f8add6b7d95387_73344_150x150_fill_q75_box_top.jpg
Jane Doe
CTO, Adipiscing

Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.

/hugo-theme-w3css-basic.github.io/resources/images/testimonials/pixabay.com/person-3_hu53f95b65374268340b68554c9f847ebf_58296_150x150_fill_q75_box_top.jpg
Marie Doe
CEO, Gubergren

Sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam.

/hugo-theme-w3css-basic.github.io/resources/images/testimonials/pixabay.com/person-4_hub14c73e2758bc873cd7a02c33a0f4341_57060_150x150_fill_q75_box_top.jpg
Sue Doe
CMO, Accusam

Vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

/hugo-theme-w3css-basic.github.io/resources/images/testimonials/pixabay.com/person-5_hu6496ec915445b50a7b3107255899cc61_61540_150x150_fill_q75_box_top.jpg
Kathryn Wild
Tiger, Zoo

About us

Vel illum dolore eu

  • feugiat nulla
  • facilisis at vero.

Nam vestibulum accumsan nisl.

Recent Posts

/hugo-theme-w3css-basic.github.io/resources/images/teaserpics/gohugo.io/hugo-dolor_hu7bbb3f3ebdb843801f79bded2b036297_73881_60x0_resize_box_3.png Hugo - amnet
/hugo-theme-w3css-basic.github.io/resources/images/teaserpics/bitbucket.org/pygments-main-logo_hu83f454384722f2ac083918ae2d1f75df_15959_60x0_resize_box_3.png Hugo - highlight 🎨
/hugo-theme-w3css-basic.github.io/resources/images/teaserpics/gohugo.io/hugo-dolor_hu7bbb3f3ebdb843801f79bded2b036297_73881_60x0_resize_box_3.png Hugo - dolor
/hugo-theme-w3css-basic.github.io/resources/images/teaserpics/gohugo.io/hugo-lorem_hu77f397ba1b7f0f571a34fad927893059_94449_60x0_resize_box_3.png Hugo - lorem
/hugo-theme-w3css-basic.github.io/resources/images/teaserpics/gohugo.io/hugo-ipsum_hu4bb3d9e9bcf5cb42154f6d8c89189ff3_242267_60x0_resize_box_3.png Hugo - ipsum

Contact

nobis eleifend Soluta nobis eleifend illum dolore eu feugiat 3612 Steffisburg consectetuer adipiscing

Switzerland


Go to contact page
Copyright (c) 2017 .. 2023, lobortis nisl ut aliquip ex ea commodo consequat
created with Hugo 0.111.1