.h1, h1 {
font-size: 36px;
}
@media screen and (min-width: 768px) {
.jumbotron .h1, .jumbotron h1 {
font-size: 63px;
}
}
<script>alert('');</script>
первой строкой в файле лишний.echo "<script>alert('".$path."');</script>";
.wrapper {
background-color: #fff;
margin: 0 auto;
padding: 0 15px 10px;
width: 970px;
}
$('.navMenuItem a').classList.add('.classUnactive');
$('.navMenuItem a').addClass('classUnactive');
document.getElementById('idivNavigation').innerHTML ='<ul class="navMenu">' +
'<li class="navMenuItem"><a href="#Home" id ="idHome" onclick="changeButtonsBackground("idHome")">HOME</a></li>' +
'<li class="navMenuItem"><a href="#About" id ="idAbout" onclick="changeButtonsBackground("idAbout")">ABOUT</a></li>' +
'<li class="navMenuItem"><a href="#Work" id ="idWork" onclick="changeButtonsBackground("idWork")">WORK</a></li>' +
'<li class="navMenuItem"><a href="#Blog" id ="idBlog" onclick="changeButtonsBackground("idBlog")">BLOG</a></li>' +
'<li class="navMenuItem"><a href="#Contact" id ="idContact" onclick="changeButtonsBackground("idContact")">CONTACT</a></li>' +
'</ul>';
onclick="changeButtonsBackground("idHome")"
, кавычки, нельзя делать. Там надо экранировать одинарную кавычку..onclick="changeButtonsBackground(\'idHome\')"