195 lines
6.9 KiB
HTML
195 lines
6.9 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="pl-PL">
|
||
|
|
<head>
|
||
|
|
<meta charset="utf-8">
|
||
|
|
<title>Bloggero</title>
|
||
|
|
<link rel="Shortcut icon" href="img/name-label.png" />
|
||
|
|
<meta content="width=device-width, initial-scale=1.0" name="viewport">
|
||
|
|
<meta content="" name="keywords">
|
||
|
|
<meta content="" name="description">
|
||
|
|
|
||
|
|
|
||
|
|
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
|
||
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
|
||
|
|
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
|
||
|
|
|
||
|
|
<link href="https://fonts.googleapis.com/css?family=Oswald:400,300,700|Lato:400,700" rel="stylesheet">
|
||
|
|
<link href="lib/bootstrap/css/bootstrap.min.css" rel="stylesheet">
|
||
|
|
<link href="css/style.css" rel="stylesheet">
|
||
|
|
|
||
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
|
||
|
|
<!-- ikony -->
|
||
|
|
|
||
|
|
</head>
|
||
|
|
|
||
|
|
<body>
|
||
|
|
|
||
|
|
|
||
|
|
<div class="dropdown">
|
||
|
|
<div id="menuwrap">
|
||
|
|
<button class="btn btn-light dropdown-toggle btn-lg" type="button" id="dropdownMenu2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||
|
|
Menu
|
||
|
|
</button>
|
||
|
|
<div class="dropdown-menu" aria-labelledby="dropdownMenu2">
|
||
|
|
<li><a href="#about">O mnie</a></li>
|
||
|
|
<li><a href="#post">Posty</a></a></li>
|
||
|
|
<li class="divider"></li>
|
||
|
|
<li><a href="#">Strona główa</a></li>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div id="aboutdown">
|
||
|
|
<section id="about" name="about"></section>
|
||
|
|
|
||
|
|
|
||
|
|
<div id="aboutwrap">
|
||
|
|
|
||
|
|
<div class="container">
|
||
|
|
|
||
|
|
<div class="row">
|
||
|
|
|
||
|
|
<div class="col-lg-8 name-desc">
|
||
|
|
<h2>Taki tam Rusek z Rosji, potężne pięsci, słaba głowa.</h2>
|
||
|
|
|
||
|
|
|
||
|
|
<div class="col-md-11">
|
||
|
|
<p>Coś tam ciekawego o tym profilu, w sensie opis tego gostka i tyle. To się będzie zaciągało z danych o użytkowniku więc się to doda na chillku do bazy danych.
|
||
|
|
</p>
|
||
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ut ligula id nisl mattis faucibus. Donec tempus, leo ac euismod euismod, nisi nulla ultrices quam, sit amet tristique nisi sem nec tortor. Sed a lectus porta ligula tempus mattis. Proin pretium, ligula vel iaculis ultricies, purus neque eleifend arcu, vel fermentum justo tellus vel massa. Quisque in venenatis diam, ac congue lacus. Maecenas in sodales diam, at varius risus. Aliquam ornare enim a lectus tristique, in pellentesque quam volutpat.</p>
|
||
|
|
|
||
|
|
<p>Krótko o treści bloga: np no tam se jeżdżę ocś robi ei jem też troche</p>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
<div class="col-lg-4 name">
|
||
|
|
<img src="img/aaaaa.jpg" class="align-text-bottom">
|
||
|
|
<p>Rusek z Rosji</p>
|
||
|
|
|
||
|
|
<a href="index.html">
|
||
|
|
<div class="col-md-6">
|
||
|
|
<div class="fa fa-facebook-official" style="font-size:36px">
|
||
|
|
|
||
|
|
<div class="ikona"> <i><p1> Tomak Jakiśtam </p1></i> </div>
|
||
|
|
</div> </div> </a>
|
||
|
|
|
||
|
|
|
||
|
|
<a href="index.html">
|
||
|
|
<div class="col-md-6">
|
||
|
|
<div class="fa fa-twitter-square" style="font-size:36px"">
|
||
|
|
<div class="ikona"><i><p1> @Tomek23113 </p1></i> </div>
|
||
|
|
</div> </div> </a>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<!-- /row -->
|
||
|
|
</div>
|
||
|
|
<!-- /container -->
|
||
|
|
|
||
|
|
<!-- /aboutwrap -->
|
||
|
|
|
||
|
|
|
||
|
|
<section id="post" name="post"></section>
|
||
|
|
<div id="postwrap">
|
||
|
|
<div class="container">
|
||
|
|
<div class="row">
|
||
|
|
<h2>NAJNOWSZE WPISY</h2>
|
||
|
|
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 desc">
|
||
|
|
<div class="project-wrapper">
|
||
|
|
<div class="project">
|
||
|
|
<div class="photo-wrapper">
|
||
|
|
<div class="photo">
|
||
|
|
<a href="index.html"><img class="img-responsive" src="img/post/a1.jpg" alt="">
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div> <h1> tytuł wpisu dsff sdfds fdsfsdfsdfds dsf sdfelo</h1></a>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- col-lg-4 -->
|
||
|
|
|
||
|
|
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 desc">
|
||
|
|
<div class="project-wrapper">
|
||
|
|
<div class="project">
|
||
|
|
<div class="photo-wrapper">
|
||
|
|
<div class="photo">
|
||
|
|
<a href="index.html"> <img class="img-responsive" src="img/post/a2.jpg" alt="">
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div> <h1> tytuł wpisu dsff sdfds fdsfsdfsdfds dsf sdfelo</h1></a>
|
||
|
|
</div>
|
||
|
|
<!-- col-lg-4 -->
|
||
|
|
|
||
|
|
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 desc">
|
||
|
|
<div class="project-wrapper">
|
||
|
|
<div class="project">
|
||
|
|
<div class="photo-wrapper">
|
||
|
|
<div class="photo">
|
||
|
|
<a href="index.html"><img class="img-responsive" src="img/post/a3.jpg" alt="">
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div> <h1> tytuł wpisu dsff sdfds fdsfsdfsdfds dsf sdfelo</h1></a>
|
||
|
|
</div>
|
||
|
|
<!-- col-lg-4 -->
|
||
|
|
</div>
|
||
|
|
<!-- /row -->
|
||
|
|
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 desc">
|
||
|
|
<div class="project-wrapper">
|
||
|
|
<div class="project">
|
||
|
|
<div class="photo-wrapper">
|
||
|
|
<div class="photo">
|
||
|
|
<a href="index.html"> <img class="img-responsive" src="img/post/a4.jpg" alt="">
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div> <h1> tytuł wpisu dsff sdfds fdsfsdfsdfds dsf sdfelo</h1></a>
|
||
|
|
</div>
|
||
|
|
<!-- col-lg-4 -->
|
||
|
|
|
||
|
|
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 desc">
|
||
|
|
<div class="project-wrapper">
|
||
|
|
<div class="project">
|
||
|
|
<div class="photo-wrapper">
|
||
|
|
<div class="photo">
|
||
|
|
<a href="index.html"><img class="img-responsive" src="img/post/a5.jpg" alt="">
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div> <h1> tytuł wpisu dsff sdfds fdsfsdfsdfds dsf sdfelo</h1></a>
|
||
|
|
</div>
|
||
|
|
<!-- col-lg-4 -->
|
||
|
|
|
||
|
|
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 desc">
|
||
|
|
<div class="project-wrapper">
|
||
|
|
<div class="project">
|
||
|
|
<div class="photo-wrapper">
|
||
|
|
<div class="photo">
|
||
|
|
<a href="index.html"><img class="img-responsive" src="img/post/a6.jpg" alt="">
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div> <h1> tytuł wpisu dsff sdfds fdsfsdfsdfds dsf sdfelo</h1></a>
|
||
|
|
</div>
|
||
|
|
<!-- col-lg-4 -->
|
||
|
|
</div>
|
||
|
|
<!-- /row -->
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
</body>
|
||
|
|
</html>
|