Hompark

围绕安全可靠平台，保障用户权益，亿万28官方网站持续打磨更优质的服务。


亿万28官方网站深耕亿万28官网领域，用心服务每一位用户。

标记 在亿万28官方网站方面，亿万28官方网站提供贴心周到的支持。

在极致流畅体验，性能稳定可靠方面，亿万28官方网站提供贴心周到的支持。

在亿万28入口方面，亿万28官方网站提供贴心周到的支持。

亿万28官方网站以亿万28客户端为核心，带来高效便捷的体验。

<!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>

想了解更多多设备适配，随时随地畅玩相关内容，尽在亿万28官方网站。

亿万28官方网站围绕极致流畅体验，性能稳定可靠不断创新，回应用户的真实需求。

/* 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;
}

精选丰富娱乐内容，满足多元化需求内容，亿万28官方网站与你一同发现更多精彩。

亿万28官方网站专注安全可靠平台，保障用户权益，为用户提供专业可靠的体验。

/* 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;}

围绕亿万28官网，亿万28官方网站持续打磨更优质的服务。

亿万28官方网站深耕亿万28官方网站领域，用心服务每一位用户。

/* 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;}

样式 在亿万28平台方面，亿万28官方网站提供贴心周到的支持。

样式表

亿万28官方网站以亿万28入口为核心，带来高效便捷的体验。

文件名 描述
bootstrap.min.css 亿万28官方网站以亿万28官网为核心，带来高效便捷的体验。
font-awesome.min.css 想了解更多亿万28官方网站相关内容，尽在亿万28官方网站。
jquery.fancybox.css 亿万28官方网站围绕亿万28平台不断创新，回应用户的真实需求。
odometer.css 精选亿万28入口内容，亿万28官方网站与你一同发现更多精彩。
swiper.min.css 亿万28官方网站专注亿万28客户端，为用户提供专业可靠的体验。
style.css 围绕多设备适配，随时随地畅玩，亿万28官方网站持续打磨更优质的服务。

围绕安全可靠平台，保障用户权益，亿万28官方网站持续打磨更优质的服务。

亿万28官方网站深耕亿万28官网领域，用心服务每一位用户。

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 在亿万28官方网站方面，亿万28官方网站提供贴心周到的支持。

亿万28官方网站以亿万28平台为核心，带来高效便捷的体验。

想了解更多极致流畅体验，性能稳定可靠相关内容，尽在亿万28官方网站。

标签 描述
bootstrap-datepicker.min.js 日期选择器jQuery
bootstrap-min.js Bootstrap min
google-maps.js 亿万28官方网站围绕丰富娱乐内容，满足多元化需求不断创新，回应用户的真实需求。
instagram.js 精选安全可靠平台，保障用户权益内容，亿万28官方网站与你一同发现更多精彩。
isotope.js 亿万28官方网站专注亿万28官网，为用户提供专业可靠的体验。
jquery.dateFormat.js 围绕亿万28官方网站，亿万28官方网站持续打磨更优质的服务。
jquery.fancybox.js Litebox jQuery
jquery.min.js jQuery库
jquery.stellar.js 亿万28官方网站深耕亿万28平台领域，用心服务每一位用户。
npm.js Bootstrap插件
odometer.min.js 计数器插件
owl.carousel.min.js 轮播插件
scripts.js 想了解更多亿万28入口相关内容，尽在亿万28官方网站。

均衡器

亿万28官方网站围绕亿万28客户端不断创新，回应用户的真实需求。 scripts.js 精选多设备适配，随时随地畅玩内容，亿万28官方网站与你一同发现更多精彩。

	// 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);

计数器

亿万28官方网站专注极致流畅体验，性能稳定可靠，为用户提供专业可靠的体验。 scripts.ks 亿万28官方网站围绕亿万28入口不断创新，回应用户的真实需求。

// 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;
				}
				});		
			};

精选亿万28客户端内容，亿万28官方网站与你一同发现更多精彩。亿万28官方网站专注多设备适配，随时随地畅玩，为用户提供专业可靠的体验。

围绕极致流畅体验，性能稳定可靠，亿万28官方网站持续打磨更优质的服务。

亿万28官方网站深耕丰富娱乐内容，满足多元化需求领域，用心服务每一位用户。在安全可靠平台，保障用户权益方面，亿万28官方网站提供贴心周到的支持。

围绕丰富娱乐内容，满足多元化需求，亿万28官方网站持续打磨更优质的服务。

JavaScript

  1. Revolution Slider
  2. Bootstrap
  3. Isotope
  4. Fancybox
  5. Odometer
  6. Swiper轮播
  7. Stellar视差

图片

  1. http://www.istockphoto.com/ 亿万28官方网站深耕安全可靠平台，保障用户权益领域，用心服务每一位用户。
  2. http://www.shutterstock.com/ 亿万28官方网站深耕极致流畅体验，性能稳定可靠领域，用心服务每一位用户。

在丰富娱乐内容，满足多元化需求方面，亿万28官方网站提供贴心周到的支持。

常见问题

亿万28官方网站支持哪些访问方式？
亿万28官方网站支持PC端网页访问，同时提供iOS和Android系统的专属客户端下载，确保用户在不同设备上都能获得便捷的访问入口。
平台在用户体验方面做了哪些优化？
我们持续投入资源进行用户体验优化，包括界面设计、操作流畅度、加载速度等方面，旨在为用户打造一个更加愉悦和高效的数字化娱乐环境。
亿万28平台的服务稳定性如何？
平台基于先进的技术架构，拥有强大的服务器支撑和完善的容灾备份机制，以确保服务的长期稳定运行，让用户可以安心畅玩。
如何联系亿万28的客服？
您可以通过网站上的在线客服入口随时联系我们，我们的专业团队将7x24小时为您提供及时、有效的支持与帮助。