Created
October 26, 2019 20:04
-
-
Save tesfayegari/7b3ec1c6ae4548bc78220190d4f1c653 to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<html lang="en"> | |
<head> | |
<title>CSS Template</title> | |
<meta charset="utf-8"> | |
<meta name="viewport" content="width=device-width, initial-scale=1"> | |
</head> | |
<body> | |
<h2>CSS Layout</h2> | |
<p>In this example, we have created a header, two columns/boxes and a footer. On smaller screens, the columns will stack on top of each other.</p> | |
<p>Resize the browser window to see the responsive effect.</p> | |
<p><strong>Note:</strong> Flexbox is not supported in Internet Explorer 10 and earlier versions.</p> | |
<header> | |
<h2>Cities</h2> | |
</header> | |
<section> | |
<nav> | |
<ul> | |
<li><a href="#">London</a></li> | |
<li><a href="#">Paris</a></li> | |
<li><a href="#">Tokyo</a></li> | |
</ul> | |
</nav> | |
<article> | |
<h1>London</h1> | |
<p>London is the capital city of England. It is the most populous city in the United Kingdom, with a metropolitan area of over 13 million inhabitants.</p> | |
<p>Standing on the River Thames, London has been a major settlement for two millennia, its history going back to its founding by the Romans, who named it Londinium.</p> | |
</article> | |
</section> | |
<footer> | |
<p>Footer</p> | |
</footer> | |
</body> | |
</html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment