<?php require_once( "SNIPPETS/HEADER.php" ); ?>

<div id="ProfileJumbotron" class="jumbotron jumbotron-fluid">
	<div class="row">
		<div class="col-12">
    		<img id="ProfileBannerImage" src="https://lh3.googleusercontent.com/-ShX0GMbqgO0/VH8qDnLhurI/AAAAAAAAAas/sJvfY7eWOp0ZI9YFffcOhwRtPgDGc_JhgCL0BGAYYCw/s1000-fcrop64=1,01ab0000ffa9ffff/Youtube%2Bnew%2Bheader.png" />

    		<div class="carousel-caption">
				<h3>
					Systemy Sonar 
				</h3>

				<p>
					1 000 000 000 Obserwujących :D
				</p>
			</div>
    	</div>
	</div>
</div>

<div class="row">
    <div class="col-lg-3 col-6 cardContainer">
      <div class="card">
        <a href="post.php"><img class="card-img-top cardImage" src="https://lh3.googleusercontent.com/-t7s6QT-8e30/AAAAAAAAAAI/AAAAAAAAAAA/sX5duDFyQ5s/w320-h180-p-rw/photo.jpg" alt="Card image cap"></a>

        <div class="card-block">
          <a href="post.php"><h4 class="card-title">Grupa 1</h4></a>

          <p class="card-text">1000 członków</p>
        </div>
      </div>
    </div>

    <div class="col-lg-3 col-6 cardContainer">
      <div class="card">
        <a href="post.php"><img class="card-img-top cardImage" src="https://lh3.googleusercontent.com/-t7s6QT-8e30/AAAAAAAAAAI/AAAAAAAAAAA/sX5duDFyQ5s/w320-h180-p-rw/photo.jpg" alt="Card image cap"></a>

        <div class="card-block">
          <a href="post.php"><h4 class="card-title">Grupa 2</h4></a>

          <p class="card-text">1000 członków</p>
        </div>
      </div>
    </div>

    <div class="col-lg-3 col-6 cardContainer">
      <div class="card">
        <a href="post.php"><img class="card-img-top cardImage" src="https://lh3.googleusercontent.com/-t7s6QT-8e30/AAAAAAAAAAI/AAAAAAAAAAA/sX5duDFyQ5s/w320-h180-p-rw/photo.jpg" alt="Card image cap"></a>

        <div class="card-block">
          <a href="post.php"><h4 class="card-title">Grupa 3</h4></a>

          <p class="card-text">1000 członków</p>
        </div>
      </div>
    </div>

    <div class="col-lg-3 col-6 cardContainer">
      <div class="card">
        <a href="post.php"><img class="card-img-top cardImage" src="https://lh3.googleusercontent.com/-t7s6QT-8e30/AAAAAAAAAAI/AAAAAAAAAAA/sX5duDFyQ5s/w320-h180-p-rw/photo.jpg" alt="Card image cap"></a>

        <div class="card-block">
          <a href="post.php"><h4 class="card-title">Grupa 4</h4></a>

          <p class="card-text">1000 członków</p>
        </div>
      </div>
    </div>
</div>

<div class="row">
	<div class="col-lg-6 col-12 postContainer">
		<div class="card">
		  	<div class="card-block">
			    <div class="media">
			  		<img class="d-flex mr-3 postThumbnail" src="http://pixelartmaker.com/art/f34f576d49fb958.png">

			  		<div class="media-body">
    					<h5 class="mt-0">Frahaan Hussain</h5>
    					<i>1 stycznia  2000</i>

    					<div class="postMainBody">
    						Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
    					</div>
  					</div>
				</div>
		  	</div>
		</div>
	</div>

	<div class="col-lg-6 col-12 postContainer">
		<div class="card">
		  	<div class="card-block">
			    <div class="media">
			  		<img class="d-flex mr-3 postThumbnail" src="http://pixelartmaker.com/art/f34f576d49fb958.png">

			  		<div class="media-body">
    					<h5 class="mt-0">Frahaan Hussain</h5>
    					<i>1 stycznia  2000</i>

    					<div class="postMainBody">
    						Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
    					</div>
  					</div>
				</div>
		  	</div>
		</div>
	</div>
</div>


<?php require_once( "SNIPPETS/FOOTER.php" ); ?>