kisildev

    // Enqueue styles and scripts.
    function theme_name_load_resources() {
    //css
        wp_enqueue_style( '$handle', get_template_directory_uri().'/src' );
    //js
        wp_enqueue_script( '$handle', get_template_directory_uri().'/src' );
    }
    add_action( 'wp_enqueue_scripts', 'theme_name_load_resources' );

kisildev

<div id="button-up" class="button-up">
   <i class="fa fa-chevron-up" aria-hidden="true"></i>
</div>

kisildev

               Подключить mixitup.min.js
               
               //HTML controls
                <div class="filter_div controls">
                    <ul class="sub-menu hide-for-xm">
                        <li data-filter="all" class="filter active-port">All</li>
                        <li data-filter=".category-1" class="filter">Branding</li>
                        <li data-filter=".category-2" class="filter">Web</li>
                        <li data-filter=".category-3" class="filter">Logo Design</a></li>
                        <li data-filter=".category-4" class="filter">Photography</li>

kisildev

/*====================================
    Theme Name: project name
    Theme URL: http://skrymedia.com
    Description: ...
    Author: Alexandr Kisil
    Author URI: 
    Version: 1.0
========================================*/
/*======================================
    CSS INDEX

kisildev

.clear_fix:after {
    content: '.';
    display: block;
    height: 0;
    font-size: 0;
    line-height: 0;
    clear: both;
    visibility: hidden;
}

kisildev

var slickCarousel= $('.serviceSlider');
    slickCarousel.slick({
        slidesToShow: 1,
        slidesToScroll: 1,
        arrows: false,
        fade: true,
        autoplay: false,
        dots:true,
        infinite:false,
        adaptiveHeight: true,

kisildev

// Accordeon
$('.accordeon__trigger').on('click', function(e) {
        e.preventDefault();
        var $this = $(this),
            item = $this.closest('.accordeon__item'),
            list = $this.closest('.accordeon__list'),
            items = list.find('.accordeon__item'),
            content = item.find('.accordeon__inner-list'),
            otherContent = list.find('.accordeon__inner-list'),
            duration = 300;

kisildev

html,
body {
  height: 100%;
}
.wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.content {

kisildev

//CSS
.headhesive {
    background-color: #FFF;
    position: fixed;
    width: 100%;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);

kisildev

<!-- HTML -->
<div class="tabs">

    <ul class="tabs__nav-list clear_fix">
        <li class="tabs__nav-item active">
           <a href="" class="tabs__nav-link">Tab 1</a>
        </li>
        <li class="tabs__nav-item">
           <a href="" class="tabs__nav-link">Tab 2</a>
        </li>