materialize csss

materialize css

<!DOCTYPE html>
  <html>
    <head>
      <!--Import Google Icon Font-->
      <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
      <!--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"/>
    </head>

    <body>

      <!--JavaScript at end of body for optimized loading-->
      <script type="text/javascript" src="js/materialize.min.js"></script>
    </body>
  </html>

Posted by: Guest on May-06-2020

Source

<div class="row"> <div class="col s12 m6"> <div class="card blue-grey darken-1"> <div class="card-content white-text"> <span class="card-title">Card Title</span> <p>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.</p> </div> <div class="card-action"> <a href="#">This is a link</a> <a href="#">This is a link</a> </div> </div> </div> </div>

<div class="row"> <div class="col s12 m9 l10"> <div id="introduction" class="section scrollspy"> <p>Content </p> </div> <div id="structure" class="section scrollspy"> <p>Content </p> </div> <div id="initialization" class="section scrollspy"> <p>Content </p> </div> </div> <div class="col hide-on-small-only m3 l2"> <ul class="section table-of-contents"> <li><a href="#introduction">Introduction</a></li> <li><a href="#structure">Structure</a></li> <li><a href="#initialization">Intialization</a></li> </ul> </div> </div>

Code answers related to "materialize csss"

Code answers related to "Html"

Browse Popular Code Answers by Language

Answers for "materialize csss"

Code answers related to "materialize csss"

Code answers related to "Html"

Browse Popular Code Answers by Language

Popular Programming Languages

Advertisements

Company

Compilers

Help

Connect with us