melawy-en-site/public/index.html

709 lines
32 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!doctype html>
<html lang="ru-RU" data-bs-theme="auto">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta property="og:type" content="website">
<meta name="author" content="Valeria Fadeeva">
<meta name="keywords" content="melawy,linux,melawylinux,melawy-linux,arch,archlinux">
<title>Melawy Linux</title>
<meta property="og:title" content="Melawy Linux">
<meta property="og:site_name" content="Melawy Linux">
<link rel="canonical" href="https://melawy.ru">
<meta property="og:url" content="https://melawy.ru/">
<link rel="icon" href="assets/img/favicon.svg" type="image/svg+xml">
<link rel="alternate icon" href="assets/img/favicon.png" type="image/png">
<meta property="og:image" content="assets/ico/logo.png">
<meta name="description" content="Melawy Linux - Arch Linux based distro">
<meta property="og:description" content="Melawy Linux - Arch Linux based distro">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.2/css/bootstrap.min.css"
integrity="sha512-b2QcS5SsA8tZodcDtGRELiGv5SaKSk1vDHDaQRda0htPYWZ6046lr3kJ5bAAQdpV2mmA/4v0wQF9MyU6/pDIAg=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css"
integrity="sha512-z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBreCFkKxLhei6S9CQXFEbbKuqLg0DA=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
<!-- Custom styles for this template -->
<link href="assets/css/carousel.css" rel="stylesheet">
<link href="assets/css/style.css" rel="stylesheet">
</head>
<body>
<button type="button" class="btn btn-danger btn-floating btn-lg" id="btn-back-to-top">
<i class="fas fa-arrow-up"></i>
</button>
<header class="mb-auto">
<nav class="navbar navbar-dark bg-dark fixed-top border-bottom">
<div class="container-fluid">
<a class="navbar-brand justify-content-center float-md-start mb-0" href="/">
<img src="assets/ico/Melawy_Linux_64x32.svg" alt="Melawy Linux" width="96" height="48" class="d-inline-block align-text-top">
</a>
<nav class="nav nav-underline">
<a href="/" class="nav-link text-light active" aria-current="page">
Главная
</a>
<a href="/download" class="nav-link">
Скачать
</a>
<a href="https://www.tinkoff.ru/cf/7OmVoFjdFNI" target="_blank" class="nav-link">
Поддержать проект
</a>
<a href="/cooperation" class="nav-link">
Сотрудничество
</a>
<a href="/about" class="nav-link">
Об авторе
</a>
</nav>
<div class="col-md-2 col-sm-12 align-items-end text-decoration-none">
<ul class="nav justify-content-end list-unstyled d-flex p-3">
<li class="ms-3">
<button type="button" id="btnSwitch" class="btn btn-outline-secondary"><i class="fa-solid fa-moon"></i></button>
</li>
<li class="ms-3">
<a class="text-muted" href="https://discord.gg/725zXx7RhJ" target="_blank" data-bs-toggle="tooltip"
data-bs-placement="bottom" data-bs-title="Сообщество">
<i class="fa-brands fa-discord text-secondary"></i>
</a>
</li>
<li class="ms-3">
<a class="text-muted" href="https://www.youtube.com/@Melawy" target="_blank" data-bs-toggle="tooltip"
data-bs-placement="bottom" data-bs-title="YouTube-канал">
<i class="fa-brands fa-youtube text-secondary"></i>
</a>
</li>
<li class="ms-3">
<a class="text-muted" href="https://t.me/Melawy_news" target="_blank" data-bs-toggle="tooltip"
data-bs-placement="bottom" data-bs-title="Новости">
<i class="fa-brands fa-telegram text-secondary"></i>
</a>
</li>
<li class="ms-3">
<a class="text-muted" href="https://t.me/Melawy_chat" target="_blank" data-bs-toggle="tooltip"
data-bs-placement="bottom" data-bs-title="Чат">
<i class="fa-brands fa-telegram text-secondary"></i>
</a>
</li>
<li class="ms-3">
<a class="text-muted" href="https://github.com/Melawy" target="_blank" data-bs-toggle="tooltip"
data-bs-placement="bottom" data-bs-title="Исходный код">
<i class="fa-brands fa-square-git text-secondary"></i>
</a>
</li>
<li class="ms-3">
<a class="text-muted" href="https://www.tinkoff.ru/cf/7OmVoFjdFNI" target="_blank" data-bs-toggle="tooltip"
data-bs-placement="bottom" data-bs-title="Поддержать проект">
<i class="fa-solid fa-circle-dollar-to-slot text-secondary"></i>
</a>
</li>
</ul>
<!-- <button class="navbar-toggler" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasDarkNavbar" aria-controls="offcanvasDarkNavbar" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button> -->
</div>
<!--
<div class="offcanvas offcanvas-end text-bg-dark" tabindex="-1" id="offcanvasDarkNavbar" aria-labelledby="offcanvasDarkNavbarLabel">
<div class="offcanvas-header">
<h5 class="offcanvas-title" id="offcanvasDarkNavbarLabel">Dark offcanvas</h5>
<button type="button" class="btn-close btn-close-white" data-bs-dismiss="offcanvas" aria-label="Close"></button>
</div>
<div class="offcanvas-body">
<ul class="navbar-nav justify-content-end flex-grow-1 pe-3">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="#">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Link</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Dropdown
</a>
<ul class="dropdown-menu dropdown-menu-dark">
<li><a class="dropdown-item" href="#">Action</a></li>
<li><a class="dropdown-item" href="#">Another action</a></li>
<li>
<hr class="dropdown-divider">
</li>
<li><a class="dropdown-item" href="#">Something else here</a></li>
</ul>
</li>
</ul>
<form class="d-flex mt-3" role="search">
<input class="form-control me-2" type="search" placeholder="Search" aria-label="Search">
<button class="btn btn-success" type="submit">Search</button>
</form>
</div>
</div> -->
</div>
</nav>
</header>
<main>
<div id="myCarousel" class="carousel slide carousel-fade carousel-light py-4" data-bs-ride="carousel">
<div class="carousel-indicators">
<button type="button" data-bs-target="#myCarousel" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
<button type="button" data-bs-target="#myCarousel" data-bs-slide-to="1" aria-label="Slide 2"></button>
<button type="button" data-bs-target="#myCarousel" data-bs-slide-to="2" aria-label="Slide 3"></button>
<button type="button" data-bs-target="#myCarousel" data-bs-slide-to="3" aria-label="Slide 3"></button>
</div>
<div class="carousel-inner">
<div class="carousel-item active">
<img src="assets/img/slide1.png" class="d-block w-100">
</div>
<div class="carousel-item">
<img src="assets/img/slide4.png" class="d-block w-100">
</div>
<div class="carousel-item">
<img src="assets/img/slide6.png" class="d-block w-100">
</div>
<div class="carousel-item">
<img src="assets/img/slide8.png" class="d-block w-100">
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#myCarousel" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#myCarousel" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div>
<!-- Marketing messaging and featurettes
================================================== -->
<!-- Wrap the rest of the page in another container to center all the content. -->
<div class="container marketing">
<div class="p-4 p-md-5 mb-4 rounded text-bg-dark">
<div class="col-md-12 px-0">
<h1 class="display-4 fst-italic">Melawy Linux</h1>
<p class="lead my-3">
Дистрибутив операционной системы Linux, основанный на пакетной базе Arch Linux, установщике Calamares,
с индивидуально разработанным оформлением под загрузчик rEFInd, экран загрузки Plymouth, менеджер входа в систему SDDM,
рабочий стол KDE Plasma.
</p>
<p>
Продукт является открытым программным обеспечением со свободной лицензией.
</p>
<p>
Проект нацелен на сегмент ПК и ноутбуков.</p>
</div>
</div>
<!-- Three columns of text below the carousel -->
<div class="row justify-content-center align-items-center text-center">
<div class="col-lg-12 col-md-12 col-sm-12 justify-content-center align-items-center">
<h5 class="text-muted">Список ключевых особенностей</h5>
</div>
<div class="col-lg-4 col-md-6 col-sm-12">
<div>
<p>
<ul class="list-unstyled text-start">
<li>ISO: ArchISO</li>
<li>Installer: Calamares</li>
<li>Loader: rEFInd</li>
<li>Kernel: Linux Xanmod Anbox</li>
</ul>
</p>
</div>
</div><!-- /.col-lg-4 -->
<div class="col-lg-4 col-md-6 col-sm-12">
<div>
<p>
<ul class="list-unstyled text-start">
<li>Initrd: Dracut, Dracut-UKIFY</li>
<li>EFI, Secure Boot, TPM</li>
<li>Splash screen: Plymouth</li>
<li>Init: Systemd</li>
</ul>
</p>
</div>
</div><!-- /.col-lg-4 -->
<div class="col-lg-4 col-md-6 col-sm-12">
<div>
<p>
<ul class="list-unstyled text-start">
<li>DM: SDDM</li>
<li>DE: KDE Plasma</li>
<li>PM: pacman, pamac</li>
</ul>
</p>
</div>
</div><!-- /.col-lg-4 -->
</div><!-- /.row -->
<!-- START THE FEATURETTES -->
<hr class="featurette-divider">
<div class="row featurette">
<div class="col-md-5 order-md-2">
<h2 class="featurette-heading fw-normal lh-1"><span class="text-muted">Установка Melawy Linux c диска</span></h2>
<p class="lead">В ISO-образе имеется всё необходимое для начала работы</p>
<p>Необходимые программы можно легко установить через пакетный менеджер</p>
</div>
<div class="col-md-7 order-md-1">
<div class="iframe-container">
<iframe src="https://www.youtube-nocookie.com/embed/waCnwyxdSS0?rel=0" title="YouTube video player" frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
allowfullscreen class="responsive-iframe"></iframe>
</div>
</div>
</div>
<hr class="featurette-divider">
<div class="row featurette">
<div class="col-md-5 order-md-1">
<h2 class="featurette-heading fw-normal lh-1"><span class="text-muted">Установка по сети</span></h2>
<p class="lead">Позволяет выбрать дополнительные компоненты до установки</p>
</div>
<div class="col-md-7 order-md-2">
<img src="assets/img/online.png" style="max-width: 100%; max-height: 100%;">
</div>
</div>
<hr class="featurette-divider">
<div class="row featurette">
<div class="col-md-5 order-md-2">
<h2 class="featurette-heading fw-normal lh-1"><span class="text-muted">Загрузчик rEFInd</span></h2>
<p class="lead">Позволяет загрузить Linux, Unix, MacOS, Windows и другие операционные системы</p>
</div>
<div class="col-md-7 order-md-1">
<img src="assets/img/refind.png" style="max-width: 100%; max-height: 100%;">
</div>
</div>
<hr class="featurette-divider">
<div class="row featurette">
<div class="col-md-5 order-md-1">
<h2 class="featurette-heading fw-normal lh-1"><span class="text-muted">Загрузочный экран Plymouth</span></h2>
<p class="lead">Позволяет скрыть текстовый вывод этапа загрузки</p>
<p>Позволяет ввести пароль для разблокировки диска</p>
<p>Вернуться в текстовый режим и обратно можно кнопкой HOME на клавиатуре</p>
</div>
<div class="col-md-7 order-md-2">
<img src="assets/img/plymouth.png" style="max-width: 100%; max-height: 100%;">
</div>
</div>
<hr class="featurette-divider">
<div class="row featurette">
<div class="col-md-5 order-md-2">
<h2 class="featurette-heading fw-normal lh-1"><span class="text-muted">Экран входа в систему SDDM</span></h2>
<p class="lead">Позволяет выбрать доступных для входа в систему пользователей и произвести вход</p>
<p>При необходимости можно показать вводимый пароль, чтобы не ошибиться при вводе</p>
</div>
<div class="col-md-7 order-md-1">
<img src="assets/img/sddm.png" style="max-width: 100%; max-height: 100%;">
</div>
</div>
<hr class="featurette-divider">
<div class="row featurette">
<div class="col-md-5 order-md-1">
<h2 class="featurette-heading fw-normal lh-1"><span class="text-muted">Рабочий стол KDE Plasma</span></h2>
<!-- <p class="lead">Обозреватель папок, Dolphin, имеет возможность открывать вкладки как в браузере,
работать в режиме двух панелей, когда слева и справа в одном окне открыты разные папки</p>
<p>Командный терминал, Konsole, позволяет открывать вкладки, делить экран термнинала вертикально, горизонтально</p> -->
</div>
<div class="col-md-7 order-md-2">
<img src="assets/img/plasma.png" style="max-width: 100%; max-height: 100%;">
</div>
</div>
<hr class="featurette-divider">
<div class="row featurette">
<div class="col-md-5 order-md-2">
<h2 class="featurette-heading fw-normal lh-1"><span class="text-muted">Главное меню</span></h2>
<p class="lead">Позволяет получать простой доступ к необходимым программам</p>
<p>Закреплять в избранном необходимые программы и выносить их на панель задач</p>
</div>
<div class="col-md-7 order-md-1">
<img src="assets/img/start-menu.png" style="max-width: 100%; max-height: 100%;">
</div>
</div>
<hr class="featurette-divider">
<div class="row featurette">
<div class="col-md-5 order-md-1">
<h2 class="featurette-heading fw-normal lh-1"><span class="text-muted">Обозреватель папок, Dolphin</span></h2>
<p class="lead">Обозреватель папок, Dolphin, имеет возможность открывать вкладки как в браузере, работать в режиме
двух панелей, когда слева и справа в одном окне открыты разные папки</p>
<p>Командный терминал, Konsole, позволяет открывать вкладки, делить экран термнинала вертикально, горизонтально</p>
</div>
<div class="col-md-7 order-md-2">
<img src="assets/img/dolphin.png" style="max-width: 100%; max-height: 100%;">
</div>
</div>
<hr class="featurette-divider">
<div class="row featurette">
<div class="col-md-5 order-md-2">
<h2 class="featurette-heading fw-normal lh-1"><span class="text-muted">Пакетный менеджер Pamac</span></h2>
<p class="lead">Позволяет устанавливать и удалять программы</p>
<p>В некоторых случаях не обойтись без использования консоли и консольного пакетного менеджера Pacman</p>
</div>
<div class="col-md-7 order-md-1">
<img src="assets/img/pamac.png" style="max-width: 100%; max-height: 100%;">
</div>
</div>
<hr class="featurette-divider">
<div class="row featurette">
<div class="col-md-5 order-md-1">
<h2 class="featurette-heading fw-normal lh-1"><span class="text-muted">Апплет и программа обновления системы</span></h2>
<p class="lead">Проверяют наличие обновлений системы и программ</p>
<p>Позволяют скачать и установить обновления в любое время по щелчку на кнопке</p>
</div>
<div class="col-md-7 order-md-2">
<img src="assets/img/updater-and-applet.png" style="max-width: 100%; max-height: 100%;">
</div>
</div>
<hr class="featurette-divider">
<div class="row featurette">
<div class="col-md-5 order-md-2">
<h2 class="featurette-heading fw-normal lh-1"><span class="text-muted">Модифицированное ядро XanMod</span></h2>
<p class="lead">
Это оптимизированное ядро Linux, которое разработано для повышения производительности и улучшения отзывчивости системы.
</p>
<p class="d-inline-flex gap-1">
Оно включает в себя множество патчей и оптимизаций, которые позволяют значительно ускорить работу компьютера.
</p>
<p class="d-inline-flex gap-1">
Преимущества
</p>
<ul>
<li>
Содержит оптимизации для улучшения производительности и снижения задержек в играх и других приложениях с высокими
требованиями к производительности.
</li>
<li>
Поддержка многопоточности и многопроцессорных систем.
</li>
<li>
Оптимизация работы сетевых подсистем, что позволяет увеличить скорость передачи данных.
</li>
<li>
Улучшение работы с файловой системой, что повышает скорость чтения и записи данных на диск.
</li>
<li>
Поддержка новых технологий и устройств, таких как NVMe и USB 3.0.
</li>
<li>
Улучшение работы с памятью, что позволяет увеличить производительность приложений.
</li>
<li>
Поддержка новых функций безопасности, таких как защита от атак Spectre и Meltdown.
</li>
<li>
Оптимизация работы с графическими картами, что улучшает производительность игр и других графических приложений.
</li>
<li>
Модифицированное ядро XanMod может быть установлено на любой дистрибутив Linux и предоставляет значительные
преимущества
для пользователей, которые нуждаются в максимальной производительности и отзывчивости своей системы.
</li>
<li>
Оно также содержит некоторые дополнительные функции и патчи, которые не включены в стандартное ядро Linux. XanMod
предназначен для пользователей, которые хотят получить максимальную производительность из своей системы Linux.
</li>
<li>
Модуль ядра Anbox — свободное программное обеспечение с открытым исходным кодом, представляет собой слой
совместимости, который
позволяет мобильным приложениям и мобильным играм, разработанным для OS Android, работать в дистрибутивах GNU/Linux.
</li>
</ul>
<p class="d-inline-flex gap-1">
ВНИМАНИЕ
</p>
<ul>
<li>
Некоторые патчи и оптимизации могут привести к нестабильной работе системы или совместимости с некоторым программным
обеспечением.
</li>
<li>
Некоторые оптимизации могут привести к увеличению потребления энергии, что может негативно сказаться на времени
работы
от аккумулятора в ноутбуках.
</li>
</ul>
</div>
<div class="col-md-7 order-md-1">
<img src="assets/img/xanmod.png" style="max-width: 100%; max-height: 100%;">
</div>
</div>
<hr class="featurette-divider">
<div class="row">
<div class="col-lg-12">
<p class="d-inline-flex gap-1">
<button class="btn btn-outline-secondary" type="button" data-bs-toggle="collapse" data-bs-target="#collapse2" aria-expanded="false" aria-controls="collapse2">
Набор программ и репозиториев
</button>
</p>
<div class="collapse" id="collapse2">
<p>Репозитории:</p>
<ul>
<li>melawy</li>
<li>melawy-3party</li>
<li>core</li>
<li>extra</li>
<li>community</li>
<li>multilib</li>
<li>arcolinux_repo</li>
<li>arcolinux_repo_xlarge</li>
<li>arcolinux_repo_3party</li>
<li>chaotic</li>
</ul>
<p>Не используются специфичные для ArcoLinux программы и оформление.</p>
<p>Системные компоненты:</p>
<ul>
<li>refind</li>
<li>btrfs</li>
<li>efi</li>
<li>vmlinuz + initrd</li>
<li>ukify</li>
<li>dracut</li>
<li>systemd 253+</li>
<li>timeshift</li>
<li>plymouth</li>
<li>sddm</li>
<li>kde</li>
<li>pipewire</li>
</ul>
<p>Пакетные менеджеры:</p>
<ul>
<li>pacman</li>
<li>pamac</li>
<li>octopi</li>
<li>paru</li>
<li>yay</li>
</ul>
<p>Обновление зеркал пакетов:</p>
<ul>
<li>Reflector</li>
</ul>
<p>Стандартный набор программ:</p>
<ul>
<li>FreeOffice</li>
<li>LibreOffice</li>
<li>OnlyOffice</li>
<li>Firefox</li>
<li>Firefox Dev</li>
<li>Chrome</li>
<li>Telegram</li>
<li>Discord</li>
<li>VS Code</li>
<li>Zoom</li>
<li>Skype</li>
<li>KeePassXC</li>
<li>YandexDisk</li>
<li>AnyDesk</li>
</ul>
<p>Графические редакторы:</p>
<ul>
<li>Gimp</li>
<li>InkScape</li>
<li>Krita</li>
</ul>
<p>Мультимедиа:</p>
<ul>
<li>ObsStudio with Browser support</li>
<li>Haruna</li>
<li>Vlc</li>
<li>Mpv</li>
<li>Elisa</li>
<li>Audacious</li>
<li>Audacity</li>
<li>Avidemux</li>
</ul>
<p>Почта:</p>
<ul>
<li>Mailspring</li>
<li>Thunderbird</li>
</ul>
<p>При необходимости можно установить:</p>
<ul>
<li>Brave</li>
<li>Opera</li>
<li>WhatsApp</li>
</ul>
</div>
</div>
</div>
<!-- /END THE FEATURETTES -->
</div><!-- /.container -->
<!-- FOOTER -->
<!-- d-flex flex-wrap justify-content-between align-items-center py-3 my-4 -->
<footer class="container border-top py-3 my-4">
<div class="row">
<div class="col-lg-4 justify-content-start align-items-center">
<p class="mb-0 text-muted">&copy; 2023 Melawy (Valeria Fadeeva)</p>
<a href="/download" role="button" class="btn btn-outline-secondary">
Скачать
</a>
<a href="https://www.tinkoff.ru/cf/7OmVoFjdFNI" target="_blank" role="button" class="btn btn-outline-secondary">
Поддержать проект
</a>
</div>
<div class="col-lg-4 align-items-center justify-content-between">
<a href="/" class="mb-3 mb-md-0 me-md-auto link-dark text-decoration-none">
<img src="assets/ico/Melawy_Linux_64x32.png">
</a>
</div>
<div class="col-lg-4">
<ul class="nav justify-content-end list-unstyled p-3">
<li class="ms-3">
<a class="text-muted" href="https://discord.gg/725zXx7RhJ" target="_blank" data-bs-toggle="tooltip"
data-bs-title="Сообщество">
<i class="fa-brands fa-discord"></i>
</a>
</li>
<li class="ms-3">
<a class="text-muted" href="https://www.youtube.com/@Melawy" target="_blank" data-bs-toggle="tooltip"
data-bs-title="YouTube-канал">
<i class="fa-brands fa-youtube"></i>
</a>
</li>
<li class="ms-3">
<a class="text-muted" href="https://t.me/Melawy_news" target="_blank" data-bs-toggle="tooltip"
data-bs-title="Новости">
<i class="fa-brands fa-telegram"></i>
</a>
</li>
<li class="ms-3">
<a class="text-muted" href="https://t.me/Melawy_chat" target="_blank" data-bs-toggle="tooltip" data-bs-title="Чат">
<i class="fa-brands fa-telegram"></i>
</a>
</li>
<li class="ms-3">
<a class="text-muted" href="https://github.com/Melawy" target="_blank" data-bs-toggle="tooltip"
data-bs-title="Исходный код">
<i class="fa-brands fa-square-git"></i>
</a>
</li>
<li class="ms-3">
<a class="text-muted" href="https://www.tinkoff.ru/cf/7OmVoFjdFNI" target="_blank" data-bs-toggle="tooltip"
data-bs-title="Поддержать проект">
<i class="fa-solid fa-circle-dollar-to-slot"></i>
</a>
</li>
</ul>
</div>
</div>
</footer>
</main>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.2/js/bootstrap.bundle.min.js" integrity="sha512-X/YkDZyjTf4wyc2Vy16YGCPHwAY8rZJY+POgokZjQB2mhIRFJCckEGc6YyX9eNsPfn0PzThEuNs+uaomE5CO6A==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/js/all.min.js" integrity="sha512-uKQ39gEGiyUJl4AI6L+ekBdGKpGw4xJ55+xyJG7YFlJokPNYegn9KwQ3P8A7aFQAUtUsAQHep+d/lrGqrbPIDQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="assets/js/script.js"></script>
</body>
</html>