lesson-10-banner

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Banner</title>
    <meta name="author" content="Patrik Krizek">
    <meta name="description" content="Classroom-based IT training">

    <!-- CSS -->
    <link href="css/stylesheet.css" rel="stylesheet">
</head>
<body>
    <div id="wrapper">

        <!-- Banner -->
        <div id="banner" onclick="myFunction()">
            <script>
            function myFunction() {
                alert("Congratulation, you singned up for Coding Course!");
            }
            </script>

            <div id="logo">
                <img src="https://www.freepnglogos.com/uploads/elephant-png/african-elephant-transparent-background-18.png" alt="logo">
            </div>

            <div id="content">
                <h1>Maiona Coding Course</h1>
                <p>Coding is a creative process and we believe anyone can learn to code.</p>
                <button>Sign up now!</button>
            </div>
        </div>

        <div id="extract-this">
            <p>Make your page from previews HW nicer. Add banner with picture. Style text and background. Advance HW, use gradient background for banner and website.</p>
        </div>
    </div>
</body>
</html>