HARRY

<!doctype html>
<html lang="en">
  <head>

    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
    <link rel="stylesheet" href="css/master.css">
    <title>Hello, world!</title>
  </head>
  <body>


    <nav class="navbar navbar-light bg-primary" style="justify-content: center;">
      <a class="navbar-brand" href="#">Yer a</a>
      <a class="navbar-brand" href="#">Wizard</a>
      <a class="navbar-brand" href="#">Harry</a>
    </nav>

    <div class="card mx-auto d-block" style="width: 18rem; border: dotted red 3px; margin: auto;">
  <img src="Media/hm1.PNG" class="card-img-top" alt="...">
  <div class="card-body">
    <h5 class="card-title">Harry Martinsson</h5>
    <p class="card-text" style="border: dashed red 3px"><span class="capital">M</span><i>artinson</i> belönades 1974 med nobelpriset i litteratur</p>
    <button type="button" class="btn btn-primary">Go somewhere</button>
  </div>
</div>

<div class="green">
<span class="capital">H</span><i>arry Martinson (1904-1978) hade en uppväxt <b>märkt</b> av det största armod. Som sjuåring ackorderades ha ut som sockerbarn och gick under flera år från fosterhem till fosterhem, många av dem rymde han ifrån. Ljuspunkten i hans liv blev skolan och hans lärare <b>Karl Johan Staaf</b>, i författarens självbiografiska texter kallad stav. Staaf var västgöre, hade tänkt bli lärovekrslärare och studerarde i uppsala. Men klen hälsa och svaga nerver kom emellan hans ambitioner och fil kand-examen. Han förblev något av en student under hela sitt liv som byskolllärare i den arvkror av landet som såg den blivande nobelpristagaren Harry Martinsson växa upp.</i>
</div>

<div class="col-md-6 box margin">
 <p class="card-text" style="border: dashed red 3px"><span class="capital">F</span><i>artinson</i> belönades 1974 med nobelpriset i litteratur och andra liknande priser såhär Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut al</p>
</div>

<hr>
<div class="col-md-10 offset-md-2 box margin">
  <p class="card-text" style="border: dashed red 3px"><span class="capital">D</span><i>artinson</i> belönades såhär men det finns inga tomtar att använda så nissarna fick använda lorem ipsum dolor sit amet i want to die 1974 med nobelpriset i litteratur och andra liknande priser såhär Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut al</p>
</div>

<div class="col-md-12 box margin">
  <p class="card-text" style="border: dashed red 3px"><span class="capital">S</span><a href="#"> belönades såhär men det finns inga tomtar att använda så nissarna</a> fick använda lorem ipsum dolor sit amet i want to die 1974 med nobelpriset i litteratur och andra liknande priser såhär Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut al</p>

</div>


    <!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
  </body>
</html>