Файловый менеджер - Редактировать - /home/clickysoft/public_html/curator-club.clickysoft.net/how-it-works-influencer.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 - Influencer</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="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-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>Create Captivating Content <span>And Get Paid.</span></h2> <p>Join Curators Club and collaborate with talented artists <span>to showcase their music through your creative content,</span> <span>while also having the opportunity for influencers</span> to earn up to $100 for their contributions.</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-influencer.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 Selection</h4> <p>Browse through a diverse selection of songs submitted by artists and labels on Curators Club. Discover the perfect track that resonates with your style, audience, and creative vision. Choose a song that inspires you and sparks your creativity.</p> </div> </div> <div class="col-lg-6 col-md-6 col-sm-6 col-12"> <img src="images/hw-inf1.png" alt="image" class="img-fluid animation zoom-in desktop-image-hide"> <img src="images/hw-inf1.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-inf2.png" alt="image" class="img-fluid animation zoom-in desktop-image-hide"> <img src="images/hw-inf2.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">Create Engaging Content</h4> <p>Unleash your creativity and bring the selected song to life through engaging videos. Act on the song, choreograph a dance routine, do lip-syncing, or showcase your unique talent. Create captivating TikTok or Instagram Reels that showcase the artist's music in a way that resonates with your audience.</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">Share on Your Platforms</h4> <p>Once you've created your captivating video, share it on your TikTok or Instagram account. Showcase the artist's music to your loyal followers and engage with a wider audience. Your creativity and influence will amplify the artist's music and create a memorable connection between the song and your community.</p> </div> </div> <div class="col-lg-6 col-md-6 col-sm-6 col-12"> <img src="images/hw-inf3.png" alt="image" class="img-fluid animation zoom-in desktop-image-hide"> <img src="images/hw-inf3.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 Influencers Club, we value the expertise and time our influencers invest in reviewing songs. As a influencer, 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 |
proxy
|
phpinfo
|
Настройка