Untitled

<!DOCTYPE html>
<html lang="pl-PL">
<head>
    <meta charset="utf-8" />
    <meta name="description" content="Moje portfolio - Szymo Ryczek" />
    <meta name="keywords" content="Szymon Ryczek, Programista, Portfolio, Zlecenia" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1" >

    <title>Portfolio</title>

    <!-- Latest compiled and minified CSS -->
    <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">

    <!-- jQuery library -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

    <!-- Latescvt compiled JavaScript -->
    <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>

    <link rel="stylesheet" href="css/style.css">

</head>

<body>

<div class="container-fluid">


<div id='top'></div>
<nav id="nav" class="navbar navbar-default navbar-fixed-top header">

 <div class="navbar-header">
      <button type="button" class="navbar-toggle " data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
        <span class="sr-only">Rozwiń nawigację</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a class="navbar-brand" href="#">XXXX</a>
    </div>

     <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
      <ul class="nav navbar-nav navbar-right">
        <li class="active"><a href="#top">Home</a></li>
        <li><a href="#services">Our Services</a> </li>
        <li><a href="#">Kontakt</a> </li>
      </ul>
    </div>
</nav>


        <div class="header-bottom"></div>
        </div>
           <header id="myCarousel" class="carousel slide">
        <!-- Indicators -->
        <ol class="carousel-indicators">
            <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
            <li data-target="#myCarousel" data-slide-to="1"></li>
            <li data-target="#myCarousel" data-slide-to="2"></li>
        </ol>

        <!-- Wrapper for Slides -->
        <div class="carousel-inner">
            <div class="item active">
                <!-- Set the first background image using inline CSS below. -->
                <!-- <div class="fill" style="background-image:url('http://placehold.it/1900x1080&text=Slide One');"></div> -->
                <div class="fill" style="background-image:url('img/2.jpg');"></div>
                <div class="carousel-caption">
                    <h2>Caption 1</h2>
                </div>
            </div>
            <div class="item">
                <!-- Set the second background image using inline CSS below. -->
                <div class="fill" style="background-image:url('img/2.jpg');"></div>
                <div class="carousel-caption">
                    <h2>Caption 2</h2>
                </div>
            </div>
            <div class="item">
                <!-- Set the third background image using inline CSS below. -->
                <div class="fill" style="background-image:url('img/2.jpg');"></div>
                <div class="carousel-caption">
                    <h2>Caption 3</h2>
                </div>
            </div>
        </div>

        <!-- Controls -->
        <a class="left carousel-control" href="#myCarousel" data-slide="prev">
            <span class="icon-prev"></span>
        </a>
        <a class="right carousel-control" href="#myCarousel" data-slide="next">
            <span class="icon-next"></span>
        </a>

    </header>
<div class="container-fluid">
        <div class="slider-both"></div>
        <div id="services">
            <div class="row">
                <div class ="col-xs-12">
                    <div class="container text-center">
                        <p><h1>Our Services</h1>

                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam eu odio tortor. Mauris egestas dui ac dolor accumsan rhoncus. Nullam tincidunt ante eu urna gravida feugiat. Nam interdum dictum mattis.!</p>
                    </div>
                </div>
            </div>
                <div class="row">
                    <div class="col-md-4">
                    <p><h3>Custom Design</h3>
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean urna nunc, efficitur nec lacus ac, tristique porta nulla. Donec vulputate erat vitae tristique sagittis
                    </p></div>
                    <div class="col-md-4"><p><h3>Inovative Ideas</h3>
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean urna nunc, efficitur nec lacus ac, tristique porta nulla. Donec vulputate erat vitae tristique sagittis
                    </p></div>
                    <div class="col-md-4"><p><h3>Love is The Anwser</h3>
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean urna nunc, efficitur nec lacus ac, tristique porta nulla. Donec vulputate erat vitae tristique sagittis
                    </p></div>
                    </div>
                <div class="row">
                    <div class="col-md-4"><p><h3>Responsive Layout</h3>
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean urna nunc, efficitur nec lacus ac, tristique porta nulla. Donec vulputate erat vitae tristique sagittis
                    </p></div>
                    <div class="col-md-4"><p><h3>24/7 Support</h3>
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean urna nunc, efficitur nec lacus ac, tristique porta nulla. Donec vulputate erat vitae tristique sagittis
                    </p></div>
                    <div class="col-md-4"><p><h3>Feel Like A Star</h3>
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean urna nunc, efficitur nec lacus ac, tristique porta nulla. Donec vulputate erat vitae tristique sagittis
                    </p></div>
                </div>

        </div>
        <div class="services-both"></div>
     </div>


<script>

        $("#nav ul li a[href^='#']").on('click', function(e) {

   // prevent default anchor click behavior
   e.preventDefault();

   // store hash
   var hash = this.hash;

   // animate
   $('html, body').animate({
       scrollTop: $(hash).offset().top
     }, 300, function(){

       // when done, add hash to url
       // (default click behaviour)
       window.location.hash = hash;
     });

});

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