<!--HTML-->
    <!-- Вёрстка © max, the murderer! 2022 -->

    <!-- Стиль -->
    <link rel="stylesheet" type="text/css" href="/files/001b/a8/40/77498.css">

    <!-- Тело -->
    <div id="billie_workshop">
        <div class="row">
            <img src="/files/001b/a8/40/92287.png" style="position: absolute; top: -35%; left: 0px; z-index: 0; width: 100%;">
            <div class="title">
                <span>billie jean's</span>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
            </div>
            <div class="portfolio">
                <ul class="portfolio_tabs">
                    <li class="active"><a href="#tab1">Аватары</a></li>
                    <li><a href="#tab2">Гифы</a></li>
                    <li><a href="#tab3">Постеры</a></li>
                </ul>                
                <div class="tab_container">                
                    <!-- ВКЛАДКА 1 -->
                    <div style="display: block;" id="tab1" class="tab_content">
                        <img src="https://i.ibb.co/VT4dRZx/image.gif" />
                        <img src="https://i.ibb.co/VT4dRZx/image.gif" />
                        <img src="https://i.ibb.co/VT4dRZx/image.gif" />
                        <img src="https://i.ibb.co/VT4dRZx/image.gif" />
                        <img src="https://i.ibb.co/VT4dRZx/image.gif" />
                        <img src="https://i.ibb.co/VT4dRZx/image.gif" />
                    </div>
                
                    <!-- ВКЛАДКА 2 -->
                    <div style="display: block;" id="tab2" class="tab_content">
                        <img src="https://i.ibb.co/Tc4cW0z/andy-moss-2p.gif" />
                        <img src="https://i.ibb.co/Tc4cW0z/andy-moss-2p.gif" />
                        <img src="https://i.ibb.co/Tc4cW0z/andy-moss-2p.gif" />
                        <img src="https://i.ibb.co/Tc4cW0z/andy-moss-2p.gif" />
                        <img src="https://i.ibb.co/Tc4cW0z/andy-moss-2p.gif" />
                        <img src="https://i.ibb.co/Tc4cW0z/andy-moss-2p.gif" />
                    </div>
                
                    <!-- ВКЛАДКА 3 -->
                    <div style="display: block;" id="tab3" class="tab_content">
                        <img src="https://i.imgur.com/Bu7Lvzt.png" />
                        <img src="https://i.imgur.com/Bu7Lvzt.png" />
                        <img src="https://i.imgur.com/Bu7Lvzt.png" />
                        <img src="https://i.imgur.com/Bu7Lvzt.png" />
                        <img src="https://i.imgur.com/Bu7Lvzt.png" />
                        <img src="https://i.imgur.com/Bu7Lvzt.png" />
                    </div>
                </div>
            </div>
            <div class="terms">
                <div class="scrollable"><p>
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Id aliquet lectus proin nibh nisl condimentum id venenatis. Dui sapien eget mi proin sed libero enim sed. Enim nulla aliquet porttitor lacus luctus accumsan. Velit aliquet sagittis id consectetur purus ut faucibus pulvinar. Tincidunt nunc pulvinar sapien et ligula ullamcorper. Diam quis enim lobortis scelerisque fermentum. At quis risus sed vulputate. Morbi tincidunt ornare massa eget egestas purus viverra. Dui vivamus arcu felis bibendum. A iaculis at erat pellentesque adipiscing commodo. Dictum non consectetur a erat nam at. Dui ut ornare lectus sit amet est placerat in egestas. Est placerat in egestas erat. Habitasse platea dictumst vestibulum rhoncus est. Massa tempor nec feugiat nisl pretium fusce. Arcu felis bibendum ut tristique et egestas quis. In mollis nunc sed id semper. Parturient montes nascetur ridiculus mus mauris vitae.<br/><br/>
            
                    Tincidunt augue interdum velit euismod in pellentesque massa placerat duis. Rhoncus mattis rhoncus urna neque viverra justo. Dolor sit amet consectetur adipiscing elit duis tristique sollicitudin nibh. Integer eget aliquet nibh praesent tristique magna sit amet purus. Amet mattis vulputate enim nulla aliquet porttitor. Aliquet nibh praesent tristique magna sit amet. Urna id volutpat lacus laoreet non. Consectetur libero id faucibus nisl tincidunt eget nullam. Quis auctor elit sed vulputate mi. Feugiat pretium nibh ipsum consequat nisl. Platea dictumst vestibulum rhoncus est pellentesque elit. Aliquam faucibus purus in massa tempor nec feugiat. Turpis egestas maecenas pharetra convallis posuere morbi leo. Mauris cursus mattis molestie a iaculis at. Vulputate dignissim suspendisse in est ante in nibh mauris cursus. Varius vel pharetra vel turpis nunc eget. Eget sit amet tellus cras.<br/><br/>
            
                    Lacinia quis vel eros donec ac odio tempor orci. Fringilla urna porttitor rhoncus dolor purus non enim praesent elementum. Amet mattis vulputate enim nulla aliquet porttitor lacus. Quam elementum pulvinar etiam non quam lacus suspendisse faucibus. Scelerisque purus semper eget duis at. Risus in hendrerit gravida rutrum quisque. Aliquam id diam maecenas ultricies mi eget mauris pharetra. Suscipit adipiscing bibendum est ultricies integer quis. Lorem ipsum dolor sit amet consectetur adipiscing. Sed viverra ipsum nunc aliquet bibendum enim facilisis gravida neque. Quis auctor elit sed vulputate mi sit amet mauris commodo. Nunc consequat interdum varius sit amet. Neque viverra justo nec ultrices dui sapien eget. Odio aenean sed adipiscing diam donec. Non curabitur gravida arcu ac tortor. Donec enim diam vulputate ut pharetra sit. Tristique senectus et netus et malesuada fames ac turpis egestas. Feugiat nisl pretium fusce id. Natoque penatibus et magnis dis parturient montes nascetur ridiculus.<br/><br/>
            
                    Id donec ultrices tincidunt arcu. Sed faucibus turpis in eu. Purus faucibus ornare suspendisse sed nisi lacus sed viverra. Morbi tincidunt augue interdum velit. Vestibulum sed arcu non odio euismod lacinia. Augue neque gravida in fermentum et sollicitudin. Interdum varius sit amet mattis vulputate enim nulla. Potenti nullam ac tortor vitae purus faucibus ornare suspendisse sed. Cursus risus at ultrices mi tempus imperdiet nulla malesuada pellentesque. Proin nibh nisl condimentum id venenatis a condimentum vitae. Sodales ut eu sem integer.<br/><br/>
            
                    Et malesuada fames ac turpis egestas sed tempus urna. Turpis tincidunt id aliquet risus feugiat in ante metus dictum. Nulla at volutpat diam ut venenatis tellus in. Amet mauris commodo quis imperdiet. Varius vel pharetra vel turpis nunc eget lorem. Facilisi etiam dignissim diam quis enim lobortis scelerisque fermentum dui. Risus commodo viverra maecenas accumsan. Sed ullamcorper morbi tincidunt ornare massa eget egestas purus viverra. Massa sed elementum tempus egestas sed sed risus. Gravida rutrum quisque non tellus. At imperdiet dui accumsan sit amet nulla facilisi morbi. Mauris augue neque gravida in fermentum et sollicitudin ac orci. Luctus venenatis lectus magna fringilla urna. Tortor condimentum lacinia quis vel. Vestibulum sed arcu non odio euismod lacinia at quis risus. Mauris pellentesque pulvinar pellentesque habitant morbi tristique senectus et netus. Montes nascetur ridiculus mus mauris vitae ultricies. Dictum fusce ut placerat orci.
                </p></div>
            </div>
        </div>
        <div class="code-box"><strong class="legend"><a href="javascript://" onclick="select_text($(this).parent().next().find('pre').get(0));return!1">Скопировать код</a></strong><div class="blockcode"><div class="scrollbox" style="height: 4.5em"><pre>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore «magna» aliqua. Ut «enim» ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore «magna» aliqua. Ut «enim» ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</pre></div></div>
        </div>
    </div>
        
        
        <script type="text/javascript">
            $(document).ready(function() {
                $(".tab_content").hide(); 
                $(".portfolio_tabs li:first").addClass("active").show();
                $(".tab_content:first").show();                
                $(".portfolio_tabs li").click(function() {
                $(".portfolio_tabs li").removeClass("active");
                $(this).addClass("active");
                $(".tab_content").hide();
                var activeTab = $(this).find("a").attr("href");
                $(activeTab).fadeIn();
                return false;
                }); 
            });
        </script>