Materialize CSS🌈 [03.- Colores (Paleta de colores)]

Video: https://youtu.be/C-IsKuEWlAc
programadornovato · Aug 14, 2019 · f47ad45 · f47ad45
1 parent acde945
commit f47ad45
Showing 1 changed file with 22 additions and 21 deletions.
diff --git a/index.html b/index.html
@@ -16,27 +16,28 @@
 
 <body>
     <div class="container">
-        <div class="row">
-            <div class="col s12 m2 blue">2</div>
-            <div class="col s12 m8 green">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Explicabo unde itaque consectetur fugiat animi laborum laudantium, quod repellendus, nesciunt adipisci dolore vel harum laboriosam, autem totam tenetur eius vitae voluptates.</div>
-            <div class="col s12 m2 red">2</div>
-        </div>
-        <!--
-        <div class="row red">
-            <div class="col s1 blue">1</div>
-            <div class="col s1 blue">1</div>
-            <div class="col s1 blue">1</div>
-            <div class="col s1 blue">1</div>
-            <div class="col s1 blue">1</div>
-            <div class="col s1 blue">1</div>
-            <div class="col s1 blue">1</div>
-            <div class="col s1 blue">1</div>
-            <div class="col s1 blue">1</div>
-            <div class="col s1 blue">1</div>
-            <div class="col s1 blue">1</div>
-            <div class="col s1 blue">1</div>
-        </div>
-        -->
+<!-- 
+        <h5 class="red darken-4">Hola mundo</h5>
+        <h5 class="red darken-3">Hola mundo</h5>
+        <h5 class="red darken-2">Hola mundo</h5>
+        <h5 class="red darken-1">Hola mundo</h5>
+
+        <h5 class="red">RED Hola mundo</h5>
+        <h5 class="red lighten-1">Hola mundo</h5>
+        <h5 class="red lighten-2">Hola mundo</h5>
+        <h5 class="red lighten-3">Hola mundo</h5>
+        <h5 class="red lighten-4">Hola mundo</h5>
+
+        <h5 class="red accent-1">Acent Hola mundo</h5>
+        <h5 class="red accent-2">Acent Hola mundo</h5>
+        <h5 class="red accent-3">Acent Hola mundo</h5>
+        <h5 class="red accent-4">Acent Hola mundo</h5>
+-->
+        <h5 class="red-text">RED Hola mundo</h5>
+        <h5 class="red-text text-lighten-1">Hola mundo</h5>
+        <h5 class="red-text text-lighten-2">Hola mundo</h5>
+        <h5 class="red-text text-lighten-3">Hola mundo</h5>
+        <h5 class="red-text text-lighten-4">Hola mundo</h5>
     </div>
     <!-- Compiled and minified JavaScript -->
     <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>