Edit This Code:
See Result »
<!DOCTYPE html> <html> <title>W3.CSS</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="../lib/w3.css"> <body class="w3-content" style="max-width:400px"> <h3>Resize the browser window to see the effect</h3> <div class="w3-container w3-card-2 w3-indigo"> <h1>Movies 2014</h1> </div> <ul class="w3-ul"> <li> <h3>Frozen</h3> <p>The response to the animations was ridiculous.</p> </li> <li> <h3>The Fault in Our Stars</h3> <p>Touching, gripping and genuinely well made.</p> </li> <li> <h3>The Avengers</h3> <p>A huge success for Marvel and Disney.</p> </li> </ul> <div class="w3-container w3-indigo w3-xlarge"> <h5>Movies 2014</h5> </div> </body> </html>
Result: