Created
April 13, 2014 16:27
-
-
Save Michcioperz/10591061 to your computer and use it in GitHub Desktop.
index.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<html> | |
<head> | |
<meta charset="UTF-8"> | |
<title> Start | Aleja Gwiazd</title> | |
<meta name="description" content="Talenty są wszędzie (a przynajmniej tutaj ich pełno)"> | |
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css"> | |
<link rel="stylesheet" href="/assets/_global.css"> | |
<link rel="stylesheet" href="assets/index.css"> | |
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/jquery.colorbox/1.4.33/example1/colorbox.min.css"> | |
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> | |
<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script> | |
</head> | |
<body> | |
<nav class="navbar navbar-static-top navbar-inverse" role="navigation"> | |
<div class="container-fluid"> | |
<div class="navbar-header"> | |
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#menumenumenu-collapse"> | |
<span class="sr-only">Toggle navigation</span> | |
<span class="icon-bar"></span> | |
<span class="icon-bar"></span> | |
<span class="icon-bar"></span> | |
</button> | |
<a class="navbar-brand" href="/"> Aleja Gwiazd</a> | |
</div> | |
<div class="collapse navbar-collapse" id="menumenumenu-collapse"> | |
<ul class="nav navbar-nav"> | |
<li><a href="/Bartosz">Bartosz</a></li> | |
<li><a href="/Damian">Damian</a></li> | |
<li><a href="/Eliza_Drobek">Eliza_Drobek</a></li> | |
<li><a href="/Gabi">Gabi</a></li> | |
<li><a href="/GAndzia">GAndzia</a></li> | |
<li><a href="/Kasia_Pawłowska">Kasia_Pawłowska</a></li> | |
<li><a href="/Katarzyna_i_Piotr">Katarzyna_i_Piotr</a></li> | |
<li><a href="/Keram">Keram</a></li> | |
<li><a href="/Kinga_i_Piotr">Kinga_i_Piotr</a></li> | |
<li><a href="/Misiek">Misiek</a></li> | |
<li><a href="/Natalia_i_Marcin">Natalia_i_Marcin</a></li> | |
</ul> | |
</div> | |
</div> | |
</nav> | |
<div id="intro-carousel" class="carousel slide" data-interval="2000" data-ride="carousel"> | |
<div class="carousel-inner"> | |
<div class="item active"> | |
<img src="/assets/Bartosz-carousel.jpg" data-gallery> | |
<div class="carousel-caption"> | |
<h3>Bartosz</h3> | |
<h4>w programie Oddawaj Fartucha <small>czyli epicki pojedynek Mordziak vs. Pan Pstrąg</small></h4> | |
Bartosz - chluba klasy IIa, po mieczu i po kądzieli pierwszorzędny restaurator, urodzony kucharz i piekarz, największy smakosz Rzeczypospolitej. Robi rewelacyjne ciasta, którymi raczy swoją klasę. I choć nie zawsze zapamięta skomplikowane wzory matematyczne czy fizyczne, przepisu na pstrąga nie zapomni nigdy. | |
</div> | |
</div> | |
<div class="item"> | |
<img src="/assets/Damian-carousel.jpg"> | |
<div class="carousel-caption"> | |
<h3>Król Damian</h3> | |
<h4>człowiek orkiestra</h4> | |
</div> | |
</div> | |
<div class="item"> | |
<img src="/assets/Gabi-carousel.jpg"> | |
<div class="carousel-caption"> | |
<center> | |
<img class="img-responsive" style="max-height:200px;" src="/assets/Gabi-avatar.jpg" /> | |
</center> | |
<h3>Gabi</h3> | |
Wysoka, powyżej normy, chce się wyróżniać, ale i tak jest mainstream'owa. Podobno wygląda na wyniosłą i apodyktyczną, jednak jest bardzo gadatliwa i przyjazna otoczeniu. Ma psychologiczne zapędy. Interesuje ją każdy rodzaj sztuki. Zawsze nie ma czasu, wiecznie odnajduje nowe rozwiązania i wymyśla zmiany w swoim pokoju. W wolnych chwilach nieumiejętnie kucharzy, rozwija nowe umiejętności (ostatnio uczy się szyć). | |
</div> | |
</div> | |
<div class="item"> | |
<img src="/assets/Kasia_Pawłowska-carousel.jpg"> | |
<div class="carousel-caption"> | |
<h3>Kasia</h3> | |
<p> | |
Cześć, jestem Kasia, choć niektórzy nazywają mnie Perz albo Perry | |
<br></br> | |
<small>(tak, Olciu, mówię o tobie ;p)</small> | |
</p> | |
</div> | |
</div> | |
<div class="item"> | |
<img src="/assets/Keram-carousel.jpg"> | |
<div class="carousel-caption"> | |
<h3>B-boy Keram</h3> | |
</div> | |
</div> | |
<div class="item"> | |
<img src="/assets/Misiek-carousel.jpg"> | |
<div class="carousel-caption"> | |
<h3>Misiek</h3> | |
<p>Pierwszej klasy stunter, urodzony rowerzysta, niesamowity akrobata. Robi różne niesamowite rzeczy np: jeździ na przednim, tylnym kole dodaje do tego różne ewolucje, staje na rowerze,niektórzy mogą uznać że takie akrobacje tylko w Hollywood</p> | |
</div> | |
</div> | |
</div> | |
<ol class="carousel-indicators"> | |
<li data-target="#intro-carousel" data-slide-to="0"></li> | |
<li data-target="#intro-carousel" data-slide-to="1"></li> | |
<li data-target="#intro-carousel" data-slide-to="2"></li> | |
<li data-target="#intro-carousel" data-slide-to="3"></li> | |
<li data-target="#intro-carousel" data-slide-to="4"></li> | |
<li data-target="#intro-carousel" data-slide-to="5"></li> | |
</ol> | |
<a class="left carousel-control" href="#intro-carousel" data-slide="prev"> | |
<span class="glyphicon glyphicon-chevron-left"></span> | |
</a> | |
<a class="right carousel-control" href="#intro-carousel" data-slide="next"> | |
<span class="glyphicon glyphicon-chevron-right"></span> | |
</a> | |
</div> | |
<div class="container"> | |
<div class="jumbotron"> | |
<h2>Talenty są <small class="muted">prawie</small> wszędzie.</h2> | |
<h2><small class="muted">Jeżeli nie, to przynajmniej</small> tutaj ich pełno.</h2> | |
<p class="lead">To jest miejsce dla nas. Zdarza ci się śpiewać pod prysznicem i wiesz, że to lepsze wykonanie niż oryginał? A może rysujesz, robisz na drutach, rymujesz lub nawet projektujesz ubrania albo robisz fryzury na głowie łysego? Każdy z nas ma się czym pochwalić, więc jeśli tylko chcesz, możesz to zrobić właśnie tutaj. Zamieszczamy wszystkie prace, plakaty, filmiki, tak naprawdę każdą rzecz, która pokazuje jaki jesteś świetny w tym co robisz. Jedyne co musisz zrobić, to wręczyć swoją pracę pani Sidor, a wkrótce ujrzy ją każdy gimnazjalista i nie tylko. Może sławny reżyser trafi na naszą stronę i zachwyci się twoim filmikiem? Może Magda Gessler poprosi cię o przepis ciasta, na które podasz przepis? Wszystko możliwe, a więc <strong>nie czekaj - pochwal się swoim talentem ;)</strong>. Niektórzy już się odważyli, sam zobacz...</p> | |
</div> | |
<div class="jumbotron"> | |
<div class="row gallanonyme"> | |
<a href="/Bartosz"> | |
<div class="col-xs-6 col-md-4"> | |
<div class="showcase-person"> | |
<img src="assets/Bartosz-avatar.jpg" class="img-responsive img-rounded"> | |
</div> | |
<h3>Bartosz</h3> | |
</div> | |
</a> | |
<a href="/Damian"> | |
<div class="col-xs-6 col-md-4"> | |
<div class="showcase-person"> | |
<img src="assets/Damian-avatar.jpg" class="img-responsive img-rounded"> | |
</div> | |
<h3>Damian</h3> | |
</div> | |
</a> | |
<a href="/Eliza_Drobek"> | |
<div class="col-xs-6 col-md-4"> | |
<div class="showcase-person"> | |
<img src="assets/Eliza_Drobek-avatar.jpg" class="img-responsive img-rounded"> | |
</div> | |
<h3>Eliza_Drobek</h3> | |
</div> | |
</a> | |
<a href="/Gabi"> | |
<div class="col-xs-6 col-md-4"> | |
<div class="showcase-person"> | |
<img src="assets/Gabi-avatar.jpg" class="img-responsive img-rounded"> | |
</div> | |
<h3>Gabi</h3> | |
</a> | |
</div> | |
<a href="/GAndzia"> | |
<div class="col-xs-6 col-md-4"> | |
<div class="showcase-person"> | |
<img src="assets/GAndzia-avatar.jpg" class="img-responsive img-rounded"> | |
</div> | |
<h3>GAndzia</h3> | |
</a> | |
</div> | |
<a href="/Kasia_Pawłowska"> | |
<div class="col-xs-6 col-md-4"> | |
<div class="showcase-person"> | |
<img src="assets/Kasia_Pawłowska-avatar.jpg" class="img-responsive img-rounded"> | |
</div> | |
<h3>Kasia_Pawłowska</h3> | |
</a> | |
</div> | |
<a href="/Katarzyna_i_Piotr"> | |
<div class="col-xs-6 col-md-4"> | |
<div class="showcase-person"> | |
<img src="assets/Katarzyna_i_Piotr-avatar.jpg" class="img-responsive img-rounded"> | |
</div> | |
<h3>Katarzyna_i_Piotr</h3> | |
</a> | |
</div> | |
<a href="/Keram"> | |
<div class="col-xs-6 col-md-4"> | |
<div class="showcase-person"> | |
<img src="assets/Keram-avatar.jpg" class="img-responsive img-rounded"> | |
</div> | |
<h3>Keram</h3> | |
</a> | |
</div> | |
<a href="/Kinga_i_Piotr"> | |
<div class="col-xs-6 col-md-4"> | |
<div class="showcase-person"> | |
<img src="assets/Kinga_i_Piotr-avatar.jpg" class="img-responsive img-rounded"> | |
</div> | |
<h3>Kinga_i_Piotr</h3> | |
</a> | |
</div> | |
<a href="/Misiek"> | |
<div class="col-xs-6 col-md-4"> | |
<div class="showcase-person"> | |
<img src="assets/Misiek-avatar.jpg" class="img-responsive img-rounded"> | |
</div> | |
<h3>Misiek</h3> | |
</a> | |
</div> | |
<a href="/Natalia_i_Marcin"> | |
<div class="col-xs-6 col-md-4"> | |
<div class="showcase-person"> | |
<img src="assets/Natalia_i_Marcin-avatar.jpg" class="img-responsive img-rounded"> | |
</div> | |
<h3>Natalia_i_Marcin</h3> | |
</a> | |
</div> | |
</div> | |
</div> | |
</div> | |
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery.colorbox/1.4.33/jquery.colorbox-min.js"></script> | |
<script> | |
$(document).ready(function(){ | |
$(".gallery-index").colorbox({rel:'index', transition:"elastic"}); | |
}); | |
</script> | |
<footer>Powered by <a href="http://github.com/MPRZLabs/Ally">Michcioperz's Ally language</a>. Brought to you by LunaticArchitect64 in 0.009291 seconds, compiled on Mon Mar 24 20:01:14 2014 UTC.</footer> | |
</body> | |
</html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment