Dodanie podstrony z projektami
This commit is contained in:
=
@@ -0,0 +1,154 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<!-- Meta Tags-->
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
<meta name="author" content="Krzysztof 'KrzysiekSiemv' Smaga">
|
||||
<!-- Stylesheet -->
|
||||
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
|
||||
<!-- Scripts -->
|
||||
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
|
||||
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
|
||||
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
|
||||
<script src="https://kit.fontawesome.com/e4c3899c65.js" crossorigin="anonymous"></script>
|
||||
<!-- Szybki styl-->
|
||||
<style>
|
||||
img {
|
||||
margin: 16px 0px;
|
||||
width: 100%;
|
||||
}
|
||||
</style>
|
||||
<!-- Fajne coś -->
|
||||
<title>Blog</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="jumbotron text-center" style="margin: 0px"> <!-- Header -->
|
||||
<h1 class="display-3">Zwyczajny Blog</h1>
|
||||
</div>
|
||||
<nav class="navbar navbar-expand bg-dark navbar-dark justify-content-center" style="margin: 0px"> <!-- Navigation Bar -->
|
||||
<ul class="navbar-nav">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="index.html">Strona główna</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="all-posts.html">Wszystkie posty</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="tech-posts.html">Technologie</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="other-posts.html">Posty o byle czym</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link active" href="all-projects.html">Moje projekty</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
<div class="container" style="margin-top: 24px;">
|
||||
<div class="row">
|
||||
<div class="col-sm-8"> <!-- Left column -->
|
||||
<div class="alert alert-warning">
|
||||
<strong>HEJ!</strong> Ta strona nie jest skończona! Jest ona w fazie budowy. W zasadzie możesz zobaczyć sobie jak wygląda, ale nie wszystko będzie działać. Tak tylko ostrzegam
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-4">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<h2 class="card-title">BazaOS'ów</h2>
|
||||
<p class="card-text">Strona ze zbiorem systemów operacyjnych</p>
|
||||
<a href="https://krzysieksiemv.github.io/BazaOSow">Wejdź na stronę</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-4">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<h2 class="card-title">Baza Programów</h2>
|
||||
<p class="card-text">Strona ze zbiorem programów</p>
|
||||
<a href="https://krzysieksiemv.github.io/BazaProgramow">Wejdź na stronę</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-4">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<h2 class="card-title">Baza Gier</h2>
|
||||
<p class="card-text">Strona ze zbiorem gier ROM oraz z emulatorami</p>
|
||||
<a href="https://krzysieksiemv.github.io/BazaGier">Wejdź na stronę</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-4">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<h2 class="card-title">JanuShop</h2>
|
||||
<p class="card-text">Strona parodiująca sklep OLX (biednejsza wersja)</p>
|
||||
<a href="https://krzysieksiemv.github.io/JanuShop">Wejdź na stronę</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-4"> <!-- Right column -->
|
||||
<h2>Poszukaj na blogu</h2>
|
||||
<div class="input-group mb-3">
|
||||
<input type="text" class="form-control" placeholder="Jak szukać">
|
||||
<div class="input-group-append">
|
||||
<button class="btn btn-success" type="submit">Szukaj</button>
|
||||
</div>
|
||||
</div>
|
||||
<h2>O mnie</h2>
|
||||
<div class="card"> <!-- About me -->
|
||||
<img class="card-img-top" src="https://avatars2.githubusercontent.com/u/24720775?s=460&v=4" alt="My Face">
|
||||
<div class="card-body">
|
||||
<h4 class="card-title">Krzysztof Snaga</h4>
|
||||
<p class="card-text">Twórca tych pięknych stron, jakie znajdują się na GitHubie.</p>
|
||||
<a href="https://github.com/KrzysiekSiemv">Profil na GitHub</a>
|
||||
</div>
|
||||
</div>
|
||||
<br>
|
||||
<div id="links"> <!-- Links -->
|
||||
<h2>Ciekawe linki</h2>
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<div class="btn-group-vertical btn-block">
|
||||
<button type="button" class="btn btn-primary btn-block">GitHub</button>
|
||||
<button type="button" class="btn btn-primary btn-block">Facebook</button>
|
||||
<button type="button" class="btn btn-primary btn-block">Wszystkie projekty</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<br>
|
||||
<div id="latestProject">
|
||||
<h2>Ostatni projekt</h2>
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<h4 class="card-title">Baza Programów</h4>
|
||||
<p class="card-text">Strona zawierająca wiele programów, które pobierzesz prosto z serwerów programistów bez żadnych dodatków</p>
|
||||
<a href="https://krzysieksiemv.github.io/BazaProgramow">Sprawdź projekt</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<br>
|
||||
<div id="favPost">
|
||||
<h2>Przypięty post</h2>
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<h4 class="card-title">#XboxE3 2019</h4>
|
||||
<img src="https://compass-ssl.xbox.com/assets/a3/f0/a3f0de1e-abad-4560-9923-7751e5b8816b.jpg?n=580000_Content-Placement-0_783216527_788x444.jpg">
|
||||
<p class="card-text">Wczorajszego dnia, czyli 9 czerwca rozpoczęto targi E3 w Los Angeles.</p>
|
||||
<a href="#">Przeczytaj ten post</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="jumbotron text-center" style="margin-bottom: 0px;">
|
||||
<p>Krzysztof 'KrzysiekSiemv' Smaga 2020</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
+4
-4
@@ -33,16 +33,16 @@
|
||||
<a class="nav-link active" href="index.html">Strona główna</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#">Wszystkie posty</a>
|
||||
<a class="nav-link" href="all-posts.html">Wszystkie posty</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#">Technologie</a>
|
||||
<a class="nav-link" href="tech-posts.html">Technologie</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#">Posty o byle czym</a>
|
||||
<a class="nav-link" href="other-posts.html">Posty o byle czym</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#">Moje projekty</a>
|
||||
<a class="nav-link" href="all-projects.html">Moje projekty</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
Reference in New Issue
Block a user