Untitled

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
  <title>Frizerski salon Mirko</title>
  <!-- Bootstrap CSS -->
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
</head>

<div class="container-fluid">
  <body>
    <nav class="navbar navbar-inverse navbar-fixed-top">
<div class="container-fluid">
  <div class="navbar-header">
    <a class="navbar-brand" href="#">Frizerski salon Mirko</a>
  </div>
  <ul class="nav navbar-nav navbar-right">
  <ul class="nav navbar-nav">
    <li class="active"><a href="#">Kaj nudimo</a></li>
    <li><a href="#">Naroči se</a></li>
    <li><a href="#">FAQ</a></li>
    <li><a href="#">O nas</a></li>
  </ul>
  <form class="navbar-form navbar-left">
      <div class="form-group">
        <input type="text" class="form-control" placeholder="Iskanje">
      </div>
      <button type="submit" class="btn btn-default">Išči</button>
    </form>
  </ul>

</div>
</nav>

<!--Tole je če želiš imet prazen prostor med div-i-->
<div class="col-sm-12" style="height:100px;"></div>
<!--#-->


<div class="container-fluid">
  <h1 class="text-center">Kaj nudimo</h1>
  <div class="row">
    <div class="col-sm-4 text-center" style="background-color:grey;">
      <p>Nega las</p>
      <img class= "img-responsive" src="http://www.dalejamessalonperth.com.au/wp-content/uploads/2015/11/wethaortreatment.jpg">
      <div class="col-sm-12" style="height:10px;"></div>
    </div>
    <div class="col-sm-4 text-center" style="background-color:grey;">
      <p>Barvanje</p>
      <img class="img-responsive" src="https://media.mnn.com/assets/images/2015/03/HairDyeingPregnancy-m-0303.jpg.653x0_q80_crop-smart.jpg">
      <div class="col-sm-12" style="height:10px;"></div>
    </div>
    <div class="col-sm-4 text-center" style="background-color:grey;">
      <p>Striženje</p>
      <img class="img-responsive" src="http://cdn2.bigcommerce.com/server400/663bb/product_images/uploaded_images/hair-cutting.jpg?t=1426283571">
    </div>
  </div>
</div>

<div class="col-sm-12" style="height:10px;"></div>

<div class="container-fluid">
  <h1 class="text-center">Naročite se</h1>
  <div class="row">
    <div class="col-sm-6 text-center" style="background-color:grey;">
      <form>
        <div class="form-group">
          <div class="col-xs-12" style="height:20px;"></div>
          <input type="text" class="form-control" id="formGroupExampleInput" placeholder="Ime, Priimek">
        </div>
        <div class="form-group">
          <input type="text" class="form-control" id="formGroupExampleInput2" placeholder="Telefonska številka">
        </div>
        <div class="form-group">
          <input type="text" class="form-control" id="formGroupExampleInput" placeholder="Termin">
        </div>
        <div class="form-group">
          <input type="text" class="form-control" id="formGroupExampleInput" placeholder="Opombe">
        </div>

        <div class="form-check">
          <label class="form-check-label">
            <input class="form-check-input" type="checkbox" id="blankCheckbox" value="option1" aria-label="...">
            <p>Strinjam se, da je Mirko najboljši frizer</p>
          </label>
        </div>

      </form>
    </div>

    <div class="col-sm-6" style="background-color:grey;">
      <div class="col-sm-12" style="height:20px;"></div>
      <table class="table table-bordered">
        <thead>
          <tr>
            <th>DAN</th>
            <th>DELOVNE URE</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td>PON</td>
            <td>8.00-18.00</td>
          </tr>
          <tr>
            <td>TOR</td>
            <td>8.00-18.00</td>
          </tr>
          <tr>
            <td>SRE</td>
            <td>8.00-18.00</td>
          </tr>
          <tr>
            <td>ČET</td>
            <td>8.00-18.00</td>
          </tr>
          <tr>
            <td>PET</td>
            <td>8.00-18.00</td>
          </tr>
          <tr>
            <td>SOB</td>
            <td>po dogovoru</td>
          </tr>
          <tr>
            <td>NED</td>
            <td>zaprto</td>
          </tr>
        </tbody>
      </table>

      <div class="form-check text-center">
        <label class="form-check-label">
          <input class="form-check-input" type="checkbox" id="blankCheckbox" value="option1" aria-label="...">
          <p>Ob praznikih velja nedeljski urnik</p>
        </label>
      </div>

    </div>
  </div>

  </div>

<div class="col-sm-12" style="height:30px;"></div>

<div class="container-fluid">
  <div class="card text-center">
  <div class="card-header">
    <h1 class="center-text">FAQ</h1>
  </div>
  <div class="card-body">
    <h4 class="card-title">Kakšen je salon in ekipa?</h4>
    <p class="card-text">Ekipa je profesionalna, natačna in upošteva želje strank.</p>
  </div>

  <div class="card-body">
    <h4 class="card-title">Ali sprejemate hišne ljubljenčke?</h4>
  </div>

  <div class="card-body">
    <h4 class="card-title">Ali imate kakšno priznanje?</h4>
  </div>
</div>

<div>
<div class="col-sm-12" style="height:10px;"></div>

<div class="container-fluid" style="background-color:grey;">
  <h1 class="text-center">Kontakt</h1>
  <div class="col-sm-6 text-left">
    <ul>Frizer Mirko s.p.</ul>
    <ul>Davčna: 2037457867957</ul>
    <ul>Naslov: Slovenska cesta 22</ul>
    <ul>Telefon: 031 356 389</ul>
    <ul>Email: frizer.mirko@gmail.com</ul>
  </div>
  <div class="col-sm-6 text-right text-right">
    <div class="btn-group-vertical">
      <ul>Kaj nudimo</ul>
      <ul>Naroči se</ul>
      <ul>Pogosta vprašanja</ul>
      <ul>O nas</ul>
    </div>
  </div>
  </div>

</div>

  </div>
</div>

</div>
</div>

  </body>
</div>
</html>