<div class="it-w-color">
<div class="color-ball">
<h1 class="hl-1-color">Цветной шар</h1>
<h2 class="hl-2-color">От оформления воздушными шарами,<br>
до починки вашей техники</h2>
</div>
<div class="computer">
<img src="img/top-content/computer.png" alt="IT-tech">
</div>
</div>
.it-w-color
display: flex
.color-ball
background: url(../img/top-content/elips.png) no-repeat
height: 436px
width: 100%
margin-left: 180px
.hl-1-color
margin-top: 30px
margin-bottom: 0px
margin-left: 20px
padding-top: 70px
color: #ffffff
font-family: Furore-100
font-size: 100px
text-transform: uppercase
font-weight: 400
.hl-2-color
margin: 0
margin-left: 25px
margin-top: 28px
color: #ffffff
font-family: "MuseoSansCyrl-100"
font-size: 40px
font-weight: 400
.computer
margin-top: -100px
margin-right: 37px
width: 100%
img
float: right
width: 100%
На данный момент верстаю многостраничный сайт.
Первая страница готова, осталось сделать ещё 2.
В шапке есть меню навигации.
Хочу перейти на другую страницу -> нажимаю кнопку.
Но что будет происходить после нажатия?
Переход в новый html файл, где copy-paste шапки и футера и уникальный контент между ними?
Переход в новый php файл, где будет описан какой-то php код, чтобы сократить кол-во кода?
Либо что-то другое?
Мне нужен самый надёжный способ, т.к. далее я буду натягивать вёрстку на CMS WordPress.