Файловый менеджер - Редактировать - /home/clickysoft/public_html/curator-club.clickysoft.net/become-a influencer-steps.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 - Become A Influencer Steps</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"> </head> <body class="influencers-steps-bg"> <!-- 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"> <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>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-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 --> <!-- SIGN IN HEADER BEGIN --> <section class="signin-sec"> <div class="container-fluid"> <div class="influencer-steps-wizard"> <section class="signup-step-container"> <div class="row d-flex justify-content-center"> <div class="col-md-8"> <div class="wizard"> <div class="wizard-inner"> <div class="connecting-line"></div> <ul class="nav nav-tabs" role="tablist"> <li role="presentation" class="active"> <a href="#step1" data-toggle="tab" aria-controls="step1" role="tab" aria-expanded="true"><span class="round-tab">1 </span> <i>Choose Platform</i></a> </li> <li role="presentation" class="disabled"> <a href="#step4" data-toggle="tab" aria-controls="step4" role="tab"><span class="round-tab-2">2</span> <i>Information</i></a> </li> </ul> </div> <form role="form" action="index.html" class="login-box"> <div class="tab-content" id="main_form"> <div class="tab-pane active" role="tabpanel" id="step1"> <div class="social-icon-selection"> <div class="grid-wrapper grid-col-auto"> <label for="radio-card-1" class="radio-card" id="radio-tiktok"> <input type="radio" name="radio-card" id="radio-card-1" /> <div class="card-content-wrapper"> <span class="check-icon"></span> <div class="card-content"> <img src="images/tiktok-img.png" alt="image" class="img-fluid"> <h4>TikTok</h4> <p>Must have at least <span>10k followers</span></p> </div> </div> </label> <label for="radio-card-2" class="radio-card" id="radio-instagram"> <input type="radio" name="radio-card" id="radio-card-2" /> <div class="card-content-wrapper"> <span class="check-icon"></span> <div class="card-content"> <img src="images/instagram-img.png" alt="image" class="img-fluid"> <h4>Instagram</h4> <p>Must have at least <span>10k followers</span></p> </div> </div> </label> <label for="radio-card-3" class="radio-card" id="radio-both"> <input type="radio" name="radio-card" id="radio-card-3" /> <div class="card-content-wrapper"> <span class="check-icon"></span> <div class="card-content"> <div class="double-img"> <span><img src="images/tiktok-img.png" alt="image" class="img-fluid"></span> <span><img src="images/instagram-img.png" alt="image" class="img-fluid"></span> </div> <h4>Both</h4> <p>Must have at least 10k followers</p> </div> </div> </label> </div> </div> </div> <div class="tab-pane" role="tabpanel" id="step4"> <div class="wizard-form-begin-tiktok"> <form> <div class="tiktok-fields"> <label>Your Email</label> <input type="email" placeholder="Type your email address" class="form-control"> </div> <div class="tiktok-fields"> <label>How many followers do you have on TikTok?</label> <input type="text" class="form-control"> </div> <div class="tiktok-fields"> <label>Did someone refer you?</label> <div class="main"> <div class="card"> <div class="form"> <label><input type="radio" class="input-radio off" name="pilih"> YES</label> <label><input type="radio" class="input-radio on" name="pilih"> NO</label> </div> </div> </div> </div> <div class="tiktok-fields"> <label>Where do you live?</label> <select class="form-control"> <option selected>Select country</option> <option>USA</option> <option>UK</option> <option>CANADA</option> </select> </div> <div class="tiktok-fields"> <label>What kind of content do you make?</label> <textarea cols="5" rows="7" class="form-control" placeholder="Summary of content you make and why your content brings value to artists"></textarea> </div> <div class="tiktok-fields"> <label>Provide network links</label> <div class="network-field"> <input type="text" class="form-control"> <div class="network-link-text"> <p><img src="images/tiktok-icon-image.png" alt="image" class="img-fluid"> Tiktok</p> </div> </div> </div> </form> </div> <div class="wizard-form-begin-instagram"> <form> <div class="tiktok-fields"> <label>Your Email</label> <input type="email" placeholder="Type your email address" class="form-control"> </div> <div class="tiktok-fields"> <label>How many followers do you have on Instagram? </label> <input type="text" class="form-control"> </div> <div class="tiktok-fields"> <label>Did someone refer you?</label> <div class="main"> <div class="card"> <div class="form"> <label><input type="radio" class="input-radio off" name="pilih"> YES</label> <label><input type="radio" class="input-radio on" name="pilih"> NO</label> </div> </div> </div> </div> <div class="tiktok-fields"> <label>Where do you live?</label> <select class="form-control"> <option selected>Select country</option> <option>USA</option> <option>UK</option> <option>CANADA</option> </select> </div> <div class="tiktok-fields"> <label>What kind of content do you make?</label> <textarea cols="5" rows="7" class="form-control" placeholder="Summary of content you make and why your content brings value to artists"></textarea> </div> <div class="tiktok-fields"> <label>Provide network links</label> <div class="network-field"> <input type="text" class="form-control"> <div class="network-link-text"> <p><i class="fa fa-instagram" aria-hidden="true"></i> Instagram</p> </div> </div> </div> </form> </div> <div class="wizard-form-begin-both"> <form> <div class="tiktok-fields"> <label>Your Email</label> <input type="email" placeholder="Type your email address" class="form-control"> </div> <div class="tiktok-fields"> <label>How many followers do you have on TikTok?</label> <input type="text" class="form-control"> </div> <div class="tiktok-fields"> <label>How many followers do you have on Instagram? </label> <input type="text" class="form-control"> </div> <div class="tiktok-fields"> <label>Did someone refer you?</label> <div class="main"> <div class="card"> <div class="form"> <label><input type="radio" class="input-radio off" name="pilih"> YES</label> <label><input type="radio" class="input-radio on" name="pilih"> NO</label> </div> </div> </div> </div> <div class="tiktok-fields"> <label>Where do you live?</label> <select class="form-control"> <option selected>Select country</option> <option>USA</option> <option>UK</option> <option>CANADA</option> </select> </div> <div class="tiktok-fields"> <label>What kind of content do you make?</label> <textarea cols="5" rows="7" class="form-control" placeholder="Summary of content you make and why your content brings value to artists"></textarea> </div> <div class="tiktok-fields"> <label>Provide network links</label> <div class="network-field"> <input type="text" class="form-control"> <div class="network-link-text"> <p><i class="fa fa-instagram" aria-hidden="true"></i> Instagram</p> </div> </div> <div class="network-field link-both"> <input type="text" class="form-control"> <div class="network-link-text"> <p><img src="images/tiktok-icon-image.png" alt="image" class="img-fluid"> Tiktok</p> </div> </div> </div> </form> </div> <ul class="list-inline"> <li><button type="button" class="default-btn prev-step" id="prev-step-id">Back</button></li> <li><button type="button" class="default-btn next-step" id="submit-step-id">SUBMIT</button></li> </ul> </div> <div class="clearfix"></div> </div> </form> </div> </div> </div> </section> </div> </div> </section> <!-- SIGN IN HEADER END --> <!-- COPYRIGHT SECTION BEGIN --> <section class="copyright-sec"> <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="https://clickysoft.com/" target="_blank">clickysoft</a></p> </div> </div> </div> </section> <!-- COPYRIGHT SECTION END --> <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> new WOW().init(); </script> <script> // STEPS WIZARD SCRIPT BEGIN $(document).ready(function () { $('.radio-card input[type="radio"]').click(function () { var active = $('.wizard .nav-tabs li.active'); active.next().removeClass('disabled'); nextTab(active); }); function nextTab(elem) { $(elem).next().find('a[data-toggle="tab"]').click(); } function prevTab(elem) { $(elem).prev().find('a[data-toggle="tab"]').click(); } $('.nav-tabs').on('click', 'li', function () { $('.nav-tabs li.active').removeClass('active'); $(this).addClass('active'); }); }); // STEPS WIZARD SCRIPT END // STEPS SECTION HIDE & SHOW SCRIPT BEGIN $(document).ready(function () { function nextTab(elem) { var targetTab = $(elem).next().find('a[data-toggle="tab"]').attr('href'); $(elem).next().removeClass('disabled'); $(targetTab).tab('show'); } function prevTab(elem) { $(elem).prev().find('a[data-toggle="tab"]').tab('show'); } $('#radio-tiktok').click(function () { $('.wizard-form-begin-tiktok').show(); $('.wizard-form-begin-instagram, .wizard-form-begin-both').hide(); nextTab(this); }); $('#radio-instagram').click(function () { $('.wizard-form-begin-instagram').show(); $('.wizard-form-begin-tiktok, .wizard-form-begin-both').hide(); nextTab(this); }); $('#radio-both').click(function () { $('.wizard-form-begin-both').show(); $('.wizard-form-begin-tiktok, .wizard-form-begin-instagram').hide(); nextTab(this); }); $('.nav-tabs').on('click', 'li', function () { $('.nav-tabs li.active').removeClass('active'); $(this).addClass('active'); }); }); // STEPS SECTION HIDE & SHOW SCRIPT END // WIZARD INNER SCRIPT BEGIN $(document).ready(function () { function resetRoundTabBorder() { $('.influencer-steps-wizard span.round-tab').css({ 'border-color': '#FBBC04', 'border-width': '5px', 'border-style': 'solid' }); } function updateRoundTabBorder() { $('.influencer-steps-wizard span.round-tab').css({ }); } function showContent(contentToShow) { $('.wizard-form-begin').hide(); $(contentToShow).show(); resetRoundTabBorder(); updateTabBorderColor(); } $('#radio-tiktok').click(function () { showContent('.wizard-form-begin-tiktok'); updateRoundTabBorder(); }); $('#radio-instagram').click(function () { showContent('.wizard-form-begin-instagram'); updateRoundTabBorder(); }); $('#radio-both').click(function () { showContent('.wizard-form-begin-both'); updateRoundTabBorder(); }); $('#prev-step-id').click(function () { var activeTab = $('.wizard .tab-pane.active'); var prevTab = activeTab.prev('.tab-pane'); if (prevTab.length) { activeTab.removeClass('active'); prevTab.addClass('active'); resetRoundTabBorder(); var correspondingTabLink = $('.influencer-steps-wizard .nav-tabs > li > a[href="#' + prevTab.attr('id') + '"]'); correspondingTabLink.trigger('click'); } }); $("#submit-step-id").click(function() {window.location.href = "successfully-submitted.html"}) $('.influencer-steps-wizard .wizard .nav-tabs > li a').off('click'); $('.wizard-inner').off('click'); $('.influencer-steps-wizard span.round-tab').click(function () { resetRoundTabBorder(); }); updateTabBorderColor(); }); // WIZARD INNER SCRIPT END /*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*/ /*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 </script> </body> </html>
| ver. 1.4 |
Github
|
.
| PHP 8.1.29 | Генерация страницы: 0.01 |
proxy
|
phpinfo
|
Настройка