svg webpage/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">
    <title>svg page</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <section>
       
        <div class="content">
            <h2>wave shaped banner</h2>
            <p>Generating random paragraphs can be an excellent way for writers to get their creative flow going at the 
                beginning of the day. The writer has no idea what topic the random paragraph will be about when it appears. 
                This forces the writer to use creativity to complete one of three common writing challenges. The writer 
                can use the paragraph as the first one of a short story and build upon it. A second option is to use the 
                random paragraph somewhere in a short story they create. The third option is to have the random paragraph 
                be the ending paragraph in a short story. No matter which of these 
                challenges is undertaken, the writer is forced to use creativity to incorporate the paragraph into their writing.</p>
        </div>
        <img src="samsung-mobile-png-14.png" alt="">
        <svg class ="wave" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"><path fill="#fff" fill-opacity="1" d="M0,64L24,85.3C48,107,96,149,144,192C192,235,240,277,288,293.3C336,309,384,299,432,293.3C480,288,528,288,576,272C624,256,672,224,720,229.3C768,235,816,277,864,282.7C912,288,960,256,1008,234.7C1056,213,1104,203,1152,208C1200,213,1248,235,1296,213.3C1344,192,1392,128,1416,96L1440,64L1440,320L1416,320C1392,320,1344,320,1296,320C1248,320,1200,320,1152,320C1104,320,1056,320,1008,320C960,320,912,320,864,320C816,320,768,320,720,320C672,320,624,320,576,320C528,320,480,320,432,320C384,320,336,320,288,320C240,320,192,320,144,320C96,320,48,320,24,320L0,320Z"></path></svg>
    </section>
</body>
</html>