Файловый менеджер - Редактировать - /home/clickysoft/public_html/curator-club.clickysoft.net/how-it-works-artist.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 - Artist</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>Get Your Music Discovered <span>and Promoted</span></h2> <p>Welcome to Curators Club, where artists connect <span>with passionate curators for a chance to shine.</span></p> <a href="select-submission.html" class="btn btn-primary">Submit a song</a> </div> </div> <div class="col-lg-5 col-md-5 col-sm-5 col-12"> <img src="images/hw-artist.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"> <div class="col-lg-12 col-md-12 col-sm-12 col-12"> <div class="artist-pg-tabs"> <div class="tab-scroll"> <ul class="nav nav-tabs" role="tablist"> <li class="nav-item"> <a class="nav-link active" data-toggle="tab" href="#tabs-1" role="tab">Curator Submission</a> </li> <li class="nav-item"> <a class="nav-link" data-toggle="tab" href="#tabs-2" role="tab">Influencer Submission</a> </li> </ul> </div> <div class="tab-content"> <div class="tab-pane active" id="tabs-1" role="tabpanel"> <div class="artist-one-tab"> <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>Submit your song to Curators Club and gain access to a network of experienced curators. Start by providing information about your song, including the title, artist name, release date, lyrics language, genre, and more. This information helps us match your song with the most relevant curators.</p> </div> </div> <div class="col-lg-6 col-md-6 col-sm-6 col-12 mobile-anime-show"> <img src="images/arts1.png" alt="image" class="img-fluid animation zoom-in-out desktop-image-hide"> <img src="images/arts1.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 mobile-anime-show"> <img src="images/art2.png" alt="image" class="img-fluid animation zoom-in-out desktop-image-hide"> <img src="images/art2.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">Select Your Curator</h4> <p>Based on the information you provide about your song, we present you with a curated list of compatible curators. These curators have a deep understanding of your genre and can provide valuable insights and feedback. Take your time to explore their profiles, listen to their previous work, and choose the curator you believe will best represent your music.</p> <p>Alternatively, artists can opt for the hassle-free Automate Submission mode. Here, artists simply define their budget, and our intelligent system takes charge. Leveraging its advanced algorithms, the system automatically selects a curated list of industry professionals to review their song.</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">Curator Review</h4> <p>Once you've selected a curator, they will carefully listen to your song and provide a detailed review. This review goes beyond simple feedback—it delves into the nuances of your composition, production quality, and overall potential. The curator's expertise will help you refine your sound and gain valuable insights to enhance your musical journey.</p> </div> </div> <div class="col-lg-6 col-md-6 col-sm-6 col-12 mobile-anime-show"> <img src="images/art3.png" alt="image" class="img-fluid animation zoom-in-out desktop-image-hide"> <img src="images/art3.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 mobile-anime-show"> <img src="images/art4.png" alt="image" class="img-fluid animation zoom-in-out desktop-image-hide"> <img src="images/art4.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">Song Promotion</h4> <p> If your song impresses the curator, they may choose to share it on their social media networks, Spotify playlists, YouTube channels, or blogs. This provides an incredible opportunity to reach a wider audience and gain exposure within your target market. Let the curator's network amplify your music and connect you with engaged listeners.</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 5</h6> </div> <div class="work-form"> <h4 class="animation zoom-in">Review Your Results</h4> <p>Once the curator has reviewed your song, you will receive their feedback directly. This feedback will be instrumental in honing your skills as an artist and further developing your sound.</p> </div> </div> <div class="col-lg-6 col-md-6 col-sm-6 col-12 mobile-anime-show"> <img src="images/art5.png" alt="image" class="img-fluid animation zoom-in-out desktop-image-hide"> <img src="images/art5.png" alt="image" class="img-fluid mobile-image-hide"> </div> </div> </div> </div> <div class="tab-pane" id="tabs-2" role="tabpanel"> <div class="artist-second-tab"> <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>Submit your song to Curators Club and gain access to a network of experienced influencer. Start by providing information about your song, including the title, artist name, release date, lyrics language, genre, and more. This information helps us match your song with the most relevant Influencer.</p> </div> </div> <div class="col-lg-6 col-md-6 col-sm-6 col-12"> <img src="images/arts1.png" alt="image" class="img-fluid animation zoom-in desktop-image-hide"> <img src="images/arts1.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/art2.png" alt="image" class="img-fluid animation zoom-in desktop-image-hide"> <img src="images/art2.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">Select Your Influencer</h4> <p>Based on the information you provide about your song, we present you with a curated list of compatible influencer. Influencers will listen to your song and collaborate with you to create engaging content for promotion. They may share your song on their social media platforms, create captivating TikTok or Reels videos, or even perform and showcase your music to their followers.</p> <p>Alternatively, artists can opt for the hassle-free Automate Submission mode. Here, artists simply define their budget, and our intelligent system takes charge. Leveraging its advanced algorithms, the system automatically selects a curated list of famous Influencers.</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">Enjoy Increased Exposure <span class="animation zoom-in">and Engagement</span></h4> <p>As influencers promote your song to their dedicated audience, you'll experience increased exposure, engagement, and potential fanbase growth. The unique creative collaborations and endorsements from influencers help your music reach a wider audience, providing opportunities for recognition and success.</p> <p>By offering artists two distinct paths for song submission – to curators for feedback or to influencers for promotion – our platform empowers artists to connect with industry professionals and leverage the power of influencer marketing to propel their music careers forward.</p> </div> </div> <div class="col-lg-6 col-md-6 col-sm-6 col-12"> <img src="images/art4.png" alt="image" class="img-fluid animation zoom-in desktop-image-hide"> <img src="images/art4.png" alt="image" class="img-fluid mobile-image-hide"> </div> </div> </div> </div> </div> </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)); } }); $(window).scroll(function(){ $('.zoom-in-out').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
|
Настройка