Skip to content

B
Baz0k
Commit d81c0f81 authored by lizonr1's avatar lizonr1
Browse files
Options

Update

parent 12ba62f9
Show whitespace changes
Inline Side-by-side
Showing with 253 additions and 107 deletions
css/main.css
View file @ d81c0f81
......@@ -74,7 +74,7 @@
}
.navbar-default,
.navbar-inverse {
background-color: white;
background-color: rgba(240,240,240,1);
border: none;
......@@ -86,7 +86,7 @@ body {
background-attachment: fixed;
background-position: 50% 50%;
background-size: 20%;
background-color: rgba(240,240,240,1);
font-family: 'Merriweather', 'Helvetica Neue', Arial, sans-serif;
}
......@@ -114,7 +114,7 @@ p {
}
.bg-primary {
background-color:rgba(240, 95, 64, 0.9);
background-color:rgba(240, 95, 64, 0.7);
}
.no-gutter > [class*='col-'] {
......@@ -222,3 +222,16 @@ project-category
transition: all 0.35s;
}
.partner-img {width: 200px;
height: 200px;
}
h2
{
color: #d43f3a;
text-transform: uppercase;
font-weight: 800;
margin-bottom: 75px;
}
\ No newline at end of file
css/music.css
View file @ d81c0f81
......@@ -45,7 +45,7 @@
.reviews-image {
height:575px; /*height of your image*/
background-image:url('../img/reviews.jpeg');
background-image:url('../img/galkologia.jpg');
margin-top: 0px; /* If you want no margin */
padding:0; /*if your want to padding */
background-repeat: no-repeat;
......@@ -67,7 +67,7 @@
.split-image-1 {
height:575px; /*height of your image*/
background-image:url('../img/galkologia.jpg');
background-image:url('../img/reviews.jpeg');
margin-top: 0px; /* If you want no margin */
padding:0; /*if your want to padding */
background-repeat: no-repeat;
......@@ -140,7 +140,7 @@ h1
}
.headline-right {
margin-top:175px;
margin-top:205px;
margin-right:75px;
float: right;
}
......
css/partner.css
View file @ d81c0f81
......@@ -125,12 +125,7 @@
background: #222222;
}
h2
{
color: #d43f3a;
text-transform: uppercase;
font-weight: 800;
}
h1
{
color: #d43f3a;
......
index.html
View file @ d81c0f81
......@@ -100,7 +100,7 @@
<div class="container">
<div class="row">
<div class="col-lg-8 col-lg-offset-2 text-center">
<h2 class="section-heading">Bartosz 'Baz0k' Zelek</h2>
<h3 class="section-heading" style="font-size:35px;">Bartosz 'Baz0k' Zelek</h3>
<p class="text-faded">Gitarzysta, Nauczyciel, Endorser</p>
......@@ -118,11 +118,11 @@
</div>
<div class="row vertical-align">
<div class="col-lg-4 col-lg-offset-2">
<img class="img-rounded" src="./img/zelek.png" style="width: 200px">
<img class="img-rounded" src="./img/zelek.jpg" style="width: 200px">
</div>
<div class="col-lg-4 col-lg-offset-1">
<p>Hej! Nazywam się Bartosz Zelek. Zawodowo zajmuje się graniem na gitarze, nauczaniem oraz recenzowaniem sprzętu gitarowego. Prowadzę kanał na YouTube, na którym znajdziesz VLOGi, testy i recenzje, a także lekcje. Jestem pierwszym polskim gitarowym streamerem! Znajdziesz mnie na hitboxie w poniedziałki o 20:00. Wpadnij, to pogadamy i spędzimy miło czas :).
<div class="col-lg-4 col-lg-offset-2">
<p style="margin-left:0px; text-align: justify;text-justify: inter-word;">Hej! Nazywam się <b>Bartosz Zelek</b>. Zawodowo zajmuje się graniem na gitarze, nauczaniem oraz recenzowaniem sprzętu gitarowego. Prowadzę kanał na YouTube, na którym znajdziesz VLOGi, testy i recenzje, a także lekcje. Jestem pierwszym polskim gitarowym streamerem! Znajdziesz mnie na hitboxie w poniedziałki o 20:00. Wpadnij, to pogadamy i spędzimy miło czas :).
</p>
</div>
......@@ -168,8 +168,8 @@
</a>
</div>
<div class="col-lg-4 col-sm-6">
<a href="#" class="portfolio-box">
<img src="https://baz0k.wordpress.com/" class="img-responsive" alt="">
<a href="https://baz0k.wordpress.com/" class="portfolio-box">
<img src="img/portfolio/thumbnails/3.jpg" class="img-responsive" alt="">
<div class="portfolio-box-caption">
<div class="portfolio-box-caption-content">
<div class="project-category text-faded">
......@@ -206,6 +206,85 @@
</div>
</div>
</section>
<section id="partners">
<div class="container">
<div class="row">
<div class="col-lg-8 col-lg-offset-2 text-center">
<h2 class="section-heading">Partnerzy</h2>
</div>
</div>
<div class="row">
<div class="col-lg-2">
<img class="partner-img" src="img/partners/Drewnianekostki gitarowe.jpg">
<p class="text-center">Drewniane kostki gitarowe</p>
</div>
<div class="col-lg-2 col-lg-offset-1">
<img class="partner-img" src="img/partners/IanRajder.jpg">
<p class="text-center">Efekty Gitarowe Ian Rajder</p>
</div>
<div class="col-lg-2 col-lg-offset-1">
<img class="partner-img" src="img/partners/GordonCustomShop%20Equipment.png">
<p class="text-center">GordonCustomShop Equipment</p>
</div>
<div class="col-lg-2 col-lg-offset-1">
<img class="partner-img" src="img/partners/FROCustom.png">
<p class="text-center">FROCustom</p>
</div>
</div>
<div class="row">
<div class="col-lg-2">
<img class="partner-img" src="img/partners/NoLogoPicks.jpg">
<p class="text-center">NoLogoPicks</p>
</div>
<div class="col-lg-2 col-lg-offset-1">
<img class="partner-img" src="img/partners/OCCVLTPedals.jpg">
<p class="text-center">OCCVLTPedals</p>
</div>
<div class="col-lg-2 col-lg-offset-1">
<img class="partner-img" src="img/partners/SolarPicks.jpg">
<p class="text-center">Solar Picks</p>
</div>
<div class="col-lg-2 col-lg-offset-1">
<img class="partner-img" src="img/partners/VectraFuzz.jpg">
<p class="text-center">Vectra Fuzz</p>
</div>
</div>
<div class="row">
<div class="col-lg-2">
<img class="partner-img" src="img/partners/VisarStompboxes.jpg">
<p class="text-center">Visar Stompboxes</p>
</div>
<div class="col-lg-2 col-lg-offset-1">
<img class="partner-img" src="img/partners/Woodnote.jpg">
<p class="text-center">Woodnote</p>
</div>
<div class="col-lg-2 col-lg-offset-1">
<img class="partner-img" src="img/partners/aloc.png">
<p class="text-center">another line of code_</p>
</div>
</div>
</div>
</div>
</section>
<!-- jQuery -->
<script src="js/jquery.js"></script>
......
music.html
View file @ d81c0f81
......@@ -85,7 +85,7 @@
<div class="row">
<div class="col-md-10 stream-image">
<div class="headline-right">
<h1>Stream</h1>
<h1>Gitarowy stream</h1>
<p>Każdy poniedziałek 20:00</p>
<a href="http://www.hitbox.tv/baz0k" class="page-scroll btn btn-primary btn-xl sr-button pull-left">Let's rock!</a>
</div>
......@@ -97,7 +97,7 @@
<div class="col-md-12 tutorial-image">
<div class="headline-left">
<h1>Lekcje gry na gitarze</h1>
<p>Kurs od podstaw</p>
<p>dla początkujących i zaawansowanych</p>
<a href="https://www.youtube.com/watch?v=PT5tgLFZAE0&index=6&list=PL_OaToaNcR1CCYfeXPxRM6ovF5KBzXFyj" class="page-scroll btn btn-primary btn-xl sr-button pull-left">Let's rock!</a>
</div>
</div>
......@@ -108,10 +108,8 @@
<div class="row">
<div class="col-md-12 reviews-image">
<div class="headline-right">
<h1>Recenzje sprzętu</h1>
<a href="https://www.youtube.com/watch?v=1K-VKLy9ZUQ&list=PL_OaToaNcR1BUscb21-UMsVfqgf9VgfsN&index=1" class="page-scroll btn btn-primary btn-xl sr-button pull-left">PDSG</a>
<a href="https://www.youtube.com/watch?v=F9lGnMJF0q0&list=PL_OaToaNcR1BYqy3dqlPz7sVuoI7Xy3vS" class="page-scroll btn btn-primary btn-xl sr-button pull-right">BAZTESTY</a>
<a href="https://www.youtube.com/watch?v=5rqKq3Tgqt4&list=PL_OaToaNcR1DRfkGjEySidiwApdq5B4Ah" class="page-scroll btn btn-primary btn-xl sr-button pull-center">PIPAKI</a>
<h1>Gałkologia</h1>
<p>czyli profesjonalne testy sprzętu gitarowego</p>
</div>
</div>
</div>
......@@ -126,13 +124,93 @@
</div>
<div class="col-md-6 split-image-1">
<div class="icon-image-contener">
<h1>Gałkologia</h1>
<p>recenzje efektów gitarowych</p>
<a href="https://www.youtube.com/watch?v=d8nJz7vu1ek&index=32&list=PL_OaToaNcR1BH06Z9b5swHsylkfpUHGkF" class="page-scroll btn btn-primary btn-xl sr-button pull-left">Let's rock!</a>
<h1>Muzyka</h1>
<p>Reszta mojej działalności</p>
<a href="https://www.youtube.com/watch?v=1K-VKLy9ZUQ&list=PL_OaToaNcR1BUscb21-UMsVfqgf9VgfsN&index=1" class="page-scroll btn btn-primary btn-xl sr-button pull-left">PDSG</a>
<a href="https://www.youtube.com/watch?v=F9lGnMJF0q0&list=PL_OaToaNcR1BYqy3dqlPz7sVuoI7Xy3vS" class="page-scroll btn btn-primary btn-xl sr-button pull-right">BAZTESTY</a>
<a href="https://www.youtube.com/watch?v=5rqKq3Tgqt4&list=PL_OaToaNcR1DRfkGjEySidiwApdq5B4Ah" class="page-scroll btn btn-primary btn-xl sr-button pull-center">PIPAKI</a>
</div>
</div>
</div>
<section id="partners">
<div class="container">
<div class="row">
<div class="col-lg-8 col-lg-offset-2 text-center">
<h2 class="section-heading">Partnerzy</h2>
</div>
</div>
<div class="row">
<div class="col-lg-2">
<img class="partner-img" src="img/partners/Drewnianekostki gitarowe.jpg">
<p class="text-center">Drewniane kostki gitarowe</p>
</div>
<div class="col-lg-2 col-lg-offset-1">
<img class="partner-img" src="img/partners/IanRajder.jpg">
<p class="text-center">Efekty Gitarowe Ian Rajder</p>
</div>
<div class="col-lg-2 col-lg-offset-1">
<img class="partner-img" src="img/partners/GordonCustomShop%20Equipment.png">
<p class="text-center">GordonCustomShop Equipment</p>
</div>
<div class="col-lg-2 col-lg-offset-1">
<img class="partner-img" src="img/partners/FROCustom.png">
<p class="text-center">FROCustom</p>
</div>
</div>
<div class="row">
<div class="col-lg-2">
<img class="partner-img" src="img/partners/NoLogoPicks.jpg">
<p class="text-center">NoLogoPicks</p>
</div>
<div class="col-lg-2 col-lg-offset-1">
<img class="partner-img" src="img/partners/OCCVLTPedals.jpg">
<p class="text-center">OCCVLTPedals</p>
</div>
<div class="col-lg-2 col-lg-offset-1">
<img class="partner-img" src="img/partners/SolarPicks.jpg">
<p class="text-center">Solar Picks</p>
</div>
<div class="col-lg-2 col-lg-offset-1">
<img class="partner-img" src="img/partners/VectraFuzz.jpg">
<p class="text-center">Vectra Fuzz</p>
</div>
</div>
<div class="row">
<div class="col-lg-2">
<img class="partner-img" src="img/partners/VisarStompboxes.jpg">
<p class="text-center">Visar Stompboxes</p>
</div>
<div class="col-lg-2 col-lg-offset-1">
<img class="partner-img" src="img/partners/Woodnote.jpg">
<p class="text-center">Woodnote</p>
</div>
<div class="col-lg-2 col-lg-offset-1">
<img class="partner-img" src="img/partners/aloc.png">
<p class="text-center">another line of code_</p>
</div>
</div>
</div>
</div>
</section>
<!-- jQuery -->
......
partner.html
View file @ d81c0f81
......@@ -86,13 +86,16 @@
<div class="row">
<div class="col-lg-8 col-lg-offset-2 text-center">
<h1 class="section-heading">Twórzmy razem</h1>
<p>W ramach działalności przeprowadzam wywiady, tworze recenzje sprzętu. Jeśli coś tam coś tam coś tam to smiało pisz!</p>
<p>W ramach swojej pracy tworzę profesjonalne recenzje i prezentacje sprzętu oraz próbki audio. Promuję
młodych polskich twórców, organizuję internetowe akcje medialne oraz prowadzę szeroko zakrojoną
działalność dydaktyczną. Jeśli chciałbyś/chciałabyś podjąć współpracę, serdecznie zapraszam do
kontaktu!</p>
<hr>
</div>
<div class="col-lg-4 col-lg-offset-2 text-center">
<i class="fa fa-phone fa-3x sr-contact"></i>
<p class="text-center">123-456-6789</p>
<p class="text-center">692-474-036</p>
</div>
<div class="col-lg-4 text-center">
......@@ -103,101 +106,79 @@
</div>
</section>
<section class="no-padding" id="services">
<div class="container-fluid">
<div class="row no-gutter popup-gallery">
<div class="col-lg-12 text-center">
<h2 class="section-heading">Przykłady</h2>
</div>
<div class="col-lg-3 col-sm-6">
<a href="https://www.youtube.com/watch?v=F9lGnMJF0q0&list=PL_OaToaNcR1BYqy3dqlPz7sVuoI7Xy3vS" class="portfolio-box">
<img src="img/portfolio/thumbnails/1.jpg" class="img-responsive" alt="">
<div class="portfolio-box-caption">
<div class="portfolio-box-caption-content">
<div class="project-category text-faded">
Testy
</div>
<div class="project-name">
Akcesoriów
</div>
</div>
</div>
</a>
</div>
<div class="col-lg-3 col-sm-6">
<a href="https://www.youtube.com/watch?v=5rqKq3Tgqt4&list=PL_OaToaNcR1DRfkGjEySidiwApdq5B4Ah" class="portfolio-box">
<img src="img/portfolio/thumbnails/2.jpg" class="img-responsive" alt="">
<div class="portfolio-box-caption">
<div class="portfolio-box-caption-content">
<div class="project-category text-faded">
Nie wiem co to jest
</div>
<div class="project-name">
:D
</div>
</div>
</div>
</a>
</div>
<div class="col-lg-3 col-sm-6">
<a href="https://www.youtube.com/watch?v=bHcQETjr9IM&index=2&list=PL_OaToaNcR1BH06Z9b5swHsylkfpUHGkF" class="portfolio-box">
<img src="img/portfolio/thumbnails/3.jpg" class="img-responsive" alt="">
<div class="portfolio-box-caption">
<div class="portfolio-box-caption-content">
<div class="project-category text-faded">
Testy
<section id="partners">
<div class="container">
<div class="row">
<div class="col-lg-8 col-lg-offset-2 text-center">
<h2 class="section-heading">Partnerzy</h2>
</div>
<div class="project-name">
efektów dzwiękowych
</div>
<div class="row">
<div class="col-lg-2">
<img class="partner-img" src="img/partners/Drewnianekostki gitarowe.jpg">
<p class="text-center">Drewniane kostki gitarowe</p>
</div>
<div class="col-lg-2 col-lg-offset-1">
<img class="partner-img" src="img/partners/IanRajder.jpg">
<p class="text-center">Efekty Gitarowe Ian Rajder</p>
</div>
</a>
<div class="col-lg-2 col-lg-offset-1">
<img class="partner-img" src="img/partners/GordonCustomShop%20Equipment.png">
<p class="text-center">GordonCustomShop Equipment</p>
</div>
<div class="col-lg-3 col-sm-6">
<a href="img/portfolio/fullsize/3.jpg" class="portfolio-box">
<img src="img/portfolio/thumbnails/4.jpg" class="img-responsive" alt="">
<div class="portfolio-box-caption">
<div class="portfolio-box-caption-content">
<div class="project-category text-faded">
Wywiady
<div class="col-lg-2 col-lg-offset-1">
<img class="partner-img" src="img/partners/FROCustom.png">
<p class="text-center">FROCustom</p>
</div>
<div class="project-name">
Masz już jakieś, czy dopiero będziesz miał?
</div>
<div class="row">
<div class="col-lg-2">
<img class="partner-img" src="img/partners/NoLogoPicks.jpg">
<p class="text-center">NoLogoPicks</p>
</div>
<div class="col-lg-2 col-lg-offset-1">
<img class="partner-img" src="img/partners/OCCVLTPedals.jpg">
<p class="text-center">OCCVLTPedals</p>
</div>
</a>
<div class="col-lg-2 col-lg-offset-1">
<img class="partner-img" src="img/partners/SolarPicks.jpg">
<p class="text-center">Solar Picks</p>
</div>
<div class="col-lg-2 col-lg-offset-1">
<img class="partner-img" src="img/partners/VectraFuzz.jpg">
<p class="text-center">Vectra Fuzz</p>
</div>
</div>
</section>
<section id="partners">
<div class="container">
<div class="row">
<div class="col-lg-8 col-lg-offset-2 text-center">
<h2 class="section-heading">Partnerzy</h2>
</div>
<div class="col-lg-2 col-lg-offset-1">
<img src="https://scontent.fwaw3-1.fna.fbcdn.net/v/t1.0-1/p160x160/11986338_902422216502070_9133265145340037580_n.jpg?oh=87a4fe2186111bdf6e7593cbb2604a2c&oe=57CDA6BB">
<p class="text-center">Efekty Gitarowe DIY - Ian Rajder</p>
<div class="col-lg-2">
<img class="partner-img" src="img/partners/VisarStompboxes.jpg">
<p class="text-center">Visar Stompboxes</p>
</div>
<div class="col-lg-2 col-lg-offset-2">
<img src="https://scontent.fwaw3-1.fna.fbcdn.net/v/t1.0-9/392837_237099653082006_1067672496_n.jpg?oh=ac953cf4438f225cfc521cf4d9201a5f&oe=57C83E05">
<p class="text-center">NoLogopicks</p>
<div class="col-lg-2 col-lg-offset-1">
<img class="partner-img" src="img/partners/Woodnote.jpg">
<p class="text-center">Woodnote</p>
</div>
<div class="col-lg-2 col-lg-offset-2">
<img src="img/aloc.png">
<div class="col-lg-2 col-lg-offset-1">
<img class="partner-img" src="img/partners/aloc.png">
<p class="text-center">another line of code_</p>
</div>
</div>
</div>
</div>
</section>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment