
<!DOCTYPE html>
<html class="no-js" lang="en-US">
	
	<head>
	
		<!-- Meta -->
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		
		<!-- Title -->
		<title>Petanthology</title>
		
				
				
				
				
				
    	<!-- Bootstrap -->
    	<link rel="stylesheet" type="text/css" href="http://petanthology.com/wp-content/plugins/arnica-wp/template/assets/library/bootstrap/css/bootstrap.min.css">
		
		<!-- Font awesome -->
		<link rel="stylesheet" type="text/css" href="http://petanthology.com/wp-content/plugins/arnica-wp/template/assets/library/fontawesome/css/all.min.css" />
		
		<!-- Google web fonts -->
		<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Poppins:300,400,400italic,600,700,700italic,800">
		
		<!-- Stylesheet -->
		<link rel="stylesheet" type="text/css" href="http://petanthology.com/wp-content/plugins/arnica-wp/template/assets/css/style.css">
		<link rel="stylesheet" type="text/css" href="http://petanthology.com/wp-content/plugins/arnica-wp/template/assets/css/media.css">
		
		<!-- Color schema -->
		<link rel="stylesheet" type="text/css" href="http://petanthology.com/wp-content/plugins/arnica-wp/template/assets/colors/orange.css" class="colors">
		
		<!-- Animate -->
    	<link rel="stylesheet" type="text/css" href="http://petanthology.com/wp-content/plugins/arnica-wp/template/assets/library/animate/animate.css">
	
		<!-- Animated headline -->
		<link rel="stylesheet" type="text/css" href="http://petanthology.com/wp-content/plugins/arnica-wp/template/assets/library/animatedheadline/animated.headline.css">
		
		<!-- Custom scrollbar -->
    	<link rel="stylesheet" type="text/css" href="http://petanthology.com/wp-content/plugins/arnica-wp/template/assets/library/mcustomscrollbar/jquery.mCustomScrollbar.css">
	
		<!-- Vegas -->
		<link rel="stylesheet" type="text/css" href="http://petanthology.com/wp-content/plugins/arnica-wp/template/assets/library/vegas/vegas.min.css">
		
		<!-- YTPlayer -->
		<link rel="stylesheet" type="text/css" href="http://petanthology.com/wp-content/plugins/arnica-wp/template/assets/library/ytplayer/css/jquery.mb.ytplayer.min.css">
		
		<script type="text/javascript">
			var launchDay, labels;
			
						
			launchDay = "Aug 01, 2024 00:00:00";
			labels = "Years, Months, Weeks, Days, Hours, Minutes, Seconds";
			labelsOne = "Year, Month, Week, Day, Hour, Minute, Second";
		</script>
	
	</head>
	
	<body>
	
		<!-- Loader -->
		<div class="page-loader">
			<div class="progress"></div>
		</div>
		
		<!-- Background -->
				
					<div class="bg modal-effect image"></div>		
						
		<!-- Page content -->
		<div class="page modal-effect">
			
						
			<!-- Content -->
			<div class="d-flex align-items-center min-vh-100">
				<div class="container-fluid">
					
					<!-- Welcome -->
					<div class="welcome row">
						<div class="col-lg-12">

															<h2 class="wow fadeInUp cd-headline clip" data-wow-delay="0.3s">

																			<span class="blc">
											<strong>Petanthology</strong> Is 										</span>
									
																			<span class="cd-words-wrapper">
																							<b class="is-visible">
													Coming Soon												</b>
																							<b >
													Smart AI Pet Feeder												</b>
																							<b >
													Launching												</b>
																					</span>
									
								</h2>
							
															<p class="wow fadeInUp" data-wow-delay="0.6s">
									Our website is under construction, we are working very hard to give you the best experience. <br class="d-none d-lg-block" />You will love <b>petanthology </b>as much as we do. <span class="d-none d-lg-inline">It will morph perfectly on your needs!</span>								</p>
							
						</div>
					</div>
					
											<!-- Countdown -->
						<div class="countdown  row">
							<div class="col-lg-12">
								<div id="countdown" class="wow fadeInUp" data-wow-delay="0.9s"></div>
							</div>
						</div>
										
											<!-- Buttons -->
						<div class="buttons row">
							<div class="col-lg-12">

																	<!-- Subscribe -->
									<div class="action-btn white wow fadeInUp" data-wow-delay="1.2s" data-dialog="newsletter">
										<i class="fas fa-envelope"></i> Subscribe									</div>
								
								
							</div>
						</div>
										
				</div>
			</div>
			
							<!-- Social -->
				<section class="social">
					<div class="container-fluid">
						<div class="row">
							<div class="col-lg-12">

								<ul>
									
										
										<li>
											<a href="#" title="Twitter">
												<i class="fab fa-twitter"></i>
											</a>
										</li>
										
										<li>
											<a href="#" title="Facebook">
												<i class="fab fa-facebook-f"></i>
											</a>
										</li>
										
										<li>
											<a href="#" title="Instagram">
												<i class="fab fa-instagram"></i>
											</a>
										</li>
																	</ul>

							</div>
						</div>
					</div>
				</section>
						
		</div>
		
		<!-- Info nav -->
		<a class="info-nav wow fadeInUp" data-wow-delay="0.3s" href="#" data-bs-toggle="modal" data-bs-target="#about">
			<span></span>
		</a>

		<!-- About us -->
		<div id="about" class="modal fade" role="dialog" tabindex="-1" aria-hidden="true">

			<div class="modal-dialog modal-md">
				<div class="modal-content">

					<div class="modal-body">

						
													<!-- Contact info -->
							<div class="contact">

																	<!-- Title -->
									<div class="row section-title">
										<div class="col-lg-12">
											<h3>Contact</h3>
											<hr>
										</div>
									</div>
								
								<div class="row">		

									<div class="col-lg-4">
										<h5><i class="fas fa-phone"></i></h5>
										<p>
											P: (866) 496-3250<br />F: (866) 496-3251										</p>	
									</div>

									<div class="col-lg-4">
										<h5><i class="fas fa-map"></i></h5>
										<p>San Francisco, CA 94123, US</p>
									</div>

									<div class="col-lg-4">
										<h5><i class="fas fa-envelope"></i></h5>
										<p>

																							<a href="mailto:info@example.com">
													info@example.com												</a>
											
																							<a href="mailto:support@example.com">
													support@example.com												</a>
											
										</p>
									</div>

								</div>
							</div>
						
													<!-- Contact form -->
							<div id="contact-form-area" class="contact-form" data-action="http://petanthology.com/wp-content/plugins/arnica-wp/template/php/contact.php">

								<div class="row">
									<div class="col-lg-12">

										<div class="contact-form-holder">
											<div class="field">
												<input type="text" name="name" class="field-name" placeholder="Name">
											</div>
											<div class="field">
												<input type="email" name="email" class="field-email" placeholder="Email">
											</div>
											<div class="field">
												<input type="text" name="phone" class="field-phone" placeholder="Phone">
											</div>
											<div class="field">
												<textarea name="message" class="field-message" placeholder="Message"></textarea>
											</div>

											<!-- Submit Button -->
											<div>
												<button type="submit" class="action-btn full" id="contact-submit">
													<i class="fas fa-paper-plane"></i> Submit												</button>
											</div>
										</div>

										<!-- Submit Results -->
										<div class="contact-form-result">
											<h3>Thank You for the Email!</h3>
Your message has already arrived! We'll contact you shortly.										</div>						

									</div>
								</div>

							</div>
						
													<!-- Google Maps -->
							<div class="google-map">
								<div id="google-container"
									 data-title="Arnica Main Office"
									 data-latitude="37.800976"
									 data-longitude="-122.428502"
									 data-zoom="12"
									 data-marker="http://petanthology.com/wp-content/plugins/arnica-wp/template/assets/images/map-marker-orange.png"
									 data-color="#0fe0ba">
								</div>
								<div id="zoom-in"></div>
								<div id="zoom-out"></div>
							</div>
						
													<!-- Copyright -->
							<div class="copyright">
								Copyright © 2024 P<b>etanthology</b>							</div>
						
					</div>

				</div>
			</div>
			
		</div>
		
		<!-- Newsletter popup -->
		<div id="newsletter" class="dialog">
			
			<div class="dialog__overlay"></div>
			
			<div class="dialog__content" style="background:url() center;">						
				<div class="dialog-inner">
							
											<h4>Stay Tuned</h4>
											
											<p class="d-none d-lg-block">We launch our new website soon.
Please stay updated and follow!</p>
										
					<!-- Newsletter form -->
					<div id="subscribe">

		                <form action="http://petanthology.com/wp-content/plugins/arnica-wp/template/php/subscribe.php" id="notifyMe" method="POST">
		                    <div class="form-group">
		                        <div class="controls">
		                            
		                        	<!-- Field  -->
		                        	<input type="text" id="mail-sub" name="email" placeholder="Enter your email address" class="email srequiredField" />

		                        	<!-- Spinner top left during the submission -->
		                        	<i class="fas fa-spinner opacity-0"></i>

		                            <!-- Button -->
		                            <button class="action-btn submit">Get Notified</button>

		                            <div class="clear"></div>

		                        </div>
		                    </div>
		                </form>

						<!-- Answer for the newsletter form is displayed in the next div, do not remove it. -->
						<div class="block-message">
							<div class="message">

								<p class="notify-valid"></p>

							</div>

						</div>
						
					</div>
				</div>

				<!-- Popup close button -->
				<button class="close-newsletter" data-dialog-close><i class="fas fa-times"></i></button>

			</div>
						
		</div>
		
		<!-- jQuery -->
		<script src="http://petanthology.com/wp-content/plugins/arnica-wp/template/assets/library/jquery/jquery.js"></script>

		<!-- Bootstrap -->
		<script src="http://petanthology.com/wp-content/plugins/arnica-wp/template/assets/library/bootstrap/js/bootstrap.min.js"></script>

		<!-- Plugins -->
		<script src="http://petanthology.com/wp-content/plugins/arnica-wp/template/assets/library/modernizr/modernizr.custom.js"></script>
		<script src="http://petanthology.com/wp-content/plugins/arnica-wp/template/assets/library/wow/wow.min.js"></script>
		<script src="http://petanthology.com/wp-content/plugins/arnica-wp/template/assets/library/plugin/jquery.plugin.min.js"></script>
		<script src="http://petanthology.com/wp-content/plugins/arnica-wp/template/assets/library/animatedheadline/animated.headline.js"></script>
		<script src="http://petanthology.com/wp-content/plugins/arnica-wp/template/assets/library/countdown/jquery.countdown.min.js"></script>
		<script src="http://petanthology.com/wp-content/plugins/arnica-wp/template/assets/library/notifyme/notifyme.js"></script>
		<script src="http://petanthology.com/wp-content/plugins/arnica-wp/template/assets/library/classie/classie.js"></script>
		<script src="http://petanthology.com/wp-content/plugins/arnica-wp/template/assets/library/dialogfx/dialogfx.js"></script>
		<script src="http://petanthology.com/wp-content/plugins/arnica-wp/template/assets/library/mcustomscrollbar/jquery.mCustomScrollbar.js"></script>
		<script src="http://petanthology.com/wp-content/plugins/arnica-wp/template/assets/library/vegas/vegas.min.js"></script>
		<script src="http://petanthology.com/wp-content/plugins/arnica-wp/template/assets/library/ytplayer/jquery.mb.ytplayer.min.js"></script>

		            <script>
                window.initMap = function() {};
            </script>
			<script src="https://maps.googleapis.com/maps/api/js?key=&callback=initMap"></script>
		
		<!-- Main -->
		<script src="http://petanthology.com/wp-content/plugins/arnica-wp/template/assets/js/main.js"></script>

		<script type="text/javascript">
			jQuery(document).ready(function() {

										
							jQuery(".bg.image").vegas({
								slides:[
									{src:"https://petanthology.com/wp-content/uploads/2024/05/nk1yavrcjggsx24r9nv3.webp"},
								],
								transition:"fade"
							});
						                
			});
		</script>
		
							
			
	</body>
	
</html>