user.js

let cards = [
    //  Add your card in this section
    //  Follow this example format:
    //  ["Your Name", "Image URL(./img/username.png)", "Bio", "Your Github Link"],
    //  Bio should no longer than 50 characters, avoid using quotes(") to guarantee the format remains the same.



    ["Your Name", "./img/username.png", "Your Bio", "https://github.com/letskhabar"],
    ["Your Name", "./img/username.png", "Your Bio", "https://github.com/letskhabar"],
    ["Muteen Kundangar", "./img/web3.jpg", "Obviously a IT student", "https://github.com/letskhabar"],
    ["Letskhabar", "./img/letskhabar.png", "We make IT happens", "https://github.com/letskhabar"],
    ["Vimal Kumar", "./img/vimalverma558.jpg", "Web Developer and designer", "https://github.com/vimalverma558"],
    ["Coder nibba", "./img/codernibba.gif", "In relationship with codernibbi", "https://github.com/codernibba"],
    ["Vaibhav Goel", "./img/GoelVaibhav009.jpg", "Mobile & Web Developer", "https://github.com/GoelVaibhav009"],
    ["Avinash Kumar Jha", "./img/avinash.jpg", "Student", "https://github.com/avinashjha11"],
    ["Sovam Pradhan", "./img/sovam.jpg", "Full Stack Web Developer", "https://github.com/Sovam-coder"],
    ["Prithviraj Biswas", "./img/prithvirajbytes.jpg", "CoDeLiKeHeLl", "https://github.com/prithvirajbytes"],
    ["Vikas shah", "./img/vik.jpg", "Student", "https://github.com/vikasah0"],
    ["Kory Freese", "./img/callmekory.png", "Student", "https://github.com/callmekory"],
    ["Subodh Aryal", "./img/a$ub0dh.jpg", "Let's Creating", "https://github.com/asubodh"],
    ["Namish kumar", "./img/username.png", "Student", "https://github.com/namish25"],
    ["yaswanth", "./img/Screenshot (45).png", "Student", "https://github.com/bakiyaswanth"],
    ["drshyamshankar", "./img/username.png", "student", "https://github.com/drshyamshankar"],
    ["naute22", "./img/username.png", "student", "https://github.com/naute22"],
    ["ravi kumar", "./img/username.png", "Student", "https://github.com/letskhabar"],
    ["Aditya Gite", "./img/aditya-gite-04.jpg", "Kid", "https://github.com/aditya-gite-04"],
    ["Bruno Almeida", "./img/Brunopbb.png", "Student", "https://github.com/Brunopbb"],
    ["Anthony Morris", "./img/Anthony-Morris.png", "SE", "https://github.com/TonyDMorris"],
    ["V-50", "./img/username.png", "Student", "https://github.com/v-50"],
    ["Kunal Bhatia", "./img/kunalbhatia18.jpg", "Student ", "https://github.com/kunalbhatia18"],
    ["Wisnu Febriadi", "./img/wfebriad.jpg", "Student ", "https://github.com/wfebriad"],
    ["Dwiky Chandra", "./img/dwikychandra21.jpg", "Frontend Developer", "https://github.com/dwikychandra21"],
    ["Harshita Raj", "./img/Harshita248.jpg", "An aspiring WebDev", "https://github.com/Harshita248"],
    ["Tanishq Sehra","./img/tanishq1502.jpg","B.E CSE Student","https://github.com/tanishq1502"],
    ["Mohammad Quanit", "./img/quanit.jpg", "Software Engineer", "https://github.com/mohammad-quanit"],
    ["Abhishek Kumar", "./img/Badge.png", "Web Developer and designer", "https://github.com/Abhishekkr93"],
    ["Pasindu P Konghawaththa", "./img/MasterBrian99.jpg", "Web Developer", "https://github.com/MasterBrian99"],
    ["Chirag Jain", "./img/ChiragJain123.png", "A Passionate Coder who wants to explore each and every thing related to tech.", "https://github.com/ChiragJain123"],
    ["Tio Tobing","./img/tiotobing.png", "Today is Technology", "https://github.com/tiotobing"],
    ["Azri Akmal Kurniawan", "./img/azriakmalk.jpg", "Web Developer and Software Engineering", "https://github.com/azriakmalk"],
    ["Simone Puhl", "./img/username.png", "Front end / Web Developer, Cacti & Cat mom who loves cheeseburgers", "https://github.com/persimone"],
    ["Mohd Fahad Khan", "./img/fahad.jpg", "Full Stack Software Developer", "https://github.com/codevfahad"],
    ["Carolline Souza", "./img/carolladss.jpg", "Front-End Developer Student", "https://github.com/carolladss"],
    ["Jayant Goel","./img/JayantGoel001.jpg","You Know Who I Am","https://github.com/JayantGoel001"],
    ["Andrean Novan","./img/andreanz22.jpg","Web Dev","https://github.com/andreanz22"],
    ["Lucky Sopyantoro","./img/luckysopyantoro.jpg","Android Developer","https://github.com/luckysopyantoro"],
    ["Prashant Pandey","./img/prashant-pandey.JPG","Software Engineer","https://github.com/Prashant-Pandey"],
    ["Fifuhoobs","./img/fifuhoobs.png","Student","https://github.com/nikhilsourav"],
    ["Ashutosh Joshi", "./img/ashutosh pic.jpg","Web Devlopment","https://github.com/iAshutosh-joshi"],
    ["Sonali", "./img/Sonali.jpeg","Web Developer","https://github.com/sonali12920"],
    ["Simone Puhl", "./img/username.png", "Front end / Web Developer, Cacti & Cat mom who loves cheeseburgers", "https://github.com/persimone"],
    ["Reza Alamsyah", "./img/Reas-19.png", "Android developer, Nothing special on me", "https://github.com/Reas-19"],
    ["Om Sinha", "./img/ProfilePic.png", "Just starting open source", "https://github.com/DeathcallXD"],
    ["Kuroyza", "./img/kuroyza.jpg", "A full stack developer who enjoys watching anime", "https://github.com/kuroyza"],
    ["Felipe Rodrigues", "Image URL(./img/feliperodrigues.png)", "Student", "https://github.com/felipprodrigues"],
    ["Muhammad ALiyul Murtadlo", "./img/username.png", "Student", "https://github.com/mmdiyul"],
    ["Kashish Goel", "./img/kashish-goel.jpg", "Student", "https://github.com/kashish-goel"],
    ["Arslan Siddique","./img/ARSHLAN.jpg", "Student", "https://github.com/ArshlanSiddique"],
    ["Arham Aalam","./img/Arham-Aalam.jpg", "Developer", "https://github.com/Arham-Aalam"],
  
  
    // Don't Forget to add comma in Last

]
















// +--------------------------------------------------------------------------------+
// +                                                                                +
// +                  YOU DO NOT NEED TO CHANGE ANYTHING BELOW THIS                 +
// +                                                                                +
// +--------------------------------------------------------------------------------+


let contents = [];
Shuffle(cards).forEach((c) => {
  contents.push([`<li class="card">` + `<img class="user-image" src='${c[1]}' alt='${c[0]}' />` + `<div class="flex-content">` + `<h3 class="bio">${c[2]}</h3>` + `<h3 class='user'><a href="${c[3]}" target="_blank"><i class="fab fa-github"></i> ${c[0]}</a> </h3>` + `</div>` + `</li>`]);
});

document.getElementById("users").innerHTML = contents;

function Shuffle(o) {
  for (var j, x, i = o.length; i; j = parseInt(Math.random() * i), x = o[--i], o[i] = o[j], o[j] = x);
  return o;
}