Для размещения меню слева от заголовка и вставки контента между ними вам нужно выполнить следующие шаги:
1. Создать разметку вашей страницы следующим образом:
```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Ваш заголовок</title>
</head>
<body>
<div class="wrapper">
<nav class="leftside">
<!-- здесь размещается ваше меню -->
</nav>
<header>
<!-- здесь размещается ваш заголовок -->
</header>
<main>
<!-- здесь размещается контент страницы -->
</main>
</div>
</body>
</html>
```
2. С помощью CSS можно стилизовать вашу страницу следующим образом:
```css
.wrapper {
display: flex;
justify-content: space-between;
}
.leftside {
width: 250px; /* задайте нужную ширину вашему меню */
}
header, main {
flex: 1;
}
```
Чтобы переместить "leftside" под шапку на примере сайта https://nldev.boilerparts.ru/, рекомендуется внести следующие изменения:
1. Изменить стили элемента "leftside" в вашем CSS:
```css
.leftside {
position: absolute;
top: 100px; /* задайте нужное расстояние от верхнего края страницы */
}
```
2. Добавить отступ сверху для контента, чтобы избежать накладывания меню на шапку и смещения контента вниз:
```css
main {
margin-top: 120px; /* задайте значение, равное сумме высоты шапки и расстояния от нее до меню */
}
```
Эти изменения помогут оптимально переместить меню и контент на вашем сайте, избежать их перекрытия и корректно отобразить страницу.