<!DOCTYPE html>
<html lang="en">
	
<head>
		<meta charset="UTF-8"/>
		<meta name="description" content="description"/>
		<meta name="keywords" content="keywords"/>
		<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
		<meta http-equiv="X-UA-Compatible" content="ie=edge"/>
		<title>Tracking Delivery</title>
		<!-- styles-->
		<link rel="stylesheet" href="css/styles.min.css"/>
		<link rel="stylesheet" href="css/custom.css"/>
		<!-- web-font loader-->
		

		
		<script>
			WebFontConfig = {

				google: {

					families: ['Nunito+Sans:300,400,500,700,900', 'Quicksand:300,400,500,700'],

				}

			}

			function font() {

				var wf = document.createElement('script')

				wf.src = ('https:' == document.location.protocol ? 'https' : 'http') + '://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js'
				wf.type = 'text/javascript'
				wf.async = 'true'

				var s = document.getElementsByTagName('script')[0]

				s.parentNode.insertBefore(wf, s)

			}

			font()
		</script>
	</head>
	<body>
		<div class="page-wrapper">
			<!-- menu dropdown start-->
			<div class="menu-dropdown">
				<div class="menu-dropdown__inner" data-value="start"> 
					<div class="screen screen--start">
						<div class="screen__item screen--trigger item--active" data-category="home"><span><a href="index.php" class="screen__link">Home</a></span></div>
						
						<div class="screen__item screen--trigger" data-category="pages"><span><a href="about.php" class="screen__link">About Us</a></span></div>
						
						<div class="screen__item"><a class="screen__link" href="gallery.php">Gallery</a></div>
						
						<div class="screen__item screen--trigger" data-category="shop"><span>Blog</span><span>
						</span></div>
						
						<div class="screen__item"><a class="screen__link" href="contact.php">Contacts</a></div>
					
					
						<ul class="screen__socials">
							<li><a class="item--facebook" href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
							<li><a class="item--twitter" href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
							<li><a class="item--youtube" href="#"><i class="fa fa-youtube-play" aria-hidden="true"></i></a></li>
							<li><a class="item--instagram" href="#"><i class="fa fa-instagram" aria-hidden="true"></i></a></li>
						</ul><a class="screen__button" href="#">Tickets</a>
					</div>
				</div>
				<!--<div class="menu-dropdown__inner" data-value="home">-->
				<!--	<div class="screen screen--sub">-->
				<!--		<div class="screen__heading">-->
				<!--			<h6 class="screen__back">-->
				<!--				<svg class="icon">-->
				<!--					<use xlink:href="#chevron-left"></use>-->
				<!--				</svg> <span>Home</span>-->
				<!--			</h6>-->
				<!--		</div>-->
				<!--	</div>-->
				<!--</div>-->
				<!--<div class="menu-dropdown__inner" data-value="pages">-->
				<!--	<div class="screen screen--sub">-->
				<!--		<div class="screen__heading">-->
				<!--			<h6 class="screen__back">-->
				<!--				<svg class="icon">-->
				<!--					<use xlink:href="#chevron-left"></use>-->
				<!--				</svg> <span>About Us</span>-->
				<!--			</h6>-->
				<!--		</div>-->
				<!--	</div>-->
				<!--</div>-->
				<!--<div class="menu-dropdown__inner" data-value="shop">-->
				<!--	<div class="screen screen--sub">-->
				<!--		<div class="screen__heading">-->
				<!--			<h6 class="screen__back">-->
				<!--				<svg class="icon">-->
				<!--					<use xlink:href="#chevron-left"></use>-->
				<!--				</svg> <span>Gallery</span>-->
				<!--			</h6>-->
				<!--		</div>-->
				<!--	</div>-->
				<!--</div>-->
				<!--<div class="menu-dropdown__inner" data-value="elements">-->
				<!--	<div class="screen screen--sub">-->
				<!--		<div class="screen__heading">-->
				<!--			<h6 class="screen__back">-->
				<!--				<svg class="icon">-->
				<!--					<use xlink:href="#chevron-left"></use>-->
				<!--				</svg> <span>Blog</span>-->
				<!--			</h6>-->
				<!--		</div>-->
						
				<!--	</div>-->
				<!--</div>-->
				<!--<div class="menu-dropdown__inner" data-value="language">-->
				<!--	<div class="screen screen--sub">-->
				<!--		<div class="screen__heading">-->
				<!--			<h6 class="screen__back">-->
				<!--				<svg class="icon">-->
				<!--					<use xlink:href="#chevron-left"></use>-->
				<!--				</svg> <span>Contact US</span>-->
				<!--			</h6>-->
				<!--		</div>-->
				<!--		<div class="screen__item"><a class="screen__link" href="javascript:void(0);">English</a></div>-->
				<!--		<div class="screen__item"><a class="screen__link" href="javascript:void(0);">French</a></div>-->
				<!--		<div class="screen__item"><a class="screen__link" href="javascript:void(0);">Spanish</a></div>-->
				<!--		<div class="screen__item"><a class="screen__link" href="javascript:void(0);">Deutsch</a></div>-->
				<!--		<div class="screen__item"><a class="screen__link" href="javascript:void(0);">Russian</a></div>-->
				<!--	</div>-->
				<!--</div>-->
			</div>
			<!-- menu dropdown end-->
			<!-- header start--> 
			<header class="header header-common">
				<div class="header__top">
					<div class="row align-items-center">
				<div class="col-6 col-lg-5"><a class="logo" href="index.php"><img class="logo__img" src="img/icon/logotrack222.png" alt="logo"/></a></div>
						<div class="col-6 col-lg-7 d-flex justify-content-end">
							<!-- main menu start-->
							<ul class="main-menu">
								<li class="main-menu__item main-menu__item--has-child main-menu__item--active"><a class="main-menu__link" href="index.php"><span>Home</span></a>
							
								</li>
								<li class="main-menu__item main-menu__item--has-child"><a class="main-menu__link" href="about.php"><span>Shipping</span></a>
								</li>
									<li class="main-menu__item main-menu__item--has-child"><a class="main-menu__link" href="gallery.php"><span>Tracking</span></a>
								
								</li>
								<li class="main-menu__item"><a class="main-menu__link" href="blog.html"><span>Blog</span></a></li>
							
								<li class="main-menu__item"><a class="main-menu__link" href="contact.php"><span>Contacts</span></a></li>
							</ul>
							<!-- main menu end--><a class="header__button" href="#">Order Now</a>
							<!-- menu-trigger start-->
							<div class="hamburger">
								<div class="hamburger-box">
									<div class="hamburger-inner"></div>
								</div>
							</div>
							<!-- menu-trigger end-->
						</div>
					</div>
				</div>
			</header>
			<!-- header end-->