apple.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: Apple</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.">

		
		
			<!-- 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>
		 <a class= "backButton" onclick="history.back()"></br>«Back</a>
    
		<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>
				
		


</br>
</br>
</br>			
				
			<h1>How to Install </br>PWA in Safari</h1>
		 
		 
			
 
</br>
</br>
</br>			 
 

 


<p class= "tabs">	If Appothica is </br>
	
	
	not installed:
</p>
	</br>


<p class= "text">Tap the ADD button, </br>click the Share icon <img src= "images/icons/safariShare.png" width= "20" height= "20"/> at </br> the bottom of the browser, </br>and choose Add to Home Screen
</p>


</br>
</br>



<p class= "tabs">
	If Appothica </br>is installed:
</p>


<p class= "text">
	Tap the Safari icon <img src= "images/icons/safariButton.png" width= "20" height= "20"/> at <br>the bottom-right corner to </br>open app in the browser
</p>



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

 <p class= "text">
	*PWA support is only available </br>on Safari at this time
</p>


</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
</br>
		 
		
	<footer class = "footBrowser">Apple and Safari are trademarks of Apple Inc., registered in the U.S. and other countries and regions. Use of their trademark is not meant to imply affiliation or endorsement of Appothica.
		
	
	</footer>	 
	


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


   
  <script src="js/toolbar.js"></script>		

		
	 </main>


	 
<p class= "card--title"></br>
</br>
</br>
</br>
</br>
</br>
</br>

</p>  	 
	 
	 
	
		
		
  </body>
	</html>