[Janis_samarra]

mam problem z bootstrapem - po podpięciu do strony rozwala mi nav bar i stopka i tu moja rozkmina, bo mam trochę problemu z ustawieniem fontello home i language change - opadają za nisko nawet jak robię większy bar podpięcie row i itp niewiele zmienia, czy może powinienem zrobić bootstrap nav bar jak w tym filmie a później siatkę strony? to mój pierwszy kontakt z bootstrapem :/ ostatnio męczyłem się z php - i mam nadzieje że będę mógł podmienić zawartość strony jeśli mam tak zapisany kod (ktoś się też wypowie?)

kod php

Na poludnie...

Na Południe...
*"Nie ważne skąd przybyłeś - ważne dokąd zmierzasz"*


* Film
* Historia
* Kuchnia
* Muzyka
* Poradniki
* O mnie


php echo ' <h2 Witaj na mojej stronie!
Drogi gościu, niezwykle miło mi cię widzieć na mojej stronie! Jest to moja pierwsza strona internetowa w moim życiu - nie badź więc zbyt surowy dla jej wygladu, lub jej braków - poprostu dałem z siebie wszystko co mogłem, aby była jak najlepsza, jeżeli posiadasz jakies uwagi proszę kieruj je bezpośrednio na mojego maila lub na moje social media! Ta strona będzie sukcesywnie rozbudowywana o kolejne materiały, więc wpadaj co jakiś czas, aby sprawdzić co nowego! Strona ta została stworzona przeze mnie z dwóch powodów - po pierwsze mojej niezwykłej miłości do Bałkanów i podróży, oraz z chęci znalezienia nowej pracy, a czy może być lepsza reklama, niż pokazanie swoich umiejętności? Tak więc, ciesz się tą stroną i niech umila ci czas!

';?>



php echo '<p style="text-indent: 7%;"
Moją stronę podzieliłem na kilka działów takich jak: film, historia, kuchnia, muzyka, poradniki oraz o mnie. W działach tych będę się starał skupić na kulturze Bałkańskiej i nie tylko :) uzupełnieniem mojej tworczości będa filmy, zdjęcia oraz artykuły omawiające Bałkany z mojej perspektywy, natomiast w zakładce "o mnie" będą informacje o mojej osobie jak również dane do kontaktu.
Serdecznie was do tego zapraszam!';?>


php echo '<p style="text-indent: 7%;"Jeśli masz jakiś pomysł na stronę, chciałbyś mnie zatrudnić, podjąć jakąś wspołpracę ze mną lub po prostu umowić się na piwo to również zapraszam cię do kontaku! ';?>







copyright: napoludnie.pl 2020© Strona ta powstała z mojej checi rozwoju w sferze IT oraz zamiłowania do podróży. Twórcą tej strony jest Jan . Chcesz o mnie wiedzieć więcej? Sprawdź moje social media!




$(document).ready(function() {
var NavY = $('.st').offset().top;

var stickyNav = function(){
var ScrollY = $(window).scrollTop();

if (ScrollY > NavY) {
$('.st').addClass('sticky');
} else {
$('.st').removeClass('sticky');
}
};

stickyNav();

$(window).scroll(function() {
stickyNav();
});
});



</div>



<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous">

i CSS

body
{
background-image: url(zdjecia/backgrounimage.png);
background-attachment: fixed;

background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;

}

.wraper
{
width:80%;
background-color:white;
margin:auto;
margin-left:auto;
margin-right:auto;

}

.header
{
width:100%;
padding: 40px 0;

}


.logo
{
width: 88%;
border: solid;
border-width:2px;
border-color:white;
background:white;
margin-left:auto;
margin-right:auto;
padding: 5px;

font-size:90px;
font-family: 'Crimson Text', serif;
text-align: center;
}

.motto
{
width:70%;
font-size:30px;
font-family: 'DM Mono', monospace;
margin-left:auto;
margin-right:auto;
text-align: center;

}


.st
{
width:79%;
position: fixed;
left:133px;
top:0;
z-index:2;
}


.nav
{
width:100%;
background-color:#e2e2e2;
padding:10px 0;
text-align:center;
border-top: 1px solid black;
border-bottom: 1px solid black;
height:30px;

}

.Home
{

width:60px;
height:30px;
top:40px;
float:left;
margin-left:10px;

text-align:center;
padding: 5px 0;
font-size:24px;

}

.Home:hover
{
background-color:white;
transform: scale(1.1);
}

.translate
{
position: relative;
width:60px;
height:30px;
left:0px;
top:0px;
float:right;
margin-right:10px;
display:inline-block;
text-align:center;
padding: 5px 0;
font-size: 30px;

}

.translate:hover
{
background-color:white;
transform: scale(1.1);
}

.podstrona
{
display:block;
margin-left: auto;
margin-right: auto;
text-align: justify;
padding: 20px;
font-size:21px;
}

.content
{
width: 900px;
margin-left: auto;
margin-right: auto;
text-align: justify;
padding-top: 20px;
font-size:21px;
}


.Parallax
{
background: url(zdjecia/Mainfoto.png) no-repeat center;
background-size: cover;
background-attachment: fixed;
height: 500px;
}


.Parallax2
{
background: url(zdjecia/Mainfoto.png) no-repeat center;
background-size: cover;
background-attachment: fixed;
height: 400px;
}

.socials
{
width:100%;
margin-left:auto;
margin-right:auto;
text-align: justify;
height: 50px;
border: solid;
border-width:0px;
border-color:none;
}

.socialdivs
{
width: 1000px;
margin-left:auto;
margin-right:auto;
height: 50px;
border: solid;
border-width:0px;
border-color:none;
}

.FB
{
width:200px;
height: 30px;
float:left;
font-size: 30px;
text-align: center;
padding: 15px 0;
text-decoration: none;
color: transparent;
}
.FB:hover
{
background-color: #4267b2;

}

.YT
{
width:200px;
height: 30px;
float:left;
font-size: 30px;
text-align: center;
padding: 15px 0;
text-decoration: none;
color: transparent;
}

.YT:hover
{
background-color:#ff0000;

}

.G
{
width:200px;
height: 30px;
float:left;
font-size: 30px;
text-align: center;
padding: 15px 0;
}
.G:hover
{
background-color:#d44638;
}

.Linked
{
width:200px;
height: 30px;
float:left;
font-size: 30px;
text-align:center;
padding: 15px 0;

}
.Linked:hover
{
background-color:#2867b2;
}

.instagram
{
width:200px;
height: 30px;
float:left;
font-size: 30px;
text-align:center;
padding: 15px 0;



}
.instagram:hover
{
background-color:#fcaf45;
}





.footer
{
width: 935px;
background-color: #e2e2e2;
text-align: center;
margin-left:auto;
margin-right:auto;
float:left;
border: solid;
border-color: black;
border-width: 1px;
padding: 30px;

}

a:visited
{
color: black;
}

a.nav
{
width:900px;
margin-left:auto;
margin-right:auto;
position:fixed;

left:0;
right:0;
z-index:100;

}

ul
{
padding:0;
margin:0;
list-style-type: none;
font-size:16px;
height:35px;
line-height:200%;

}

ul a
{
color:red;
text-decoration: none;
display:block;
}

ul > li
{
float:left;
width:142px;
height:30px;
border-right:1px solid black;

text-align: center;
display:inline-block;
}

ul>li:first-child
{
border-left: 1px solid black;
}

ul>li:hover
{
background-color:white;
}

ul>li:hover>a
{
background-color:white;
}

.content1
{

width: 900px;
margin-left: auto;
margin-right: auto;
text-align: justify;
padding-top: 20px;
padding-bottom:10px;


}

.art1
{

width:800px;
display:block;
margin-left: auto;
margin-right: auto;
margin-bottom:50px;
position:relative;
}

.contwart
{

padding:10px;
display:block;
width:auto;
margin-left: auto;
margin-right: auto;
background-color:white;

}
.art1 .contwart
{
position:absolute;
display: block;
width: auto;
bottom:0px;
left:0px;
top:auto;
right:auto;
padding:10px;
opacity:0;
transition: opacity 0.4s ease-in-out;
text-decoration: none;
}

.art1:hover .contwart
{
opacity:0.8;
}

.pager
{
position: relative; left:50px;
display:inline-table;
width:900px;
margin-left: auto;
margin-right: auto;
text-align:center;
text-decoration:none;
list-style-type: none;


}

.previous
{
possition:absolute 20px;
text-align: center;
float:left;

dispalay:block;
font-size:20px;
padding-left:0px;
left:70px;
height:auto;
border: dashed 1px black;
-webkit-transition: transform 0.3s ease-in-out;
-ms-transition: transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out;
}
.next
{
text-align: center;

float:right;
dispalay:block;
font-size:20px;
padding-left:0px;
height:auto;
border: dashed 1px black;
transition: transform 0.3s ease-in-out;
-webkit-transition: transform 0.3s ease-in-out;
-ms-transition: transform 0.3s ease-in-out;
}

.previous:hover
{
background-color:#e2e2e2;
transform: scale(1.3);
}

.next:hover
{
background-color:#e2e2e2;
transform: scale(1.3);
}

.naglowekart
{
font-size:30px;
padding-top: 0px;

}

.zawartoscart
{
width: 800px;
margin-left: auto;
margin-right: auto;
text-align: justify;


font-size:21px;


}

#bootstrap #html #css