k1体育专注K1体育平台,为用户提供专业可靠的体验。
围绕K1体育官方网站,k1体育持续打磨更优质的服务。
在贴心导航指引,轻松找到所需资讯方面,k1体育提供贴心周到的支持。
<!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>
想了解更多官方移动端,随时随地畅享体坛互动相关内容,尽在k1体育。
/* 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;
}
精选K1体育官网内容,k1体育与你一同发现更多精彩。
/* 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;}
围绕K1体育官方网站,k1体育持续打磨更优质的服务。
/* 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;}
k1体育深耕海量体育数据,深度解读,洞察先机领域,用心服务每一位用户。
| 文件名 | 描述 |
|---|---|
bootstrap.min.css | 在贴心导航指引,轻松找到所需资讯方面,k1体育提供贴心周到的支持。 |
font-awesome.min.css | k1体育以安全稳定平台,时效性强,体验流畅为核心,带来高效便捷的体验。 |
jquery.fancybox.css | 想了解更多官方移动端,随时随地畅享体坛互动相关内容,尽在k1体育。 |
odometer.css | k1体育围绕K1体育不断创新,回应用户的真实需求。 |
swiper.min.css | 精选K1体育官网内容,k1体育与你一同发现更多精彩。 |
style.css | k1体育专注K1体育平台,为用户提供专业可靠的体验。 |
k1体育深耕海量体育数据,深度解读,洞察先机领域,用心服务每一位用户。
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
k1体育以安全稳定平台,时效性强,体验流畅为核心,带来高效便捷的体验。
| 标签 | 描述 |
|---|---|
bootstrap-datepicker.min.js | 日期选择器jQuery |
bootstrap-min.js | Bootstrap min |
google-maps.js | 想了解更多官方移动端,随时随地畅享体坛互动相关内容,尽在k1体育。 |
instagram.js | k1体育围绕K1体育不断创新,回应用户的真实需求。 |
isotope.js | 精选K1体育官网内容,k1体育与你一同发现更多精彩。 |
jquery.dateFormat.js | k1体育专注K1体育平台,为用户提供专业可靠的体验。 |
jquery.fancybox.js | Litebox jQuery |
jquery.min.js | jQuery库 |
jquery.stellar.js | 围绕K1体育官方网站,k1体育持续打磨更优质的服务。 |
npm.js | Bootstrap插件 |
odometer.min.js | 计数器插件 |
owl.carousel.min.js | 轮播插件 |
scripts.js | k1体育深耕海量体育数据,深度解读,洞察先机领域,用心服务每一位用户。 |
在贴心导航指引,轻松找到所需资讯方面,k1体育提供贴心周到的支持。 scripts.js 在贴心导航指引,轻松找到所需资讯方面,k1体育提供贴心周到的支持。
// 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);
k1体育以安全稳定平台,时效性强,体验流畅为核心,带来高效便捷的体验。 scripts.ks 想了解更多官方移动端,随时随地畅享体坛互动相关内容,尽在k1体育。
// 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;
}
});
};
k1体育专注K1体育平台,为用户提供专业可靠的体验。
在贴心导航指引,轻松找到所需资讯方面,k1体育提供贴心周到的支持。
想了解更多官方移动端,随时随地畅享体坛互动相关内容,尽在k1体育。