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> <div class="w3-top"> <header class="w3-container w3-teal"> <h1>Heading 1</h1> </header> <nav class="w3-topnav w3-red"> <a href="#">Home</a> <a href="#">Link 1</a> <a href="#">Link 2</a> <a href="#">Link 3</a> <a href="#">Link 4</a> </nav> </div> <img src="img_car.png" alt="Car" style="width:100%"> <div class="w3-container"> <p> A car is a wheeled, self-powered motor vehicle used for transportation. Most definitions of the term specify that cars are designed to run primarily on roads, to have seating for one to eight people, to typically have four wheels. (Wikipedia) </p> </div> <img src="img_car.png" alt="Car" style="width:100%"> <div class="w3-container"> <p> A car is a wheeled, self-powered motor vehicle used for transportation. Most definitions of the term specify that cars are designed to run primarily on roads, to have seating for one to eight people, to typically have four wheels. (Wikipedia) </p> </div> <img src="img_car.png" alt="Car" style="width:100%"> <div class="w3-container"> <p> A car is a wheeled, self-powered motor vehicle used for transportation. Most definitions of the term specify that cars are designed to run primarily on roads, to have seating for one to eight people, to typically have four wheels. (Wikipedia) </p> </div> <img src="img_car.png" alt="Car" style="width:100%"> <div class="w3-container"> <p> A car is a wheeled, self-powered motor vehicle used for transportation. Most definitions of the term specify that cars are designed to run primarily on roads, to have seating for one to eight people, to typically have four wheels. (Wikipedia) </p> </div> <footer class="w3-container w3-teal"> <h5>Footer</h5> <p>Footer information goes here</p> </footer> </body> </html>
Result: