zad10

Browse more Bootstrap Examples
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Bootstrap 101 Template</title>

    <!-- Bootstrap -->
    <link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css" rel="stylesheet">

  </head>
<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>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>                        
      </button>
      <a class="navbar-brand" href="#">Portfolio</a>
    </div>
    <div class="collapse navbar-collapse" id="myNavbar">
      <ul class="nav navbar-nav">
        <li class="active"><a href="#">Home</a></li>
        <li><a href="#">About</a></li>
        <li><a href="#">Gallery</a></li>
        <li><a href="#">Contact</a></li>
      </ul>
      <ul class="nav navbar-nav navbar-right">
        <li><a href="#"><span class="glyphicon glyphicon-log-in"></span> Login</a></li>
      </ul>
    </div>
  </div>
</nav>

<div class="jumbotron">
  <div class="container text-center">
    <h1>Portfolio - Kacper Troć</h1>      
    <p>Moje zdjęcia</p>
  </div>
</div>
  
<div class="container-fluid bg-3 text-center">    
  <h3>Moje fotograficzne portfolio</h3><br>

    <div class="col-sm-3"> 

      <img src="https://4.bp.blogspot.com/-AFiVjuJKYxs/VeXdZaO6JZI/AAAAAAAADK4/naWPiwjNRMg/s1600/DSC_1154.JPG" class="img-responsive" style="width:100%" alt="Image">
    </div>
    <div class="col-sm-3"> 

      <img src="https://4.bp.blogspot.com/-agw4kbaoW_s/VecdlPNHr6I/AAAAAAAADNE/yAm_-pUSuck/s1600/DSC_0111.JPG" style="width:100%" alt="Image">
    </div>
    <div class="col-sm-3">
      <img src="https://blogerasmus.pl/wp-content/uploads/2017/02/2.-Azure-Window.jpg" style="width:100%" alt="Image">
    </div>
  </div>
</div><br>

<div class="container-fluid bg-3 text-center">    
  <div class="row">
    <div class="col-sm-3">
      <p>by Kacper Troć</p>
      <img src="https://blogerasmus.pl/wp-content/uploads/2017/02/5.-Valletta.jpg" style="width:100%" alt="Image">
    </div>
    <div class="col-sm-3"> 
      <p>by Kacper Troć</p>
      <img src="https://blogerasmus.pl/wp-content/uploads/2017/02/7.-Zatoka-przy-Comino-i-widok-na-Cominotto.jpg" style="width:100%" alt="Image">
    </div>
    <div class="col-sm-3"> 
      <p>by Kacper Troć</p>
      <img src="https://4.bp.blogspot.com/-3EKffYGRSjA/Ve2cqD_c4BI/AAAAAAAADPc/gAD4ieESKS0/s1600/DSC_0330.JPG" style="width:100%" alt="Image">
    </div>
    <div class="col-sm-3">
      <p>by Kacper Troć 3</p>
      <img src="https://4.bp.blogspot.com/-598zKP1nKnA/Ve2ccstITxI/AAAAAAAADPM/mV4-R6yk_-M/s1600/DSC_0279.JPG" style="width:100%" alt="Image">
    </div>
  </div>
</div><br><br>

<footer class="container-fluid text-center">
  <p>Więcej zdjęć na www:photokac.blogspot.com</p>
</footer>





    
  </body>
</html>
zad10

Follow

Newsletter
