Skip to content

Instantly share code, notes, and snippets.

@Michcioperz
Created April 13, 2014 16:27
Show Gist options
  • Save Michcioperz/10591061 to your computer and use it in GitHub Desktop.
Save Michcioperz/10591061 to your computer and use it in GitHub Desktop.
index.html
<!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