Файловый менеджер

Файловый менеджер - Редактировать - /home/clickysoft/public_html/curator-club.clickysoft.net/how-it-works-curator.html

Назад
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Curator Club - How It Works - Curator</title> <link rel="icon" type="image/x-icon" href="images/curator-favicon.png"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css" integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l" crossorigin="anonymous"> <link href="css/main.css" rel="stylesheet"> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.css" integrity="sha512-yHknP1/AwR+yx26cB1y0cjvQUMvEa2PFzt1c9LlS4pRQ5NOTZFWbhBig+X9G9eYW/8m0/4OXNx8pxJ6z57x0dw==" crossorigin="anonymous" referrerpolicy="no-referrer" /> <link rel="stylesheet" href="css/animate.css"> <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet"> </head> <body> <!-- HEADER SECTION BEGIN --> <header class="header how-it-work-header" id="header"> <div class="container-fluid"> <div class="row"> <div class="col-lg-12 col-md-12 col-sm-12 col-12"> <div class="header-inner account-setting-pg"> <nav class="navbar container"> <a href="index.html" class="brand"><img src="images/logo.png" alt="image" class="img-fluid"></a> <div class="burger" id="burger"> <span class="burger-line"></span> <span class="burger-line"></span> <span class="burger-line"></span> </div> <div class="menu" id="menu"> <ul class="menu-inner"> <li class="menu-item"><a href="index.html" class="menu-link">Home</a></li> <li class="menu-item"><a href="list-of-curators.html" class="menu-link">List of Curators </a></li> <li class="menu-item mobile-dropdown-hide"> <a href="javascript:void(0)" class="menu-link active"> <div id="dropdown-wrapper" class="dropdown-wrapper" tabindex="1"> <span>How it works </span> <ul class="dropdown-list"> <li><a href="how-it-works-curator.html">Curator</a></li> <li><a href="how-it-works-artist.html">Artist</a></li> <li><a href="how-it-works-influencer.html">influencer</a></li> </ul> </div> </a> </li> <li class="menu-item mobile-dropdown"> <p> <a class="btn btn-primary" data-toggle="collapse" href="#collapseExample" role="button" aria-expanded="false" aria-controls="collapseExample"> How it works <i class="fa fa-angle-down" aria-hidden="true"></i> </a> </p> <div class="collapse" id="collapseExample"> <div class="card card-body"> <ul class="mobile-dropdown-accordian"> <li><a href="how-it-works-curator.html">Curator</a></li> <li><a href="how-it-works-artist.html">Artist</a></li> <li><a href="how-it-works-influencer.html">influencer</a></li> </ul> </div> </div> </li> <li class="menu-item"><a href="help.html" class="menu-link">Help </a></li> <li class="menu-item"> <div class="btns-flex curator-mobile-show"> <div class="cur-login-btn"> <div class='profile'> <div class='avatar'> <i class="fa fa-bell" aria-hidden="true"></i> </div> </div> <div class='profiledropdown'> <ul> <li class='option'> <a href="javascript:void(0)"> <div class="not-flex"> <div class="not-img"> <img src="images/avatar-small-img.png" alt="image" class="img-fluid"> </div> <div class="not-cont"> <p>Jeff Jordan <span>promoted your answer</span></p> </div> </div> </a> </li> <li class='option'> <a href="javascript:void(0)"> <div class="not-flex"> <div class="not-img"> <img src="images/avatar-small-img.png" alt="image" class="img-fluid"> </div> <div class="not-cont"> <p>Jeff Jordan <span>promoted your answer</span></p> </div> </div> </a> </li> <li class='option'> <a href="javascript:void(0)"> <div class="not-flex"> <div class="not-img"> <img src="images/avatar-small-img.png" alt="image" class="img-fluid"> </div> <div class="not-cont"> <p>Jeff Jordan <span>promoted your answer</span></p> </div> </div> </a> </li> <li class='option'> <a href="javascript:void(0)"> <div class="not-flex"> <div class="not-img"> <img src="images/avatar-small-img.png" alt="image" class="img-fluid"> </div> <div class="not-cont"> <p>Jeff Jordan <span>promoted your answer</span></p> </div> </div> </a> </li> <li class='option'> <a href="javascript:void(0)"> <div class="not-flex"> <div class="not-img"> <img src="images/avatar-small-img.png" alt="image" class="img-fluid"> </div> <div class="not-cont"> <p>Jeff Jordan <span>promoted your answer</span></p> </div> </div> </a> </li> </ul> </div> </div> <div class="cur-signup-btn"> <div class="user-menu-wrap"> <div class="jeff-cont"> <a class="mini-photo-wrapper2" href="javascript:void(0)"><img class="mini-photo" src="images/avatar-small-img.png" alt="image" width="80" height="80"/> Jeff Jordan </a> </div> <div class="menu-container2"> <ul class="user-menu"> <div class="profile-highlight"> <img src="images/avatar-small-img.png" alt="profile-img" width=36 height=36> <div class="details"> <div id="profile-name">Jeff Jordan</div> <div id="profile-footer"><a href="javascript:void(0)" class="jeff-mail">jjordan@mail.com</a></div> <div><a href="javascript:void(0)" class="jeff-view-profile">View Profile</a></div> </div> </div> <li class="user-menu__item"> <a class="user-menu-link" href="javascript:void(0)"> <div>My Campaigns</div> </a> </li> <li class="user-menu__item"> <a class="user-menu-link" href="javascript:void(0)"> <div>My Credits <span class="pull-right credit-amount-content">30 <img src="images/cur-small-logo.png" alt="image" class="img-fluid"></span></div> </a> </li> <li class="user-menu__item"> <a class="user-menu-link" href="javascript:void(0)"> <div>Settings</div> </a> </li> <li class="user-menu__item"> <a class="user-menu-link" href="javascript:void(0)"> <div>Help</div> </a> </li> <li class="user-menu__item"> <a class="user-menu-link" href="javascript:void(0)"> <div>Log Out</div> </a> </li> </ul> </div> </div> </div> </div> </li> </ul> </div> </nav> <div class="btns-flex curator-mobile-hide"> <div class="cur-login-btn"> <div class='profile'> <div class='avatar'> <i class="fa fa-bell" aria-hidden="true"></i> </div> </div> <div class='profiledropdown'> <ul> <li class='option'> <a href="javascript:void(0)"> <div class="not-flex"> <div class="not-img"> <img src="images/avatar-small-img.png" alt="image" class="img-fluid"> </div> <div class="not-cont"> <p>Natalie Portman <span>promoted your answer</span></p> </div> </div> </a> </li> <li class='option'> <a href="javascript:void(0)"> <div class="not-flex"> <div class="not-img"> <img src="images/avatar-small-img.png" alt="image" class="img-fluid"> </div> <div class="not-cont"> <p>Natalie Portman <span>promoted your answer</span></p> </div> </div> </a> </li> <li class='option'> <a href="javascript:void(0)"> <div class="not-flex"> <div class="not-img"> <img src="images/avatar-small-img.png" alt="image" class="img-fluid"> </div> <div class="not-cont"> <p>Natalie Portman <span>promoted your answer</span></p> </div> </div> </a> </li> <li class='option'> <a href="javascript:void(0)"> <div class="not-flex"> <div class="not-img"> <img src="images/avatar-small-img.png" alt="image" class="img-fluid"> </div> <div class="not-cont"> <p>Natalie Portman <span>promoted your answer</span></p> </div> </div> </a> </li> <li class='option'> <a href="javascript:void(0)"> <div class="not-flex"> <div class="not-img"> <img src="images/avatar-small-img.png" alt="image" class="img-fluid"> </div> <div class="not-cont"> <p>Natalie Portman <span>promoted your answer</span></p> </div> </div> </a> </li> </ul> </div> </div> <div class="cur-signup-btn"> <div class="user-menu-wrap"> <div class="jeff-cont"> <a class="mini-photo-wrapper" href="javaascript:void(0)"><img class="mini-photo" src="images/avatar-small-img.png" alt="image" width="80" height="80"/> Jeff Jordan </a> </div> <div class="menu-container"> <ul class="user-menu"> <div class="profile-highlight"> <img src="images/avatar-small-img.png" alt="profile-img" width=36 height=36> <div class="details"> <div id="profile-name">Jeff Jordan</div> <div id="profile-footer"><a href="javascript:void(0)" class="jeff-mail">jjordan@mail.com</a></div> <div><a href="javascript:void(0)" class="jeff-view-profile">View Profile</a></div> </div> </div> <li class="user-menu__item"> <a class="user-menu-link" href="javascript:void(0)"> <div>My Campaigns</div> </a> </li> <li class="user-menu__item"> <a class="user-menu-link" href="javascript:void(0)"> <div>My Credits <span class="pull-right credit-amount-content">30 <img src="images/cur-small-logo.png" alt="image" class="img-fluid"></span></div> </a> </li> <li class="user-menu__item"> <a class="user-menu-link" href="javascript:void(0)"> <div>Settings</div> </a> </li> <li class="user-menu__item"> <a class="user-menu-link" href="javascript:void(0)"> <div>Help</div> </a> </li> <li class="user-menu__item"> <a class="user-menu-link" href="javascript:void(0)"> <div>Log Out</div> </a> </li> </ul> </div> </div> </div> </div> </div> </div> </div> </div> </header> <!-- HEADER SECTION END --> <!-- HOW IT WORKS CURATOR BANNER BEGIN --> <section class="how-it-works-curator-sec"> <div class="container-fluid"> <div class="row"> <div class="col-lg-7 col-md-7 col-sm-7 col-12"> <div class="how-it-work-content"> <h2>Discover, Review, and Share <span>Music and get Paid</span></h2> <p>Welcome to Curators Club, where music meets <span>passion, promotion, and the opportunity for curators</span> to earn $2 per review.</p> <a href="become-a-curator.html" class="btn btn-primary">Become a curator</a> </div> </div> <div class="col-lg-5 col-md-5 col-sm-5 col-12"> <img src="images/hw-work1.png" alt="image" class="img-fluid"> </div> </div> </div> </section> <!-- HOW IT WORKS CURATOR BANNER END --> <!-- HOW WORK SECTION BEGIN --> <section class="how-work-sec"> <div class="container-fluid"> <div class="row"> <div class="col-lg-12 col-md-12 col-sm-12 col-12"> <div class="ht-cont animation zoom-in"> <h2>How it works</h2> </div> </div> </div> <div class="row hw-align"> <div class="col-lg-6 col-md-6 col-sm-6 col-12 mobile-animation-hide"> <div class="work-form"> <h6 class="animation zoom-in">STEP 1</h6> </div> <div class="work-form"> <h4 class="animation zoom-in">Song Submission:</h4> <p>Artists and labels submit their songs for review by our talented curators. We welcome all genres and styles, and our curators are excited to discover the next big hit. Submit your song now and let our team of experts evaluate your musical masterpiece.</p> </div> </div> <div class="col-lg-6 col-md-6 col-sm-6 col-12"> <img src="images/hw-2.png" alt="image" class="img-fluid animation zoom-in desktop-image-hide"> <img src="images/hw-2.png" alt="image" class="img-fluid mobile-image-hide"> </div> </div> <div class="row hw-align-songs"> <div class="col-lg-6 col-md-6 col-sm-6 col-12"> <img src="images/hw-3.png" alt="image" class="img-fluid animation zoom-in desktop-image-hide"> <img src="images/hw-3.png" alt="image" class="img-fluid mobile-image-hide"> </div> <div class="col-lg-6 col-md-6 col-sm-6 col-12 mobile-animation-hide"> <div class="work-form"> <h6 class="animation zoom-in">STEP 2</h6> </div> <div class="work-form"> <h4 class="animation zoom-in">Curator Review</h4> <p>Our experienced curators carefully listen to each submitted song and provide detailed reviews. They analyze the composition, production quality, and overall appeal to provide valuable feedback. Our curated reviews aim to help artists refine their craft and improve their chances of success in the industry.</p> </div> </div> </div> <div class="row hw-align"> <div class="col-lg-6 col-md-6 col-sm-6 col-12 mobile-animation-hide"> <div class="work-form"> <h6 class="animation zoom-in">STEP 3</h6> </div> <div class="work-form"> <h4 class="animation zoom-in">Song Promotion</h4> <p>Curators at Curators Club have a unique opportunity to share exceptional songs on their social media networks, Spotify playlists, YouTube channels, or blogs. By leveraging their established platforms and passionate fan bases, our curators help talented artists gain exposure and reach a wider audience. It's a chance for your music to shine and resonate with music lovers worldwide.</p> </div> </div> <div class="col-lg-6 col-md-6 col-sm-6 col-12"> <img src="images/hw-4.png" alt="image" class="img-fluid animation zoom-in desktop-image-hide"> <img src="images/hw-4.png" alt="image" class="img-fluid mobile-image-hide"> </div> </div> <div class="row hw-align-songs"> <div class="col-lg-6 col-md-6 col-sm-6 col-12"> <img src="images/hw-5.png" alt="image" class="img-fluid animation zoom-in desktop-image-hide"> <img src="images/hw-5.png" alt="image" class="img-fluid mobile-image-hide"> </div> <div class="col-lg-6 col-md-6 col-sm-6 col-12 mobile-animation-hide"> <div class="work-form"> <h6 class="animation zoom-in">STEP 4</h6> </div> <div class="work-form"> <h4 class="animation zoom-in">Get Paid</h4> <p>At Curators Club, we value the expertise and time our curators invest in reviewing songs. As a curator, you will receive compensation for your thoughtful reviews and valuable feedback. We believe in recognizing your contribution and passion for discovering and promoting exceptional music.</p> </div> </div> </div> </div> </section> <!-- HOW WORK SECTION END --> <!-- USER SECTION BEGIN --> <section class="user-sec-bg"> <div class="container-fluid"> <div class="row"> <div class="col-lg-12 col-md-12 col-sm-12 col-12"> <div class="user-sec-heading"> <h2>What users say about <span>Curator Club!</span></h2> </div> </div> </div> <div class="row user-slider-row"> <div class="col-lg-12 col-md-12 col-sm-12 col-12"> <div class="user-slider-div"> <div class="slider responsive"> <div> <div class="slider-box-shadow"> <img src="images/sld1.png" alt="image" class="img-fluid"> <h6>Bryan Applefield</h6> <span>Artist</span> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> <div class="stars-flex"> <i class="fa fa-star" aria-hidden="true"></i> <i class="fa fa-star" aria-hidden="true"></i> <i class="fa fa-star" aria-hidden="true"></i> <i class="fa fa-star" aria-hidden="true"></i> <i class="fa fa-star" aria-hidden="true"></i> </div> </div> </div> <div> <div class="slider-box-shadow"> <img src="images/sld2.png" alt="image" class="img-fluid"> <h6>Jims Records</h6> <span>Label</span> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> <div class="stars-flex"> <i class="fa fa-star" aria-hidden="true"></i> <i class="fa fa-star" aria-hidden="true"></i> <i class="fa fa-star" aria-hidden="true"></i> <i class="fa fa-star" aria-hidden="true"></i> <i class="fa fa-star" aria-hidden="true"></i> </div> </div> </div> <div> <div class="slider-box-shadow"> <img src="images/sld3.png" alt="image" class="img-fluid"> <h6>Alex Moore</h6> <span>Curator</span> <p>Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet.</p> <div class="stars-flex"> <i class="fa fa-star" aria-hidden="true"></i> <i class="fa fa-star" aria-hidden="true"></i> <i class="fa fa-star" aria-hidden="true"></i> <i class="fa fa-star" aria-hidden="true"></i> <i class="fa fa-star" aria-hidden="true"></i> </div> </div> </div> <div> <div class="slider-box-shadow"> <img src="images/sld1.png" alt="image" class="img-fluid"> <h6>Bryan Applefield</h6> <span>Artist</span> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> <div class="stars-flex"> <i class="fa fa-star" aria-hidden="true"></i> <i class="fa fa-star" aria-hidden="true"></i> <i class="fa fa-star" aria-hidden="true"></i> <i class="fa fa-star" aria-hidden="true"></i> <i class="fa fa-star" aria-hidden="true"></i> </div> </div> </div> </div> </div> </div> </div> <div class="music-icon"> <img src="images/music-icon.png" alt="image" class="img-fluid"> </div> </div> </section> <!-- USER SECTION END --> <!-- FAQ SECTION BEGIN --> <section class="faq-sec-bg"> <div class="container-fluid"> <div class="row"> <div class="col-lg-5 col-md-5 col-sm-5 col-12"> <div class="faq-heading"> <h2>Frequently Asked <span>Questions</span></h2> <p>Got a question? Get your answer.</p> </div> </div> <div class="col-lg-7 col-md-7 col-sm-7 col-12"> <div class="faq-accordian"> <div class="wrapper center-block"> <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true"> <div class="panel panel-default"> <div class="panel-heading" role="tab" id="headingOne"> <h4 class="panel-title"> <a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne"> What is Lorem Ipsum? </a> </h4> </div> <div id="collapseOne" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingOne"> <div class="panel-body"> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsumhas been the industry's standard dummy text ever since the 1500s when an unknown printer took a galley of type and scrambled.</p> </div> </div> </div> <div class="panel panel-default"> <div class="panel-heading" role="tab" id="headingTwo"> <h4 class="panel-title"> <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo"> Why do we use it? </a> </h4> </div> <div id="collapseTwo" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo"> <div class="panel-body"> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsumhas been the industry's standard dummy text ever since the 1500s when an unknown printer took a galley of type and scrambled.</p> </div> </div> </div> <div class="panel panel-default"> <div class="panel-heading" role="tab" id="headingThree"> <h4 class="panel-title"> <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseThree" aria-expanded="false" aria-controls="collapseThree"> What does it comes from </a> </h4> </div> <div id="collapseThree" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingThree"> <div class="panel-body"> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsumhas been the industry's standard dummy text ever since the 1500s when an unknown printer took a galley of type and scrambled.</p> </div> </div> </div> </div> </div> </div> </div> </div> </div> </section> <!-- FAQ SECTION END --> <div class="bg-bottom-img"> <div class="footer-overlay"></div> <!-- FOOTER SECTION BEGIN --> <footer> <div class="container-fluid"> <div class="row"> <div class="col-lg-3 col-md-6 col-sm-6 col-12"> <div class="footer-logo-content"> <a href="index.html"><img src="images/logo.png" alt="image" class="img-fluid"></a> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p> <div class="curator-social-icon"> <ul> <li><a href="javascript:void(0)"><i class="fa fa-facebook" aria-hidden="true"></i></a></li> <li><a href="javascript:void(0)"><i class="fa fa-twitter" aria-hidden="true"></i></a></li> <li><a href="javascript:void(0)"><i class="fa fa-instagram" aria-hidden="true"></i></a></li> </ul> </div> </div> </div> <div class="col-lg-2 col-md-3 col-sm-3 col-12"> <div class="curator-links"> <h6>Quick Links</h6> <ul> <li><a href="list-of-curators.html">List of Curators</a></li> <li><a href="list-of-artists.html">List of Artists</a></li> <li><a href="javascript:void(0)">About Us</a></li> <li><a href="javascript:void(0)">FAQ</a></li> </ul> </div> </div> <div class="col-lg-2 col-md-3 col-sm-3 col-12"> <div class="curator-links"> <h6>Support</h6> <ul> <li><a href="help.html">Help</a></li> <li><a href="terms-conditions.html">Terms And conditions</a></li> <li><a href="privacy-policy.html">Privacy Policy</a></li> </ul> </div> </div> <div class="col-lg-2 col-md-3 col-sm-4 col-12"> <div class="curator-links"> <h6>Start</h6> <ul> <li><a href="sign-in.html">Log In</a></li> <li><a href="sign-up.html">Sign Up</a></li> <li><a href="become-a-curator.html">Become a Curator/Influencer</a></li> <li><a href="javascript:void(0)">Contact Us</a></li> </ul> </div> </div> <div class="col-lg-3 col-md-4 col-sm-4 col-12"> <div class="curator-links"> <h6>Get tips, tricks, and updates <span>on all things.</span></h6> <div class="email-form"> <form> <input type="text" placeholder="First Name" class="form-control"> <input type="email" placeholder="Email" class="form-control"> <button type="button" class="btn btn-primary">SUBSCRIBE</button> </form> </div> </div> </div> </div> </div> </footer> <!-- FOOTER SECTION END --> <!-- COPYRIGHT SECTION BEGIN --> <section class="copyright-sec-bg"> <div class="container-fluid"> <div class="row"> <div class="col-lg-12 col-md-12 col-sm-12 col-12"> <p>Copyright © 2022-2023 Curator Club \| All rights reserved \| Proudly designed by <a href="javascript:void(0)">clickysoft</a></p> </div> </div> </div> </section> <!-- COPYRIGHT SECTION END --> </div> <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-Piv4xVNRyMGpqkS2by6br4gNJ7DXjqk09RmUpJ8jgGtD7zP9yug3goQfGII0yAns" crossorigin="anonymous"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.js" integrity="sha512-XtmMtDEcNz2j7ekrtHvOVR4iwwaD6o/FUJe6+Zq+HgcCsk3kj4uSQQR8weQ2QVj1o0Pk6PwYLohm206ZzNfubg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> <script src="js/wow.min.js"></script> <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script> <script> AOS.init(); </script> <script> new WOW().init(); </script> <script> /MENUBAR SCRIPT BEGIN/ const navbarMenu = document.getElementById("menu"); const burgerMenu = document.getElementById("burger"); const headerMenu = document.getElementById("header"); const overlayMenu = document.querySelector(".overlay"); if (burgerMenu && navbarMenu) { burgerMenu.addEventListener("click", () => { burgerMenu.classList.toggle("is-active"); navbarMenu.classList.toggle("is-active"); }); } window.addEventListener("resize", () => { if (window.innerWidth >= 992) { if (navbarMenu.classList.contains("is-active")) { navbarMenu.classList.remove("is-active"); overlayMenu.classList.remove("is-active"); } } }); /MENUBAR SCRIPT END/ /DROPDOWN SCRIPT BEGIN/ const dd = document.querySelector('#dropdown-wrapper'); const links = document.querySelectorAll('.dropdown-list a'); const span = document.querySelector('span'); dd.addEventListener('click', function() { this.classList.toggle('is-active'); }); links.forEach((element) => { element.addEventListener('click', function(evt) { span.innerHTML = evt.currentTarget.textContent; }) }) /DROPDOWN SCRIPT END/ /USER SLIDER SCRIPT BEGIN/ $('.responsive').slick({ dots: true, arrows: false, infinite: true, autoplay: true, speed: 300, slidesToShow: 3, slidesToScroll: 1, responsive: [ { breakpoint: 1024, settings: { slidesToShow: 3, slidesToScroll: 1, infinite: true, dots: true } }, { breakpoint: 600, settings: { slidesToShow: 2, slidesToScroll: 1 } }, { breakpoint: 480, settings: { slidesToShow: 1, slidesToScroll: 1 } } ] }); /USER SLIDER SCRIPT END/ /ACCORDIAN SCRIPT BEGIN/ $('.panel-collapse').on('show.bs.collapse', function () { $(this).siblings('.panel-heading').addClass('active'); }); $('.panel-collapse').on('hide.bs.collapse', function () { $(this).siblings('.panel-heading').removeClass('active'); }); /ACCORDIAN SCRIPT END/ // NOTIFICATION SCRIPT BEGIN $(function() { var profile = $('.profile'); var profiledropdown = $('.profiledropdown'); profile.on('click', function() { if (profiledropdown.hasClass('fade')) { profiledropdown.removeClass('fade').addClass('fade_reverse'); } else if (profiledropdown.hasClass('fade_reverse')) { profiledropdown.removeClass('fade_reverse').addClass('fade'); } else { profiledropdown.addClass('fade'); } }); }); // NOTIFICATION SCRIPT END // AVATAR SCRIPT BEGIN document.querySelector('.mini-photo-wrapper').addEventListener('click', function() { document.querySelector('.menu-container').classList.toggle('active'); }); document.querySelector('.mini-photo-wrapper2').addEventListener('click', function() { document.querySelector('.menu-container2').classList.toggle('active'); }); // AVATAR SCRIPT END // HEADING ZOOM IN ANIMATION SCRIPT BEGIN $(window).scroll(function(){ $('.zoom-in').each(function(){ var zoomIn = 1, zoomOut = 0; if(isScrolledIntoView($(this))){ $(this).css({ '-webkit-transform': 'scale(' + zoomIn + ')', 'transform': 'scale(' + zoomIn + ')' }); } else{ $(this).css({ '-webkit-transform': 'scale(' + zoomOut + ')', 'transform': 'scale(' + zoomOut + ')' }); } }); function isScrolledIntoView(elem){ var $elem = $(elem); var $window = $(window); var docViewTop = $window.scrollTop(); var docViewBottom = docViewTop + $window.height(); var elemTop = $elem.offset().top; var elemBottom = elemTop + $elem.height(); return ((elemBottom <= docViewBottom) && (elemTop >= docViewTop)); } }); // HEADING ZOOM IN ANIMATION SCRIPT END </script> </body> </html>

| ver. 1.4 | Github | . | PHP 8.1.29 | Генерация страницы: 0.01 | proxy | phpinfo | Настройка