pokemon.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content ="width=device-width, initial-scale=1, user-scalable=yes"/>
    <link href="css/pokemon.css" type="text/css" rel="stylesheet">
    <link rel="shortcut icon" href="https://raw.githubusercontent.com/Deondrede/Deondrede.github.io/master/assets/img/icons8-pokeball-64.ico">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
    <script src="javascript/pokemon.js"></script>
    <title>Pokemon App</title>
</head> 
<body>
    <div data-role="page" id="pokeSearch-page">
        <h1>Pokémon App</h1>
        <div data-role="main" class="ui-content">
            <form id = "pokeSubmit">
                <label for="pokeInput">Enter a Pokémon name or number:</label>
                <br>
                <input type="text" name="pokeInput" id="pokeInput" placeholder="Enter a Pokémon..." value="">
                <input type="submit" id="btn" text="Submit">
            </form>
            <div data-role="listview" data-inset="true" id="pokeDetails"> <!--All pokemon information will be appended to this div-->
                <!--There's a neat suprise if you click the image-->
            </div>
        </div>
    </div>
</body>
</html>