template_basic_html_with_css.html

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <title> write a good title for search engines </title>

        <link href="css/mystyles.css" rel="stylesheet">
    </head>

<body>


<h1>Hello, World!</h1>

<p>This is a basic template for HTML and CSS. Find the CSS template inside the <strong>css</strong> folder. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse condimentum dapibus aliquam. Proin sed nibh lacus. Maecenas at odio nec enim vehicula convallis in quis tellus. Vivamus lobortis euismod lacus at luctus. Proin sit amet pharetra est. Donec bibendum dui vitae diam venenatis varius. Quisque ac aliquam nunc. Nunc gravida leo sed eros scelerisque viverra vel eget magna.</p>

<img src="http://placekitten.com/300/400" alt="Photo of a kitten">
<!-- look at the CSS to see how this image was centered -->


<!-- an HTML document will *always* end with the two tags below,
     in this order -->
</body>
</html>