Untitled

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>

<body>
    <div>
        <h1 text-align = center>Naslov na stranici</h1>
        <h2 text-align = center class = "small">Podnaslov</h2>
        <img src="cinqueterre.jpg" class="img-circle" alt="Cinque Terre" width="304" height="236">
    </div>

    <div>
        <nav class="navbar navbar-inverse">
            <div class="container-fluid">
              <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
                  <span class="icon-bar"></span>
                </button>
              </div>
              <div class="collapse navbar-collapse" id="myNavbar">
                <ul class="nav navbar-nav">
                  <li class="active"><a href="#">Prva</a></li>
                  <li><a href="#">Druga</a></li>
                  <li><a href="#">Treća</a></li>
                  <li><a href="#">Četvrta</a></li>
                </ul>
                </div>
            </div>
          </nav>
    </div>

    <div>
        <h3>Hello world!</h3>
        <p>"Hello World" redirects here. For other uses, see Hello World.</p>
        <p>A "Hello, World!" program is a computer program that outputs or displays the message "Hello, World!". Being a very simple program in most programming languages, it is often used to illustrate the basic syntax of a programming language and is often the first program people write.</p>
        <p>A "Hello, World!" program is traditionally used to introduce novice programmers to a programming language. "Hello, world!" is also traditionally used in a sanity test to make sure that a computer language is correctly installed, and that the operator understands how to use it.</p>
        <p>While small test programs have existed since the development of programmable computers, the tradition of using the phrase "Hello, world!" as a test message was influenced by an example program in the seminal book The C Programming Language. The example program from that book prints "hello, world" (without capital letters or exclamation mark), and was inherited from a 1974 Bell Laboratories internal memorandum by Brian Kernighan, Programming in C: A Tutorial.</p>
    </div>

    <div>
        <img src="cinqueterre.jpg" class="img-circle" alt="Cinque Terre" width="304" height="236">
        <img src="cinqueterre.jpg" class="img-rounded" alt="Cinque Terre" width="304" height="236">
        <img src="cinqueterre.jpg" class="img-thumbnail" alt="Cinque Terre" width="304" height="236">
    </div>

    <div>
        <table class="table">
            <thead>
                <tr>
                    <th>Ime</th>
                    <th>Prezime</th>
                    <th>Email</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>Hrvoje</td>
                    <td>Horvat</td>
                    <td>hhorvat@email.com</td>
                </tr>
                <tr>
                    <td>Matija</td>
                    <td>Matijević</td>
                    <td>mmatijevic@email.com</td>
                </tr>
                <tr>
                    <td>Ivica</td>
                    <td>Ivić</td>
                    <td>iivic@email.com</td>
                </tr>
            </tbody>
        </table>
    </div>
</body>