Начальный шаблон для создание сайта на bitrix где подключены самые популярные и необходимые библиотеки. Примеры как правильно подключить другие файлы со стилями и скриптами чтобы правильно работало кэширование, минификация и сжатие.
<?if(!defined("B_PROLOG_INCLUDED") || B_PROLOG_INCLUDED!==true) die();?>
<?
use Bitrix\Main\Localization\Loc;
use Bitrix\Main\Page\Asset;
use Bitrix\Main\Loader;
use Bitrix\Main\UI\Extension; Extension::load('ui.bootstrap4'); //подключаем boostrap 4 в виде расширение
Loc::loadMessages(__FILE__);
?>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title><?$APPLICATION->ShowTitle(false);?></title> <!--Вывод заголовка-->
<?//CJSCore::Init(array("jquery")) // подключение jquery 1.8.x?>
<?//CJSCore::Init(array("jquery2")) // подключение jquery 2.1.x?>
<?//CJSCore::Init(array("fx")) // подключение core_fx ?>
<?//CJSCore::Init(array('ajax')) // подключение ajax?>
<?//CJSCore::Init(array("popup")) // подключение popup?>
<?//Asset::getInstance()->addCss('/bitrix/css/main/bootstrap.min.css') //подключение boostrap 3 ?>
<?Asset::getInstance()->addCss(SITE_TEMPLATE_PATH .'/css/custom.css', true) //подключение стили, false/true - подключение в конце ?>
<?Asset::getInstance()->addJs(SITE_TEMPLATE_PATH . '/js/custom.js', true) //подключение скрипты, false/true - подключение в конце ?>
<?$APPLICATION->ShowMeta("keywords")?>
<?$APPLICATION->ShowMeta("description")?>
<?$APPLICATION->ShowHead() //вывод скриптов и стили?>
</head>
<body>
<?$APPLICATION->ShowPanel(); //панель администрирование?>
<div class="content">
<h1><?$APPLICATION->ShowTitle();?></h1> <!-- Вывод заголовка страницы --><?
if(!defined("B_PROLOG_INCLUDED") || B_PROLOG_INCLUDED!==true) die();
IncludeTemplateLangFile(__FILE__);
?>
</div>
<div id="footer">
<?$APPLICATION->IncludeFile(
$APPLICATION->GetTemplatePath("include_areas/copyright.php"),
Array(),
Array("MODE"=>"html")
);?>
</div>
</body>
</html>