kimidev
Đây bạn ơi mình có thêm quả nhạc noel với tuyết rồi đấy
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html b:css='false' b:defaultwidgetversion='2' b:js='false' b:layoutsVersion='3' b:templateUrl='indie.xml' b:templateVersion='1.3.0' class='v2' expr:dir='data:blog.languageDirection' lang='vi' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<script crossorigin='anonymous' src='https://kit.fontawesome.com/e081c0a6dd.js'/>
<title>Nguyễn Hoàng Đạt</title>
<meta content='width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' name='viewport'/>
<link href='https://i.ibb.co/8DMx961/AVATAR-copy.jpg' rel='shortcut icon' type='image/x-icon'/>
<meta content='https://i.ibb.co/8DMx961/AVATAR-copy.jpg' property='og:image'/>
<meta content='https://about-nhd.blogspot.com/' property='og:url'/>
<meta content='website' property='og:type'/>
<meta content='Nguyễn Hoàng Đạt' property='og:title'/>
<meta content='Xây dựng và phát triển bởi Nguyễn Hoàng Đạt !' property='og:description'/>
<link href='https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css' rel='stylesheet'/>
<link href='https://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'/>
<link href='https://cdn.jsdelivr.net/gh/leanhducprovn/cdn/font-awesome/pro-5.15.3/css/all.css' rel='stylesheet'/>
<!-- Bắt đầu css-->
<b:skin><![CDATA[
/* Chèn CSS vào đây */
/*------------------------------------------------*/
/* Name: Template giới thiệu bản thân version 8.0 */
/* Admin: Nguyễn Hoàng Đạt */
/* Zalo: 0347 795 415 */
/* Gmail: nguyen.hoang.dat.080808@gmail.com */
/* Website: https://nhd-8827.blogspot.com */
/*------------------------------------------------*/
html,body{
cursor:url("https://i.imgur.com/5v5M8gh.png"),auto;
}
a:hover{
cursor:url("https://i.imgur.com/IXULuQ1.png"),auto;
}
html, body{
overflow-x: hidden;
background-image: linear-gradient(to right,#D585FF, #00FFEE);
font-family:inter,sans-serif;
margin:0;
padding:0;
}
body{
margin:0;
padding:0;
position:relative;
top:0;
left:0;
width:100vw;
}
.center{
display:flex;
align-items:center;
justify-content:center;
}
.light-orange{
color:#ef9d64;
}
.light-blue{
color:#6a8de4;
}
#root{
display:flex
;align-items:center;
justify-content:center;
height:auto;
min-height:100vh;
}
#main{
display:block;
position:relative;
margin-top:30px;
margin-bottom:30px;
width:411px;
max-width:411px;
min-height:82px;
background-color:#fff;
border-radius:30px;
box-shadow:7px 7px 20px -5px rgba(0,0,0,.1);
}
.container{
padding:0 15px;
}
#cover-image{
background-position:center;
background-size:cover;
border-top-left-radius:30px;
border-top-right-radius:30px;
width:411px;
height:165px;
position:relative;
left:-15px;
}
#profile-header{
position:relative;
display:grid;
grid-template-columns:120px auto;
column-gap:15px;
margin-bottom:-10px;
}
#avatar-image{
position:relative;
background-position:center;
background-size:cover;
border-radius:30px;
width:120px;
height:120px;
top:-25px;
}
#name{
position:relative;
padding-top:5px;
}
.names{
font-weight:600;
font-size:24px;
margin:0;
}
.nicknames{
font-weight:500;
font-size:20px;
margin:0;
}
#skills{
padding-top:5px;
margin-left:5px;
}
.skill-item{
display:inline-flex;
justify-content:center;
align-content:center;
position:relative;
font-size:14px;
font-weight:400;
height:20px;
margin-right:10px;
width:auto;
}
.skill-item::before{
position:absolute;
content:"";
padding-left:5px;
padding-right:5px;
width:100%;
height:18px;
background-color:currentColor;
opacity:.2;
border-radius:5px;
}
.bio-story{
position:relative;
display:grid;
grid-template-columns:70px auto;
height:70px;
width:100%;
background-color:#fafafa;
border-radius:20px;
-webkit-box-shadow:7px 7px 20px -5px rgba(0,0,0,.4);
box-shadow:7px 7px 20px -5px rgba(0,0,0,.1);
margin-bottom:15px;
}
.bio-story-thumb{
width:50px;
height:50px;
background-position:center;
background-size:cover;
border-radius:15px;
margin:10px;
}
.bio-story-content p{
position:relative;
font-size:15px;
margin-top:10px;
font-weight:600;
margin-bottom:10px;
}
.bio-story-content span{
position:relative;
font-size:12px;
bottom:15px;
color:#587fe1;
font-weight:500;
}
#content-body{
position:relative;
margin-top:20px;
max-width:100%;
}
.drop-title{
font-weight:600;
font-size:18px;
margin-left:10px;
}
#link-box{
position:relative;
width:100%;
}
.link-item{
position:relative;
display:grid;
grid-template-columns:70px auto 65px;
height:70px;
width:100%;
background-color:#fafafa;
border-radius:20px;
margin-bottom:15px;
-webkit-box-shadow:7px 7px 20px -5px rgba(0,0,0,.4);
box-shadow:7px 7px 20px -5px rgba(0,0,0,.1);
transition:all 250ms ease-in-out;
}
.link-item:hover{
background-color:#dff9fb;
}
.link-content{
padding-top:15px;
}
.link-content p{
margin:0;
font-weight:600;
}
.link-content span{
position:absolute;
font-weight:400;
font-size:14px;
bottom:15px;
color:#a6a9b1;
max-width:50%;
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;-webkit-line-clamp:1;
-webkit-box-orient:vertical;
transition:all 250ms;
cursor:pointer;
}
.link-content span:hover{
color:#7c7e83;
}
.link-btn-chill{
display:inline-flex;
justify-content:center;
align-content:center;
position:relative;
margin-top:15px;
font-size:14px;
width:auto;
font-weight:600;
}
.link-btn-chill::before{
position:absolute;
content:"";
padding-left:7px;
padding-right:7px;
width:40px;
height:18px;
background-color:currentColor;
opacity:.2;border-radius:5px;
top:-1px;
transition:all 250ms;
}
.link-btn-chill{
transition:all 250ms ease-in-out;
}
.link-btn-chill:hover::before{
opacity:.5;
}
@media only screen and (max-width:425px){
#root{display:block;
}
#main{
top:0;
left:0;
border-radius:0;
width:100%;
margin:0;
margin-right:0;
}
#cover-image{
border-top-left-radius:0;
border-top-right-radius:0;
max-width:100vw;
}
.container{
width:90%;
}}
@media only screen and (max-width:350px) and (min-width:150px){
#name,#first-name{font-size:22px}#nickname{font-size:16px}.skill-item{font-size:12px}
}
]]></b:skin>
</head>
<!-- Bắt đầu phần hiển thị -->
<body>
<div id='root'>
<div id='main'>
<div class='container'>
<header>
<div id='cover-image' style='background-image: url('https://i.ibb.co/Xbm9PwH/image.png');'/>
<div id='profile-header'>
<div id='avatar-image' style='background-image: url('https://i.ibb.co/8DMx961/AVATAR-copy.jpg');'/>
<div id='name'>
<p class='names' id='first-name'>Nguyễn Hoàng Đạt <i class='fas fa-check-circle' style='color:#2d88ff' title='Đã xác minh'/></p>
<div id='skills'>
<div class='skill-item' style='color:#740A4E;'>Tricker</div>
<div class='skill-item' style='color:#ff758f;'>Developer</div>
<div class='skill-item' style='color:#85D18A;'>Designer</div>
<div class='skill-item' style='color:#F27935;'>2007</div>
</div>
</div>
</div>
<p class='drop-title'><b>Website</b></p>
<div class='link-item'>
<div class='bio-story-thumb' style='background-image: url('https://i.ibb.co/9T6sx8T/image-removebg-preview.png');'/>
<div class='link-content'>
<p>Nguyễn Hoàng Đạt Blog</p>
<span onclick='window.open('https://nhd-8827.blogspot.com//', '_blank')'>www.nguyenhoangdat.gq</span>
</div>
<div class='link-btn'>
<div class='link-btn-chill light-orange' onclick='window.open('https://www.nguyenhoangdat.ga/', '_blank')'>OPEN</div>
</div>
</div>
</header>
<div id='content-body'>
<p class='drop-title'><b>Social Media Link</b></p>
<div id='link-box'>
<div class='link-item'>
<div class='bio-story-thumb' style='background-image: url('https://i.ibb.co/0C19z9d/1165952efd04827b9a6a1aec09c17573.jpg');'/>
<div class='link-content'>
<p>Facebook</p>
<span onclick='window.open('https://www.facebook.com/nhd.in4/', '_blank')'>@nhd.in4</span>
</div>
<div class='link-btn'>
<div class='link-btn-chill light-orange' onclick='window.open('https://www.facebook.com/nhd.in4/', '_blank')'>OPEN</div>
</div>
</div>
<div class='link-item'>
<div class='bio-story-thumb' style='background-image: url('https://i.ibb.co/BNB53xd/5871d68e7561634bf2d0a8e6d3b84d45.jpg');'/>
<div class='link-content'>
<p>Instagram</p>
<span onclick='window.open('https://www.instagram.com/nhd.in4/', '_blank')'>@nhd.in4</span>
</div>
<div class='link-btn'>
<div class='link-btn-chill light-orange' onclick='window.open('https://www.instagram.com/nhd.in4/', '_blank')'>OPEN</div>
</div>
</div>
<div class='link-item'>
<div class='bio-story-thumb' style='background-image: url('https://i.imgur.com/8eN7qqF.jpg');'/>
<div class='link-content'>
<p>Zalo</p>
<span onclick='window.open('https://zalo.me/0347795415', '_blank')'>0347.795.415</span>
</div>
<div class='link-btn'>
<div class='link-btn-chill light-orange' onclick='window.open('https://zalo.me/0347795415', '_blank')'>OPEN</div>
</div>
</div>
<div class='link-item'>
<div class='bio-story-thumb' style='background-image: url('https://i.ibb.co/yf3W8tg/6cde6ad49f137539b1d05c6ac6ea16c4.jpg');'/>
<div class='link-content'>
<p>Youtube</p>
<span onclick='window.open('https://www.youtube.com/channel/UC4siSuYdoXCpnrZktBlur1w', '_blank')'>Nguyễn Hoàng Đạt</span>
</div>
<div class='link-btn'>
<div class='link-btn-chill light-orange' onclick='window.open('https://www.youtube.com/channel/UC4siSuYdoXCpnrZktBlur1w', '_blank')'>OPEN</div>
</div>
</div>
<div class='link-item'>
<div class='bio-story-thumb' style='background-image: url('https://i.ibb.co/d0tJzFB/7c234e9938b81011e8822be29ee7577b.jpg');'/>
<div class='link-content'>
<p>Gmail</p>
<span onclick='geturl('nguyen.hoang.dat.080808@gmail.com')'>nguyen.hoang.dat.080808@gmail.com</span>
</div>
<div class='link-btn'>
<div class='link-btn-chill light-blue' onclick='geturl('nguyen.hoang.dat.080808@gmail.com')'>COPY</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script>
function geturl(giatri) {
var $temp = $("<input>");
$("body").append($temp);
$temp.val(giatri).select();
document.execCommand("copy");
$temp.remove();
alert("Copy thành công!");
}
</script>
<script crossorigin='anonymous' src='https://code.jquery.com/jquery-3.6.0.slim.min.js'/>
<b:section id='nhd-8827.blogspot.com'/>
<!--<head/>-->
<audio src='https://dat887.000webhostapp.com/wp-content/uploads/2021/12/crazy_frog_we_wish_you_a_merry_christmas_mv_-7653592806440656651-1.mp3'/>
<style>
body{display:block;-khtml-user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;unselectable:on;}
</style>
<style>
#snowflakeContainer{position:absolute;left:0px;top:0px;}
.snowflake{padding-left:15px;font-size:14px;line-height:24px;position:fixed;color:#ebebeb;user-select:none;z-index:1000;-moz-user-select:none;-ms-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;}
.snowflake:hover {cursor:default}
</style>
<div id='snowflakeContainer'>
<p class='snowflake'>•</p>
</div>
<script style='text/javascript'>
//<![CDATA[
var requestAnimationFrame=window.requestAnimationFrame||window.mozRequestAnimationFrame||window.webkitRequestAnimationFrame||window.msRequestAnimationFrame;var transforms=["transform","msTransform","webkitTransform","mozTransform","oTransform"];var transformProperty=getSupportedPropertyName(transforms);var snowflakes=[];var browserWidth;var browserHeight;var numberOfSnowflakes=50;var resetPosition=false;function setup(){window.addEventListener("DOMContentLoaded",generateSnowflakes,false);window.addEventListener("resize",setResetFlag,false)}setup();function getSupportedPropertyName(b){for(var a=0;a<b.length;a++){if(typeof document.body.style[b[a]]!="undefined"){return b[a]}}return null}function Snowflake(b,a,d,e,c){this.element=b;this.radius=a;this.speed=d;this.xPos=e;this.yPos=c;this.counter=0;this.sign=Math.random()<0.5?1:-1;this.element.style.opacity=0.5+Math.random();this.element.style.fontSize=4+Math.random()*30+"px"}Snowflake.prototype.update=function(){this.counter+=this.speed/5000;this.xPos+=this.sign*this.speed*Math.cos(this.counter)/40;this.yPos+=Math.sin(this.counter)/40+this.speed/30;setTranslate3DTransform(this.element,Math.round(this.xPos),Math.round(this.yPos));if(this.yPos>browserHeight){this.yPos=-50}};function setTranslate3DTransform(a,c,b){var d="translate3d("+c+"px, "+b+"px, 0)";a.style[transformProperty]=d}function generateSnowflakes(){var b=document.querySelector(".snowflake");var h=b.parentNode;browserWidth=document.documentElement.clientWidth;browserHeight=document.documentElement.clientHeight;for(var d=0;d<numberOfSnowflakes;d++){var j=b.cloneNode(true);h.appendChild(j);var e=getPosition(50,browserWidth);var a=getPosition(50,browserHeight);var c=5+Math.random()*40;var g=4+Math.random()*10;var f=new Snowflake(j,g,c,e,a);snowflakes.push(f)}h.removeChild(b);moveSnowflakes()}function moveSnowflakes(){for(var b=0;b<snowflakes.length;b++){var a=snowflakes[b];a.update()}if(resetPosition){browserWidth=document.documentElement.clientWidth;browserHeight=document.documentElement.clientHeight;for(var b=0;b<snowflakes.length;b++){var a=snowflakes[b];a.xPos=getPosition(50,browserWidth);a.yPos=getPosition(50,browserHeight)}resetPosition=false}requestAnimationFrame(moveSnowflakes)}function getPosition(b,a){return Math.round(-1*b+Math.random()*(a+2*b))}function setResetFlag(a){resetPosition=true};
//]]>
</script>
<!--<body/>-->
<audio autoplay='audio'>
<source src='https://dat887.000webhostapp.com/wp-content/uploads/2021/12/nhac-giang-sinh.mp3'/>
</audio>
</body>
<!-- Kết thúc phần hiển thị -->
</html>
