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

Файловый менеджер - Редактировать - /home/clickysoft/public_html/curator-club.clickysoft.net/upload-song-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 - Upload Song 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"> </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"> <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 --> <!-- SIGN IN HEADER BEGIN --> <section class="signin-sec upload-songs-influencer-screen upload-songs-curator"> <div class="container-fluid"> <div class="influencer-steps-wizard curator-steps"> <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>Submission Info</i></a> </li> <li role="presentation" class="disabled"> <a href="#step3-overview" data-toggle="tab" aria-controls="step3-overview" role="tab"><span class="round-tab-2">2</span> <i>Over View</i></a> </li> <li role="presentation" class="disabled"> <a href="" role="tab"><span class="round-tab-2">3</span> <i>Select Influencer</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="upload-song-tab"> <div class="main-platform-div"> <h5>Which platform you would like to submit to?</h5> <div class="upload-song-yes-no"> <div class="upload-song-yes-btn upload-song-tiktok"> <div class="radio-upload-song-yes"> <input type="radio" name="source1" value="mp3"> </div> <button type="button" class="btn btn-primary">TikTok</button> </div> <div class="upload-song-yes-btn upload-song-instagram"> <div class="radio-upload-song-yes"> <input type="radio" name="source1" value="mp3"> </div> <button type="button" class="btn btn-primary">Instagram</button> </div> <div class="upload-song-yes-btn upload-song-both"> <div class="radio-upload-song-yes"> <input type="radio" name="source1" value="mp3"> </div> <button type="button" class="btn btn-primary">Both</button> </div> </div> </div> <div class="artist-song-name upload-influencer-media"> <h5>What's your TikTok?</h5> <input type="text" class="form-control" placeholder="Paste your TikTok account link here"> <span>Provide the link to Instagram reel sound <i class="fa fa-info-circle" aria-hidden="true"></i></span> <input type="text" class="form-control" placeholder="Paste your TikTok account link here"> </div> <div class="artist-song-name upload-influencer-sound"> <h5>What's your Instagram?</h5> <input type="text" class="form-control" placeholder="Paste your TikTok account link here"> <span>Provide the link to TikTok reel sound <i class="fa fa-info-circle" aria-hidden="true"></i></span> <input type="text" class="form-control" placeholder="Paste your TikTok account link here"> </div> <div class="artist-song-name"> <h5>Artist name</h5> <input type="text" class="form-control" placeholder="Artist name here"> </div> <div class="artist-song-name"> <h5>Track title</h5> <input type="text" class="form-control" placeholder="Track title here"> </div> <div class="artist-song-name upload-influencer-language"> <h5>What is the language of the song?</h5> <select class="form-control"> <option selected>Select Language</option> <option>English</option> <option>German</option> <option>French</option> </select> </div> <h5 class="release-text">Specify influencer location</h5> <div class="upload-song-yes-no"> <div class="upload-song-yes-btn"> <div class="radio-upload-song-yes"> <input type="radio" name="source1" value="mp3"> </div> <button type="button" class="btn btn-primary">Global</button> </div> <div class="upload-song-no-btn"> <div class="radio-upload-song-no"> <input type="radio" name="source1" value="mp3"> </div> <button type="button" class="btn btn-primary">North America</button> </div> </div> </div> <div class="song-released-tab-text curator-genres"> <h5>Choose influencer type/categories:</h5> <div class="row"> <div class="col-lg-12 col-md-12 col-sm-12 col-12"> <div class="upload-song-yes-no"> <div class="upload-song-yes-btn"> <div class="radio-upload-song-yes"> <input type="radio" name="source1" value="mp3"> </div> <button type="button" class="btn btn-primary">LGBTQ+</button> </div> <div class="upload-song-no-btn"> <div class="radio-upload-song-no"> <input type="radio" name="source1" value="mp3"> </div> <button type="button" class="btn btn-primary">Religion</button> </div> <div class="upload-song-yes-btn"> <div class="radio-upload-song-yes"> <input type="radio" name="source1" value="mp3"> </div> <button type="button" class="btn btn-primary">Cosplay</button> </div> <div class="upload-song-no-btn"> <div class="radio-upload-song-no"> <input type="radio" name="source1" value="mp3"> </div> <button type="button" class="btn btn-primary">Cars</button> </div> <div class="upload-song-yes-btn"> <div class="radio-upload-song-yes"> <input type="radio" name="source1" value="mp3"> </div> <button type="button" class="btn btn-primary">Education</button> </div> <div class="upload-song-no-btn"> <div class="radio-upload-song-no"> <input type="radio" name="source1" value="mp3"> </div> <button type="button" class="btn btn-primary">Food / Beverage</button> </div> <div class="upload-song-yes-btn"> <div class="radio-upload-song-yes"> <input type="radio" name="source1" value="mp3"> </div> <button type="button" class="btn btn-primary">Fitness</button> </div> <div class="upload-song-no-btn"> <div class="radio-upload-song-no"> <input type="radio" name="source1" value="mp3"> </div> <button type="button" class="btn btn-primary">Nature</button> </div> <div class="upload-song-yes-btn"> <div class="radio-upload-song-yes"> <input type="radio" name="source1" value="mp3"> </div> <button type="button" class="btn btn-primary">Lip Syncing</button> </div> <div class="upload-song-no-btn"> <div class="radio-upload-song-no"> <input type="radio" name="source1" value="mp3"> </div> <button type="button" class="btn btn-primary">Dancing</button> </div> <div class="upload-song-yes-btn"> <div class="radio-upload-song-yes"> <input type="radio" name="source1" value="mp3"> </div> <button type="button" class="btn btn-primary">Fashion</button> </div> <div class="upload-song-no-btn"> <div class="radio-upload-song-no"> <input type="radio" name="source1" value="mp3"> </div> <button type="button" class="btn btn-primary">Makeup</button> </div> <div class="upload-song-yes-btn"> <div class="radio-upload-song-yes"> <input type="radio" name="source1" value="mp3"> </div> <button type="button" class="btn btn-primary">Gaming</button> </div> <div class="upload-song-no-btn"> <div class="radio-upload-song-no"> <input type="radio" name="source1" value="mp3"> </div> <button type="button" class="btn btn-primary">Memes/Trends</button> </div> <div class="upload-song-yes-btn"> <div class="radio-upload-song-yes"> <input type="radio" name="source1" value="mp3"> </div> <button type="button" class="btn btn-primary">Pets</button> </div> <div class="upload-song-no-btn"> <div class="radio-upload-song-no"> <input type="radio" name="source1" value="mp3"> </div> <button type="button" class="btn btn-primary">Sports Highlights</button> </div> <div class="upload-song-yes-btn"> <div class="radio-upload-song-yes"> <input type="radio" name="source1" value="mp3"> </div> <button type="button" class="btn btn-primary">Arts & Crafts</button> </div> <div class="upload-song-no-btn"> <div class="radio-upload-song-no"> <input type="radio" name="source1" value="mp3"> </div> <button type="button" class="btn btn-primary">Reaction Videos</button> </div> <div class="upload-song-yes-btn"> <div class="radio-upload-song-yes"> <input type="radio" name="source1" value="mp3"> </div> <button type="button" class="btn btn-primary">Other</button> </div> </div> </div> </div> </div> <div class="song-info-tab"> <div class="song-released-tab-text"> <h5>Do you have specific concept for Video</h5> <div class="upload-song-yes-no"> <div class="upload-song-yes-btn upload-show-anime"> <div class="radio-upload-song-yes"> <input type="radio" name="source1" value="mp3"> </div> <button type="button" class="btn btn-primary">Yes</button> </div> <div class="upload-song-no-btn upload-hide-anime"> <div class="radio-upload-song-no"> <input type="radio" name="source1" value="mp3"> </div> <button type="button" class="btn btn-primary">No</button> </div> </div> <div class="released-song-language"> <textarea cols="4" rows="6" class="form-control" placeholder="Describe your concept here..."></textarea> <p>provide a reference/example video (OPTIONAL)</p> <input type="text" class="form-control" placeholder="Paste reference/ example video link here"> </div> </div> </div> <div class="song-info-tab"> <div class="song-released-tab-text"> <h5>Do you want influencer to tag certain account on the video</h5> <div class="upload-song-yes-no"> <div class="upload-song-yes-btn upload-show-anime-new"> <div class="radio-upload-song-yes"> <input type="radio" name="source1" value="mp3"> </div> <button type="button" class="btn btn-primary">Yes</button> </div> <div class="upload-song-no-btn upload-hide-anime-new"> <div class="radio-upload-song-no"> <input type="radio" name="source1" value="mp3"> </div> <button type="button" class="btn btn-primary">No</button> </div> </div> <div class="released-song-tag"> <p>Provide account link</p> <input type="text" class="form-control" placeholder="Paste account link here"> </div> </div> </div> <div class="song-info-tab"> <div class="song-released-tab-text"> <h5>Do you want influencer to use certain hashtag on the video</h5> <div class="upload-song-yes-no"> <div class="upload-song-yes-btn upload-show-anime-hashtag"> <div class="radio-upload-song-yes"> <input type="radio" name="source1" value="mp3"> </div> <button type="button" class="btn btn-primary">Yes</button> </div> <div class="upload-song-no-btn upload-hide-anime-hashtag"> <div class="radio-upload-song-no"> <input type="radio" name="source1" value="mp3"> </div> <button type="button" class="btn btn-primary">No</button> </div> </div> <div class="released-song-hashtag"> <textarea cols="4" rows="6" class="form-control" placeholder="add hashtag here"></textarea> </div> </div> </div> <ul class="list-inline"> <li><button type="button" class="default-btn prev-step" id="prev-step-id"><img src="images/upload-back-img.png" alt="image" class="img-fluid"> Back</button></li> <li><button type="button" class="default-btn next-step" id="next-step-id"> NEXT <img src="images/upload-front-img.png" alt="image" class="img-fluid"></button></li> </ul> </div> <div class="tab-pane" role="tabpanel" id="step3-overview"> <div class="track-overview-tab"> <h4>My Submission Overview</h4> <div class="track-overview-box"> <a href="javascript:void(0)">Edit info <i class="fa fa-pencil" aria-hidden="true"></i></a> <div class="track-song-submission"> <div class="track-form-img"> <img src="images/avatar-small-img.png" alt="image" class="img-fluid"> </div> <div class="track-form-content"> <h6>Song title here</h6> <p>Jeff Jordan</p> </div> </div> <div class="row"> <div class="col-lg-4 col-md-12 col-sm-12 col-12"> <div class="follower-left-box"> <div class="follower-img-box"> <div class="follower-like-img"> <img src="images/follower-left-img.png" alt="image" class="img-fluid"> <h6>Jeff Jordan</h6> <span>856 Follower</span> </div> <div class="follower-tiktok-img"> <img src="images/follower-tiktok-img.png" alt="image" class="img-fluid"> </div> </div> <div class="follower-bottom-img"> <img src="images/fl-box1.png" alt="image" class="img-fluid"> <img src="images/fl-box2.png" alt="image" class="img-fluid"> <img src="images/fl-box3.png" alt="image" class="img-fluid"> </div> </div> </div> <div class="col-lg-4 col-md-12 col-sm-12 col-12"> <div class="follower-middle-box"> <div class="post-main-box-flex"> <div class="post-img-box"> <div class="post-like-img"> <img src="images/table-img.png" alt="image" class="img-fluid"> </div> <div class="post-like-jeff"> <h6>Jeff Jordan</h6> </div> </div> <div class="post-insta-img"> <img src="images/post-insta.png" alt="image" class="img-fluid"> </div> </div> <div class="post-listing-content"> <ul> <li><span>5.8K</span> Posts</li> <li><span>29K</span> Followers</li> <li><span>224</span> Following</li> </ul> </div> <div class="row post-new-boxes"> <div class="col-lg-4 col-md-4 col-sm-4 col-12"> <img src="images/post-img1.png" alt="image" class="img-fluid"> </div> <div class="col-lg-4 col-md-4 col-sm-4 col-12"> <img src="images/post-img2.png" alt="image" class="img-fluid"> </div> <div class="col-lg-4 col-md-4 col-sm-4 col-12"> <img src="images/post-img3.png" alt="image" class="img-fluid"> </div> <div class="col-lg-4 col-md-4 col-sm-4 col-12"> <img src="images/post-img1.png" alt="image" class="img-fluid"> </div> <div class="col-lg-4 col-md-4 col-sm-4 col-12"> <img src="images/post-img2.png" alt="image" class="img-fluid"> </div> <div class="col-lg-4 col-md-4 col-sm-4 col-12"> <img src="images/post-img3.png" alt="image" class="img-fluid"> </div> </div> </div> </div> <div class="col-lg-4 col-md-12 col-sm-12 col-12"> <div class="post-song-box"> <div class="post-tiktok-flex"> <div class="post-song-flex"> <div class="post-song-img-content"> <img src="images/post-song-img.png" alt="image" class="img-fluid"> </div> <div class="post-song-img-text"> <small>Original audio</small> <p>jeffjordan</p> <span>11.4K reels</span> </div> </div> <div class="post-song-tiktok-cls"> <img src="images/follower-tiktok-img.png" alt="image" class="img-fluid"> </div> </div> <div class="audio-song-btns"> <a href="javascript:void(0)" class="btn btn-primary">Use audio</a> <a href="javascript:void(0)" class="lyrics-btn"><img src="images/lyric-img.png" alt="image" class="img-fluid"></a> </div> <div class="post-song-audio-player"> <div class="post-play-btn"> <a href="javascript:void(0)"><i class="fa fa-play" aria-hidden="true"></i></a> </div> <div class="post-play-bar"> <span class="play-bar-line"></span> <div class="post-play-bar-icon"> <span class="play-bar-line-icon"></span> </div> </div> <div class="playbar-time"> <span class="playbar-timeline">0:00</span> </div> </div> </div> <div class="post-song-box"> <div class="post-tiktok-flex"> <div class="post-song-flex"> <div class="post-song-img-content"> <img src="images/post-song-img.png" alt="image" class="img-fluid"> </div> <div class="post-song-img-text"> <small>Original audio</small> <p>jeffjordan</p> <span>11.4K reels</span> </div> </div> <div class="post-song-tiktok-cls"> <img src="images/post-insta.png" alt="image" class="img-fluid"> </div> </div> <div class="audio-song-btns"> <a href="javascript:void(0)" class="btn btn-primary">Use audio</a> <a href="javascript:void(0)" class="lyrics-btn"><img src="images/lyric-img.png" alt="image" class="img-fluid"></a> </div> <div class="post-song-audio-player"> <div class="post-play-btn"> <a href="javascript:void(0)"><i class="fa fa-play" aria-hidden="true"></i></a> </div> <div class="post-play-bar"> <span class="play-bar-line"></span> <div class="post-play-bar-icon"> <span class="play-bar-line-icon"></span> </div> </div> <div class="playbar-time"> <span class="playbar-timeline">0:00</span> </div> </div> </div> </div> </div> </div> <div class="song-lyrics-box"> <div class="songs-lyrics-text"> <h5>Language <a href="javascript:void(0)" class="pull-right">Edit song upload info <i class="fa fa-pencil" aria-hidden="true"></i></a></h5> <p>English</p> </div> <div class="songs-lyrics-text"> <h5>influencer location</h5> <p>North America</p> </div> <div class="songs-lyrics-text"> <h5>influencer type</h5> <p>Cars</p> </div> <div class="songs-lyrics-text"> <h5>Influencer categories</h5> <p>Sports Highlights, Gaming</p> </div> <div class="songs-lyrics-text"> <h5> Concept for video</h5> <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. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. </p> </div> <div class="songs-lyrics-text"> <h5> Account tag</h5> <p>No </p> </div> <div class="songs-lyrics-text"> <h5> Hashtags</h5> <p>No </p> </div> </div> <div class="choose-an-option"> <h4>Choose an option</h4> <p>Choose any one option to continue the submission.</p> <div class="upload-song-yes-no"> <div class="upload-song-yes-btn"> <div class="radio-upload-song-yes"> <input type="radio" name="source1" value="mp3"> </div> <button type="button" class="btn btn-primary" fdprocessedid="kgmpym"> Submit manually</button> </div> <div class="upload-song-no-btn"> <div class="radio-upload-song-no"> <input type="radio" name="source1" value="mp3"> </div> <button type="button" class="btn btn-primary" fdprocessedid="2imfbo">Automate</button> </div> </div> </div> </div> <ul class="list-inline"> <li><button type="button" class="default-btn prev-step" id="prev-step-id"><img src="images/upload-back-img.png" alt="image" class="img-fluid"> Back</button></li> <li><button type="button" class="default-btn next-step" id="submit-step-id"> NEXT <img src="images/upload-front-img.png" alt="image" class="img-fluid"></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> /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 // WIZARD INNER SCRIPT BEGIN $(document).ready(function () { function updateRoundTabBorder() { $('.influencer-steps-wizard span.round-tab').css({ 'border-color': '#FBBC04', 'border-width': '5px', 'border-style': 'solid' }); } function resetRoundTabBorder() { $('.influencer-steps-wizard span.round-tab').css({ 'border-color': '#808080', 'border-width': '5px', 'border-style': 'solid' }); } 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(); }); $('[id="prev-step-id"]').click(function () { var activeTab = $('.wizard .tab-pane.active'); var prevTab = activeTab.prev('.tab-pane'); console.log(prevTab.index()); prevTab.index() === -1 ? window.location.href = "select-submission.html" : ""; 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'); } }); $('[id="next-step-id"]').click(function () { var activeTab = $('.wizard .tab-pane.active'); var nextTab = activeTab.next('.tab-pane'); nextTab.index() === 2 ? window.location.href = "/" : ""; if (nextTab.length) { activeTab.removeClass('active'); nextTab.addClass('active'); resetRoundTabBorder(); var correspondingTabLink = $('.influencer-steps-wizard .nav-tabs > li > a[href="#' + nextTab.attr('id') + '"]'); correspondingTabLink.trigger('click'); } }); $("#submit-step-id").click(function() {window.location.href = "automated-submission-influencer.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 // TOP RADIO BUTTON CHECKED SCRIPT BEGIN $(document).ready(function() { $(".upload-song-link-field .form-control").click(function() { $(this).siblings(".radio-upload-song").find("input[type=radio]").prop("checked", true); }); $(".upload-song-mp3 button").click(function() { $(this).siblings(".radio-upload-song").find("input[type=radio]").prop("checked", true); }); }); // TOP RADIO BUTTON CHECKED SCRIPT END // TOP RADIO BUTTONS FIRLDS BORDER COLOR & BOX SHADOW SCRIPT BEGIN $(document).ready(function() { $(".upload-song-link-field .form-control").click(function() { $(this).addClass("clicked"); $(".upload-song-mp3 .btn-primary").removeClass("clicked"); }); $(".upload-song-mp3 .btn-primary").click(function() { $(this).addClass("clicked"); $(".upload-song-link-field .form-control").removeClass("clicked"); }); }); // TOP RADIO BUTTONS FIRLDS BORDER COLOR & BOX SHADOW SCRIPT END // YES OR NO RADIO BUTTON SCRIPT BEGIN $(document).ready(function() { $(".upload-song-yes-no .upload-song-yes-btn").click(function() { $(this).find("input[type=radio]").prop("checked", true); $(this).siblings(".upload-song-no-btn").find("input[type=radio]").prop("checked", false); $(this).siblings(".upload-song-yes-btn").find("input[type=radio]").prop("checked", false); }); $(".upload-song-yes-no .upload-song-no-btn").click(function() { $(this).find("input[type=radio]").prop("checked", true); $(this).siblings(".upload-song-yes-btn").find("input[type=radio]").prop("checked", false); $(this).siblings(".upload-song-no-btn").find("input[type=radio]").prop("checked", false); }); }); // YES OR NO RADIO BUTTON SCRIPT END // SONGS INFO YES & NO BUTTON SHOW & HIDE SCRIPT BEGIN document.addEventListener("DOMContentLoaded", function() { const yesBtn = document.querySelector(".upload-show-anime"); const noBtn = document.querySelector(".upload-hide-anime"); const dateElement = document.querySelector(".released-song-language"); yesBtn.addEventListener("click", function() { dateElement.classList.add("show"); }); noBtn.addEventListener("click", function() { dateElement.classList.remove("show"); }); }); // SONGS INFO YES & NO BUTTON SHOW & HIDE SCRIPT END // TAG BUTTON SHOW & HIDE SCRIPT BEGIN document.addEventListener("DOMContentLoaded", function() { const yesBtn = document.querySelector(".upload-show-anime-new"); const noBtn = document.querySelector(".upload-hide-anime-new"); const dateElement = document.querySelector(".released-song-tag"); yesBtn.addEventListener("click", function() { dateElement.classList.add("show"); }); noBtn.addEventListener("click", function() { dateElement.classList.remove("show"); }); }); // TAG BUTTON SHOW & HIDE SCRIPT END // HASHTAG BUTTON SHOW & HIDE SCRIPT BEGIN document.addEventListener("DOMContentLoaded", function() { const yesBtn = document.querySelector(".upload-show-anime-hashtag"); const noBtn = document.querySelector(".upload-hide-anime-hashtag"); const dateElement = document.querySelector(".released-song-hashtag"); yesBtn.addEventListener("click", function() { dateElement.classList.add("show"); }); noBtn.addEventListener("click", function() { dateElement.classList.remove("show"); }); }); // HASHTAG BUTTON SHOW & HIDE SCRIPT END // TIKTOK & INSTAGRAM & BOTH SCRIPT BEGIN document.addEventListener("DOMContentLoaded", function() { const tiktokButton = document.querySelector(".upload-song-tiktok"); const instagramButton = document.querySelector(".upload-song-instagram"); const bothButton = document.querySelector(".upload-song-both"); const influencerMedia = document.querySelector(".upload-influencer-media"); const influencerSound = document.querySelector(".upload-influencer-sound"); tiktokButton.addEventListener("click", function() { influencerMedia.style.display = "block"; influencerSound.style.display = "none"; }); instagramButton.addEventListener("click", function() { influencerMedia.style.display = "none"; influencerSound.style.display = "block"; }); bothButton.addEventListener("click", function() { influencerMedia.style.display = "block"; influencerSound.style.display = "block"; }); }); // TIKTOK & INSTAGRAM & BOTH SCRIPT END // 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 </script> </body> </html>

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