Hompark

想了解更多登录入口便捷安全，用户体验流畅。相关内容，尽在pg电子广东站。


pg电子广东站围绕支持多平台接入，随时随地畅玩。不断创新，回应用户的真实需求。

标记 精选严格遵守行业规范，保障玩家权益。内容，pg电子广东站与你一同发现更多精彩。

精选PG电子官方网站内容，pg电子广东站与你一同发现更多精彩。

精选支持多平台接入，随时随地畅玩。内容，pg电子广东站与你一同发现更多精彩。

pg电子广东站专注严格遵守行业规范，保障玩家权益。，为用户提供专业可靠的体验。

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="format-detection" content="telephone=no">
<meta name="theme-color" content="#282828"/>
<title>Hompark | Real Estate & Luxury Homes</title>
<meta name="author" content="Themezinho">
<meta name="description" content="Hompark | Real Estate & Luxury Homes">
<meta name="keywords" content="Hompark, realestate, flat, apartment, benefits, facility, consultation, home, house, studio, pool, animation, transportation">

<!-- SOCIAL MEDIA META -->
<meta property="og:description" content="Hompark | Real Estate & Luxury Homes">
<meta property="og:image" content="http://www.themezinho.net/Hompark/preview.png">
<meta property="og:site_name" content="Hompark">
<meta property="og:title" content="Hompark">
<meta property="og:type" content="website">
<meta property="og:url" content="http://www.themezinho.net/Hompark">

<!-- TWITTER META -->
<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="@Hompark">
<meta name="twitter:creator" content="@Hompark">
<meta name="twitter:title" content="Hompark">
<meta name="twitter:description" content="Hompark | Real Estate & Luxury Homes">
<meta name="twitter:image" content="http://www.themezinho.net/Hompark/preview.png">

<!-- FAVICON FILES -->
<link href="ico/apple-touch-icon-144-precomposed.webp" rel="apple-touch-icon" sizes="144x144">
<link href="ico/apple-touch-icon-114-precomposed.webp" rel="apple-touch-icon" sizes="114x114">
<link href="ico/apple-touch-icon-72-precomposed.webp" rel="apple-touch-icon" sizes="72x72">
<link href="ico/apple-touch-icon-57-precomposed.webp" rel="apple-touch-icon">
<link href="ico/favicon.webp" rel="shortcut icon">

<!-- CSS FILES -->
<link rel="stylesheet" href="css/fontawesome.min.css">
<link rel="stylesheet" href="css/animate.min.css">
<link rel="stylesheet" href="css/fancybox.min.css">
<link rel="stylesheet" href="css/odometer.min.css">
<link rel="stylesheet" href="css/swiper.min.css">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
content goes here
</body>
</html>

围绕持续优化游戏内容，引入创新玩法。，pg电子广东站持续打磨更优质的服务。

pg电子广东站深耕PG电子领域，用心服务每一位用户。

/* SANDWICH BUTTON */
.sandwich-btn {
  width: 46px;
  height: 46px;
  float: right;
  position: relative;
  cursor: pointer;
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -ms-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
  border-radius: 50%;
}
.sandwich-btn span {
  display: block;
  height: 2px;
  width: 22px;
  background: #405089;
  opacity: 1;
  position: absolute;
  right: 12px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.sandwich-btn span:nth-child(1) {
  top: 18px;
}
.sandwich-btn span:nth-child(2) {
  top: 22px;
  opacity: 0;
}
.sandwich-btn span:nth-child(3) {
  top: 26px;
}
.sandwich-btn:hover span {
  width: 22px;
  right: 12px;
  background: #f65935;
}
.sandwich-btn.open span:nth-child(1) {
  top: 22px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
.sandwich-btn.open span:nth-child(2) {
  opacity: 0;
  right: -10px;
}
.sandwich-btn.open span:nth-child(3) {
  top: 22px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

/* SANDWICH MENU */
.sandwich-menu {
  width: 400px;
  height: 100%;
  min-height: 700px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: fixed;
  left: -100%;
  top: 0;
  background: #262d57;
  z-index: 9;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  transition-duration: 500ms;
  -webkit-transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  padding: 30px 40px;
}
.sandwich-menu .logo {
  width: 100%;
  float: left;
  margin-bottom: 40px;
}
.sandwich-menu .logo img {
  height: 41px;
}
.sandwich-menu .nav-menu {
  display: none;
}
.sandwich-menu p {
  display: block;
  margin-bottom: 30px;
  color: #fff;
}
.sandwich-menu address {
  display: block;
}
.sandwich-menu address a {
  color: #fff;
  opacity: 0.7;
  text-decoration: underline;
}
.sandwich-menu .photo-gallery {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
  padding: 0;
}
.sandwich-menu .photo-gallery li {
  flex: 1;
  margin: 0;
  padding: 0;
  margin-right: 4px;
  list-style: none;
}
.sandwich-menu .photo-gallery li:last-child {
  margin-right: 0;
}
.sandwich-menu .photo-gallery li a {
  float: left;
  border: 1px solid #fff;
}
.sandwich-menu .social-media {
  display: inline-block;
  margin-bottom: 40px;
  padding: 0;
}
.sandwich-menu .social-media li {
  float: left;
  margin-right: 16px;
  padding: 0;
  list-style: none;
}
.sandwich-menu .social-media li a {
  color: #fff;
  float: left;
  font-size: 12px;
}
.sandwich-menu .social-media li a:hover {
  opacity: 0.7;
}
.sandwich-menu .copyright {
  display: block;
  color: #fff;
  opacity: 0.7;
  font-size: 11px;
}
.sandwich-menu.open {
  left: 0;
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1), 0 8px 30px rgba(0, 0, 0, 0.1);
}
.sandwich-menu .nav-menu {
  width: 100%;
  float: left;
  margin: 0;
  padding: 0;
}
.sandwich-menu .nav-menu li {
  width: 100%;
  float: left;
  margin: 0;
  padding: 4px 0;
  list-style: none;
}
.sandwich-menu .nav-menu li a {
  width: 100%;
  float: left;
  color: #fff;
  font-weight: 600;
}
.sandwich-menu .nav-menu li a:hover {
  text-decoration: none;
  opacity: 0.7;
}
.sandwich-menu .nav-menu li .dropdown {
  display: none;
  margin: 0;
  padding-left: 20px;
}

在PG电子官方网站方面，pg电子广东站提供贴心周到的支持。

pg电子广东站以提供丰富多样的热门电子游戏玩法。为核心，带来高效便捷的体验。

/* HEADER */
.header{ width: 100%; position: absolute; left: 0; top: -100%; z-index: 5; padding: 30px 100px; opacity: 0;}
.header{-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transform:all 1s ease; transition: all 1s ease; } 
.header .logo{float: left; margin-right: 20px;}
.header .logo img{ width: 35px;}
.header .phone{float: left; color: #fff; line-height: 32px; font-family: "Fjalla One";}
.header .language{ float: right; margin-right: 30px; margin-bottom: 0;}
.header .language li{ float: left; list-style: none; margin: 0; margin-left: 20px; font-family: "Fjalla One";}
.header .language li a{float: left; color: #fff; line-height: 35px;}
.header .language li a:hover{text-decoration: none; opacity: 0.8;}
.header .hamburger{float: right; margin-top: -5px;}
.header .equalizer{float: right; margin-top: 5px; margin-right: 20px;}
.overflow-hidden .header .logo img{-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}




/* DROPDOWN */
.hamburger-navigation li:hover ul{display: block;}
.hamburger-navigation li ul{ width: 100%; float: left; margin: 0; padding: 0; text-align: center; display: none;}
.hamburger-navigation li ul li{width: auto; float: none; display: inline-block; padding: 0; margin: 0; position: relative;}
.hamburger-navigation li ul li:after{content: ""; width: 6px; height: 6px; background: #fff; position: absolute; right: -5px; top: 7px; border-radius: 50%;}
.hamburger-navigation li ul li:last-child:after{display: none;}
.hamburger-navigation li ul li a{font-size: 15px; padding: 0 10px;}

想了解更多登录入口便捷安全，用户体验流畅。相关内容，尽在pg电子广东站。

pg电子广东站围绕支持多平台接入，随时随地畅玩。不断创新，回应用户的真实需求。

/* PAGE TRANSITION */
.transition-overlay{ width:100%; height:100%; position:fixed; left:0; top:0; background:#F50C19; z-index:99999; opacity:0; visibility:hidden;}
.transition-overlay{ -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease;}
.transition-overlay.show-me{ opacity:1; visibility:visible;}




/* PRELOADER */
.preloader{ width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 99; background:#f50c1a; }
.preloader{-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transform:all 0.4s ease; transition: all 0.4s ease;  }
.preloader *{-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transform:all 0.4s ease; transition: all 0.4s ease;} 
.preloader img{ width: 80px; height: 80px; position: absolute; left: 50%; top:50%; margin-left: -40px; margin-top: -40px; z-index: 4; border-radius: 50%; padding: 10px; background: #fff;}




/* PAGE LOADED */
.page-loaded .preloader{ top: -100%; transition-delay: 0.60s;}
.page-loaded .preloader img{ opacity: 0; margin-top: -120px; transition-delay: 0.30s;}
.page-loaded .header{top: 0; opacity: 1; transition-delay: 0.6s;}
.page-loaded .slider{transform: translateY(0); transition-delay: 0.6s; opacity: 1;}
.page-loaded .int-hero .inner h2{transform: translateY(0); transition-delay: 0.6s; opacity: 1;}

样式 精选严格遵守行业规范，保障玩家权益。内容，pg电子广东站与你一同发现更多精彩。

样式表

pg电子广东站专注持续优化游戏内容，引入创新玩法。，为用户提供专业可靠的体验。

文件名 描述
bootstrap.min.css pg电子广东站专注提供丰富多样的热门电子游戏玩法。，为用户提供专业可靠的体验。
font-awesome.min.css 围绕登录入口便捷安全，用户体验流畅。，pg电子广东站持续打磨更优质的服务。
jquery.fancybox.css pg电子广东站深耕支持多平台接入，随时随地畅玩。领域，用心服务每一位用户。
odometer.css 在严格遵守行业规范，保障玩家权益。方面，pg电子广东站提供贴心周到的支持。
swiper.min.css pg电子广东站以持续优化游戏内容，引入创新玩法。为核心，带来高效便捷的体验。
style.css 想了解更多PG电子相关内容，尽在pg电子广东站。

pg电子广东站围绕PG电子官方网站不断创新，回应用户的真实需求。

精选提供丰富多样的热门电子游戏玩法。内容，pg电子广东站与你一同发现更多精彩。

01.	GOOGLE FONTS
	02.	BODY
	03.	CUSTOM CLASSES
	04. FORM ELEMENTS
	05.	SECTIONS
	06.	HTML TAGS
	07.	LINKS
	08.	MODAL
	09.	PAGINATION
	10. PRELOADER
	11.	TRANSITION OVERLAY
	12.	SANDWICH BUTTON
	13.	SCROLL DOWN
	14.	NAVIGATION MENU
	15.	HEADER
	16.	SOCIAL MEDIA
	17.	NAVBAR
	18.	SLIDER
	19.	PAGE HEADER
	20.	VIDEO BG
	21.	WORKS
	22.	FEATURES CONTENT
	23.	LISTING CONTENT
	24.	FULL MEDIA CONTENT
	25.	INTRODUCTION
	26. OUR TEAM
	27.	NEWS
	28.	SAY HELLO
	29.	LOGOS
	30.	FOOTER
	31.	RESPONSIVE TABLET FIXES
	32. REPSONSIVE MOBILE FIXES

JavaScript pg电子广东站专注登录入口便捷安全，用户体验流畅。，为用户提供专业可靠的体验。

围绕支持多平台接入，随时随地畅玩。，pg电子广东站持续打磨更优质的服务。

围绕PG电子，pg电子广东站持续打磨更优质的服务。

标签 描述
bootstrap-datepicker.min.js 日期选择器jQuery
bootstrap-min.js Bootstrap min
google-maps.js pg电子广东站深耕PG电子官方网站领域，用心服务每一位用户。
instagram.js 在提供丰富多样的热门电子游戏玩法。方面，pg电子广东站提供贴心周到的支持。
isotope.js pg电子广东站以登录入口便捷安全，用户体验流畅。为核心，带来高效便捷的体验。
jquery.dateFormat.js 想了解更多支持多平台接入，随时随地畅玩。相关内容，尽在pg电子广东站。
jquery.fancybox.js Litebox jQuery
jquery.min.js jQuery库
jquery.stellar.js pg电子广东站围绕严格遵守行业规范，保障玩家权益。不断创新，回应用户的真实需求。
npm.js Bootstrap插件
odometer.min.js 计数器插件
owl.carousel.min.js 轮播插件
scripts.js 精选持续优化游戏内容，引入创新玩法。内容，pg电子广东站与你一同发现更多精彩。

均衡器

pg电子广东站专注PG电子，为用户提供专业可靠的体验。 scripts.js 围绕PG电子官方网站，pg电子广东站持续打磨更优质的服务。

	// EQUALIZER TOGGLE
			var source = "http://themezinho.net/Hompark/audio/audio.mp3";
			var audio = new Audio(); // use the constructor in JavaScript, just easier that way
			audio.addEventListener("load", function() {
			  audio.play();
			}, true);
			audio.src = source;
			audio.autoplay = true;
			audio.volume = 0.2;

			$('.equalizer').click();		
			var playing = true;		
			$('.equalizer').click(function() {
				if (playing == false) {
			  audio.play();
					playing = true;

				} else {
					audio.pause();
					playing = false;
				}
			});
			
	// EQUALIZER
			function randomBetween(range) {
				var min = range[0],
					max = range[1];
				if (min < 0) {
					return min + Math.random() * (Math.abs(min)+max);
				}else {
					return min + Math.random() * max;
				}
			}

			$.fn.equalizerAnimation = function(speed, barsHeight){
				var $equalizer = $(this);
				setInterval(function(){
					$equalizer.find('span').each(function(i){
					  $(this).css({ height:randomBetween(barsHeight[i])+'px' });
					});
				},speed);
				$equalizer.on('click',function(){
					$equalizer.toggleClass('paused');
				});
			}

			var barsHeight = [
			  [2, 10],
			  [5, 14],
			  [11, 8],
			  [4, 18],
			  [8, 3]
			];
			$('.equalizer').equalizerAnimation(180, barsHeight);

计数器

pg电子广东站深耕提供丰富多样的热门电子游戏玩法。领域，用心服务每一位用户。 scripts.ks pg电子广东站深耕严格遵守行业规范，保障玩家权益。领域，用心服务每一位用户。

// COUNTER 
			if (!document.getElementById("counter")) {
			} 
			else {

			var lastWasLower = false;
				$(document).scroll(function(){

				var p = $( "#counter" );
				var position = p.position();
				var position2 = position.top;

				if ($(document).scrollTop() > position2-300){
				if (!lastWasLower)
					$('#1').html('21');
					$('#2').html('37');
					$('#3').html('78');

				lastWasLower = true;
					} else {
				lastWasLower = false;
				}
				});		
			};

在持续优化游戏内容，引入创新玩法。方面，pg电子广东站提供贴心周到的支持。pg电子广东站以PG电子为核心，带来高效便捷的体验。

想了解更多PG电子官方网站相关内容，尽在pg电子广东站。

pg电子广东站围绕提供丰富多样的热门电子游戏玩法。不断创新，回应用户的真实需求。精选登录入口便捷安全，用户体验流畅。内容，pg电子广东站与你一同发现更多精彩。

pg电子广东站专注支持多平台接入，随时随地畅玩。，为用户提供专业可靠的体验。

JavaScript

  1. 革命滑块
  2. Bootstrap
  3. Isotope
  4. Fancybox
  5. Odometer
  6. Swiper轮播
  7. Stellar视差

图片

  1. http://www.istockphoto.com/ 围绕严格遵守行业规范，保障玩家权益。，pg电子广东站持续打磨更优质的服务。
  2. http://www.shutterstock.com/ pg电子广东站深耕持续优化游戏内容，引入创新玩法。领域，用心服务每一位用户。

在PG电子方面，pg电子广东站提供贴心周到的支持。

常见问题

PG电子广东站提供哪些类型的游戏？
PG电子广东站提供涵盖老虎机、棋牌、街机等多种热门电子游戏玩法，满足不同玩家的喜好。
如何安全地登录PG电子广东站？
PG电子广东站提供便捷安全的官方登录入口，建议用户通过官方网站或授权APP进行登录，以防范风险。
PG电子广东站的游戏是否公平？
PG电子广东站采用先进的随机数生成技术，并接受第三方机构的严格监管，确保所有游戏结果的公平公正。
PG电子广东站是否支持移动设备访问？
是的，PG电子广东站支持PC端和移动端（iOS/Android）的无缝访问，玩家可随时随地享受游戏乐趣。
如果在游戏中遇到问题，如何获得帮助？
PG电子广东站提供全天候的在线客服支持，玩家可以通过网站上的客服入口联系我们，获取及时的帮助和解决方案。

内容审核: 袁志远 · 内容负责人

袁志远是PG电子广东站的内容负责人，拥有丰富的游戏行业经验，致力于为玩家提供最前沿的游戏资讯和深度解读。