css materialize


    <!-- Compiled and minified CSS -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">

    <!-- Compiled and minified JavaScript -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>

View another examples Add Own solution

3.83

Awgiedawgie 440215 points

                                    
  &lt;div class=&quot;row&quot;&gt;
    &lt;div class=&quot;col s12 m6&quot;&gt;
      &lt;div class=&quot;card blue-grey darken-1&quot;&gt;
        &lt;div class=&quot;card-content white-text&quot;&gt;
          &lt;span class=&quot;card-title&quot;&gt;Card Title&lt;/span&gt;
          &lt;p&gt;I am a very simple card. I am good at containing small bits of information.
          I am convenient because I require little markup to use effectively.&lt;/p&gt;
        &lt;/div&gt;
        &lt;div class=&quot;card-action&quot;&gt;
          &lt;a href=&quot;#&quot;&gt;This is a link&lt;/a&gt;
          &lt;a href=&quot;#&quot;&gt;This is a link&lt;/a&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;

Thank you! 6

3.83 (6 Votes)

Krish 100200 points

                                    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0-rc.2/css/materialize.min.css&quot;&gt;
&lt;script src=&quot;https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0-rc.2/js/materialize.min.js&quot;&gt;&lt;/script&gt;

Thank you! 2

4 (2 Votes)

Krish 100200 points

                                    
  &lt;!DOCTYPE html&gt;
  &lt;html&gt;
    &lt;head&gt;
      &lt;!--Import Google Icon Font--&gt;
      &lt;link href=&quot;https://fonts.googleapis.com/icon?family=Material+Icons&quot; rel=&quot;stylesheet&quot;&gt;
      &lt;!--Import materialize.css--&gt;
      &lt;link type=&quot;text/css&quot; rel=&quot;stylesheet&quot; href=&quot;css/materialize.min.css&quot;  media=&quot;screen,projection&quot;/&gt;

      &lt;!--Let browser know website is optimized for mobile--&gt;
      &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;/&gt;
    &lt;/head&gt;

    &lt;body&gt;

      &lt;!--JavaScript at end of body for optimized loading--&gt;
      &lt;script type=&quot;text/javascript&quot; src=&quot;js/materialize.min.js&quot;&gt;&lt;/script&gt;
    &lt;/body&gt;
  &lt;/html&gt;

Thank you! 1

4 (1 Votes)

Are there any code examples left?

Find Add Code snippet

New code examples in category CSS

CSS 2022-03-27 22:50:16 make text bigger html5
CSS 2022-03-27 21:40:08 move list item to left css
CSS 2022-03-27 21:35:05 reduce image size css
CSS 2022-03-27 21:30:21 css image background center horizontally in div
CSS 2022-03-27 21:05:02 css button styles
CSS 2022-03-27 18:50:09 compass font awesome
CSS 2022-03-27 18:50:06 modal in materialize css
CSS 2022-03-27 17:55:12 box round corner css
CSS 2022-03-27 17:45:12 jquery add css
CSS 2022-03-27 17:45:01 css image fit in div with aspect ratio

Create a Free Account

Unlock the power of data and AI by diving into Python, ChatGPT, SQL, Power BI, and beyond.

Develop soft skills on BrainApps

Complete the IQ Test

Relative searches

css materialize

Welcome Back!

Create a Free Account