Materialize CSS landing page with Parallax, Tabbed Navigation, Login Modal and Cookie Confirm

Eddie Rantsimele
2 min readFeb 20, 2018

--

A few months ago this was one of the final landing pages I had prepared for a client. It didn’t make the cut but at least it’s not waste by sharing it here.
It uses one of my favorite libraries: Materialize CSS.

Material design is controversial, some consider it overkill (for those cases maybe PureCSS will be more apt), some love it go figure.

Anyway to see it:
1. Clone the repo
2. Copy contents to httpd root
3. Navigate to localhost:80 in your browser
4. Bask in your glory

This is the final result:

What is in the goodie bag:
** Social buttons
** Floating button
** Splash screen and Parallax
** Scroll progress bar at the bottom of page
** Login Modal
** Tabbed Navigation
** Brand in footer
** Footer Navigation tabs

A mouth full hah? Like I said it was a pro assignment, I left out some things like google translate, recaptcha and lazy loading images. But you guys are okay with that right?

Again sharing is caring, please share this, and enjoy.

https://github.com/reezmankazzy/tutorials/tree/master/landing-page-web

Regards
Kazzy

--

--

Eddie Rantsimele
Eddie Rantsimele

Written by Eddie Rantsimele

Java, JavaScript, Rust, Python, NodeJS, Kubernetes, Openshift, AWS and Azure

No responses yet