/* 
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  -webkit-animation-duration: 1000ms;
  animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
  z-index: 0;
}
.owl-carousel .owl-animated-out {
  z-index: 1;
}
.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

/* 
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}

/* 
 *  Core Owl Carousel CSS File
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1;
}
.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
}
.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel.owl-loaded {
  display: block;
  /* width: 250px; */
  /* margin: auto; */
}
.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}
.owl-carousel.owl-hidden {
  opacity: 0;
}
.owl-carousel .owl-refresh .owl-item {
  display: none;
}
.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel .owl-item img {
  display: block;
  width: 100%;
  -webkit-transform-style: preserve-3d;
}
.owl-carousel.owl-text-select-on .owl-item {
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
}
.owl-carousel .owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}
.owl-carousel.owl-rtl {
  direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
  float: right;
}

/* No Js */
.no-js .owl-carousel {
  display: block;
}

/* 
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-item img {
  transform-style: preserve-3d;
}

/* 
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}
.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transition: scale 100ms ease;
  -moz-transition: scale 100ms ease;
  -ms-transition: scale 100ms ease;
  -o-transition: scale 100ms ease;
  transition: scale 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
  -webkit-transition: scale(1.3, 1.3);
  -moz-transition: scale(1.3, 1.3);
  -ms-transition: scale(1.3, 1.3);
  -o-transition: scale(1.3, 1.3);
  transition: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none;
}
.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
}
<!doctype html>
	<html lang="de">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta name="format-detection" content="telephone=no">
		<title>stellenanzeigen.de</title>
		<link href="css/style.css" rel="stylesheet" type="text/css">
		<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;1,100;1,300;1,400;1,500;1,700&display=swap" rel="stylesheet">

		<script type="text/javascript" src="https://code.jquery.com/jquery-1.11.0.min.js"></script>
		<script type="text/javascript" src="https://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>

		<link href="js/owl.carousel.css" rel="stylesheet" type="text/css" />
		<script src="js/owl.carousel.min.js" type="text/javascript"></script>
		<script src="js/owl.carousel.js" type="text/javascript"></script>
		<script src="js/script.js" type="text/javascript"></script>

		<style>
		#map{
			height:400px;
			width:100%;
		}
	</style>





	<style type="text/css">
	.tab-wrapper{
		width: 880px;
		margin: 10px auto;
		border: none;
		background: none;
	}
	.tab-wrapper ul{
		overflow: hidden;
		margin: 0px;
		padding: 0px;
	}
	.tab-wrapper ul li{
		float: left;
		list-style: none;
		padding: 10px 20px;
		background: #348ec9;
		border-radius: 10px 10px 0px 0px;
		margin-right: 5px;
		margin-top: 5px;
	}
	.tab-wrapper ul li.active{
		background: #Fff;
	}
	.tab-wrapper ul li.active a{
		color: blue;
	}
	.tab-wrapper ul li a{
		color: #fff;
		text-transform: uppercase;
		text-decoration: none;
	}
	.tab-content{
		padding: 10px 0;
	}
	.tab-item{
		display: none;
	}
</style>

</head>
<body>
	<div id="page-chienthang">
		<div id="wrapper">
			<header>
				<section class="header-top">
					<div class="container">
						<aside>
							<a href=" " target="_blank">
								<img src="img/facebook.jpg" alt="Facebook-Chien-Thang">
							</a>
							<a href=" " target="_blank">
								<img src="img/google.jpg" alt="Google-Chien-Thang">
							</a>
							Hotline: 0904738593
						</aside>
						<aside>
							<nav class="nav-top">
								<ul>
									<li>
										<a href="" target="_blank">Customer care</a>
									</li>
									<li>
										<a href="" target="_blank">News</a>
									</li>
								</ul>
							</nav>
						</aside>
						<div class="clearfix"></div>
					</div>
				</section>
				<section class="header-main">
					<div class="container">
						<aside>
							<a href=" " target="_blank">
								<img src="img/logo.jpg" alt="Logo-Chien-Thang"/>
							</a>
						</aside>
						<aside>
							<nav class="menu-top">
								<ul>
									<li>
										<a href="" target="_blank">Home</a>
									</li>
									<li>
										<a href="" target="_blank">Introduce</a>
									</li>
									<li>
										<a href="" target="_blank">Product</a>
									</li>
									<li>
										<a href="" target="_blank">Shop System</a>
									</li>
									<li>
										<a href="" target="_blank">Contact</a>
									</li>
								</ul>
							</nav>
						</aside>
						<div class="clearfix"></div>
					</div>
				</section>
				<section>
					<img src="img/banner.png" alt="Banner-Chien-Thang">
				</section>
			</header>
			<article>
				<section>
					<div class="container">
						<h2>
							About us
						</h2>
						<h1>
							Chien Thang garment joint stock company
						</h1>
						<p>
							Chien Thang garment joint stock company was established in 1968 in Vietnam. Its first order to export was in 1973. During more than 50 years, Chien Thang has mainly exported to EU with CMPT and FOB apparels. Jacket is its advantage product that is <br>exported to EU, USA and Korea with the capacity of 2 million units per year. Since 2020, Chien Thang swifts from CM to FOB with most fabric and accessories made in Vietnam. 
						</p>
						<h2>
							Key Facts
						</h2>
						<aside class="box-key-facts">
							<figure>
								<p>
									<strong>
										Employees
									</strong>
								</p>
								<figure>
									<img src="img/employees.jpg" alt="Employees-Chien-Thang">
									<span>
										1,200
									</span>
									<u></u>
								</figure>
								<div class="clearfix"></div>
							</figure>
							<figure>
								<p>
									<strong>
										Revenue / Year
									</strong>
								</p>
								<figure>
									<img src="img/revenue-year.jpg" alt="Revenue-Year-Chien-Thang">
									<span>
										$6,000,000
									</span>
									<u></u>
								</figure>
								<div class="clearfix"></div>
							</figure>
							<figure>
								<p>
									<strong>
										Pieces / Year
									</strong>
								</p>
								<figure>
									<img src="img/pieces-year.jpg" alt="Pieces-Year-Chien-Thang">
									<span>
										1,000,000
									</span>
									<u></u>
								</figure>
								<div class="clearfix"></div>
							</figure>
						</aside>
						<div class="clearfix"></div>
					</div>
				</section>
				<section>
					<div class="container">
						<h2>
							Reference Customers
						</h2>
						<aside class="box-reference-customers" id="box-reference-customers1">
							<figure class="owl-item cloned">
								<img src="img/ca.jpg" alt="CA-Year-Chien-Thang">
							</figure>
							<figure class="owl-item cloned">
								<img src="img/mango.jpg" alt="Mango-Chien-Thang">
							</figure>
							<figure class="owl-item cloned">
								<img src="img/redpoint.jpg" alt="Redpoint-Chien-Thang">
							</figure>
							<figure class="owl-item cloned">
								<img src="img/target.jpg" alt="Target-Chien-Thang">
							</figure>
						</aside>
					</div>
				</section>
				<section class="production-export">
					<div class="container">
						<h2>
							Production & export countries
						</h2>
						<p><span class="mr-production-export-1"><a href=" " target="_blank"><img src="img/icon-map1.jpg" alt="Target-Chien-Thang"> <strong>Production countries</strong></a></span> <span class="mr-production-export-1"><a href=" " target="_blank"><img src="img/icon-map2.jpg" alt="Target-Chien-Thang"> <strong>Main export countries</strong></a></span> <span><a href=" " target="_blank"><img src="img/icon-map3.jpg" alt="Target-Chien-Thang"> <strong>Production & export countries</strong></a></span></p>
					</div>
				</section>
				<section>
					<div id="map"></div>
				</section>
				<section>
					<h2>
						Products
					</h2>


					<script language="javascript">

						$(document).ready(function()
						{
							function activeTab(obj)
							{
								$('.tab-wrapper ul li').removeClass('active');
								$(obj).addClass('active');
								var id = $(obj).find('a').attr('href');
								$('.tab-item').hide();
								$(id) .show();
							}
							$('.tab li').click(function(){
								activeTab(this);
								return false;
							});
							activeTab($('.tab li:first-child'));
						});
					</script>




					<section class="tab-wrapper">
						<ul class="tab">
							<li>
								<a href="#tab-product-group">Product group</a>
							</li>
							<li>
								<a href="#tab-segment">Segment</a>
							</li>
							<li>
								<a href="#tab-target-group">Target group</a>
							</li>
						</ul>
						<section class="tab-content">
							<section class="tab-item" id="tab-product-group">
								<aside class="content-product-group">
									<figure>
										<img src="img/icon-product-group-1.jpg" alt="">
										<p>Jackets & Coat <br><span class="color1">70%</span>  Production capacity</p>
									</figure>
									<figure>
										<img src="img/icon-product-group-2.jpg" alt="">
										<p>Swimwear & Wetsuits <br><span class="color1">8%</span>  Production capacity</p>
									</figure>
									<figure>
										<img src="img/icon-product-group-3.jpg" alt="">
										<p>Medical Wear (COVID-19) <br><span class="color1">1%</span>  Production capacity</p>
									</figure>
									<figure>
										<img src="img/icon-product-group-4.jpg" alt="">
										<p>Sweatshirts <br><span class="color1">10%</span>  Production capacity</p>
									</figure>
									<figure>
										<img src="img/icon-product-group-5.jpg" alt="">
										<p>T-Shirts & Polos <br><span class="color1">4%</span>  Production capacity</p>
									</figure>
									<figure>
										<img src="img/icon-product-group-6.jpg" alt="">
										<p>Trousers & Shorts <br><span class="color1">5%</span>  Production capacity</p>
									</figure>
									<figure>
										<img src="img/icon-product-group-7.jpg" alt="">
										<p>Shirts & Blouses <br><span class="color1">2%</span>  Production capacity</p>
									</figure>
									<div class="clearfix"></div>
								</aside>
							</section>
							<section class="tab-item" id="tab-segment">
								1
							</section>
							<section class="tab-item" id="tab-target-group">
								2
							</section>
						</section>
					</section>

				</section>
				<section class="certificates">
					<div class="container">
						<h2>
							Certificates
						</h2>
						<aside>
							<h4><img src="img/icon-certificates.jpg" alt="Certificates"> <span>amfori BSCI – Business Social Compliance Initiative</span></h4>
							<figure>
								<small>Certified entity:</small>
								<p><strong>Branch of Chien Thang Garment Joint Stock Company</strong></p>
							</figure>
							<figure>
								<small>Certificate number:</small>
								<p><strong>N/A</strong></p>
							</figure>
							<div class="clearfix"></div>
						</aside>
					</div>
				</section>
				<section class="showroom">
					<div class="container">
						<h2>
							Showroom <img src="img/icon-showroom.jpg" alt="">
						</h2>
						<aside>
							<figure>
								<p>
									<strong>Men's Shirts</strong>
								</p>
								<img src="img/mens-shirts.jpg" alt="Mens-Shirts-Chien-Thang">
							</figure>
							<figure>
								<p>
									<strong>Women's shirts</strong>
								</p>
								<img src="img/womens-shirts.jpg" alt="Womens-Shirts-Chien-Thang">
							</figure>
							<figure>
								<p>
									<strong>Sweatshirts</strong>
								</p>
								<img src="img/sweatshirts.jpg" alt="Sweatshirts-Chien-Thang">
							</figure>
							<figure>
								<p>
									<strong>T-Shirts & Polos</strong>
								</p>
								<img src="img/t-shirts.jpg" alt="T-Shirts-Chien-Thang">
							</figure>
							<figure>
								<p>
									<strong>Trousers & Shorts (Women)</strong>
								</p>
								<img src="img/trousers-shorts-women.jpg" alt="Trousers & Shorts (Women)">
							</figure>
							<figure>
								<p>
									<strong>Trousers & Shorts (Men)</strong>
								</p>
								<img src="img/trousers-shorts-men.jpg" alt="Trousers & Shorts Men">
							</figure>
							<figure>
								<p>
									<strong>Jackets & Coats</strong>
								</p>
								<img src="img/jackets-coats.jpg" alt="Jackets & Coats">
							</figure>
							<figure>
								<p>
									<strong>Medical Wear</strong>
								</p>
								<img src="img/medical-wear.jpg" alt="Medical Wear">
							</figure>
							<div class="clearfix"></div>
						</aside>
					</div>
				</section>
				<section class="contact-bg">
					<div class="container">
						<h2>
							Contact form
						</h2>
						<p class="center">
							Please use this form if you have questions about our products and we'll get back with you very soon.
						</p>
						<aside class="contact-form">
							<form action="/action_page.php">
								<div class="row-contact-form">
									<div class="left">
										<input type="text" id="fname" name="firstname" placeholder="Your name..">
									</div>
									<div class="right">
										<input type="text" id="lname" name="lastname" placeholder="Your last name..">
									</div>
									<div class="clearfix"></div>
								</div>
								<div class="row-contact-form">
									<div class="left">
										<input type="text" id="fname" name="firstname" placeholder="Your name..">
									</div>
									<div class="right">
										<input type="text" id="lname" name="lastname" placeholder="Your last name..">
									</div>
									<div class="clearfix"></div>
								</div>
								<div class="row-contact-form">
									<textarea id="subject" name="subject" placeholder="Write something.." style="min-height:94px"></textarea>
								</div>
								<input type="submit" value="Send Message">
							</form>
						</aside>
					</div>
				</section>
			</article>
			<footer>
				<section>
					<div class="container">
						<h2>Locations</h2>
						<aside>
							<h3>Headquarter</h3>
							<img src="img/map1.jpg" alt="">
							<p>
								<span class="mr0">Address:</span>  22 Thành Công street, <br>
								<span>Zip code:</span> 10000 <br>
								<span class="mr1">City:</span> Hanoi <br>
								<span class="mr2">Country:</span> Vietnam <br>
								<span class="mr3">Phone:</span> 0904738593
							</p>
						</aside>
						<aside>
							<h3>Production site</h3>
							<img src="img/map2.jpg" alt="">
							<ul>
								<li>
									<strong><a href="" target="_blank"><img src="img/iconfooter.png" alt=""> Production site</a></strong>
									<ul>
										<li class="active">
											<a href="" target="_blank">Heatquarter</a>
										</li>
										<li>
											<a href="" target="_blank">Bắc Kạn fty</a>
										</li>
										<li>
											<a href="" target="_blank">Thái Nguyên factory</a>
										</li>
									</ul>
								</li>
							</ul>
						</aside>
						<div class="clearfix"></div>
					</div>
				</section>
			</footer>
		</div>
	</div>

	<script>
		function initMap(){
			var options = {
				zoom:3,
				center:{lat:42.3601,lng:-71.0589}
			}
			var map = new google.maps.Map(document.getElementById('map'), options);
			google.maps.event.addListener(map, 'click', function(event){
				addMarker({coords:event.latLng});
			});
			var markers = [
			{
				coords:{lat:-25.344,lng:131.036},
				iconImage:'https://developers.google.com/maps/documentation/javascript/examples/full/images/beachflag.png',
				content:'<h1>Lynn MA</h1>'
			},
			{
				coords:{lat:35.717,lng:139.731},
				content:'<h1>Amesbury MA</h1>'
			},
			{
				coords:{lat:42.7762,lng:-71.0773}
			}
			];
			for(var i = 0;i < markers.length;i++){
				addMarker(markers[i]);
			}
			function addMarker(props){
				var marker = new google.maps.Marker({
					position:props.coords,
					map:map,
				});
				if(props.iconImage){
					marker.setIcon(props.iconImage);
				}
				if(props.content){
					var infoWindow = new google.maps.InfoWindow({
						content:props.content
					});

					marker.addListener('click', function(){
						infoWindow.open(map, marker);
					});
				}
			}
		}
	</script>
	<script async defer
	src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDeSkcMokbLZO40nF0fDcY7Ciisq7nSqCk&callback=initMap">
</script>
</body>
</html>


<!doctype html>
	<html lang="de">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta name="format-detection" content="telephone=no">
		<title>stellenanzeigen.de</title>
		<link href="css/style.css" rel="stylesheet" type="text/css">
		<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;1,100;1,300;1,400;1,500;1,700&display=swap" rel="stylesheet">

		<script type="text/javascript" src="https://code.jquery.com/jquery-1.11.0.min.js"></script>
		<script type="text/javascript" src="https://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>

		<link href="js/owl.carousel.css" rel="stylesheet" type="text/css" />
		<script src="js/owl.carousel.min.js" type="text/javascript"></script>
		<script src="js/owl.carousel.js" type="text/javascript"></script>
		<script src="js/script.js" type="text/javascript"></script>

		<style>
		#map{
			height:400px;
			width:100%;
		}
	</style>





	<style type="text/css">
	.tab-wrapper{
		width: 880px;
		margin: 10px auto;
		border: solid 1px #acacac;
		background: none;
		border: none;
	}
	.tab-wrapper ul{
		overflow: hidden;
		background: none;
		margin: 0px;
		padding: 0px;
	}
	.tab-wrapper ul li{
		float: left;
		list-style: none;
		padding: 10px;
		background: none;
		border-radius: 10px 10px 0px 0px;
		margin-right: 5px;
		margin-top: 5px;
	}
	.tab-wrapper ul li.active{
		background: none;
	}
	.tab-wrapper ul li.active a{
		color: blue;
	}
	.tab-wrapper ul li a{
		text-transform: uppercase;
		text-decoration: none;
	}
	.tab-content{
		padding: 10px 0;
	}
	.tab-item{
		display: none;
	}
</style>

</head>
<body>
	<div id="page-chienthang">
		<div id="wrapper">
			<header>
				<section class="header-top">
					<div class="container">
						<aside>
							<a href=" " target="_blank">
								<img src="img/facebook.jpg" alt="Facebook-Chien-Thang">
							</a>
							<a href=" " target="_blank">
								<img src="img/google.jpg" alt="Google-Chien-Thang">
							</a>
							Hotline: 0904738593
						</aside>
						<aside>
							<nav class="nav-top">
								<ul>
									<li>
										<a href="" target="_blank">Customer care</a>
									</li>
									<li>
										<a href="" target="_blank">News</a>
									</li>
								</ul>
							</nav>
						</aside>
						<div class="clearfix"></div>
					</div>
				</section>
				<section class="header-main">
					<div class="container">
						<aside>
							<a href=" " target="_blank">
								<img src="img/logo.jpg" alt="Logo-Chien-Thang"/>
							</a>
						</aside>
						<aside>
							<nav class="menu-top">
								<ul>
									<li>
										<a href="" target="_blank">Home</a>
									</li>
									<li>
										<a href="" target="_blank">Introduce</a>
									</li>
									<li>
										<a href="" target="_blank">Product</a>
									</li>
									<li>
										<a href="" target="_blank">Shop System</a>
									</li>
									<li>
										<a href="" target="_blank">Contact</a>
									</li>
								</ul>
							</nav>
						</aside>
						<div class="clearfix"></div>
					</div>
				</section>
				<section>
					<img src="img/banner.png" alt="Banner-Chien-Thang">
				</section>
			</header>
			<article>
				<section>
					<div class="container">
						<h2>
							About us
						</h2>
						<h1>
							Chien Thang garment joint stock company
						</h1>
						<p>
							Chien Thang garment joint stock company was established in 1968 in Vietnam. Its first order to export was in 1973. During more than 50 years, Chien Thang has mainly exported to EU with CMPT and FOB apparels. Jacket is its advantage product that is <br>exported to EU, USA and Korea with the capacity of 2 million units per year. Since 2020, Chien Thang swifts from CM to FOB with most fabric and accessories made in Vietnam. 
						</p>
						<h2>
							Key Facts
						</h2>
						<aside class="box-key-facts">
							<figure>
								<p>
									<strong>
										Employees
									</strong>
								</p>
								<figure>
									<img src="img/employees.jpg" alt="Employees-Chien-Thang">
									<span>
										1,200
									</span>
									<u></u>
								</figure>
								<div class="clearfix"></div>
							</figure>
							<figure>
								<p>
									<strong>
										Revenue / Year
									</strong>
								</p>
								<figure>
									<img src="img/revenue-year.jpg" alt="Revenue-Year-Chien-Thang">
									<span>
										$6,000,000
									</span>
									<u></u>
								</figure>
								<div class="clearfix"></div>
							</figure>
							<figure>
								<p>
									<strong>
										Pieces / Year
									</strong>
								</p>
								<figure>
									<img src="img/pieces-year.jpg" alt="Pieces-Year-Chien-Thang">
									<span>
										1,000,000
									</span>
									<u></u>
								</figure>
								<div class="clearfix"></div>
							</figure>
						</aside>
						<div class="clearfix"></div>
					</div>
				</section>
				<section>
					<div class="container">
						<h2>
							Reference Customers
						</h2>
						<aside class="box-reference-customers" id="box-reference-customers1">
							<figure class="owl-item cloned">
								<img src="img/ca.jpg" alt="CA-Year-Chien-Thang">
							</figure>
							<figure class="owl-item cloned">
								<img src="img/mango.jpg" alt="Mango-Chien-Thang">
							</figure>
							<figure class="owl-item cloned">
								<img src="img/redpoint.jpg" alt="Redpoint-Chien-Thang">
							</figure>
							<figure class="owl-item cloned">
								<img src="img/target.jpg" alt="Target-Chien-Thang">
							</figure>
						</aside>
					</div>
				</section>
				<section class="production-export">
					<div class="container">
						<h2>
							Production & export countries
						</h2>
						<p><span class="mr-production-export-1"><a href=" " target="_blank"><img src="img/icon-map1.jpg" alt="Target-Chien-Thang"> <strong>Production countries</strong></a></span> <span class="mr-production-export-1"><a href=" " target="_blank"><img src="img/icon-map2.jpg" alt="Target-Chien-Thang"> <strong>Main export countries</strong></a></span> <span><a href=" " target="_blank"><img src="img/icon-map3.jpg" alt="Target-Chien-Thang"> <strong>Production & export countries</strong></a></span></p>
					</div>
				</section>
				<section>
					<div id="map"></div>
				</section>
				<section>
					<h2>
						Products
					</h2>


					<script language="javascript">

						$(document).ready(function()
						{
							function activeTab(obj)
							{
								$('.tab-wrapper ul li').removeClass('active');
								$(obj).addClass('active');
								var id = $(obj).find('a').attr('href');
								$('.tab-item').hide();
								$(id) .show();
							}
							$('.tab li').click(function(){
								activeTab(this);
								return false;
							});
							activeTab($('.tab li:first-child'));
						});
					</script>




					<section class="tab-wrapper">
						<ul class="tab">
							<li>
								<a href="#tab-product-group">Product group</a>
							</li>
							<li>
								<a href="#tab-segment">Segment</a>
							</li>
							<li>
								<a href="#tab-target-group">Target group</a>
							</li>
						</ul>
						<section class="tab-content">
							<section class="tab-item" id="tab-product-group">
								<aside class="content-product-group">
									<figure>
										<img src="img/icon-product-group-1.jpg" alt="">
										<p>Jackets & Coat <br><span class="color1">70%</span>  Production capacity</p>
										<div class="clearfix"></div>
									</figure>
									<figure>
										<img src="img/icon-product-group-2.jpg" alt="">
										<p>Swimwear & Wetsuits <br><span class="color1">8%</span>  Production capacity</p>
										<div class="clearfix"></div>
									</figure>
									<figure>
										<img src="img/icon-product-group-3.jpg" alt="">
										<p>Medical Wear (COVID-19) <br><span class="color1">1%</span>  Production capacity</p>
										<div class="clearfix"></div>
									</figure>
									<figure>
										<img src="img/icon-product-group-4.jpg" alt="">
										<p>Sweatshirts <br><span class="color1">10%</span>  Production capacity</p>
										<div class="clearfix"></div>
									</figure>
									<figure>
										<img src="img/icon-product-group-5.jpg" alt="">
										<p>T-Shirts & Polos <br><span class="color1">4%</span>  Production capacity</p>
										<div class="clearfix"></div>
									</figure>
									<figure>
										<img src="img/icon-product-group-6.jpg" alt="">
										<p>Trousers & Shorts <br><span class="color1">5%</span>  Production capacity</p>
										<div class="clearfix"></div>
									</figure>
									<figure>
										<img src="img/icon-product-group-7.jpg" alt="">
										<p>Shirts & Blouses <br><span class="color1">2%</span>  Production capacity</p>
										<div class="clearfix"></div>
									</figure>
									<div class="clearfix"></div>
								</aside>
							</section>
							<section class="tab-item" id="tab-segment">
								1
							</section>
							<section class="tab-item" id="tab-target-group">
								2
							</section>
						</section>
					</section>

				</section>
				<section class="certificates">
					<div class="container">
						<h2>
							Certificates
						</h2>
						<aside>
							<h4><img src="img/icon-certificates.jpg" alt="Certificates"> <span>amfori BSCI – Business Social Compliance Initiative</span></h4>
							<figure>
								<small>Certified entity:</small>
								<p><strong>Branch of Chien Thang Garment Joint Stock Company</strong></p>
							</figure>
							<figure>
								<small>Certificate number:</small>
								<p><strong>N/A</strong></p>
							</figure>
							<div class="clearfix"></div>
						</aside>
					</div>
				</section>
				<section class="showroom">
					<div class="container">
						<h2>
							Showroom <img src="img/icon-showroom.jpg" alt="">
						</h2>
						<aside>
							<figure>
								<p>
									<strong>Men's Shirts</strong>
								</p>
								<img src="img/mens-shirts.jpg" alt="Mens-Shirts-Chien-Thang">
							</figure>
							<figure>
								<p>
									<strong>Women's shirts</strong>
								</p>
								<img src="img/womens-shirts.jpg" alt="Womens-Shirts-Chien-Thang">
							</figure>
							<figure>
								<p>
									<strong>Sweatshirts</strong>
								</p>
								<img src="img/sweatshirts.jpg" alt="Sweatshirts-Chien-Thang">
							</figure>
							<figure>
								<p>
									<strong>T-Shirts & Polos</strong>
								</p>
								<img src="img/t-shirts.jpg" alt="T-Shirts-Chien-Thang">
							</figure>
							<figure>
								<p>
									<strong>Trousers & Shorts (Women)</strong>
								</p>
								<img src="img/trousers-shorts-women.jpg" alt="Trousers & Shorts (Women)">
							</figure>
							<figure>
								<p>
									<strong>Trousers & Shorts (Men)</strong>
								</p>
								<img src="img/trousers-shorts-men.jpg" alt="Trousers & Shorts Men">
							</figure>
							<figure>
								<p>
									<strong>Jackets & Coats</strong>
								</p>
								<img src="img/jackets-coats.jpg" alt="Jackets & Coats">
							</figure>
							<figure>
								<p>
									<strong>Medical Wear</strong>
								</p>
								<img src="img/medical-wear.jpg" alt="Medical Wear">
							</figure>
							<div class="clearfix"></div>
						</aside>
					</div>
				</section>
				<section class="contact-bg">
					<div class="container">
						<h2>
							Contact form
						</h2>
						<p class="center">
							Please use this form if you have questions about our products and we'll get back with you very soon.
						</p>
						<aside class="contact-form">
							<form action="/action_page.php">
								<div class="row-contact-form">
									<div class="left">
										<input type="text" id="fname" name="firstname" placeholder="Your name..">
									</div>
									<div class="right">
										<input type="text" id="lname" name="lastname" placeholder="Your last name..">
									</div>
									<div class="clearfix"></div>
								</div>
								<div class="row-contact-form">
									<div class="left">
										<input type="text" id="fname" name="firstname" placeholder="Your name..">
									</div>
									<div class="right">
										<input type="text" id="lname" name="lastname" placeholder="Your last name..">
									</div>
									<div class="clearfix"></div>
								</div>
								<div class="row-contact-form">
									<textarea id="subject" name="subject" placeholder="Write something.." style="min-height:94px"></textarea>
								</div>
								<input type="submit" value="Send Message">
							</form>
						</aside>
					</div>
				</section>
			</article>
			<footer>
				<section>
					<div class="container">
						<h2>Locations</h2>
						<aside>
							<h3>Headquarter</h3>
							<img src="img/map1.jpg" alt="">
							<p>
								<span class="mr0">Address:</span>  22 Thành Công street, <br>
								<span>Zip code:</span> 10000 <br>
								<span class="mr1">City:</span> Hanoi <br>
								<span class="mr2">Country:</span> Vietnam <br>
								<span class="mr3">Phone:</span> 0904738593
							</p>
						</aside>
						<aside>
							<h3>Production site</h3>
							<img src="img/map2.jpg" alt="">
							<ul>
								<li>
									<strong><a href="" target="_blank"><img src="img/iconfooter.png" alt=""> Production site</a></strong>
									<ul>
										<li class="active">
											<a href="" target="_blank">Heatquarter</a>
										</li>
										<li>
											<a href="" target="_blank">Bắc Kạn fty</a>
										</li>
										<li>
											<a href="" target="_blank">Thái Nguyên factory</a>
										</li>
									</ul>
								</li>
							</ul>
						</aside>
						<div class="clearfix"></div>
					</div>
				</section>
			</footer>
		</div>
	</div>

	<script>
		function initMap(){
			var options = {
				zoom:3,
				center:{lat:42.3601,lng:-71.0589}
			}
			var map = new google.maps.Map(document.getElementById('map'), options);
			google.maps.event.addListener(map, 'click', function(event){
				addMarker({coords:event.latLng});
			});
			var markers = [
			{
				coords:{lat:-25.344,lng:131.036},
				iconImage:'https://developers.google.com/maps/documentation/javascript/examples/full/images/beachflag.png',
				content:'<h1>Lynn MA</h1>'
			},
			{
				coords:{lat:35.717,lng:139.731},
				content:'<h1>Amesbury MA</h1>'
			},
			{
				coords:{lat:42.7762,lng:-71.0773}
			}
			];
			for(var i = 0;i < markers.length;i++){
				addMarker(markers[i]);
			}
			function addMarker(props){
				var marker = new google.maps.Marker({
					position:props.coords,
					map:map,
				});
				if(props.iconImage){
					marker.setIcon(props.iconImage);
				}
				if(props.content){
					var infoWindow = new google.maps.InfoWindow({
						content:props.content
					});

					marker.addListener('click', function(){
						infoWindow.open(map, marker);
					});
				}
			}
		}
	</script>
	<script async defer
	src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDeSkcMokbLZO40nF0fDcY7Ciisq7nSqCk&callback=initMap">
</script>
</body>
</html>


<!doctype html>
	<html lang="de">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta name="format-detection" content="telephone=no">
		<title>stellenanzeigen.de</title>
		<link href="css/style.css" rel="stylesheet" type="text/css">
		<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;1,100;1,300;1,400;1,500;1,700&display=swap" rel="stylesheet">

		<script type="text/javascript" src="https://code.jquery.com/jquery-1.11.0.min.js"></script>
		<script type="text/javascript" src="https://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>

		<link href="js/owl.carousel.css" rel="stylesheet" type="text/css" />
		<script src="js/owl.carousel.min.js" type="text/javascript"></script>
		<script src="js/owl.carousel.js" type="text/javascript"></script>
		<script src="js/script.js" type="text/javascript"></script>

		<style>
		#map{
			height:400px;
			width:100%;
		}
	</style>





	<style type="text/css">
	.tab-wrapper{
		width: 880px;
		margin: 10px auto;
		border: solid 1px #acacac;
		background: none;
		border: none;
	}
	.tab-wrapper ul{
		overflow: hidden;
		background: none;
		margin: 0px;
		padding: 0px;
	}
	.tab-wrapper ul li{
		float: left;
		list-style: none;
		padding: 10px;
		background: none;
		border-radius: 10px 10px 0px 0px;
		margin: 0 83px;
		margin-top: 5px;
	}
	.tab-wrapper ul li.active{
		background: none;
	}
	.tab-wrapper ul li.active a{
		color: blue;
	}
	.tab-wrapper ul li a{
		color: #000;
		text-transform: uppercase;
		text-decoration: none;
	}
	.tab-content{
		padding: 10px 0;
	}
	.tab-item{
		display: none;
	}
</style>

</head>
<body>
	<div id="page-chienthang">
		<div id="wrapper">
			<header>
				<section class="header-top">
					<div class="container">
						<aside>
							<a href=" " target="_blank">
								<img src="img/facebook.jpg" alt="Facebook-Chien-Thang">
							</a>
							<a href=" " target="_blank">
								<img src="img/google.jpg" alt="Google-Chien-Thang">
							</a>
							Hotline: 0904738593
						</aside>
						<aside>
							<nav class="nav-top">
								<ul>
									<li>
										<a href="" target="_blank">Customer care</a>
									</li>
									<li>
										<a href="" target="_blank">News</a>
									</li>
								</ul>
							</nav>
						</aside>
						<div class="clearfix"></div>
					</div>
				</section>
				<section class="header-main">
					<div class="container">
						<aside>
							<a href=" " target="_blank">
								<img src="img/logo.jpg" alt="Logo-Chien-Thang"/>
							</a>
						</aside>
						<aside>
							<nav class="menu-top">
								<ul>
									<li>
										<a href="" target="_blank">Home</a>
									</li>
									<li>
										<a href="" target="_blank">Introduce</a>
									</li>
									<li>
										<a href="" target="_blank">Product</a>
									</li>
									<li>
										<a href="" target="_blank">Shop System</a>
									</li>
									<li>
										<a href="" target="_blank">Contact</a>
									</li>
								</ul>
							</nav>
						</aside>
						<div class="clearfix"></div>
					</div>
				</section>
				<section>
					<img src="img/banner.png" alt="Banner-Chien-Thang">
				</section>
			</header>
			<article>
				<section>
					<div class="container">
						<h2>
							About us
						</h2>
						<h1>
							Chien Thang garment joint stock company
						</h1>
						<p>
							Chien Thang garment joint stock company was established in 1968 in Vietnam. Its first order to export was in 1973. During more than 50 years, Chien Thang has mainly exported to EU with CMPT and FOB apparels. Jacket is its advantage product that is <br>exported to EU, USA and Korea with the capacity of 2 million units per year. Since 2020, Chien Thang swifts from CM to FOB with most fabric and accessories made in Vietnam. 
						</p>
						<h2>
							Key Facts
						</h2>
						<aside class="box-key-facts">
							<figure>
								<p>
									<strong>
										Employees
									</strong>
								</p>
								<figure>
									<img src="img/employees.jpg" alt="Employees-Chien-Thang">
									<span>
										1,200
									</span>
									<u></u>
								</figure>
								<div class="clearfix"></div>
							</figure>
							<figure>
								<p>
									<strong>
										Revenue / Year
									</strong>
								</p>
								<figure>
									<img src="img/revenue-year.jpg" alt="Revenue-Year-Chien-Thang">
									<span>
										$6,000,000
									</span>
									<u></u>
								</figure>
								<div class="clearfix"></div>
							</figure>
							<figure>
								<p>
									<strong>
										Pieces / Year
									</strong>
								</p>
								<figure>
									<img src="img/pieces-year.jpg" alt="Pieces-Year-Chien-Thang">
									<span>
										1,000,000
									</span>
									<u></u>
								</figure>
								<div class="clearfix"></div>
							</figure>
						</aside>
						<div class="clearfix"></div>
					</div>
				</section>
				<section>
					<div class="container">
						<h2>
							Reference Customers
						</h2>
						<aside class="box-reference-customers" id="box-reference-customers1">
							<figure class="owl-item cloned">
								<img src="img/ca.jpg" alt="CA-Year-Chien-Thang">
							</figure>
							<figure class="owl-item cloned">
								<img src="img/mango.jpg" alt="Mango-Chien-Thang">
							</figure>
							<figure class="owl-item cloned">
								<img src="img/redpoint.jpg" alt="Redpoint-Chien-Thang">
							</figure>
							<figure class="owl-item cloned">
								<img src="img/target.jpg" alt="Target-Chien-Thang">
							</figure>
						</aside>
					</div>
				</section>
				<section class="production-export">
					<div class="container">
						<h2>
							Production & export countries
						</h2>
						<p><span class="mr-production-export-1"><a href=" " target="_blank"><img src="img/icon-map1.jpg" alt="Target-Chien-Thang"> <strong>Production countries</strong></a></span> <span class="mr-production-export-1"><a href=" " target="_blank"><img src="img/icon-map2.jpg" alt="Target-Chien-Thang"> <strong>Main export countries</strong></a></span> <span><a href=" " target="_blank"><img src="img/icon-map3.jpg" alt="Target-Chien-Thang"> <strong>Production & export countries</strong></a></span></p>
					</div>
				</section>
				<section>
					<div id="map"></div>
				</section>
				<section>
					<h2>
						Products
					</h2>


					<script language="javascript">

						$(document).ready(function()
						{
							function activeTab(obj)
							{
								$('.tab-wrapper ul li').removeClass('active');
								$(obj).addClass('active');
								var id = $(obj).find('a').attr('href');
								$('.tab-item').hide();
								$(id) .show();
							}
							$('.tab li').click(function(){
								activeTab(this);
								return false;
							});
							activeTab($('.tab li:first-child'));
						});
					</script>




					<section class="tab-wrapper">
						<ul class="tab">
							<li>
								<a href="#tab-product-group">Product group</a>
							</li>
							<li>
								<a href="#tab-segment">Segment</a>
							</li>
							<li>
								<a href="#tab-target-group">Target group</a>
							</li>
						</ul>
						<section class="tab-content">
							<section class="tab-item" id="tab-product-group">
								<aside class="content-product-group">
									<figure>
										<img src="img/icon-product-group-1.jpg" alt="">
										<p>Jackets & Coat <br><span class="color1">70%</span>  Production capacity</p>
										<div class="clearfix"></div>
									</figure>
									<figure>
										<img src="img/icon-product-group-2.jpg" alt="">
										<p>Swimwear & Wetsuits <br><span class="color1">8%</span>  Production capacity</p>
										<div class="clearfix"></div>
									</figure>
									<figure>
										<img src="img/icon-product-group-3.jpg" alt="">
										<p>Medical Wear (COVID-19) <br><span class="color1">1%</span>  Production capacity</p>
										<div class="clearfix"></div>
									</figure>
									<figure>
										<img src="img/icon-product-group-4.jpg" alt="">
										<p>Sweatshirts <br><span class="color1">10%</span>  Production capacity</p>
										<div class="clearfix"></div>
									</figure>
									<figure>
										<img src="img/icon-product-group-5.jpg" alt="">
										<p>T-Shirts & Polos <br><span class="color1">4%</span>  Production capacity</p>
										<div class="clearfix"></div>
									</figure>
									<figure>
										<img src="img/icon-product-group-6.jpg" alt="">
										<p>Trousers & Shorts <br><span class="color1">5%</span>  Production capacity</p>
										<div class="clearfix"></div>
									</figure>
									<figure>
										<img src="img/icon-product-group-7.jpg" alt="">
										<p>Shirts & Blouses <br><span class="color1">2%</span>  Production capacity</p>
										<div class="clearfix"></div>
									</figure>
									<div class="clearfix"></div>
								</aside>
							</section>
							<section class="tab-item" id="tab-segment">
								1
							</section>
							<section class="tab-item" id="tab-target-group">
								2
							</section>
						</section>
					</section>

				</section>
				<section class="certificates">
					<div class="container">
						<h2>
							Certificates
						</h2>
						<aside>
							<h4><img src="img/icon-certificates.jpg" alt="Certificates"> <span>amfori BSCI – Business Social Compliance Initiative</span></h4>
							<figure>
								<small>Certified entity:</small>
								<p><strong>Branch of Chien Thang Garment Joint Stock Company</strong></p>
							</figure>
							<figure>
								<small>Certificate number:</small>
								<p><strong>N/A</strong></p>
							</figure>
							<div class="clearfix"></div>
						</aside>
					</div>
				</section>
				<section class="showroom">
					<div class="container">
						<h2>
							Showroom <img src="img/icon-showroom.jpg" alt="">
						</h2>
						<aside>
							<figure>
								<p>
									<strong>Men's Shirts</strong>
								</p>
								<img src="img/mens-shirts.jpg" alt="Mens-Shirts-Chien-Thang">
							</figure>
							<figure>
								<p>
									<strong>Women's shirts</strong>
								</p>
								<img src="img/womens-shirts.jpg" alt="Womens-Shirts-Chien-Thang">
							</figure>
							<figure>
								<p>
									<strong>Sweatshirts</strong>
								</p>
								<img src="img/sweatshirts.jpg" alt="Sweatshirts-Chien-Thang">
							</figure>
							<figure>
								<p>
									<strong>T-Shirts & Polos</strong>
								</p>
								<img src="img/t-shirts.jpg" alt="T-Shirts-Chien-Thang">
							</figure>
							<figure>
								<p>
									<strong>Trousers & Shorts (Women)</strong>
								</p>
								<img src="img/trousers-shorts-women.jpg" alt="Trousers & Shorts (Women)">
							</figure>
							<figure>
								<p>
									<strong>Trousers & Shorts (Men)</strong>
								</p>
								<img src="img/trousers-shorts-men.jpg" alt="Trousers & Shorts Men">
							</figure>
							<figure>
								<p>
									<strong>Jackets & Coats</strong>
								</p>
								<img src="img/jackets-coats.jpg" alt="Jackets & Coats">
							</figure>
							<figure>
								<p>
									<strong>Medical Wear</strong>
								</p>
								<img src="img/medical-wear.jpg" alt="Medical Wear">
							</figure>
							<div class="clearfix"></div>
						</aside>
					</div>
				</section>
				<section class="contact-bg">
					<div class="container">
						<h2>
							Contact form
						</h2>
						<p class="center">
							Please use this form if you have questions about our products and we'll get back with you very soon.
						</p>
						<aside class="contact-form">
							<form action="/action_page.php">
								<div class="row-contact-form">
									<div class="left">
										<input type="text" id="fname" name="firstname" placeholder="Your name..">
									</div>
									<div class="right">
										<input type="text" id="lname" name="lastname" placeholder="Your last name..">
									</div>
									<div class="clearfix"></div>
								</div>
								<div class="row-contact-form">
									<div class="left">
										<input type="text" id="fname" name="firstname" placeholder="Your name..">
									</div>
									<div class="right">
										<input type="text" id="lname" name="lastname" placeholder="Your last name..">
									</div>
									<div class="clearfix"></div>
								</div>
								<div class="row-contact-form">
									<textarea id="subject" name="subject" placeholder="Write something.." style="min-height:94px"></textarea>
								</div>
								<input type="submit" value="Send Message">
							</form>
						</aside>
					</div>
				</section>
			</article>
			<footer>
				<section>
					<div class="container">
						<h2>Locations</h2>
						<aside>
							<h3>Headquarter</h3>
							<img src="img/map1.jpg" alt="">
							<p>
								<span class="mr0">Address:</span>  22 Thành Công street, <br>
								<span>Zip code:</span> 10000 <br>
								<span class="mr1">City:</span> Hanoi <br>
								<span class="mr2">Country:</span> Vietnam <br>
								<span class="mr3">Phone:</span> 0904738593
							</p>
						</aside>
						<aside>
							<h3>Production site</h3>
							<img src="img/map2.jpg" alt="">
							<ul>
								<li>
									<strong><a href="" target="_blank"><img src="img/iconfooter.png" alt=""> Production site</a></strong>
									<ul>
										<li class="active">
											<a href="" target="_blank">Heatquarter</a>
										</li>
										<li>
											<a href="" target="_blank">Bắc Kạn fty</a>
										</li>
										<li>
											<a href="" target="_blank">Thái Nguyên factory</a>
										</li>
									</ul>
								</li>
							</ul>
						</aside>
						<div class="clearfix"></div>
					</div>
				</section>
			</footer>
		</div>
	</div>

	<script>
		function initMap(){
			var options = {
				zoom:3,
				center:{lat:42.3601,lng:-71.0589}
			}
			var map = new google.maps.Map(document.getElementById('map'), options);
			google.maps.event.addListener(map, 'click', function(event){
				addMarker({coords:event.latLng});
			});
			var markers = [
			{
				coords:{lat:-25.344,lng:131.036},
				iconImage:'https://developers.google.com/maps/documentation/javascript/examples/full/images/beachflag.png',
				content:'<h1>Lynn MA</h1>'
			},
			{
				coords:{lat:35.717,lng:139.731},
				content:'<h1>Amesbury MA</h1>'
			},
			{
				coords:{lat:42.7762,lng:-71.0773}
			}
			];
			for(var i = 0;i < markers.length;i++){
				addMarker(markers[i]);
			}
			function addMarker(props){
				var marker = new google.maps.Marker({
					position:props.coords,
					map:map,
				});
				if(props.iconImage){
					marker.setIcon(props.iconImage);
				}
				if(props.content){
					var infoWindow = new google.maps.InfoWindow({
						content:props.content
					});

					marker.addListener('click', function(){
						infoWindow.open(map, marker);
					});
				}
			}
		}
	</script>
	<script async defer
	src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDeSkcMokbLZO40nF0fDcY7Ciisq7nSqCk&callback=initMap">
</script>
</body>
</html>