Владимир Майструк

Нормально, анимация тоже нормальная, нет размытости как по мне, где брал макет если не секрет?

Вам стоит всем чекбоксам задать отдельный класс, допустим checkbox_input, после js применять к этому классу, это самое легкое решение

сделай вместо transition: opacity, visibility 0.5s, 0.5s;
transition: opacity, visibility 0.5s ease;
и в классе .present__content-slide.active-content-slide убери трансишион

Я на данный момент прохожу курс от этой школы(Веб верстка) это очень удобно, курс полностью оправдывает свою цену, преподаватель подскажет, если не в телеграмм? то на самой платформе, так что если есть денежные средства и ты хочешь поступить, то советую поступать

Ты можешь это сделать через тэг Select и настроить его вид через классы css, засунуть его в input, это ,не совсем верно симантически, но пойдет если js не знаешь, а вообще лучше посмотри хотя бы JQuery, для начала отличная замена джс, но для начала если хочешь еще что то узнать про этот тег то напиши в комментарий к ответу

переделайте функцию так, должно помочь

$(document).ready(function(){
    $('#one-block>#right_arrow').click(function(){ 
        var nextSlide = $('.slide.active').next();
        if($(".slide.active").is(".slide:last")) {
            $('.slide.active').removeClass("active");
            $('.slide:first').addClass("active");
        }
        else {
            $('.slide.active').removeClass("active");
            $(nextSlide).addClass("active");
        }
    });
    $("#left_arrow").click(function(){
        var prevSlide = $('.slide.active').prev();
        if($(".slide.active").is($(".slide:first"))) {
            $('.slide.active').removeClass("active");
            $('.slide:last').addClass("active");
        }
        else {
            $('.slide.active').removeClass("active");
            $(prevSlide).addClass("active");
        }
    }); 
});

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

попробуй просто сделать так

<input type="text" id="my" class="name" value="ваше значение">

Здравствуйте! это стилизованный

<input type="range">

Сделай лучше html, body{
height: 100vh;
}

Вот полный список как задать фону
.paralax3 {
/* The image used */
background-image: url("../img/1.jpg");

/* Create the parallax scrolling effect */
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}

У тебя у кнопки ширина 100% а у формы в пикселях попробуй к форме сделать в %

У тебя написано background: url('../img/icon2.png') no-repeat top; но надо что бы код работал background: url('../img/icon2.png') no-repeat center top;

Я могу посоветовать сайты только с английскими макетами но вот
https://freebiesbug.com/psd-freebies/website-template
https://www.youtube.com/redirect?v=jtl5Qqsh3PQ&eve...
https://www.youtube.com/redirect?v=jtl5Qqsh3PQ&eve...