<link href="css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
Dwa razy podpinasz bootstrap-a.
<link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Kodchasan" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Kodchasan|PT+Sans" rel="stylesheet">
Można ograniczyć się do jednego zapytania:
<link href="https://fonts.googleapis.com/css?family=Kodchasan|PT+Sans|Lato" rel="stylesheet">
<script src="parallax.js"></script>
</head>
<script src="jquery-3.3.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="jquery.scrollTo.js"></script>
<script src="jquery.localScroll.min.js"></script>
<script src="parallax.js"></script>
Skrypty wyleciały poza HEAD, osobiście umieściłbym je tuż przed `</body>`
Brak podzielenia strony na chociaż by podstawowy header, main, footer.
Duplikujesz 'menu', a wystarczyłyby odpowiednie media queries.
#navigation-bar zmieniłbym na `header`,
<h3 class="select" id="brand">Black's blog</h3>
zamieniłbym na `<h1>`,
a menu, które wygląda dość dziwnie(kod), lista bez listy, br itp, na coś takiego:
<ul>
<li>
<a href="#sekcja">Nazwa sekcji</a>
</li>
<li>
<a href="#sekcja">Nazwa sekcji</a>
</li>
<li>
<a href="#sekcja">Nazwa sekcji</a>
<ul>
<li>
<a href="url">Link</a>
</li>
<li>
<a href="url">Link</a>
</li>
</ul>
</li>
</ul>
Ikony są niepoprawnie wstawiane:
<i class="fab fa-facebook-square"></i>
Powinien zostać użyty znacznik 'bezpłciowy' taki jak `<span>` i dodatkowo ikona powinna posiadać atrybut `aria-hidden="true"`(dla czytników).
<span class="fab fa-facebook-square" aria-hidden="true"></span>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapse">
<i style="color:white;" class="fas fa-bars"></i>
</button>
Przycisk, który nie niesie za sobą treści, powinien być uzupełniony o treść(ukrytą np. techniką visuallyhidden), albo użyć `[aria-label]`
<img src="p1.png" class="col-md-6 col-sm-12 image"></img>
Znacznika `<img>` nie trzeba zamykać, brakuje `[alt]` - jeżeli jest to obrazek dekoracyjny powinien pozostać pusty.
Struktura nagłówków leży.