function combineCode(cardCode) {
    const baseHTML = `
    <!DOCTYPE html>
    <html lang="en">

    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width-device-width, initial-scale-1.0">
        <title>Meet Our Team!</title>
        <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
        <link rel="stylesheet" href="style.css">
        <script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
        <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.3/css/all.css" integrity="sha384-SZXxX4whJ79/gErwcOYf+zWLeJdY/qpuqC4cAa9rOGUstPomtqpuNWT9wdPEn2fk" crossorigin="anonymous">
    </head>

    <body>
        <nav class="jumbotron jumbotron-fluid p1 text-center">
            <div class="navbar-header mx-auto">
                <span class="navbar-brand mb-0 h1"><h1>Meet The Team!</h1></span>
            </div>
        </nav>

        <main class="container">
            <div class="row flexer">
                ${cardCode}
            </div>
    </body>
    `
    return baseHTML
}
// Returns card HTML and basic HTML template (with Font Awesome and Bootstrap)
Returns card HTML and basic HTML template (with Font Awesome and Bootstrap)
Returns card HTML and basic HTML template ( with Font Awesome and Bootstrap )
function combineCode(cardCode) {
    const baseHTML = `
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width-device-width, initial-scale-1.0">
        <title>Meet Our Team!</title>
        <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
        <link rel="stylesheet" href="style.css">
        <script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
        <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.3/css/all.css" integrity="sha384-SZXxX4whJ79/gErwcOYf+zWLeJdY/qpuqC4cAa9rOGUstPomtqpuNWT9wdPEn2fk" crossorigin="anonymous">
    </head>
    <body>
        <nav class="jumbotron jumbotron-fluid p1 text-center">
            <div class="navbar-header mx-auto">
                <span class="navbar-brand mb-0 h1"><h1>Meet The Team!</h1></span>
            </div>
        </nav>
        <main class="container">
            <div class="row flexer">
                ${cardCode}
            </div>
    </body>
    `
    return baseHTML
}
function combineCode ( cardCode ) { const baseHTML = ` ${ cardCode } ` return baseHTML }
Returns card HTML and basic HTML template (with Font Awesome and Bootstrap)
Returns card HTML and basic HTML template ( with Font Awesome and Bootstrap )