From f13943182eca22819cec723cd188117f8ba29a9c Mon Sep 17 00:00:00 2001
From: Krzysztof <krzysiek@krzychoonly.hub.pl>
Date: Sun, 10 Mar 2019 15:26:37 +0100
Subject: [PATCH] Update index.html

---
 index.html | 245 ++++++++++++++++++++++++-----------------------------
 1 file changed, 110 insertions(+), 135 deletions(-)
diff --git a/index.html b/index.html
index 010ffe7..0f1bd60 100644
--- a/index.html
+++ b/index.html
@@ -1,142 +1,117 @@
-﻿<!DOCTYPE HTML>
+<!DOCTYPE HTML>
 <html>
   <head>
     <meta charset="UTF-8">
-    <link rel="stylesheet" href="StyleSheet.css">
-    <link rel="icon" href="Obrazy\logo.png" type="image/x-icon">
-    <title>JanuShop</title>
+    <link rel="stylesheet" media="screen" href="https://fontlibrary.org/face/fantasque-sans-mono" type="text/css"/>
+	<link rel="stylesheet" href="StyleSheet.css">
+	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+	<script type="text/javascript" src="script.js"></script>
+	<link rel="icon" href="Obrazy\logo.png" type="image/x-icon">
+	<title>JanuShop</title>
   </head>
   <body>
-      <div class="tlo">
-          <header>
-              <img class="logo" src="Obrazy\logo.png" width=128 height=128>
-              <h4 class="czcionka">JanuShop.</h4>
-              <h6 class="czcionka">#XiaomiLepsze</h6>
-              <ul>
-                  <li class="dropdown">
-                      <a href="javascript:void(0)" class="dropbtn">Stan Konta</a>
-                      <div class="dropdown-content">
-                          <a href="javascript:void(0)">Stan Konta wynosi:</a>
-                          <a href="javascript:void(0)" id="stankonta">0 Janu$</a>
-                      </div>
-                  </li>
-                  <li><a href="#" onclick="document.getElementById('stankonta').innerHTML = 'Stan Konta: 600 Janu$'">Darmowe Janu$</a></li>
-                  <li><a href="Passat.html">Zniszcz somsiadowi Passata</a></li>
-              </ul>
-          </header>
-          <section>
-              <h2 class="czcionka">Bogate w funkcje telefony XIAOMI</h2>
-          </section>
-          <article>
-            <table align="center">
-                    <tr>
-                            <th><h2>Xiaomi Redmi 4X</h2></th>
-                    </tr>
-                    <tr>
-                        <th><img src="Obrazy\Xiaomi Redmi 4X.png" height=400></th>
-                    </tr>
-                    <tr>
-                        <th>
-                            <ul>
-                                <li><a href="#">Licytuj już za 1 zł</a></li>
-                                <li><a href="#">Kup za 5 EUROGĄBEK!</a></li>
-                            </ul>
-                        </th>
-                    </tr>
-            </table>
-            <table align="center">
-                    <tr>
-                            <th><h2>Xiaomi Mi A2</h2></th>
-                    </tr>
-                    <tr>
-                        <th><img src="Obrazy\Xiaomi Mi A2.png" height=400></th>
-                    </tr>
-                    <tr>
-                        <th>
-                            <ul>
-                                <li><a href="#">Licytuj już za 1 Janu$</a></li>
-                                <li><a href="#">Kup za 15 EUROGĄBEK!</a></li>
-                            </ul>
-                        </th>
-                    </tr>
-            </table>
-            <table align="center">
-                    <tr>
-                            <th><h2>Xiaomi Redmi 4</h2></th>
-                    </tr>
-                    <tr><th><h5>Nie chcem pokazać przodu, bo Pjeter zniszczył.</h5></th></tr>
-                    <tr>
-                        <th><img src="Obrazy\Xiaomi Redmi 4.png" height=400></th>
-                    </tr>
-                    <tr>
-                        <th>
-                            <ul>
-                                <li><a href="#">Licytuj już za 1 Ziemniaka</a></li>
-                                <li><a href="#">Kup za 100 Świerzaków</a></li>
-                            </ul>
-                        </th>
-                    </tr>
-            </table>       
-          </article>
-          <section>
-              <h2 class="czcionka">Ukochane Świerzaki</h2>
-          </section>
-          <article>
-                <table align="center">
-                        <tr>
-                                <th><h2>Kalafior Krzyś</h2></th>
-                        </tr>
-                        <tr>
-                            <th><img src="Obrazy\Kalafior Krzyś.png" height=400></th>
-                        </tr>
-                        <tr>
-                            <th>
-                                <ul>
-                                    <li><a href="#">Licytuj już za 5 Milionow zł</a></li>
-                                    <li><a href="#">Kup za 50 Janu$!</a></li>
-                                </ul>
-                            </th>
-                        </tr>
-                </table> 
-                <table align="center">
-                        <tr>
-                                <th><h2>Rzodkiewka Rzaneta</h2></th>
-                        </tr>
-                        <tr>
-                            <th><img src="Obrazy\Rzodkiewka Żaneta.png" height=400></th>
-                        </tr>
-                        <tr>
-                            <th>
-                                <ul>
-                                    <li><a href="#">Licytuj już za 0 zł + 500 zł podatku</a></li>
-                                    <li><a href="#">Kup za 300 zł + Darmowa dostawa</a></li>
-                                </ul>
-                            </th>
-                        </tr>
-                </table> 
-          </article>
-          <section>
-              <h2 class="czcionka">Idealne karty graficzne do Koparki Kryptowalut</h2>
-          </section>
-          <article>
-              <h2>AMD Radeon RX VEGA 56</h2>
-              <img src="Obrazy\RX Vega 56.png" height=400>
-              <ul>
-                  <li><a href="#">Licytuj już za 20 BTC</a></li>
-                  <li><a href="#">Kup za 2,5 MLD DogeCoinów.</a></li>
-              </ul>
-          </article>
-          <section>
-              <h5 class="czcionka">A na dole jakaś stopka czy cuś.</h5>
-          </section>
-          <footer class="czcionka">
-              <h6>Strona jest 100% LEGIT, NO SCAM. Tańszych ofert nie będzie. (Wiecie, Gimper i jego talk-show, no... Nie śmieszne :/)</h6>
-              <h6>Proszem nie wypisywać na funpagu, rze ta strona oszukuje, to wy sie sami oszukujecie wy janusze.</h6>
-              <ul>
-                  <li><a href="Kontakt.html">Kontakt z Pjetrem</a></li>
-                  <li><a href="#">Wypożyczalnia Bitcoinów</a></li>
-              </ul>
-          </footer>
-      </div>
+	<div class="header">
+		<img src="Obrazy\logo.png" />
+		<h1>JanuShop</h1>
+		<h4>Taniej nie będzie</h4>
+	</div>
+	<div class="panel">
+		<div class="navigation">
+			<a href="#xiaomi">Produkty Xiaomi</a>
+			<a href="#świezaki">Zabawki z Biedronki</a>
+			<a href="#koparki">Koparki Kryptowalut</a>
+			<a href="#" onclick="alert('Calling to... Pjeter.\n\t Ty: Witam, jak z moją dostawą?\n\t Pjeter: Jaka dostawa?\n\t Ty: No mój telefon\n\t Pjeter: siajomi?\n\t Ty: Pisze się Xiaomi\n\t Pjeter: Dobra, chiński telefon. Co jest nie tak?\n\t Ty: No nic nie przyszło.\n\t Pjeter: Kiedy zamuwiłeś?\n\t Ty: 2 tygodnie temu.\n\t Pjeter: Zaczekaj pan... (*w tle*) TATEEEE!!\n\t Janusz: Czego guwniok?\n\t Pjeter: Pan piszę o ten telefon siajomi, ktury zamuwił 2 tygodnie temu.\n\t Janusz: Napisz do tego kogoatam, że fajnie się z niego kożysta.\n\t Pjeter: Już mówie tatę. (*w telefonie*) Fajniem się z niego kożysta, a my nie dowozimy produktuw.\n\t Ty: No ale zapłaciłem!\n\t Pjeter: Cuź, popełnił pan błąd.\n\t Ty: JUŻ WAM DAM ZŁĄ OPINIĘ NA FACEBOOKU! DALIŚCIE ŻE STRONA JEST 100% LEGIT, NO SCAM.\n\t Pjeter: Karzda strona to daje.\n\t Ty: Już dzwonię do prokuratury\n\t ...\n\t Ty: Halo?\n\t \n\t Pjeter rozłączył się...\n Misja nie udana...')">Kontakt z Pjeterem</a>
+		</div>
+	</div>
+	<div class="leftside">
+		<h1>Wszystkie produkty: </h1>
+		<a href="#mi-a2">Xiaomi Mi A2</a>
+		<a href="#redmi-4">Xiaomi Redmi 4</a>
+		<a href="#redmi-4x">Xiaomi Redmi 4X</a>
+		<br>
+		<a href="#rzodkiewka">Rzodkiewka Żaneta</a>
+		<a href="#kalafior">Kalafior Krzyś</a>
+		<br>
+		<a href="#vega">RX Vega 56</a>
+	</div>
+
+	<div class="rightside">
+		<a id="xiaomi"></a>
+		<h1>Ekhm... Xiaomi lepsze.</h1>
+		<div class="card" id="mi-a2">
+			<h2>Xiaomi Mi A2</h2>
+			<img src="Obrazy\Xiaomi Mi A2.png" />
+			<p>Nie zawodny telefon, który każdy somsiad pozazdrości. Passat stanie się nie ważny.</p>
+			<p>Cena: </p>
+			<h3>450 Cebulionów</h3>
+			<button onclick="alert('Ale to ja tu sprzedaje!')">No kup ze no.</button>
+			<button onclick="alert('Po moim trupie somsiedzie')">Sprzedaj na alledrogo</button>
+			<button onclick="alert('Dzienkuje! Uratowałeś mie Pjotera')">Polejkuj to na Fejsbuku!</button>
+		</div>
+		<div class="card" id="redmi-4">
+			<h2>Xiaomi Redmi 4</h2>
+			<img src="Obrazy\Xiaomi Redmi 4.png" />
+			<p>Masz więcej kasy? To kup tyn, somsiad aż się zesra i sprzeda swego Passata i będzie chciał to kupić od Ciebie, złodzij jedyn...</p>
+			<p>Cena:</p>
+			<h3>500+ Cebulionów oraz pieniądze z komunii</h3>
+			<button onclick="alert('To teraz dawaj drugie tyle')">Toz to półdarmo! Biere</button>
+			<button onclick="alert('Ale się wścikł. Zobacz ty no')">Zarysuj Passata somsiadowi</button>
+			<button onclick="alert('A no dzienkuje dzienkuje')">To tyz polajkuj</button>
+			<p>To jest uszkodzone, ale i tak sprzedam</p>
+		</div>
+		<div class="card" id="redmi-4x">
+			<h2>Xiaomi Redmi 4x</h2>
+			<img src="Obrazy\Xiaomi Redmi 4x.png" />
+			<p>Masz jeszcze więcej kasy? No to się szykuj, bo Żona somsiada zwariuje i zostawi tego bidoka złodzieja i kup tyn telefon!</p>
+			<p>Cena:</p>
+			<h3>500+ + Mieszkanie+ + Inne+ Cebulionów</h3>
+			<button onclick="alert('No, to bierzesz pan czy nie')">Normalnie cud</button>
+			<button onclick="alert('Pewnie ukrodł')">Ciekawe skond somsiad wzioł na to pienionzki</button>
+			<button onclick="alert('Haps, dobry ten kursor')">A lajknij, to nie gryzie</button>
+		</div>
+		<a id="świezaki"></a>
+		<h1>Świeżoki! Tylko tutej!</h1>
+		<div class="card" id="rzodkiewka">
+			<h2>Rzodkiewka Żaneta</h2>
+			<img src="Obrazy\Rzodkiewka Żaneta.png" />
+			<p>Chcesz zabawkę dla swych guwnioków? Rzodkiewka Żaneta będzie idealna dla Ciebie i twoich dzieci.</p>
+			<p>Cena:</p>
+			<h3>6 milionów Cebulionów</h3>
+			<button onclick="alert('To do lekarza z niom!')">Mam horom curke</button>
+			<button onclick="alert('A ja mam słonia w butelce')">Jestem samotnom madkom</button>
+			<button onclick="alert('To idź se pan tam')">Na OLX taniej</button>
+		</div>
+		<div class="card" id="kalafior">
+			<h2>Kalafior Krzyś</h2>
+			<img src="Obrazy\Kalafior Krzyś.png" />
+			<p>Dżesika ma Rzodkiewkę Żanetę, a Brajanek? Dej że mu tyn kalafior i tyle.</p>
+			<p>Cena:</p>
+			<h3>5 Cebulionów</h3>
+			<button onclick="alert('Kolejny baran, to do lekarza z niom!')">Mam także horom curke</button>
+			<button onclick="alert('A to proszę, bierz se')">A co jak jestem samotnym ojcem</button>
+			<button onclick="alert('Taniej nie będzie')">Kurła, drogie</button>
+		</div>
+		<a id="koparki"></a>
+		<div class="card" id="vega">
+			<h2>RX Vega 56</h2>
+			<img src="Obrazy\RX Vega 56.png" />
+			<p>Darmowe pięnionżki? A słyszałeś o koparce kryptowalut?? To Ci do dużo!</p>
+			<p>Cena:</p>
+			<h3>16 zepsutych DogeCoinów</h3>
+			<button onclick="alert('A ty somsiedzie złodzieju nie!')">Bendem mieć Passata!</button>
+			<button onclick="alert('Z czego się tak hihrasz, dej ze no OK')">Hyyhyhy</button>
+			<button onclick="alert('Znowu. Idź tam a nie, będziesz porzomnych ludzi tu menczył')">Na OLX taniej</button>
+		</div>
+	</div>
+	<div class="stopka">
+		<h3>Wystawianie złych łocen na fejsbuku obowionzuje z anulowaniem waszego kupna produktuf.</h3>
+		<br>
+		<p>Strona ta została utworzona w celach humorystycznych</p>
+		<br>
+		<p>Strona stworzona przez: Krzysztof Smaga 2019</p>
+		<br>
+		<a href="https://facebook.com/krzysieksiemano" class="fa fa-facebook"></a>
+		<a href="https://github.com/krzysieksiemv" class="fa fa-github"></a>
+	</div>
   </body>
 </html>
