<!DOCTYPE html>
<html>
<title>W3.CSS</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<body class="w3-content" style="max-width:500px">
<div class="w3-container w3-card w3-indigo">
<h1>Movies 2014</h1>
</div>
<ul class="w3-ul">
<li>
<h3>w3-content</h3>
<p>The w3-content class defines a container for fixed size centered content. Use the CSS max-width property to override the default width (980px).</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>