iiideb

<button type="button" class="close" aria-label="Close">...</button>

const alerts = document.querySelectorAll('.alert');

for (const alert of alerts) {
  const closeButton = alert.querySelector('.close');

  if (closeButton !== null) {
    closeButton.addEventListener('click', event => {
      event.preventDefault();

      alert.style.setProperty('display', 'none');
    });
  }
}

изучайте и делайте все на фреймворках. напр как yii2 https://www.yiiframework.com/
и если вы хотите стать профессионалом в программировании то изучайте фремворки (они в отличии от cms бесплатные и документации для них много)

define - константа
ROOT - имя константы(в IT обычно означает главный)

__DIR__ - Директория файла. Если используется внутри подключаемого файла, то возвращается директория этого файла. Это эквивалентно вызову dirname(__FILE__). Возвращаемое имя директории не оканчивается на слеш, за исключением корневой директории.

PATH - путь с английского, т.е. http://{$_SERVER['HTTP_HOST']}{$_SERVER['PHP_SELF']}

Что не ясно то?

пхп тут вообще не при делах.

это название констант, которые создает писатель этого кода.

define("ROOT", dirname(__DIR__));
define("PATH", $app_path);

https://www.php.net/manual/ru/function.define.php

Нет ничего лучше официальной документации.

Любые курсы - это зря потраченные деньги и время.

Всё новое нужно учить только через личный опыт.

В корне сервера отсутствует index.php или index.html, поэтому отображается структура каталогов. Переименуйте main.php в index.php или измените настройки Apache.

1. Получаешь общее количество страниц с данным товаром
   

   total_pages = int(soup.find('div', {'class': 'page_listing'}).findAll('a')[-1].text)

   
   
   
2. 
   Делаешь список возможных урлов страниц:
   

   base_url = 'https://www.citilink.ru/catalog/computers_and_notebooks/computers/?available=1&status=55395790&p={}'
   urls = [base_url.format(x) for x in range (1, total_pages+1)]

   
   
   
3. Обходишь все полученные урлы
   

special_price = div.find('span', attrs={'class' : 'subcategory-product-item__price_special'}).text
AttributeError: 'NoneType' object has no attribute 'text'

А что если div.find не находит эту строку в принципе(т.е. в div в котором проходит поиск её просто нет)?
Можно сделать, например так:

def safe_search(tag, attrs):
    x = div.find('span', attrs={'class' : 'subcategory-product-item__price_special'})
    if x is not None:
        return x.text()
    else:
        return ''

Не верстайте так. Использовать float для сеток и центровать отступом слева – это плохая практика.

Чтобы расположить контент по центру, нужно не у логотипа слева отступ делать, а центровать весь header (content и т.д.). Для этого заводите специальный класс (как правило, его называют .container) и добавляете его везде, где нужно отцентровать контент. И вместо float используйте flexbox.

Например, для вашего header-а:

<header class="container">
  <div class="header-logo">
    <img src="http://jakimez.ru/sites/all/themes/vladweb/img/logo.png" alt="logo">
  </div>
  <nav class="header-menu">
    <ul>
      <li class="navigation-menu">Главная</li>
      <li class="navigation-menu">Наши Услуги</li>
      <li class="navigation-menu">Цены</li>
      <li class="navigation-menu">Контакты</li>
    </ul>
  </nav>
  <div class="header-contacts">
    8(4922)33-56-09
    <br>info@jakimez.ru
  </div>
</header>

.container {
  max-width: 1000px;
  margin: 0 auto;
}

header {
  display: flex;
  justify-content: space-between;
}