Алексей Юдов

JS тут явно не нужен, если я правильно понял вам подойдет это, а вот второй пример

.red-border {
  border: 1px solid red;
}

php

if($day1 == 'Суббота' or $day1 == 'Воскресенье') {
  // some else code here...
  echo "<td class='red-border'>...</td>";
} else {
  // some else code here...
  echo "<td>...<td>"
}

JavaScript-ом проверяем есть ли у текущего пункта меню подпункты, если да, то рядом с текущим пунктом вставляем кнопку с определенным классом, на который вешаем обработчик события раскрытия контейнера с дочерними подпунктами.

Писать готовое решение никто не будет.

Ответ.

.nav__link{
    font-size: 16px;
    display: inline-block;
    padding: 0 15px;
    margin-top: 5px;
    color: #fff;
    text-decoration: none;
    border: 1px solid rgba(0,0,0,0);
}

Позиционирование:
1. FLEX-BOX
В вашем случае можно к контейнеру слайдера применить

.ctx {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

2. Старый добрый margin: 0 auto;

Что касается переключения слайдов
Используйте функцию js setInterval( function, delay )
Exp:

function showSlide(  )
{
  // типо показали слайд, с заказчиком такое не прокатит ;)
  console.log( "slider is shown" );
}


setInterval( function () {
  showSlide();
}, 3000 ); // Вызывает функцию showSlide() каждые 3 секунды ( задержку пишем в мс )

Градиентный фон контейнера и флекс бокс ) Все просто...

<div class="container">
	
<div class="black-block">
	
	<div class="white-block">
		
	</div>

</div>
</div>

.black-block{
	background-color: rgba(0,0,0,.95);
	width: 180px;
	height: 300px;
	position: relative; /* ВАЖНО */
	display: block; 
}

.white-block{
	background-color: rgba(255, 255, 255, .95);
	width: 180px;
	height: 180px;
	position: absolute;
bottom: 0;
	right: 0;
	border-top-left-radius: 15px;
border-top-right-radius: 15px;
}

пропустили двоеточие после свойства контент
Добавьте свойство display: block;

Может сработать
.img-class{
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-image: url('my image.jpg');
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}

Для блока, содержащего отзывы, сделайте правильную структуру и тогда при написании CSS кода все выстроится как нужно. И в любом случае у главного контейнера будут такие св-ва :

.main-container{
  width: 90%;   // Это к примеру
  height: auto;   // Можно не писать, это свойство всегда auto
  overflow: auto;
}

К примеру о структуре контейнера. Я бы делал что-то подобное.

<div class="main-container"> <!-- Блок содержащий все отзывы -->

  <div class="review-container">  <!-- Отдельный отзыв с данными -->
    <div class="reviewer-name"> Alex </div>
    <div class="review-text"> Something review text </div>
    <div class="review-date"> 28.10.2017 </div>
  </div>

</div>

... но на вашем месте я бы подумал о том, что стоит все таки при клике на кнопку выгружать отзывы на страницу. Это сэкономит время загрузки и трафик например, также ускорит загрузку всей страницы в целом