Materialize your website from scratch

2 min

123 points
Materialize is “A modern responsive front-end”

Materialize in your website from scratch

Now a days bootstrap is famous which is build for twitter but now Google also release it’s ” Material design” . Both are cool and having same purpose.

You might think which is best ? wait for my another post to know the perfect answer for this question.

Materialize which is comes in two different form

1) Materialize  2) Sass

it’s depends on the developer choice which one suits him


  <link rel=”stylesheet” href=”https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.0/css/materialize.min.css”>
<!– It’s for Compiled and minified CSS –>

  <script src=”https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.0/js/materialize.min.js”></script>
     <!– It’s for  Compiled and minified JavaScript –>  

You can download it from internet just type  Materialize Download 🙂 it’s free of cost

Project Structure
                                                    Project Structure

Sass Setup

Sass Setup

A small overview how it gone look like in html5
<!DOCTYPE html>
      <!–here we import materialize.css–>
      <link type=”text/css” rel=”stylesheet” href=”css/materialize.min.css”  media=”screen,projection”/>

      <!–Let browser know website is optimized for mobile–>
      <meta name=”viewport” content=”width=device-width, initial-scale=1.0″/>

      <!—here we import jQuery before materialize.js–>
      <script type=”text/javascript” src=”https://code.jquery.com/jquery-2.1.1.min.js”></script>
      <script type=”text/javascript” src=”js/materialize.min.js”></script>

This is introduction wait for more 🙂  

Like it? Share with your friends!

123 points
Blogging India
We help Bloggers to Build A Blog, Brand, Internet business And Make Money Online.Contact us for more information or just say Hi.
Choose A Format
Personality quiz
Series of questions that intends to reveal something about the personality
Trivia quiz
Series of questions with right and wrong answers that intends to check knowledge
Voting to make decisions or determine opinions
Formatted Text with Embeds and Visuals
The Classic Internet Listicles
The Classic Internet Countdowns
Open List
Submit your own item and vote up for the best submission
Ranked List
Upvote or downvote to decide the best list item
Upload your own images to make custom memes
Youtube and Vimeo Embeds
Soundcloud or Mixcloud Embeds
Photo or GIF
GIF format
Send this to a friend