Skip to content

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

Update

parent 12ba62f9
Hide whitespace changes
Inline Side-by-side
Showing with 253 additions and 107 deletions
css/main.css
View file @ d81c0f81
...@@ -74,7 +74,7 @@ ...@@ -74,7 +74,7 @@
} }
.navbar-default, .navbar-default,
.navbar-inverse { .navbar-inverse {
background-color: white; background-color: rgba(240,240,240,1);
border: none; border: none;
...@@ -86,7 +86,7 @@ body { ...@@ -86,7 +86,7 @@ body {
background-attachment: fixed; background-attachment: fixed;
background-position: 50% 50%; background-position: 50% 50%;
background-size: 20%; background-size: 20%;
background-color: rgba(240,240,240,1);
font-family: 'Merriweather', 'Helvetica Neue', Arial, sans-serif; font-family: 'Merriweather', 'Helvetica Neue', Arial, sans-serif;
} }
...@@ -114,7 +114,7 @@ p { ...@@ -114,7 +114,7 @@ p {
} }
.bg-primary { .bg-primary {
background-color:rgba(240, 95, 64, 0.9); background-color:rgba(240, 95, 64, 0.7);
} }
.no-gutter > [class*='col-'] { .no-gutter > [class*='col-'] {
...@@ -221,4 +221,17 @@ project-category ...@@ -221,4 +221,17 @@ project-category
-moz-transition: all 0.35s; -moz-transition: all 0.35s;
transition: all 0.35s; 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 @@ ...@@ -45,7 +45,7 @@
.reviews-image { .reviews-image {
height:575px; /*height of your 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 */ margin-top: 0px; /* If you want no margin */
padding:0; /*if your want to padding */ padding:0; /*if your want to padding */
background-repeat: no-repeat; background-repeat: no-repeat;
...@@ -67,7 +67,7 @@ ...@@ -67,7 +67,7 @@
.split-image-1 { .split-image-1 {
height:575px; /*height of your image*/ 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 */ margin-top: 0px; /* If you want no margin */
padding:0; /*if your want to padding */ padding:0; /*if your want to padding */
background-repeat: no-repeat; background-repeat: no-repeat;
...@@ -140,7 +140,7 @@ h1 ...@@ -140,7 +140,7 @@ h1
} }
.headline-right { .headline-right {
margin-top:175px; margin-top:205px;
margin-right:75px; margin-right:75px;
float: right; float: right;
} }
......
css/partner.css
View file @ d81c0f81
...@@ -125,12 +125,7 @@ ...@@ -125,12 +125,7 @@
background: #222222; background: #222222;
} }
h2
{
color: #d43f3a;
text-transform: uppercase;
font-weight: 800;
}
h1 h1
{ {
color: #d43f3a; color: #d43f3a;
...@@ -164,4 +159,4 @@ body { ...@@ -164,4 +159,4 @@ body {
section { section {
padding: 40px 0; padding: 40px 0;
} }
\ No newline at end of file
index.html
View file @ d81c0f81
...@@ -100,7 +100,7 @@ ...@@ -100,7 +100,7 @@
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-lg-8 col-lg-offset-2 text-center"> <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> <p class="text-faded">Gitarzysta, Nauczyciel, Endorser</p>
...@@ -118,11 +118,11 @@ ...@@ -118,11 +118,11 @@
</div> </div>
<div class="row vertical-align"> <div class="row vertical-align">
<div class="col-lg-4 col-lg-offset-2"> <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>
<div class="col-lg-4 col-lg-offset-1"> <div class="col-lg-4 col-lg-offset-2">
<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 :). <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> </p>
</div> </div>
...@@ -168,8 +168,8 @@ ...@@ -168,8 +168,8 @@
</a> </a>
</div> </div>
<div class="col-lg-4 col-sm-6"> <div class="col-lg-4 col-sm-6">
<a href="#" class="portfolio-box"> <a href="https://baz0k.wordpress.com/" class="portfolio-box">
<img src="https://baz0k.wordpress.com/" class="img-responsive" alt=""> <img src="img/portfolio/thumbnails/3.jpg" class="img-responsive" alt="">
<div class="portfolio-box-caption"> <div class="portfolio-box-caption">
<div class="portfolio-box-caption-content"> <div class="portfolio-box-caption-content">
<div class="project-category text-faded"> <div class="project-category text-faded">
...@@ -206,6 +206,85 @@ ...@@ -206,6 +206,85 @@
</div> </div>
</div> </div>
</section> </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 --> <!-- jQuery -->
<script src="js/jquery.js"></script> <script src="js/jquery.js"></script>
......
music.html
View file @ d81c0f81
...@@ -85,7 +85,7 @@ ...@@ -85,7 +85,7 @@
<div class="row"> <div class="row">
<div class="col-md-10 stream-image"> <div class="col-md-10 stream-image">
<div class="headline-right"> <div class="headline-right">
<h1>Stream</h1> <h1>Gitarowy stream</h1>
<p>Każdy poniedziałek 20:00</p> <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> <a href="http://www.hitbox.tv/baz0k" class="page-scroll btn btn-primary btn-xl sr-button pull-left">Let's rock!</a>
</div> </div>
...@@ -97,7 +97,7 @@ ...@@ -97,7 +97,7 @@
<div class="col-md-12 tutorial-image"> <div class="col-md-12 tutorial-image">
<div class="headline-left"> <div class="headline-left">
<h1>Lekcje gry na gitarze</h1> <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> <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>
</div> </div>
...@@ -108,11 +108,9 @@ ...@@ -108,11 +108,9 @@
<div class="row"> <div class="row">
<div class="col-md-12 reviews-image"> <div class="col-md-12 reviews-image">
<div class="headline-right"> <div class="headline-right">
<h1>Recenzje sprzętu</h1> <h1>Gałkologia</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> <p>czyli profesjonalne testy sprzętu gitarowego</p>
<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> </div>
<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>
</div> </div>
...@@ -126,13 +124,93 @@ ...@@ -126,13 +124,93 @@
</div> </div>
<div class="col-md-6 split-image-1"> <div class="col-md-6 split-image-1">
<div class="icon-image-contener"> <div class="icon-image-contener">
<h1>Gałkologia</h1> <h1>Muzyka</h1>
<p>recenzje efektów gitarowych</p> <p>Reszta mojej działalności</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> <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> </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 --> <!-- jQuery -->
......
partner.html
View file @ d81c0f81
...@@ -86,13 +86,16 @@ ...@@ -86,13 +86,16 @@
<div class="row"> <div class="row">
<div class="col-lg-8 col-lg-offset-2 text-center"> <div class="col-lg-8 col-lg-offset-2 text-center">
<h1 class="section-heading">Twórzmy razem</h1> <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> <hr>
</div> </div>
<div class="col-lg-4 col-lg-offset-2 text-center"> <div class="col-lg-4 col-lg-offset-2 text-center">
<i class="fa fa-phone fa-3x sr-contact"></i> <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>
<div class="col-lg-4 text-center"> <div class="col-lg-4 text-center">
...@@ -103,103 +106,81 @@ ...@@ -103,103 +106,81 @@
</div> </div>
</section> </section>
<section class="no-padding" id="services"> <section id="partners">
<div class="container-fluid"> <div class="container">
<div class="row no-gutter popup-gallery"> <div class="row">
<div class="col-lg-12 text-center"> <div class="col-lg-8 col-lg-offset-2 text-center">
<h2 class="section-heading">Przykłady</h2> <h2 class="section-heading">Partnerzy</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>
<div class="col-lg-3 col-sm-6"> </div>
<a href="https://www.youtube.com/watch?v=5rqKq3Tgqt4&list=PL_OaToaNcR1DRfkGjEySidiwApdq5B4Ah" class="portfolio-box"> <div class="row">
<img src="img/portfolio/thumbnails/2.jpg" class="img-responsive" alt=""> <div class="col-lg-2">
<div class="portfolio-box-caption"> <img class="partner-img" src="img/partners/Drewnianekostki gitarowe.jpg">
<div class="portfolio-box-caption-content"> <p class="text-center">Drewniane kostki gitarowe</p>
<div class="project-category text-faded">
Nie wiem co to jest
</div>
<div class="project-name">
:D
</div>
</div>
</div>
</a>
</div> </div>
<div class="col-lg-3 col-sm-6"> <div class="col-lg-2 col-lg-offset-1">
<a href="https://www.youtube.com/watch?v=bHcQETjr9IM&index=2&list=PL_OaToaNcR1BH06Z9b5swHsylkfpUHGkF" class="portfolio-box"> <img class="partner-img" src="img/partners/IanRajder.jpg">
<img src="img/portfolio/thumbnails/3.jpg" class="img-responsive" alt=""> <p class="text-center">Efekty Gitarowe Ian Rajder</p>
<div class="portfolio-box-caption">
<div class="portfolio-box-caption-content">
<div class="project-category text-faded">
Testy
</div>
<div class="project-name">
efektów dzwiękowych
</div>
</div>
</div>
</a>
</div> </div>
<div class="col-lg-3 col-sm-6">
<a href="img/portfolio/fullsize/3.jpg" class="portfolio-box"> <div class="col-lg-2 col-lg-offset-1">
<img src="img/portfolio/thumbnails/4.jpg" class="img-responsive" alt=""> <img class="partner-img" src="img/partners/GordonCustomShop%20Equipment.png">
<div class="portfolio-box-caption"> <p class="text-center">GordonCustomShop Equipment</p>
<div class="portfolio-box-caption-content">
<div class="project-category text-faded">
Wywiady
</div>
<div class="project-name">
Masz już jakieś, czy dopiero będziesz miał?
</div>
</div>
</div>
</a>
</div> </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>
</div>
</section>
<section id="partners">
<div class="container">
<div class="row"> <div class="row">
<div class="col-lg-8 col-lg-offset-2 text-center"> <div class="col-lg-2">
<h2 class="section-heading">Partnerzy</h2> <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>
<div class="col-lg-2 col-lg-offset-1"> <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"> <img class="partner-img" src="img/partners/SolarPicks.jpg">
<p class="text-center">Efekty Gitarowe DIY - Ian Rajder</p> <p class="text-center">Solar Picks</p>
</div> </div>
<div class="col-lg-2 col-lg-offset-2"> <div class="col-lg-2 col-lg-offset-1">
<img src="https://scontent.fwaw3-1.fna.fbcdn.net/v/t1.0-9/392837_237099653082006_1067672496_n.jpg?oh=ac953cf4438f225cfc521cf4d9201a5f&oe=57C83E05"> <img class="partner-img" src="img/partners/VectraFuzz.jpg">
<p class="text-center">NoLogopicks</p> <p class="text-center">Vectra Fuzz</p>
</div> </div>
</div>
<div class="col-lg-2 col-lg-offset-2"> <div class="row">
<img src="img/aloc.png"> <div class="col-lg-2">
<p class="text-center">another line of code_</p> <img class="partner-img" src="img/partners/VisarStompboxes.jpg">
<p class="text-center">Visar Stompboxes</p>
</div> </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> </div>
</div>
</section> </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