index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body align="center">
    <h1 id=h1>Is it a Palindrome?</h1>
  <section id="sect"><br>
    <h3 id=h3>Enter in text to check for a palindrome:</h3>
    <br>
  <input id="text-input"></input>
  <button id="check-btn">Check</button> 
  <br><br>
  <div id="result"></div>
  </section>
  <br/>
  <section id="sect2">
    <h1 id="h2"> A palindrome is a word or sentence that's spelled the same way both forward and backward, ignoring punctuation, case, and spacing.</h1>
  </section>
  <script src= "script.js"></script>
</body>
</html>