templates/index.html

<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="author" content="colorlib.com">
    <link href="https://fonts.googleapis.com/css?family=Poppins" rel="stylesheet" />
    <link href="static/css/main.css" rel="stylesheet" />
  </head>
  <body>
     <center><img src="static/images/billboard_logo.png" alt="logo"></center>
    <div class="s01">
      <form method = "POST">
        <fieldset>
        </fieldset>
        <div class="inner-form">
          <div class="input-field first-wrap">
            <input id="song" type="text" placeholder="Song" name="song"/>
          </div>
          <div class="input-field second-wrap">
            <input id="artist" type="text" placeholder="Artist" name ="artist"/>
        </div>
        <h4>Has the artist had a billboard hit before this?</h4>
        <div id="radios">
          <label for="input1"></label>
          <input  id="input1" name="options" type="radio" value="Yes"></input>
          <label for="input2"></label>
          <input  id="input2" name="options" type="radio" value="No"></input>
          <label for="input3"></label>
          <input  id="input3" name="options" type="radio" value="Maybe"></input>
          <span id="slider"></span>
        </div>

          <div class="input-field third-wrap">
        <button class="btn-search" type="submit">Search</button>

          </div>
        </div>
      </form>
    </div>
  </body>
<!-- This templates was made by Colorlib (https://colorlib.com) -->
</html>