Facebook
From Tacky Dormouse, 2 Years ago, written in XML.
This paste is a reply to Re: Template 1 from Aqua Leopard - view diff
Embed
Download Paste or View Raw
Hits: 331
  1. <?xml version="1.0" encoding="UTF-8" ?>
  2. <!DOCTYPE html>
  3. <html 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'>
  4. <head>
  5. <meta content='#' name='theme-color'/>
  6. <meta content='#' name='msapplication-navbutton-color'/>
  7. <meta content='#' name='apple-mobile-web-app-status-bar-style'/>
  8. <script type='text/javascript'>
  9. //<![CDATA[
  10. function loadCSS(e, t, n) { "use strict"; var i = window.document.createElement("link"); var o = t || window.document.getElementsByTagName("script")[0]; i.rel = "stylesheet"; i.href = e; i.media = "only x"; o.parentNode.insertBefore(i, o); setTimeout(function () { i.media = n || "all" }) }
  11. loadCSS("//use.fontawesome.com/releases/v5.7.2/css/all.css")
  12. //]]>
  13. </script>
  14.     <meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/>
  15.     <link href='//fonts.googleapis.com/css?family=Roboto:400,400i,500,500i,700,700i' media='all' rel='stylesheet' type='text/css'/>
  16.     <link href='//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css' rel='stylesheet'/>
  17.   <title><data:blog.title/></title>
  18.         <meta content='initial-scale=1,maximum-scale=1,user-scalable=no,width=device-width,minimal-ui' name='viewport'/>
  19.         <meta content='IE=edge,chrome=1' http-equiv='X-UA-Compatible'/>
  20.         <meta content='yes' name='apple-mobile-web-app-capable'/>
  21.         <meta content='Facebook' name='apple-mobile-web-app-title'/>
  22.         <meta content='black-translucent' name='apple-mobile-web-app-status-bar-style'/>
  23.         <meta content='yes' name='mobile-web-app-capable'/>
  24. <b:skin><![CDATA[
  25. @import url("https://fonts.googleapis.com/css?family=Quicksand:300,400,500,700&subset=latin-ext");
  26. ::-webkit-scrollbar{width:5px}
  27. ::-webkit-scrollbar-track{background:#f1f1f1;border-radius:0px}
  28. ::-webkit-scrollbar-thumb{background:#888;border-radius:0px}
  29. ::-webkit-scrollbar-thumb:hover{background:#555}
  30. html {
  31.  position: relative;
  32.  overflow-x: hidden !important;
  33.  overflow-x: hidden !important;
  34. }
  35.  
  36. * {
  37.  box-sizing: border-box;
  38. }
  39.  
  40. body {
  41.  font-family: 'Quicksand', sans-serif;
  42.  color: #324e63;
  43.  margin: 0;
  44. }
  45.  
  46. a, a:hover {
  47.  text-decoration: none;
  48. }
  49.  
  50. .icon {
  51.  display: inline-block;
  52.  width: 1em;
  53.  height: 1em;
  54.  stroke-width: 0;
  55.  stroke: currentColor;
  56.  fill: currentColor;
  57. }
  58.  
  59. .wrapper {
  60.  width: 100%;
  61.  width: 100%;
  62.  height: auto;
  63.  min-height: 100vh;
  64.  padding: 50px 20px;
  65.  padding-top: 100px;
  66.  display: flex;
  67.  background-image: linear-gradient(-20deg, #ff2846 0%, #6944ff 100%);
  68.  display: flex;
  69.  background: linear-gradient(-45deg, #EE7752, #E73C7E, #23A6D5, #23D5AB);
  70. background-size: 400% 400%;
  71. -webkit-animation: Gradient 15s ease infinite;
  72. -moz-animation: Gradient 15s ease infinite;
  73. animation: Gradient 15s ease infinite;
  74. }
  75.  
  76. @-webkit-keyframes Gradient {
  77. 0% {
  78.  background-position: 0% 50%
  79. }
  80. 50% {
  81.  background-position: 100% 50%
  82. }
  83. 100% {
  84.  background-position: 0% 50%
  85. }
  86. }
  87.  
  88. @-moz-keyframes Gradient {
  89. 0% {
  90.  background-position: 0% 50%
  91. }
  92. 50% {
  93.  background-position: 100% 50%
  94. }
  95. 100% {
  96.  background-position: 0% 50%
  97. }
  98. }
  99.  
  100. @keyframes Gradient {
  101. 0% {
  102.  background-position: 0% 50%
  103. }
  104. 50% {
  105.  background-position: 100% 50%
  106. }
  107. 100% {
  108.  background-position: 0% 50%
  109. }
  110. }
  111. @media screen and (max-width: 768px) {
  112.  .wrapper {
  113.    height: auto;
  114.    min-height: 100vh;
  115.    padding-top: 100px;
  116.  }
  117. }
  118.  
  119. .profile-card {
  120.  width: 100%;
  121.  min-height: 460px;
  122.  margin: auto;
  123.  box-shadow: 0px 8px 60px -10px rgba(13, 28, 39, 0.6);
  124.  background: #fff;
  125.  border-radius: 12px;
  126.  max-width: 700px;
  127.  position: relative;
  128. }
  129. .profile-card.active .profile-card__cnt {
  130.  filter: blur(6px);
  131. }
  132. .profile-card.active .profile-card-message,
  133. .profile-card.active .profile-card__overlay {
  134.  opacity: 1;
  135.  pointer-events: auto;
  136.  transition-delay: .1s;
  137. }
  138. .profile-card.active .profile-card-form {
  139.  transform: none;
  140.  transition-delay: .1s;
  141. }
  142. .profile-card__img {
  143.  width: 150px;
  144.  height: 150px;
  145.  margin-left: auto;
  146.  margin-right: auto;
  147.  transform: translateY(-50%);
  148.  border-radius: 100%;
  149.  overflow: hidden;
  150.  position: relative;
  151.  z-index: 4;
  152.  box-shadow: 0px 5px 50px 0px #6c44fc, 0px 0px 0px 7px rgba(107, 74, 255, 0.5);
  153. }
  154. @media screen and (max-width: 576px) {
  155.  .profile-card__img {
  156.    width: 120px;
  157.    height: 120px;
  158.  }
  159. }
  160. .profile-card__img img {
  161.  display: block;
  162.  width: 100%;
  163.  height: 100%;
  164.  object-fit: cover;
  165.  border-radius: 100%;
  166. }
  167. .profile-card__cnt {
  168.  margin-top: -35px;
  169.  text-align: center;
  170.  padding: 0 20px;
  171.  padding-bottom: 40px;
  172.  transition: all .3s;
  173. }
  174. .profile-card__name {
  175.  font-weight: 700;
  176.  font-size: 24px;
  177.  color: #6944ff;
  178.  margin-bottom: 15px;
  179. }
  180. .profile-card__txt {
  181.  font-size: 18px;
  182.  font-weight: 500;
  183.  color: #324e63;
  184.  margin-bottom: 15px;
  185. }
  186. .profile-card__txt strong {
  187.  font-weight: 700;
  188. }
  189. .profile-card-loc {
  190.  display: flex;
  191.  justify-content: center;
  192.  align-items: center;
  193.  font-size: 18px;
  194.  font-weight: 600;
  195. }
  196. .profile-card-loc__icon {
  197.  display: inline-flex;
  198.  font-size: 27px;
  199.  margin-right: 10px;
  200. }
  201. .profile-card-inf {
  202.  display: flex;
  203.  justify-content: center;
  204.  flex-wrap: wrap;
  205.  align-items: flex-start;
  206.  margin-top: 35px;
  207. }
  208. .profile-card-inf__item {
  209.  padding: 10px 35px;
  210.  min-width: 150px;
  211. }
  212. @media screen and (max-width: 768px) {
  213.  .profile-card-inf__item {
  214.    padding: 10px 20px;
  215.    min-width: 120px;
  216.  }
  217. }
  218. .profile-card-inf__title {
  219.  font-weight: 700;
  220.  font-size: 27px;
  221.  color: #324e63;
  222. }
  223. .profile-card-inf__txt {
  224.  font-weight: 500;
  225.  margin-top: 7px;
  226. }
  227. .profile-card-social {
  228.  margin-top: 25px;
  229.  display: flex;
  230.  justify-content: center;
  231.  align-items: center;
  232.  flex-wrap: wrap;
  233. }
  234. .profile-card-social__item {
  235.  display: inline-flex;
  236.  width: 56px;
  237.  height: 56px;
  238.  margin: 16px;
  239.  border-radius: 100%;
  240.  align-items: center;
  241.  justify-content: center;
  242.  color: #fff;
  243.  background: #405de6;
  244.  box-shadow: 0px 7px 30px rgba(43, 98, 169, 0.5);
  245.  position: relative;
  246.  font-size: 21px;
  247.  flex-shrink: 0;
  248.  transition: all .3s;
  249. }
  250. @media screen and (max-width: 768px) {
  251.  .profile-card-social__item {
  252.    width: 50px;
  253.    height: 50px;
  254.    margin: 10px;
  255.  }
  256. }
  257. @media screen and (min-width: 768px) {
  258.  .profile-card-social__item:hover {
  259.    transform: scale(1.2);
  260.  }
  261. }
  262. .profile-card-social__item.facebook {
  263.  background: linear-gradient(45deg, #3b5998, #0078d7);
  264.  box-shadow: 0px 4px 30px rgba(43, 98, 169, 0.5);
  265. }
  266. .profile-card-social__item.twitter {
  267.  background: linear-gradient(45deg, #1da1f2, #0e71c8);
  268.  box-shadow: 0px 4px 30px rgba(19, 127, 212, 0.7);
  269. }
  270. .profile-card-social__item.instagram {
  271.  background: linear-gradient(45deg, #405de6, #5851db, #833ab4, #c13584, #e1306c, #fd1d1d);
  272.  box-shadow: 0px 4px 30px rgba(120, 64, 190, 0.6);
  273. }
  274. .profile-card-social__item.behance {
  275.  background: linear-gradient(45deg, #1769ff, #213fca);
  276.  box-shadow: 0px 4px 30px rgba(27, 86, 231, 0.7);
  277. }
  278. .profile-card-social__item.github {
  279.  background: linear-gradient(45deg, #333333, #626b73);
  280.  box-shadow: 0px 4px 30px rgba(63, 65, 67, 0.6);
  281. }
  282. .profile-card-social__item.codepen {
  283.  background: linear-gradient(45deg, #324e63, #414447);
  284.  box-shadow: 0px 4px 30px rgba(55, 75, 90, 0.6);
  285. }
  286. .profile-card-social__item.link {
  287.  background: linear-gradient(45deg, #d5135a, #f05924);
  288.  box-shadow: 0px 4px 30px rgba(223, 45, 70, 0.6);
  289. }
  290. .profile-card-social .icon-font {
  291.  display: inline-flex;
  292. }
  293. .profile-card-ctr {
  294.  display: flex;
  295.  justify-content: center;
  296.  align-items: center;
  297.  margin-top: 40px;
  298. }
  299. @media screen and (max-width: 576px) {
  300.  .profile-card-ctr {
  301.    flex-wrap: wrap;
  302.  }
  303. }
  304. .profile-card__button {
  305.  background: none;
  306.  border: none;
  307.  font-family: 'Quicksand', sans-serif;
  308.  font-weight: 700;
  309.  font-size: 19px;
  310.  margin: 15px 35px;
  311.  padding: 15px 40px;
  312.  min-width: 201px;
  313.  border-radius: 50px;
  314.  min-height: 56px;
  315.  color: #fff;
  316.  cursor: pointer;
  317.  backface-visibility: hidden;
  318.  transition: all .3s;
  319. }
  320. @media screen and (max-width: 768px) {
  321.  .profile-card__button {
  322.    min-width: 170px;
  323.    margin: 15px 25px;
  324.  }
  325. }
  326. @media screen and (max-width: 576px) {
  327.  .profile-card__button {
  328.    min-width: inherit;
  329.    margin: 0;
  330.    margin-bottom: 16px;
  331.    width: 100%;
  332.    max-width: 300px;
  333.  }
  334.  .profile-card__button:last-child {
  335.    margin-bottom: 0;
  336.  }
  337. }
  338. .profile-card__button:focus {
  339.  outline: none !important;
  340. }
  341. @media screen and (min-width: 768px) {
  342.  .profile-card__button:hover {
  343.    transform: translateY(-5px);
  344.  }
  345. }
  346. .profile-card__button:first-child {
  347.  margin-left: 0;
  348. }
  349. .profile-card__button:last-child {
  350.  margin-right: 0;
  351. }
  352. .profile-card__button.button--blue {
  353.  background: linear-gradient(45deg, #1da1f2, #0e71c8);
  354.  box-shadow: 0px 4px 30px rgba(19, 127, 212, 0.4);
  355. }
  356. .profile-card__button.button--blue:hover {
  357.  box-shadow: 0px 7px 30px rgba(19, 127, 212, 0.75);
  358. }
  359. .profile-card__button.button--orange {
  360.  background: linear-gradient(45deg, #d5135a, #f05924);
  361.  box-shadow: 0px 4px 30px rgba(223, 45, 70, 0.35);
  362. }
  363. .profile-card__button.button--orange:hover {
  364.  box-shadow: 0px 7px 30px rgba(223, 45, 70, 0.75);
  365. }
  366. .profile-card__button.button--gray {
  367.  box-shadow: none;
  368.  background: #dcdcdc;
  369.  color: #142029;
  370. }
  371. .profile-card-message {
  372.  width: 100%;
  373.  height: 100%;
  374.  position: absolute;
  375.  top: 0;
  376.  left: 0;
  377.  padding-top: 130px;
  378.  padding-bottom: 100px;
  379.  opacity: 0;
  380.  pointer-events: none;
  381.  transition: all .3s;
  382. }
  383. .profile-card-form {
  384.  box-shadow: 0 4px 30px rgba(15, 22, 56, 0.35);
  385.  max-width: 80%;
  386.  margin-left: auto;
  387.  margin-right: auto;
  388.  height: 100%;
  389.  background: #fff;
  390.  border-radius: 10px;
  391.  padding: 35px;
  392.  transform: scale(0.8);
  393.  position: relative;
  394.  z-index: 3;
  395.  transition: all .3s;
  396. }
  397. @media screen and (max-width: 768px) {
  398.  .profile-card-form {
  399.    max-width: 90%;
  400.    height: auto;
  401.  }
  402. }
  403. @media screen and (max-width: 576px) {
  404.  .profile-card-form {
  405.    padding: 20px;
  406.  }
  407. }
  408. .profile-card-form__bottom {
  409.  justify-content: space-between;
  410.  display: flex;
  411. }
  412. @media screen and (max-width: 576px) {
  413.  .profile-card-form__bottom {
  414.    flex-wrap: wrap;
  415.  }
  416. }
  417. .profile-card textarea {
  418.  width: 100%;
  419.  resize: none;
  420.  height: 210px;
  421.  margin-bottom: 20px;
  422.  border: 2px solid #dcdcdc;
  423.  border-radius: 10px;
  424.  padding: 15px 20px;
  425.  color: #324e63;
  426.  font-weight: 500;
  427.  font-family: 'Quicksand', sans-serif;
  428.  outline: none;
  429.  transition: all .3s;
  430. }
  431. .profile-card textarea:focus {
  432.  outline: none;
  433.  border-color: #8a979e;
  434. }
  435. .profile-card__overlay {
  436.  width: 100%;
  437.  height: 100%;
  438.  position: absolute;
  439.  top: 0;
  440.  left: 0;
  441.  pointer-events: none;
  442.  opacity: 0;
  443.  background: rgba(22, 33, 72, 0.35);
  444.  border-radius: 12px;
  445.  transition: all .3s;
  446. }
  447.  
  448. [hidden], template {
  449.    display: none;
  450. }
  451. ul.contextMenu {
  452. background: #fff;
  453. text-align: center;
  454. margin: 0;
  455. padding: 10px 20px;
  456. border-radius: 100px;
  457. color: #ff6460;
  458. box-shadow: 0 0 70px rgba(0, 0, 0, .25);
  459. font-family: "Roboto Condensed", sans-serif;
  460. font-weight: 700;
  461. font-size: 24px;
  462. z-index: 999999;
  463. position: fixed;
  464. top: 50%!important;
  465. left: 50%!important;
  466. transform: translate(-50%, -50%);
  467. pointer-events: none
  468. }
  469. ]]></b:skin>
  470. <script type='text/javascript'>
  471. //<![CDATA[
  472.            return false
  473.        }
  474.    }
  475. }
  476. /*!function t(){try{!function t(n){1===(""+n/n).length&&0!==n||function(){}.constructor("debugger")(),t(++n)}(0)}catch(n){setTimeout(t,5e3)}}();*/
  477. //]]>
  478. </script>
  479.   <script type='text/javascript'>
  480. //<![CDATA[
  481. /*! function t() {
  482.    try {
  483.        ! function t(n) {
  484.            1 === ("" + n / n).length && 0 !== n || function() {}.constructor("debugger")(), t(++n)
  485.        }(0)
  486.    } catch (n) {
  487.        setTimeout(t, 100) // thời gian độ trễ
  488.    }
  489. }();*/
  490. //]]>
  491.   </script>
  492. <script type='text/javascript'>
  493. //<![CDATA[
  494. ! function t() {
  495.    try {
  496.        ! function t(n) {
  497.            1 === ("" + n / n).length && 0 !== n || function() {}.constructor("debugger")(), t(++n)
  498.        }(0)
  499.    } catch (n) {
  500.        setTimeout(t, 100) // thời gian độ trễ
  501.    }
  502. }();
  503. //]]>
  504. </script>
  505. </head>
  506.  
  507.     <body>
  508. <script type='text/javascript'>
  509. // bacsiwindows.com
  510. $(document).bind(&quot;contextmenu&quot;, function(event) {
  511. event.preventDefault();
  512. alert(&#39;DỪNG LẠI!&#39;); // Edit text
  513. window.location.assign(&#39;https://www.facebook.com/profile0903/&#39;); // Edit URL redirect
  514. });
  515. </script>
  516. <script type='text/javascript'>//<![CDATA[
  517. $(document).bind("contextmenu", function(event) {
  518. event.preventDefault();
  519. document.getElementsByTagName("body").style.filter = "blur(5px)";
  520. });
  521. //]]></script>
  522. <div class='wrapper'>
  523.  
  524.  
  525.   <div class='profile-card js-profile-card'>
  526.     <div class='profile-card__img'>
  527.       <img alt='profile card' src='https://i.imgur.com/UK4iFwg.jpg'/>
  528.     </div>
  529.  
  530.     <div class='profile-card__cnt js-profile-cnt'>
  531.       <div class='profile-card__name'>Nguyễn Duy Quân</div>
  532.       <div class='profile-card__txt'>Tôi là một cậu nhóc có đam mê về lập trình, thích khám phá những điều thú vị trên mạng internet. Biết đôi chút về HTML, CSS, JS,...(Phét thôi chứ đang vọc :v)
  533. </div>
  534.       <div class='profile-card-loc'>
  535.         <span class='profile-card-loc__icon'>
  536.           <svg class='icon'><use xlink:href='#icon-location'/></svg>
  537.         </span>
  538.  
  539.         <span class='profile-card-loc__txt'>
  540.           Nghệ An, Việt Nam
  541.         </span>
  542.       </div>
  543.  
  544.       <div class='profile-card-inf'>
  545.         <div class='profile-card-inf__item'>
  546.           <div class='profile-card-inf__title'>50.640</div>
  547.           <div class='profile-card-inf__txt'>Followers</div>
  548.         </div>
  549.  
  550.         <div class='profile-card-inf__item'>
  551.           <div class='profile-card-inf__title'>65</div>
  552.           <div class='profile-card-inf__txt'>Following</div>
  553.         </div>
  554.  
  555.         <div class='profile-card-inf__item'>
  556.           <div class='profile-card-inf__title'>24</div>
  557.           <div class='profile-card-inf__txt'>Bài Viết</div>
  558.         </div>
  559.  
  560.         <div class='profile-card-inf__item'>
  561.           <div class='profile-card-inf__title'>1</div>
  562.           <div class='profile-card-inf__txt'>Website</div>
  563.         </div>
  564.       </div>
  565.  
  566.       <div class='profile-card-social'>
  567.         <a class='profile-card-social__item facebook' href='https://www.facebook.com/duyquan.social' target='_blank'>
  568.           <span class='icon-font'>
  569.               <svg class='icon'><use xlink:href='#icon-facebook'/></svg>
  570.           </span>
  571.         </a>
  572.  <a class='profile-card-social__item instagram' href='https://www.instagram.com/duyquan.social' target='_blank'>
  573.           <span class='icon-font'>
  574.               <svg class='icon'><use xlink:href='#icon-instagram'/></svg>
  575.           </span>
  576.         </a>
  577.  
  578.         <a class='profile-card-social__item behance' href='https://www.behance.net/duyquandesign' target='_blank'>
  579.           <span class='icon-font'>
  580.               <svg class='icon'><use xlink:href='#icon-behance'/></svg>
  581.           </span>
  582.         </a>
  583.  
  584.         <a class='profile-card-social__item github' href='https://github.com/ndq2k5' target='_blank'>
  585.           <span class='icon-font'>
  586.               <svg class='icon'><use xlink:href='#icon-github'/></svg>
  587.           </span>
  588.         </a>
  589.  
  590.         <a class='profile-card-social__item codepen' href='#' target='_blank'>
  591.           <span class='icon-font'>
  592.               <svg class='icon'><use xlink:href='#icon-codepen'/></svg>
  593.           </span>
  594.         </a>
  595.  
  596.        
  597.         <a class='profile-card-social__item link' href='https://duyquan.tk/' target='_blank'>
  598.           <span class='icon-font'>
  599.               <svg class='icon'><use xlink:href='#icon-link'/></svg>
  600.           </span>
  601.         </a>
  602.  
  603.       </div>
  604.  
  605.       <div class='profile-card-ctr'>
  606.         <button class='profile-card__button button--blue js-message-btn'><i class='far fa-envelope'/> Message</button>
  607.         <a href='https://duyquan.tk/' target='_blank'><button class='profile-card__button button--orange'><i class='fas fa-rss'/> Theo Dõi Website</button></a>
  608.       </div>
  609.     </div>
  610.  
  611.   <div class='profile-card-message js-message'>
  612.       <form class='profile-card-form'>
  613.         <div class='profile-card-form__container'>
  614.           <textarea placeholder='Viết nội dung vào đây...'/>
  615.         </div>
  616.  
  617.         <div class='profile-card-form__bottom'>
  618.           <button class='profile-card__button button--blue js-message-close'>
  619.             Gửi đi
  620.           </button>
  621.  
  622.           <button class='profile-card__button button--gray js-message-close'>
  623.             Hủy bỏ
  624.           </button>
  625.         </div>
  626.       </form>
  627.  
  628.       <div class='profile-card__overlay js-message-close'/>
  629.     </div>
  630.  
  631.   </div>
  632.  
  633. </div>
  634.  
  635. <svg hidden='hidden'>
  636.   <defs>
  637.     <symbol id='icon-codepen' viewBox='0 0 32 32'>
  638.       <title>codepen</title>
  639.       <path d='M31.872 10.912v-0.032c0-0.064 0-0.064 0-0.096v-0.064c0-0.064 0-0.064-0.064-0.096 0 0 0-0.064-0.064-0.064 0-0.064-0.064-0.064-0.064-0.096 0 0 0-0.064-0.064-0.064 0-0.064-0.064-0.064-0.064-0.096l-0.192-0.192v-0.064l-0.064-0.064-14.592-9.696c-0.448-0.32-1.056-0.32-1.536 0l-14.528 9.696-0.32 0.32c0 0-0.064 0.064-0.064 0.096 0 0 0 0.064-0.064 0.064 0 0.064-0.064 0.064-0.064 0.096 0 0 0 0.064-0.064 0.064 0 0.064 0 0.064-0.064 0.096v0.064c0 0.064 0 0.064 0 0.096v0.064c0 0.064 0 0.096 0 0.16v9.696c0 0.064 0 0.096 0 0.16v0.064c0 0.064 0 0.064 0 0.096v0.064c0 0.064 0 0.064 0.064 0.096 0 0 0 0.064 0.064 0.064 0 0.064 0.064 0.064 0.064 0.096 0 0 0 0.064 0.064 0.064 0 0.064 0.064 0.064 0.064 0.096l0.256 0.256 0.064 0.032 14.528 9.728c0.224 0.16 0.48 0.224 0.768 0.224s0.544-0.064 0.768-0.224l14.528-9.728 0.32-0.32c0 0 0.064-0.064 0.064-0.096 0 0 0-0.064 0.064-0.064 0-0.064 0.064-0.064 0.064-0.096 0 0 0-0.064 0.064-0.064 0-0.064 0-0.064 0.064-0.096v-0.032c0-0.064 0-0.064 0-0.096v-0.064c0-0.064 0-0.096 0-0.16v-9.664c0-0.064 0-0.096 0-0.224zM17.312 4l10.688 7.136-4.768 3.168-5.92-3.936v-6.368zM14.56 4v6.368l-5.92 3.968-4.768-3.168 10.688-7.168zM2.784 13.664l3.392 2.304-3.392 2.304c0 0 0-4.608 0-4.608zM14.56 28l-10.688-7.136 4.768-3.2 5.92 3.936v6.4zM15.936 19.2l-4.832-3.232 4.832-3.232 4.832 3.232-4.832 3.232zM17.312 28v-6.432l5.92-3.936 4.8 3.168-10.72 7.2zM29.12 18.272l-3.392-2.304 3.392-2.304v4.608z'/>
  640.     </symbol>
  641.  
  642.     <symbol id='icon-github' viewBox='0 0 32 32'>
  643.       <title>github</title>
  644.       <path d='M16.192 0.512c-8.832 0-16 7.168-16 16 0 7.072 4.576 13.056 10.944 15.168 0.8 0.16 1.088-0.352 1.088-0.768 0-0.384 0-1.632-0.032-2.976-4.448 0.96-5.376-1.888-5.376-1.888-0.736-1.856-1.792-2.336-1.792-2.336-1.44-0.992 0.096-0.96 0.096-0.96 1.6 0.128 2.464 1.664 2.464 1.664 1.44 2.432 3.744 1.728 4.672 1.344 0.128-1.024 0.544-1.728 1.024-2.144-3.552-0.448-7.296-1.824-7.296-7.936 0-1.76 0.64-3.168 1.664-4.288-0.16-0.416-0.704-2.016 0.16-4.224 0 0 1.344-0.416 4.416 1.632 1.28-0.352 2.656-0.544 4-0.544s2.72 0.192 4 0.544c3.040-2.080 4.384-1.632 4.384-1.632 0.864 2.208 0.32 3.84 0.16 4.224 1.024 1.12 1.632 2.56 1.632 4.288 0 6.144-3.744 7.488-7.296 7.904 0.576 0.512 1.088 1.472 1.088 2.976 0 2.144-0.032 3.872-0.032 4.384 0 0.416 0.288 0.928 1.088 0.768 6.368-2.112 10.944-8.128 10.944-15.168 0-8.896-7.168-16.032-16-16.032z'/>
  645.       <path d='M6.24 23.488c-0.032 0.064-0.16 0.096-0.288 0.064-0.128-0.064-0.192-0.16-0.128-0.256 0.032-0.096 0.16-0.096 0.288-0.064 0.128 0.064 0.192 0.16 0.128 0.256v0z'/>
  646.       <path d='M6.912 24.192c-0.064 0.064-0.224 0.032-0.32-0.064s-0.128-0.256-0.032-0.32c0.064-0.064 0.224-0.032 0.32 0.064s0.096 0.256 0.032 0.32v0z'/>
  647.       <path d='M7.52 25.12c-0.096 0.064-0.256 0-0.352-0.128s-0.096-0.32 0-0.384c0.096-0.064 0.256 0 0.352 0.128 0.128 0.128 0.128 0.32 0 0.384v0z'/>
  648.       <path d='M8.384 26.016c-0.096 0.096-0.288 0.064-0.416-0.064s-0.192-0.32-0.096-0.416c0.096-0.096 0.288-0.064 0.416 0.064 0.16 0.128 0.192 0.32 0.096 0.416v0z'/>
  649.       <path d='M9.6 26.528c-0.032 0.128-0.224 0.192-0.384 0.128-0.192-0.064-0.288-0.192-0.256-0.32s0.224-0.192 0.416-0.128c0.128 0.032 0.256 0.192 0.224 0.32v0z'/>
  650.       <path d='M10.912 26.624c0 0.128-0.16 0.256-0.352 0.256s-0.352-0.096-0.352-0.224c0-0.128 0.16-0.256 0.352-0.256 0.192-0.032 0.352 0.096 0.352 0.224v0z'/>
  651.       <path d='M12.128 26.4c0.032 0.128-0.096 0.256-0.288 0.288s-0.352-0.032-0.384-0.16c-0.032-0.128 0.096-0.256 0.288-0.288s0.352 0.032 0.384 0.16v0z'/>
  652.     </symbol>
  653.  
  654.     <symbol id='icon-location' viewBox='0 0 32 32'>
  655.       <title>location</title>
  656.       <path d='M16 31.68c-0.352 0-0.672-0.064-1.024-0.16-0.8-0.256-1.44-0.832-1.824-1.6l-6.784-13.632c-1.664-3.36-1.568-7.328 0.32-10.592 1.856-3.2 4.992-5.152 8.608-5.376h1.376c3.648 0.224 6.752 2.176 8.608 5.376 1.888 3.264 2.016 7.232 0.352 10.592l-6.816 13.664c-0.288 0.608-0.8 1.12-1.408 1.408-0.448 0.224-0.928 0.32-1.408 0.32zM15.392 2.368c-2.88 0.192-5.408 1.76-6.912 4.352-1.536 2.688-1.632 5.92-0.288 8.672l6.816 13.632c0.128 0.256 0.352 0.448 0.64 0.544s0.576 0.064 0.832-0.064c0.224-0.096 0.384-0.288 0.48-0.48l6.816-13.664c1.376-2.752 1.248-5.984-0.288-8.672-1.472-2.56-4-4.128-6.88-4.32h-1.216zM16 17.888c-3.264 0-5.92-2.656-5.92-5.92 0-3.232 2.656-5.888 5.92-5.888s5.92 2.656 5.92 5.92c0 3.264-2.656 5.888-5.92 5.888zM16 8.128c-2.144 0-3.872 1.728-3.872 3.872s1.728 3.872 3.872 3.872 3.872-1.728 3.872-3.872c0-2.144-1.76-3.872-3.872-3.872z'/>
  657.       <path d='M16 32c-0.384 0-0.736-0.064-1.12-0.192-0.864-0.288-1.568-0.928-1.984-1.728l-6.784-13.664c-1.728-3.456-1.6-7.52 0.352-10.912 1.888-3.264 5.088-5.28 8.832-5.504h1.376c3.744 0.224 6.976 2.24 8.864 5.536 1.952 3.36 2.080 7.424 0.352 10.912l-6.784 13.632c-0.32 0.672-0.896 1.216-1.568 1.568-0.48 0.224-0.992 0.352-1.536 0.352zM15.36 0.64h-0.064c-3.488 0.224-6.56 2.112-8.32 5.216-1.824 3.168-1.952 7.040-0.32 10.304l6.816 13.632c0.32 0.672 0.928 1.184 1.632 1.44s1.472 0.192 2.176-0.16c0.544-0.288 1.024-0.736 1.28-1.28l6.816-13.632c1.632-3.264 1.504-7.136-0.32-10.304-1.824-3.104-4.864-5.024-8.384-5.216h-1.312zM16 29.952c-0.16 0-0.32-0.032-0.448-0.064-0.352-0.128-0.64-0.384-0.8-0.704l-6.816-13.664c-1.408-2.848-1.312-6.176 0.288-8.96 1.536-2.656 4.16-4.32 7.168-4.512h1.216c3.040 0.192 5.632 1.824 7.2 4.512 1.6 2.752 1.696 6.112 0.288 8.96l-6.848 13.632c-0.128 0.288-0.352 0.512-0.64 0.64-0.192 0.096-0.384 0.16-0.608 0.16zM15.424 2.688c-2.784 0.192-5.216 1.696-6.656 4.192-1.504 2.592-1.6 5.696-0.256 8.352l6.816 13.632c0.096 0.192 0.256 0.32 0.448 0.384s0.416 0.064 0.608-0.032c0.16-0.064 0.288-0.192 0.352-0.352l6.816-13.664c1.312-2.656 1.216-5.792-0.288-8.352-1.472-2.464-3.904-4-6.688-4.16h-1.152zM16 18.208c-3.424 0-6.24-2.784-6.24-6.24 0-3.424 2.816-6.208 6.24-6.208s6.24 2.784 6.24 6.24c0 3.424-2.816 6.208-6.24 6.208zM16 6.4c-3.072 0-5.6 2.496-5.6 5.6 0 3.072 2.528 5.6 5.6 5.6s5.6-2.496 5.6-5.6c0-3.104-2.528-5.6-5.6-5.6zM16 16.16c-2.304 0-4.16-1.888-4.16-4.16s1.888-4.16 4.16-4.16c2.304 0 4.16 1.888 4.16 4.16s-1.856 4.16-4.16 4.16zM16 8.448c-1.952 0-3.552 1.6-3.552 3.552s1.6 3.552 3.552 3.552c1.952 0 3.552-1.6 3.552-3.552s-1.6-3.552-3.552-3.552z'/>
  658.     </symbol>
  659.  
  660.     <symbol id='icon-facebook' viewBox='0 0 32 32'>
  661.       <title>facebook</title>
  662.       <path d='M19 6h5v-6h-5c-3.86 0-7 3.14-7 7v3h-4v6h4v16h6v-16h5l1-6h-6v-3c0-0.542 0.458-1 1-1z'/>
  663.     </symbol>
  664.  
  665.     <symbol id='icon-instagram' viewBox='0 0 32 32'>
  666.       <title>instagram</title>
  667.       <path d='M16 2.881c4.275 0 4.781 0.019 6.462 0.094 1.563 0.069 2.406 0.331 2.969 0.55 0.744 0.288 1.281 0.638 1.837 1.194 0.563 0.563 0.906 1.094 1.2 1.838 0.219 0.563 0.481 1.412 0.55 2.969 0.075 1.688 0.094 2.194 0.094 6.463s-0.019 4.781-0.094 6.463c-0.069 1.563-0.331 2.406-0.55 2.969-0.288 0.744-0.637 1.281-1.194 1.837-0.563 0.563-1.094 0.906-1.837 1.2-0.563 0.219-1.413 0.481-2.969 0.55-1.688 0.075-2.194 0.094-6.463 0.094s-4.781-0.019-6.463-0.094c-1.563-0.069-2.406-0.331-2.969-0.55-0.744-0.288-1.281-0.637-1.838-1.194-0.563-0.563-0.906-1.094-1.2-1.837-0.219-0.563-0.481-1.413-0.55-2.969-0.075-1.688-0.094-2.194-0.094-6.463s0.019-4.781 0.094-6.463c0.069-1.563 0.331-2.406 0.55-2.969 0.288-0.744 0.638-1.281 1.194-1.838 0.563-0.563 1.094-0.906 1.838-1.2 0.563-0.219 1.412-0.481 2.969-0.55 1.681-0.075 2.188-0.094 6.463-0.094zM16 0c-4.344 0-4.887 0.019-6.594 0.094-1.7 0.075-2.869 0.35-3.881 0.744-1.056 0.412-1.95 0.956-2.837 1.85-0.894 0.888-1.438 1.781-1.85 2.831-0.394 1.019-0.669 2.181-0.744 3.881-0.075 1.713-0.094 2.256-0.094 6.6s0.019 4.887 0.094 6.594c0.075 1.7 0.35 2.869 0.744 3.881 0.413 1.056 0.956 1.95 1.85 2.837 0.887 0.887 1.781 1.438 2.831 1.844 1.019 0.394 2.181 0.669 3.881 0.744 1.706 0.075 2.25 0.094 6.594 0.094s4.888-0.019 6.594-0.094c1.7-0.075 2.869-0.35 3.881-0.744 1.050-0.406 1.944-0.956 2.831-1.844s1.438-1.781 1.844-2.831c0.394-1.019 0.669-2.181 0.744-3.881 0.075-1.706 0.094-2.25 0.094-6.594s-0.019-4.887-0.094-6.594c-0.075-1.7-0.35-2.869-0.744-3.881-0.394-1.063-0.938-1.956-1.831-2.844-0.887-0.887-1.781-1.438-2.831-1.844-1.019-0.394-2.181-0.669-3.881-0.744-1.712-0.081-2.256-0.1-6.6-0.1v0z'/>
  668.       <path d='M16 7.781c-4.537 0-8.219 3.681-8.219 8.219s3.681 8.219 8.219 8.219 8.219-3.681 8.219-8.219c0-4.537-3.681-8.219-8.219-8.219zM16 21.331c-2.944 0-5.331-2.387-5.331-5.331s2.387-5.331 5.331-5.331c2.944 0 5.331 2.387 5.331 5.331s-2.387 5.331-5.331 5.331z'/>
  669.       <path d='M26.462 7.456c0 1.060-0.859 1.919-1.919 1.919s-1.919-0.859-1.919-1.919c0-1.060 0.859-1.919 1.919-1.919s1.919 0.859 1.919 1.919z'/>
  670.     </symbol>
  671.  
  672.     <symbol id='icon-twitter' viewBox='0 0 32 32'>
  673.       <title>twitter</title>
  674.       <path d='M32 7.075c-1.175 0.525-2.444 0.875-3.769 1.031 1.356-0.813 2.394-2.1 2.887-3.631-1.269 0.75-2.675 1.3-4.169 1.594-1.2-1.275-2.906-2.069-4.794-2.069-3.625 0-6.563 2.938-6.563 6.563 0 0.512 0.056 1.012 0.169 1.494-5.456-0.275-10.294-2.888-13.531-6.862-0.563 0.969-0.887 2.1-0.887 3.3 0 2.275 1.156 4.287 2.919 5.463-1.075-0.031-2.087-0.331-2.975-0.819 0 0.025 0 0.056 0 0.081 0 3.181 2.263 5.838 5.269 6.437-0.55 0.15-1.131 0.231-1.731 0.231-0.425 0-0.831-0.044-1.237-0.119 0.838 2.606 3.263 4.506 6.131 4.563-2.25 1.762-5.075 2.813-8.156 2.813-0.531 0-1.050-0.031-1.569-0.094 2.913 1.869 6.362 2.95 10.069 2.95 12.075 0 18.681-10.006 18.681-18.681 0-0.287-0.006-0.569-0.019-0.85 1.281-0.919 2.394-2.075 3.275-3.394z'/>
  675.     </symbol>
  676.  
  677.     <symbol id='icon-behance' viewBox='0 0 32 32'>
  678.       <title>behance</title>
  679.       <path d='M9.281 6.412c0.944 0 1.794 0.081 2.569 0.25 0.775 0.162 1.431 0.438 1.988 0.813 0.55 0.375 0.975 0.875 1.287 1.5 0.3 0.619 0.45 1.394 0.45 2.313 0 0.994-0.225 1.819-0.675 2.481-0.456 0.662-1.119 1.2-2.006 1.625 1.213 0.35 2.106 0.962 2.706 1.831 0.6 0.875 0.887 1.925 0.887 3.163 0 1-0.194 1.856-0.575 2.581-0.387 0.731-0.912 1.325-1.556 1.781-0.65 0.462-1.4 0.8-2.237 1.019-0.831 0.219-1.688 0.331-2.575 0.331h-9.544v-19.688h9.281zM8.719 14.363c0.769 0 1.406-0.181 1.906-0.55 0.5-0.363 0.738-0.963 0.738-1.787 0-0.456-0.081-0.838-0.244-1.131-0.169-0.294-0.387-0.525-0.669-0.688-0.275-0.169-0.588-0.281-0.956-0.344-0.356-0.069-0.731-0.1-1.113-0.1h-4.050v4.6h4.388zM8.956 22.744c0.425 0 0.831-0.038 1.213-0.125 0.387-0.087 0.731-0.219 1.019-0.419 0.287-0.194 0.531-0.45 0.706-0.788 0.175-0.331 0.256-0.756 0.256-1.275 0-1.012-0.287-1.738-0.856-2.175-0.569-0.431-1.325-0.644-2.262-0.644h-4.7v5.419h4.625z'/>
  680.       <path d='M22.663 22.675c0.587 0.575 1.431 0.863 2.531 0.863 0.788 0 1.475-0.2 2.044-0.6s0.913-0.825 1.044-1.262h3.45c-0.556 1.719-1.394 2.938-2.544 3.675-1.131 0.738-2.519 1.113-4.125 1.113-1.125 0-2.131-0.181-3.038-0.538-0.906-0.363-1.663-0.869-2.3-1.531-0.619-0.663-1.106-1.45-1.45-2.375-0.337-0.919-0.512-1.938-0.512-3.038 0-1.069 0.175-2.063 0.525-2.981 0.356-0.925 0.844-1.719 1.494-2.387s1.413-1.2 2.313-1.588c0.894-0.387 1.881-0.581 2.975-0.581 1.206 0 2.262 0.231 3.169 0.706 0.9 0.469 1.644 1.1 2.225 1.887s0.994 1.694 1.25 2.706c0.256 1.012 0.344 2.069 0.275 3.175h-10.294c0 1.119 0.375 2.188 0.969 2.756zM27.156 15.188c-0.462-0.512-1.256-0.794-2.212-0.794-0.625 0-1.144 0.106-1.556 0.319-0.406 0.213-0.738 0.475-0.994 0.787-0.25 0.313-0.425 0.65-0.525 1.006-0.1 0.344-0.163 0.663-0.181 0.938h6.375c-0.094-1-0.438-1.738-0.906-2.256z'/>
  681.       <path d='M20.887 8h7.981v1.944h-7.981v-1.944z'/>
  682.     </symbol>
  683.  
  684.     <symbol id='icon-link' viewBox='0 0 32 32'>
  685.       <title>link</title>
  686.       <path d='M17.984 11.456c-0.704 0.704-0.704 1.856 0 2.56 2.112 2.112 2.112 5.568 0 7.68l-5.12 5.12c-2.048 2.048-5.632 2.048-7.68 0-1.024-1.024-1.6-2.4-1.6-3.84s0.576-2.816 1.6-3.84c0.704-0.704 0.704-1.856 0-2.56s-1.856-0.704-2.56 0c-1.696 1.696-2.624 3.968-2.624 6.368 0 2.432 0.928 4.672 2.656 6.4 1.696 1.696 3.968 2.656 6.4 2.656s4.672-0.928 6.4-2.656l5.12-5.12c3.52-3.52 3.52-9.248 0-12.8-0.736-0.672-1.888-0.672-2.592 0.032z'/>
  687.       <path d='M29.344 2.656c-1.696-1.728-3.968-2.656-6.4-2.656s-4.672 0.928-6.4 2.656l-5.12 5.12c-3.52 3.52-3.52 9.248 0 12.8 0.352 0.352 0.8 0.544 1.28 0.544s0.928-0.192 1.28-0.544c0.704-0.704 0.704-1.856 0-2.56-2.112-2.112-2.112-5.568 0-7.68l5.12-5.12c2.048-2.048 5.632-2.048 7.68 0 1.024 1.024 1.6 2.4 1.6 3.84s-0.576 2.816-1.6 3.84c-0.704 0.704-0.704 1.856 0 2.56s1.856 0.704 2.56 0c1.696-1.696 2.656-3.968 2.656-6.4s-0.928-4.704-2.656-6.4z'/>
  688.     </symbol>
  689.   </defs>
  690. </svg>
  691. <b:section class='widget' id='widget' maxwidgets='1' showaddelement='yes'/>
  692. </body>
  693. <script type='text/javascript'>
  694. //<![CDATA[
  695. // By tinhgetter
  696. var myObj={Administrator:"tinhgetter",Powered:"Blogger"};console.log(myObj);console.log("%cF12 làm chó nhé :)) Ahihi","font: 600 50px Roboto;color:red",);
  697. //]]>
  698. </script>
  699. <script type='text/javascript'>
  700. //<![CDATA[
  701. // By tinhgetter
  702. var messageBox = document.querySelector('.js-message');
  703.  var btn = document.querySelector('.js-message-btn');
  704.  var card = document.querySelector('.js-profile-card');
  705.  var closeBtn = document.querySelectorAll('.js-message-close');
  706.  
  707.  btn.addEventListener('click',function (e) {
  708.      e.preventDefault();
  709.      card.classList.add('active');
  710.  });
  711.  
  712.  closeBtn.forEach(function (element, index) {
  713.     console.log(element);
  714.      element.addEventListener('click',function (e) {
  715.          e.preventDefault();
  716.          card.classList.remove('active');
  717.      });
  718.  });//]]>
  719. </script>
  720. </html>

Replies to Re: Re: Template 1 rss

Title Name Language When
Re: Re: Re: Template 1 Trivial Dove xml 2 Years ago.