search.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
		
		
		<link rel="manifest" href="manifest.json" />
<!-- ios support -->
<link rel="apple-touch-icon" href="images/icons/icon-72x72.png" />

<link rel="apple-touch-icon" href="images/icons/icon-96x96.png" />
<link rel="apple-touch-icon" href="images/icons/icon-128x128.png" />
<link rel="apple-touch-icon" href="images/icons/icon-144x144.png" />
<link rel="apple-touch-icon" href="images/icons/icon-152x152.png" />
<link rel="apple-touch-icon" href="images/icons/icon-192x192.png" />
<link rel="apple-touch-icon" href="images/icons/icon-384x384.png" />
<link rel="apple-touch-icon" href="images/icons/icon-512x512.png" />


<meta name="apple-mobile-web-app-status-bar" content="#000000" />
<meta name="theme-color" content="#000000" />
		
		
		
		
		
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <link rel="stylesheet" href="css/style.css" />
    <title>Appothica: Search</title>
		<meta name= "description" content= "Appothica is a crossplatform store for Progressive Web Applications. Save GIGABYTES of storage and data! Reinstall your favorites, and discover new apps.">
	
<script src="https://code.jquery.com/jquery-3.6.0.slim.min.js"   integrity="sha256-u7e5khyithlIdTpu22PHhENmPcRdFiHRjhAuHcs05RI="   crossorigin="anonymous"></script>
		
		
		
			<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-VNZPVZ1CD2"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-VNZPVZ1CD2');
</script>
		
  </head>
  <body>
    
		<nav role='navigation'><h1 class= "logo">Appothica</h1> 
  <div id="menuToggle">
    <!--
    A fake / hidden checkbox is used as click reciever,
    so you can use the :checked selector on it.
    -->
    <input type="checkbox" />
    
    <!--
    Some spans to act as a hamburger.
    
    They are acting like a real hamburger,
    not that McDonalds stuff.
    -->
    <span></span>
    <span></span>
    <span></span>
    
    <!--
    Too bad the menu has to be inside of the button
    but hey, it's pure CSS magic.
    -->
    <ul id="menu">
		</br>
    </br>
    </br>
			
			<a class= "slideMenu" href="whichBrowser.html"><li>How Do I </br>Install Apps?</br></li></a>
      <a class= "slideMenu" href="whyAppothica.html"><li>Why Should I</br>Use Appothica?</br></li></a>
      <a class= "slideMenu" href="native.html"><li>PWA vs</br>Native Apps</li></a>
			
			  <a class= "slideMenu" href="troubleshoot.html"><li>Troubleshooting</li></a>
			
			<a class= "slideMenu" href="contact.html"><li>Contact Us</li></a>
			
			<a class= "slideMenu" href="categories.html"><li>Categories</li></a>
			
			
			<a class= "slideMenu" href="search.html"><li>Search</li></a>
     
    </ul>
  </div>
</nav>
		

		
		
		
		
		<main>
      
				
	 <div id="searchWrapper">
                <input
                    type="text"
                    name="searchBar"
                    id="searchBar"
                    placeholder="search"
                />
            </div>
            <ul id="charactersList"></ul>
        </div>
		<script>$(document).ready( function () {
    $("input").keyup(function(event) {
        if (event.keyCode === 13) {
            	
					$("input").blur();
        }
    });
	});
		
</script>
				
			</br>
      	
 <div id= "container"></div>   

</br>	</br></br></br>

 <div class="navBar"></div>

  	
 	
 
	 <script src="js/search.js" type= "module"></script>		
    	
		
 
	 <p class= "bottom">
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>


</p>  	 


		
	 </main>


	 
<p class= "bottom"></br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>

</p>  	 
	 
	 
	<script type="text/javascript">
    var vglnk = {key: '8a0a1f8c1a79dd94526efc4fb8b9050c'};
    (function(d, t) {
        var s = d.createElement(t);
            s.type = 'text/javascript';
            s.async = true;
            s.src = '//cdn.viglink.com/api/vglnk.js';
        var r = d.getElementsByTagName(t)[0];
            r.parentNode.insertBefore(s, r);
    }(document, 'script'));
	</script>
		
		
  </body>
	</html>