index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="style.css">

    <title>Color Card</title>

</head>
<body>
    <p class="copied">Color 'Orange' copied to your clipboard</p>
    <h1>Color palette generator</h1>
    <main class="allcards">
            <div> Blue color
                <p class="one"></p>
            </div>
            <div>Red color
                <p class="two"></p>
            </div>
            <div>Orange
                <p class="three"></p>
            </div>
            <div>Purple
                <p class="four"></p>
            </div>
            <div>Gold color
                <p class="five"></p>
            </div>
    </main>
        <button class="paletteGenerator">Generate pallete</button>
        <p class="writeup">Or just press the "Spacebar" to generate new palettes</p>
        <button class="copyPalette">Click to copy individual color. Press "C" to copy pallete</button>
                
    
</body>
</html>