START
Pobranie frameworka.

Na początek musimy pobrać naszego frameworka (link poniżej) i oczywiście rozpakować, w jego folderze tworzymy plik index.html który będzie naszą stroną główną.


Materialize
Podstawowy kod strony.

W pliku index.html (do edycji używamy edytora, np. notatnik++) musimy zaimplementować podstawowe style, biblioteki, ikony, a więc początek będzie wyglądał następująco:


<!DOCTYPE html>
<html lang="pl">
   <head>
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0"/>
     <title>Nasza strona</title>

     <!-- CSS  -->
     <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
     <link href="css/materialize.css" type="text/css" rel="stylesheet" media="screen,projection"/>
   </head>
   <body>

     <!--  libs-->
     <script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
     <script src="js/materialize.js"></script>
     <script src="js/init.js"></script>
   </body>
</html>


Zobacz również: