Anna_BS

Старая, но актуальная статья
У Вас перемещение меню на left

Это относится к медицинской электронике. Без должных знаний, можно навредить организму

Если используете flex, то align-items: center к block1 и можно убирать вложенность(section7-block1-text)

maxwellito
codepen

Swiper слайдер

смотрите эти стили take.ms/Xy1R5

Для кода GitHub
+ ссылки на сайты которые вы делали (заказчик хочет представлять какие заказы уже были)
а для всяких плючек верстки + анимации нужно выкладывать свои работы на codepen, uplabs и д.р
Если работы хорошие люди начинают писать, ну и чтобы везде логин был один

А на своем сайте ссылки на все это + контактную информацию

Дальше учить css, html потом js
Sorax рекомендую
тут мини список) https://github.com/andrew--r/channels#conferences-...
Ну и учить нужно постоянно) Да, много и все время есть что-то новенькое)

Выбор основное/детское делать кнопками которые можно "откликнуть". Cразу выводить все меню. Если детское не интересует просто убрать активность кнопки "детское"
1. "О нас" нужно! Мини рассказ о заведении
Страница акций
Страница доставки (можно посмотреть время доставки и область доставки с картой)
Корзина
2. обычное меню с пунктами выше
3. сортировку есть смысл делать только по цене, можно сразу так и выводить
https://www.uplabs.com/search?q=food
Очень удобно когда при выборе рядом выводится корзина и ты видишь что ты выбрал и сумму заказа

getbootstrap.com/customize
пункт @grid-float-breakpoint
изменяешь на @screen-md-min
и мобильное меню будет появляться раньше

а потом лучше поучить, как писали выше, Flexbox или table-cell и media queries и писать меню самому

https://jsfiddle.net/4k5sucxg/

.cell{
 -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

Вообще скрыть уголки?
но зачем тогда вообще углы?

.black-line-c:before {
left: 0px;
bottom: 0px;
border-bottom: 35px solid transparent;
border-right: 35px solid transparent;
z-index: 1;	
}
.black-line-a:before {
right: 0px;
bottom: 0px;
border-bottom: 35px solid transparent;
border-left: 35px solid transparent;
z-index: 1; 
}

или

.black-line-a:before,.black-line-c:before {opacity: 0;}

Это слайдер
swiper попробуйте подстроить этот
анимацию появления css нужно будет написать