It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: https://zaap.bio/thicongnhakhungthep/

  1. <!DOCTYPE html>
  2. <html lang="en" class="link-html">
  3.  
  4. <head>
  5.    <title>giá thi công nhà khung thép</title>
  6.    
  7.    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
  8.    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
  9.  
  10.    <meta property="og:site_name" content="Zaap">
  11.    <meta property="og:title" content="giá thi công nhà khung thép">
  12.    <meta property="og:description" content="CÔNG TY TNHH KIẾN TRÚC XÂY DỰNG WINCONS CHUYÊN THIẾT KẾ VÀ THI CÔNG CÔNG TRÌNH DÂN DỤNG VÀ CÔNG NGHIỆP. XƯỞNG GIA CÔNG CƠ KHÍ, ĐỒ GỖ, NHÔM KÍNH HÂN HẠNH PHỤC VỤ QUÝ KHÁCH HÀNG.">
  13.    <meta property="og:image"
  14.        content="https://imagedelivery.net/tqC70bVt8T6GtQUXNsa2-g/7b657581-5f09-4982-3ecf-c785a1b38600/public">
  15.    <meta property="og:url" content="https://zaap.bio/thicongnhakhungthep">
  16.    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.3/font/bootstrap-icons.css">
  17.    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
  18.    <meta name="twitter:title" content="">
  19.    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
  20.    <meta name="twitter:description" content="CÔNG TY TNHH KIẾN TRÚC XÂY DỰNG WINCONS CHUYÊN THIẾT KẾ VÀ THI CÔNG CÔNG TRÌNH DÂN DỤNG VÀ CÔNG NGHIỆP. XƯỞNG GIA CÔNG CƠ KHÍ, ĐỒ GỖ, NHÔM KÍNH HÂN HẠNH PHỤC VỤ QUÝ KHÁCH HÀNG.">
  21.    <meta name="twitter:image"
  22.        content="https://imagedelivery.net/tqC70bVt8T6GtQUXNsa2-g/7b657581-5f09-4982-3ecf-c785a1b38600/public">
  23.    <meta name="twitter:card" content="summary_large_image">
  24.    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/intl-tel-input@25.3.1/build/css/intlTelInput.css">
  25.  
  26.    <!-- Open Graph / Facebook -->
  27.    <!-- <meta property="og:" content="" /> -->
  28.  
  29.    <!-- Twitter -->
  30.    <meta property="twitter:type" content="website" />
  31.    <meta property="twitter:url" content="https://zaap.biothicongnhakhungthep" />
  32.  
  33.  
  34.    <link href="https://imagedelivery.net/tqC70bVt8T6GtQUXNsa2-g/6ac9f7a7-81fc-4982-7f41-daa9c5b2e400/public" rel="icon" />
  35.  
  36.    <link href="https://zaap.bio/assets/page/css/app.css" rel="stylesheet" media="screen">
  37.  
  38.    <link href="https://zaap.bio/assets/page/css/bootstrap.min.css" rel="stylesheet" media="screen">
  39.  
  40.    <link href="https://zaap.bio/assets/page/css/custom.css" rel="stylesheet" media="screen">
  41.  
  42.    <link href="https://zaap.bio/assets/page/css/link-custom.css?v=20250509194035" rel="stylesheet" media="screen">
  43.  
  44.    <style>
  45. html {
  46.    background-color: white !important;
  47. }
  48.  
  49. @media(min-width:993px) {
  50.    /* .single-link-block-img {
  51.        width: 30%;
  52.    } */
  53.  
  54.    /* .container.animate__animated.animate__fadeIn,
  55.    .profile_title,
  56.    .profile_description div,
  57.    .profile_socials {
  58.        max-width: 900px ;
  59.        margin: 0 auto !important;
  60.    } */
  61. }
  62.  
  63. #navbar,
  64. .footer {
  65.    display: none;
  66. }
  67.  
  68.  
  69. .link-body {
  70.    background-color: #25496e !important;
  71. }
  72.  
  73. .link-footer {
  74.    /* background-color: #212930; */
  75.    padding: 30px 0;
  76.    margin-top: 30px;
  77.    padding-bottom:20px;
  78.    color: #ffffff;
  79.        /* border-top: 1px dashed #ffffff; */
  80.        font-size: 12px;
  81.    font-weight:500;
  82. }
  83.  
  84.  
  85. /* .single-link-block {
  86.    background-color: #478cd4 !important;
  87.    box-shadow: 0px 0px 15px rgb(17 21 26 / 15%);
  88. } */
  89.  
  90. /* .link-card div a,
  91. .text-block-main,
  92. .product-card-a{
  93.    background-color: #478cd4 !important;
  94. } */
  95.  
  96. /* .single-product-div a.product-card-purchase-btn,
  97. .single-product-div .product-card-price-badge,
  98. .single-product-div .product-card-learn-more-btn{
  99.    background-color: #d4e6f6 !important;
  100.    color: #1E242A !important
  101. } */
  102.  
  103. /* .widget-input input {
  104.    border: 3px solid #ffffff !important;
  105. } */
  106.  
  107. /* .widget-input input::placeholder,
  108. .widget-input input{
  109.    color: #ffffff !important;
  110. } */
  111.  
  112. /* .subscribe-next-btn svg rect {
  113.    fill: #000;
  114. } */
  115.  
  116. /* body { */
  117.    /* -webkit-font-smoothing: subpixel-antialiased; */
  118.    /* -webkit-font-smoothing: antialiased;
  119.    -webkit-text-stroke: 1px transparent;
  120.    text-rendering: optimizeLegibility !important;
  121. } */
  122.  
  123. /* .profile-main {
  124.    width: 100%;
  125.    padding: 50px 0; */
  126.    /* border-bottom:2px solid #f3f3f3; */
  127.    /* max-width:1400px !important; */
  128. /* } */
  129.  
  130. /* .profile-img-div { */
  131.    /* height:100px; */
  132.    /* text-align: center !important; */
  133.    /* background-color:red; */
  134.    /* justify-content:flex-end; */
  135.    /* display: flex;
  136. } */
  137.  
  138. /* .profile-info-div { */
  139.    /* height:100px; */
  140.    /* text-align: center !important;
  141.    align-items: start;
  142.    margin-bottom: -1px; */
  143.    /* background-color:red; */
  144. /* }
  146. .profile-info-div h2 {
  147.    font-weight: 600;
  148.    letter-spacing: -1px;
  149. }
  150.  
  151. .profile-info-div small {
  152.    font-size: 14px;
  153.    width: 100%;
  154. } */
  155.  
  156. /* .profile-info-div h2,
  157. .profile-info-div p,
  158. .profile-info-div small {
  159.    width: 100%; */
  160.    /* float:left; */
  161.    /* text-align: left;
  162.    margin: 0;
  163. } */
  164.  
  165. /* .profile-info-div p {
  166.    margin: 10px 0;
  167. } */
  168.  
  169. .container {
  170.    max-width: 1300px;
  171. }
  172.  
  173. /* .user-avatar {
  174.    margin: 0 !important;
  175.    max-width: 150px;
  176.    max-height: 150px;
  177.    width: 120px;
  178.    height: 120px;
  179. } */
  180.  
  181. /* .link-card {
  182.    width: 275px;
  183.    height: 260px;
  184.    padding: 10px 10px;
  185.    padding-left: 5px;
  186.    margin: 0;
  187. } */
  188.  
  189. .link-card a,.link-card .link-btn-rounded {
  190.    border-radius: 40px;
  191.    padding: 16px;
  192.    min-height: 360px;
  193.    max-height: 360px;
  194. }
  195.  
  196. .product-card-a {
  197.    border-radius: 40px;
  198.    padding: 16px;
  199.    min-height: 360px;
  200.    max-height: 360px;
  201.    height: 100%;
  202.    min-height: inherit;
  203. }
  204.  
  205. /* .link-card-single{
  206. max-height:550px !important;
  207. min-height:450px !important;
  208. } */
  209. @media(max-width:400px) {
  210.    /* .link-card-single{
  211. min-height:400px !important;
  212. } */
  213. }
  214.  
  215. .link-card-single div:first-child,
  216. .link-card-single div:first-child a,
  217. .product-card-a {
  218.    height: 100%;
  219.    min-height: inherit;
  220. }
  221.  
  222. .link-card-single div:first-child a,
  223. .product-card-a {
  224.    max-height: fit-content !important;
  225. }
  226.  
  227. /* .link-img-div {
  228.    width: 100%;
  229.    /* height:151px; */
  230.    background-color: #d4e6f6;
  231.    border-radius: 25px;
  232.    display: flex;
  233.    align-items: center;
  234.    justify-content: center;
  235.    overflow: hidden;
  236. } */
  237.  
  238. /* .link-img-div img { */
  239.    /* width:70px;
  240. height:70px; */
  241.    /* width: 100%;
  242.    min-height: 100%;
  243. } */
  244.  
  245. /* .link-title {
  246.    font-size: 22px;
  247.    margin: 15px 0;
  248.    font-weight: 500 !important;
  249.    text-align: left;
  250.    margin-bottom: 7px;
  251. } */
  252.  
  253. .product-link-title {
  254.    font-size: 18px;
  255. }
  256.  
  257. /* .link-description {
  258.    margin-top: 0;
  259.    margin-bottom: 0;
  260.    color: #404762;
  261.    font-size: 15px;
  262.    line-height: 20px;
  263.    text-align: left;
  264.    font-weight: 400; */
  265. }
  266.  
  267. .product-link-description {
  268.    font-size: 14px;
  269. }
  270.  
  271. /* .social-links-div { */
  272.    /* background-color: #f3f3f3;
  273. border-radius: 50%; */
  274.    /* padding: 5px;
  275.    display: inline-flex;
  276.    -webkit-animation: in 1s; */
  277.    /* margin-right:2px; */
  278. /* } */
  279.  
  280. /* .social-links-div .fa-2x {
  281.    font-size: 21px;
  282. }
  283.  
  284. .social-links-div:hover {
  285.    transform: scale(1.2);
  286.    -webkit-transform: scale(1.2);
  287.    -moz-transform: scale(1.2);
  288.    -o-transform: scale(1.2)
  289.    -ms-transform: scale(1.2);
  290. } */
  291.  
  292. .slick-track {
  293.    margin-left: 0 !important;
  294. }
  295.  
  296. /* .div-block-342 {
  297.    display: -webkit-box;
  298.    display: -webkit-flex;
  299.    display: -ms-flexbox;
  300.    display: flex;
  301.    width: 90%;
  302.    margin-top: 0;
  303.    padding-top: 10px;
  304.    padding-bottom: 10px;
  305.    -webkit-box-pack: center;
  306.    -webkit-justify-content: center;
  307.    -ms-flex-pack: center;
  308.    justify-content: center;
  309.    -webkit-box-align: center;
  310.    -webkit-align-items: center;
  311.    -ms-flex-align: center;
  312.    align-items: center;
  313.    border-radius: 50px;
  314.    position: absolute;
  315.    background-color: #d4e6f6 !important;
  316.    color: #1E242A !important;
  317.    bottom: 18px;
  318.    white-space: nowrap;
  319.    overflow: hidden;
  320.    text-overflow: ellipsis;
  321.    font-size: 14px;
  322.    font-weight: 600;
  323.    left: 5%;
  324. } */
  325.  
  326. .font-weight-medium2 {
  327.    font-weight: 600;
  328. }
  329.  
  330. .profile-img-div {
  331.    justify-content: center;
  332. }
  333.  
  334. .profile-info-div h2,
  335. .profile-info-div p,
  336. .profile-info-div small {
  337.    text-align: center;
  338. }
  339.  
  340. /*.slick-list {
  341.    padding: 0 21% 0 5% !important;
  342. }*/
  343.  
  344. @media(max-width:767px) {
  345.    .user-avatar {
  346.        width: 100px;
  347.        height: 100px;
  348.    }
  349.  
  350.    .profile-main {
  351.        padding: 25px 0;
  352.    }
  353. }
  354.  
  355. @media(max-width:550px) {
  356.    footer {
  357.        height: auto;
  358.    }
  359.    .checkout-modal-dialog{
  360.        width: 96% !important;
  361.    }
  362.    
  363. }
  364.  
  365. @media(max-width:500px) {
  366.    .purchase-btn,.price-btn{
  367.        min-width: 45% !important;
  368.        font-size: 14px !important
  369.    }
  370. }
  371.  
  372. @media(max-width:400px) {
  373.    .link-img-div {
  374.        /* height:150px; */
  375.    }
  376. }
  377.  
  378. .slick-track {
  379.    display: flex !important;
  380. }
  381.  
  382. .slick-slide {
  383.    height: inherit !important;
  384. }
  385.  
  386. /* .link-card{
  387. flex-basis:25%;
  388. } */
  389. .links-slider {
  390.    flex-basis: 100%;
  391.    padding-left: 10px;
  392.    padding-right: 10px;
  393.    /* padding-bottom:20px; */
  394.    padding-bottom: 10px;
  395.    padding-top: 10px;
  396. }
  397.  
  398. .links-slider-main {
  399.    /* margin-left:0;
  400. padding-left:5px; */
  401.    margin-bottom: 10px;
  402. }
  403.  
  404. /* .tiktok-links-slider-main{
  405.    width:120% !important;
  406.    margin-left:0%;
  407. }
  408. .tiktok-links-slider-main div div{
  409.   width:250px;
  410. } */
  411. @media(max-width:1200px) {
  412.  
  413.    /* .tiktok-links-slider-main{
  414.    width:100% !important;
  415.    margin-left:0%;
  416. } */
  417. }
  418.  
  419. ._embed_video_wrapper {
  420.    border: none !important;
  421. }
  422.  
  423. .links-slider-main::-webkit-scrollbar {
  424.    height: 0.5em;
  425. }
  426.  
  427. .links-slider-main::-webkit-scrollbar-track {}
  428.  
  429. .links-slider-main::-webkit-scrollbar-thumb {
  430.    background-color: #d3d3d3;
  431.    border-radius: 50px;
  432. }
  433.  
  434. @media(min-width:767px) {
  435.    .links-slider {
  436.        flex-wrap: wrap;
  437.        display: flex;
  438.        align-items: center;
  439.        margin: 0;
  440.    }
  441.  
  442.    /* .tiktok-links-slider-main .links-slider {
  443.        justify-content: center;
  444.    }
  445.  
  446.    .link-card {
  447.        flex-basis: 33%;
  448.        height: auto;
  449.    } */
  450.  
  451.    
  452. }
  453.  
  454. /* for 16:9 img */
  455. /* @media(max-width:1200px) {
  456.    .link-img-div { */
  457.        /* height:137px; */
  458.    /* }
  459. } */
  460.  
  461. /* @media(max-width:1000px) { */
  462.    /* .link-img-div { */
  463.        /* height:109px; */
  464.    /* }
  465.  
  466.    .link-card {
  467.        flex-basis: 33%;
  468.        height: auto;
  469.    }
  470.  
  471.    .link-card-single {
  472.        flex-basis: 33%;
  473.        height: inherit;
  474.    } */
  475. /* } */
  476.  
  477. @media(max-width:767px) {
  478.    /* .link-card {
  479.        flex-basis: auto; */
  480.        /* height:auto; */
  481.    /* } */
  482.  
  483.    /* .profile_description {
  484.        font-size: 15px;
  485.    } */
  486.  
  487.    .link-content {
  488.        padding: 0rem 1rem;
  489.    }
  490.  
  491.    .links-slider-main {
  492.        overflow-x: scroll;
  493.        overflow-y: hidden;
  494.    }
  495.  
  496.    .links-slider {
  497.        display: flex;
  498.    }
  499.  
  500.    /* .folder-title {
  501.        text-align: left !important;
  502.    }
  503.    .link-title{
  504.        max-height: 52px;
  505.        overflow: hidden;
  506.    }
  507.    .link-description-child-link{
  508.        max-height: 80px;
  509.        overflow: hidden;
  510.    } */
  511. }
  512.  
  513. /* .profile_description {
  514.    font-size: 15px;
  515.    font-weight: 500;
  516. }
  517.  
  518. .link-description,
  519. .social-links-div,
  520. .single-link-block-details p,
  521. .widget-block p {
  522.    color:  #ffffff !important;
  523. } */
  524.  
  525. /* input.form-control:focus,
  526. textarea.form-control:focus {
  527.    color: #ffffff !important;
  528.    background-color: transparent !important;
  529. } */
  530.  
  531. /* .link-title,
  532. .single-link-block-details h4,
  533. .single-link-block-details h4,
  534. .text-block-main h4,
  535. .text-block-main h1,
  536. .text-block-main p,
  537. .widget-block h4, */
  538. .post-card h4,
  539. .post-card p {
  540.    color: #ffffff !important;
  541. }
  542.  
  543. .single-link-block-arrow svg rect{
  544.    fill: #ffffff !important;
  545. }
  546.  
  547. .folder-title{
  548.    color: #ffffff !important;
  549. }
  550.  
  551. .product-title,.product-short-description,.product-description{
  552.    color: #ffffff !important;
  553. }
  554. .product-title{
  555.    letter-spacing: -1px;
  556.    font-weight: 600;
  557. }
  558. .folder-title {
  559.    font-size: 22px;
  560.    text-align: center;
  561.    font-weight: 500 !important;
  562. }
  563.  
  564. .btn-primary:focus,
  565. .btn-primary.focus {
  566.    box-shadow: 0px 0px 15px #00008024 !important;
  567. }
  568.  
  569. .div-block-342,
  570. .product-card-price-badge {
  571.    color: #fff;
  572. }
  573.  
  574. .profile_title {
  575.    overflow-wrap: anywhere;
  576. }
  577.  
  578. .single-link-block-img{
  579.    background-color: #478cd4 !important;
  580. }
  581. .widget-block {
  582.    background-color: #478cd4 !important;
  583. }
  584. .post-border-light {
  585.    box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.08);
  586.    transition: box-shadow 0.3s ease;
  587. }
  588.    
  589. .post-border-light:hover {
  590.    box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.08);
  591. }
  592.    
  593. .post-border-dark {
  594.    box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.08);
  595.    transition: box-shadow 0.3s ease;
  596. }
  597.    
  598. .post-border-dark:hover {
  599.    box-shadow: 0 0 0 6px rgba(255, 255, 255, 0.08);
  600. }
  601.  
  602. .skeleton-line,.skeleton-img,.skeleton-button{
  603.    background-color: #d4e6f6 !important;
  604. }
  605.  
  606. .subscribe-next-btn, .subscribe-btn,.page-menu-btn, .page-menu-btn-inverse, .purchase-btn{
  607.    background-color: #ffffff !important;
  608.    border:none;
  609.        color: #1E242A !important;
  610.        font-weight: 500;
  611. }
  612. /* .page-menu-btn{
  613.    border: 3px solid transparent !important;
  614. } */
  615. .product-card-a a.product-card-learn-more-btn{
  616.    /* border: 3px solid #25496e !important;
  617.    color: #25496e !important;
  618.     */
  619.    border-color: transparent !important;
  620.    background-color: #d4e6f6 !important;
  621.    color: #1E242A !important;
  622. }
  623. .price-btn,.page-menu-btn-inverse{
  624.    border: 3px solid #ffffff !important;
  625.    color: #ffffff !important;
  626.    background: transparent !important;
  627. }
  628. .purchase-btn{
  629.    border: 3px solid transparent !important;
  630. }
  631. .purchase-btn,.price-btn{
  632.    border-radius: 16px !important;
  633.    min-width: 220px;
  634.    font-size: 16px;
  635.    font-weight: 700;
  636.    padding-top:12px !important;
  637.    padding-bottom:12px !important;
  638. }
  639.  
  640. /* .page-menu-btn,
  641. .page-menu-btn-inverse{
  642.    font-size: 16px;
  643.    min-width: 90px;
  644.    transition: 0.3s all ease;
  645.    -webkit-transition: 0.3s all ease;
  646.    -moz-transition: 0.3s all ease;
  647.    -o-transition: 0.3s all ease;
  648.    -ms-transition: 0.3s all ease;
  649. } */
  650. /* .page-menu-btn-inverse:hover{
  651.    background-color: #ffffff !important;
  652.    border:none;
  653.        color: #1E242A !important;
  654.        box-shadow: none;
  655. } */
  656. /* .page-menu-btn-inverse.active{
  657.    background-color: #ffffff !important;
  658.    border:none;
  659.        color: #1E242A !important;
  660.        font-weight: 500;
  661.    border: 3px solid transparent !important;
  662.    box-shadow: none;
  663. } */
  664.  
  665. input:not(.phone-dropdown-inp) {
  666.    background-color: white !important;
  667.    border-radius: 30px !important;
  668.    padding: 12px 20px !important;
  669. }
  670.  
  671.  
  672.  
  673.  
  674. /* @media(max-width:767px) {
  675.    .profile-info-div { */
  676.        /* padding-top: 65px;
  677.        border-top-right-radius: 40px;
  678.        border-top-left-radius: 40px; */
  679.    /* }
  680. } */
  681.  
  682. .link-body {
  683.    min-height: 100vh;
  684. }
  685.  
  686. /* .widget-input{
  687.        border:3px solid rgba(255,255,255,0.5) !important;
  688.        color:
  689.    } */
  690. /*
  691.    .widget-input input::placeholder{
  692.          color:rgba(0,9,0,0.5) !important;
  693.    } */
  694.  
  695.  
  696. /* .widget-input input { */
  697.    /* border:none; */
  698. /* } */
  699.  
  700. /* .widget-input input:focus,
  701. input.form-control {
  702.    box-shadow: none; */
  703.    /* border:none !important; */
  704. /* } */
  705.  
  706. /* .text-block-divider {
  707.    background: #fff !important;
  708. } */
  709.  
  710. /* .tiktok-video-thumbnail {
  711.    width: 100%;
  712.    height: 500px;
  713.    background-repeat: no-repeat;
  714.    background-position: center;
  715.    background-size: cover;
  716.    border: 15px solid #d4e6f6;
  717.    border-radius: 35px;
  718.    display: flex;
  719.    align-items: center;
  720.    justify-content: center;
  721.    box-shadow: 0px 4px 30px rgba(6, 18, 81, 0.1);
  722. } */
  723.  
  724. /* .youtube-video-thumbnail {
  725.    min-width:300px;
  726.    min-height: 200px !important;
  727.    background-repeat: no-repeat;
  728.    background-position: center;
  729.    background-size: cover;
  730.    border: 15px solid #d4e6f6;
  731.    border-radius: 35px;
  732.    display: flex;
  733.    align-items: center;
  734.    justify-content: center;
  735.    box-shadow: 0px 4px 30px rgba(6, 18, 81, 0.1);
  736. } */
  737.  
  738.  
  739. /* .social-links-div svg {
  740.    width: 26px !important;
  741. } */
  742.  
  743. .text-block-main {
  744.    border-radius: 40px;
  745. }
  746.  
  747. a.product-card-purchase-btn {
  748.    font-weight: 600
  749. }
  750.  
  751. .product-card-a a.product-card-purchase-btn,
  752. .product-card-a .product-card-price-badge {
  753.    border-color: transparent !important;
  754.    background-color: #d4e6f6 !important;
  755.    color: #1E242A !important;
  756. }
  757.  
  758. /* .single-product-div a.product-card-purchase-btn,
  759. .single-product-div .product-card-price-badge {
  760.    border-color: transparent !important;
  761.    background-color: #212930;
  762. } */
  763.  
  764. .come-from-modal.left .modal-dialog,
  765. .come-from-modal.right .modal-dialog {
  766.    position: fixed;
  767.    margin: auto;
  768.    width: 500px;
  769.    height: 100%;
  770.    -webkit-transform: translate3d(0%, 0, 0);
  771.    -ms-transform: translate3d(0%, 0, 0);
  772.    -o-transform: translate3d(0%, 0, 0);
  773.    transform: translate3d(0%, 0, 0);
  774. }
  775.  
  776. .come-from-modal.left .modal-content,
  777. .come-from-modal.right .modal-content {
  778.    height: 90vh;
  779.    overflow-y: auto;
  780.    border-radius: 0px;
  781.    border-radius: 30px;
  782.    padding: 10px 15px !important;
  783. }
  784.  
  785. .come-from-modal.left .modal-body,
  786. .come-from-modal.right .modal-body {
  787.    padding: 15px 15px 80px;
  788. }
  789. .come-from-modal.right.fade .modal-dialog {
  790.    right: 2%;
  791.    -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
  792.    -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
  793.    -o-transition: opacity 0.3s linear, right 0.3s ease-out;
  794.    transition: opacity 0.3s linear, right 0.3s ease-out;
  795. }
  796.  
  797. .come-from-modal.right.fade.in .modal-dialog {
  798.    right: 0;
  799. }
  800.  
  801. #checkoutModal .modal-body h4{
  802.    font-weight: 600;
  803. }
  804. .cart-details img{
  805.    border-radius: 10px;
  806. }
  807. .cart-details p{
  808.    color: #5B5B5B !important;
  809.    font-weight: 500;
  810. }
  811. .cart-details strong{
  812.    color: #5B5B5B !important;
  813.    font-weight: 700;
  814. }
  815. #checkoutModal .up-in-toggle {
  816.  width: 100%;
  817.  display: flex;
  818.  align-items: center;
  819.  justify-content: center;
  820.  padding: 3px;
  821.  border-radius: 7px;
  822.  color: #5B5B5B;
  823.  background: #f1f1f1;
  824. }
  825. #checkoutModal .up-in-toggle label {
  826.  display: inline-block;
  827.  width: 60px;
  828.  text-align: center;
  829.  font-size: 0.9rem;
  830.  padding: 6px 16px;
  831.  text-align: center;
  832.  width: 50%;
  833.  float: left;
  834.  color: #5B5B5B;
  835.  transition: all 0.1s ease-in-out;
  836. }
  837. #checkoutModal .up-in-toggle label:hover {
  838.  cursor: pointer;
  839. }
  840.  
  841. #checkoutModal .up-in-toggle input {
  842.  clip: rect(0, 0, 0, 0);
  843.  height: 1px;
  844.  width: 1px;
  845.  border: 0;
  846.  overflow: hidden;
  847.  flex-basis: auto;
  848. }
  849. #checkoutModal .up-in-toggle input:checked + label {
  850.  background: #ffffff;
  851.  font-weight: 500;
  852.  box-shadow: 0px 4px 10px rgba(5, 2, 24, 0.06);
  853. }
  854.  
  855. #checkoutModal .up-in-toggle label:first-of-type {
  856.  border-radius: 7px;
  857. }
  858.  
  859. #checkoutModal .up-in-toggle label:last-of-type {
  860.  border-radius: 7px;
  861.  
  862. }
  863.  
  864. #checkoutModal input.form-control, #checkoutModal textarea.form-control{
  865.    border-radius: 14px !important;
  866.    border: 1px solid #D6D6D6 !important;
  867.    padding: 8px 15px !important;
  868.    font-weight: 500 !important;
  869. }
  870. #checkoutModal input.form-control:focus, #checkoutModal textarea.form-control:focus{
  871.    color: #5b5b5b !important;
  872. }
  873. #checkoutModal input.form-control::placeholder, #checkoutModal textarea.form-control::placeholder{
  874.    color: #8991A8 !important;
  875.    font-weight:500 !important;
  876. }
  877. .btn-purchase-block{
  878.    border-radius: 14px !important;
  879.    color: white;
  880. }
  881. #checkoutModal small{
  882.    color: #8991A8 !important;
  883. }
  884. #checkoutModal .modal-footer{
  885.    border: none !important;
  886.    display: flex;
  887.    /* padding:10px 10%; */
  888.    align-items: center;
  889.    justify-content: center;
  890. }
  891. #checkoutModal .modal-content{
  892.    overflow: hidden;
  893.    padding-right: 5px !important;
  894. }
  895. .modal-content-indiv{
  896.    overflow-y: auto;
  897. }
  898. .modal-content-indiv::-webkit-scrollbar {
  899.  width: 0.25em;
  900. }
  901. .modal-content-indiv::-webkit-scrollbar-thumb {
  902.  background-color: #dfdfdf;
  903. }
  904. .link-content{
  905.    padding-bottom: 100px;
  906. }
  907. .page-footer{
  908.    /* position: absolute; */
  909.    width: 100%;
  910.    display: flex;
  911.    align-items: center;
  912.    justify-content: center;
  913.    flex-direction: column;
  914.    bottom: 0;
  915.    left: 0;
  916.    padding: 30px 0;
  917.    transition: 0.6s all ease;
  918. }
  919. .accordion-body  {
  920.    background-color: #478cd4 !important;
  921.    color:  #ffffff !important;
  922.    border-color: #478cd4 !important;
  923. }
  924. /* .contact-accordion-button,.contact-form-submit-btn{
  925.    color:   #478cd4 !important;
  926.    background-color:#ffffff !important;
  927. }
  928.  
  929. .contact-accordion-button svg path{
  930.    stroke: #478cd4 !important;
  931. }
  932.  
  933. .contact-me{
  934.    color: #ffffff !important;
  935. }
  936. .contact-textarea{
  937.    border-color: #ffffff !important;
  938.    background-color: #478cd4 !important;
  939.    color: #ffffff !important;
  940.    border-width: 3px !important;
  941. }
  942. .contact-textarea::placeholder{
  943.    color: #ffffff !important;
  944. }
  945. .contact-textarea.form-control:focus {
  946.    color: #ffffff !important;
  947.    background-color: transparent !important;
  948. } */
  949. /* .contact-form-submit-btn{
  950.    color:   #478cd4 !important;
  951.    background-color:#ffffff !important;
  952. }
  953. .contact-form-submit-btn svg path{
  954.    stroke: #478cd4 !important;
  955. } */
  956. .content-text a{
  957.    color: #ffffff;
  958.    text-decoration: underline;
  959.    font-weight: 600;
  960. }
  961.  
  962. .product-content-divider {
  963.    background: #ffffff !important;
  964.    opacity: 0.2;
  965. }
  966. .product-content-image{
  967.    border: 2px solid #ffffff;
  968. }
  969.  
  970.    body{
  971.    font-family: 'GT Walsheim Pro';
  972. }
  973. .mt-0{
  974.    margin-top: 0 !important;
  975. }
  976. .main-bio-section{
  977.    min-height: 100dvh;
  978.    width: 100%;
  979.    position: relative;
  980.    display: flex;
  981.    /* background-color: #33362f; */
  982.    /* border-radius: 20px 20px 0 0; */
  983.    background-color: #25496e !important;
  984. }
  985. .user-area{
  986.    width: 30%;
  987.    height: 100vh;
  988.    padding: 50px;
  989.    display: flex;
  990.    flex-direction: column;
  991.    justify-content: space-between;
  992.    align-items: flex-start;
  993.    position: sticky;
  994.    top: 0px;
  995. }
  996.  
  997. .user_profile_pic{
  998.    box-shadow: 0 0 20px #ffffff58;
  999.    width: 100px;
  1000.    height: 100px;
  1001.    border-radius: 100%;    
  1002. }
  1003. .user_profile_pic>img{
  1004.    width: 100%;
  1005.    border-radius: 50%;
  1006. }
  1007. .user-name{
  1008.    font-size: 30px;
  1009.    font-style: normal;
  1010.    font-weight: 500;
  1011.    line-height: 1;
  1012.    margin-top: 20px;
  1013.    color:#ffffff !important;
  1014. }
  1015. .user-name>svg{
  1016.    margin-bottom: 5px
  1017. }
  1018. .user-descrip{
  1019.    font-style: normal;
  1020.    margin-top: 10px;
  1021.    font-size: 16px;
  1022.    font-weight: 500;
  1023.    line-height: 1.3em;
  1024.    color:#ffffff !important;
  1025. }
  1026. .social-links-user{
  1027.    display: flex;
  1028.    flex-wrap:wrap;
  1029.    align-items: center;
  1030.    justify-content: flex-start;
  1031.    gap: 7px;
  1032.    margin-top: 20px;
  1033.    margin-bottom: 20px;
  1034. }
  1035. .social-links-u{
  1036.    border-radius: 100%;
  1037.    display: flex;
  1038.    justify-content: center;
  1039.    align-items: center;
  1040.    flex-direction: column;
  1041.    transition: 0.5s ease-out !important;
  1042.    width: 50px;
  1043.    height: 50px;
  1044.    aspect-ratio: 1/1;
  1045.    /* background-color: #585858;
  1046.    border: 1px solid rgba(255,255,255,.15); */
  1047.    position: relative;
  1048.     background-color: #478cd4;
  1049.    /* border:1px solid #ffffff; */
  1050. }
  1051. .social-links-u:not(.youtube) svg path {
  1052.    fill:#ffffff !important;
  1053. }
  1054. /* .social-links-u svg path{
  1055.    stroke:#ffffff;
  1056. } */
  1057. .social-links-u:hover{
  1058.    opacity: 0.5;
  1059.    /* filter: invert(); */
  1060.    /* border: 1px solid #ffffff;
  1061.    background-color: #25496e; */
  1062.    /* background-color: #ffffff; */
  1063. }
  1064. .promo-u{
  1065.    display: flex;
  1066.    justify-content: center;
  1067.    align-items: center;
  1068.    color: #000000;
  1069.    /* font-family: 'GT Walsheim Pro'; */
  1070.    font-weight: 500;
  1071.    gap: 5px;
  1072.    font-size: 17px;
  1073.    line-height: 14px;
  1074.    background-color: #000;
  1075.    border-radius: 100px;
  1076.    padding: 13px 18px 12px;
  1077.    margin-bottom: 24px;
  1078.    position: sticky;
  1079.    bottom: 24px;
  1080. }
  1081. .promo-u:hover{
  1082.    color: #333 !important
  1083. }
  1084. .content-area{
  1085.    width:70%;
  1086.    padding: 24px;
  1087.    display: flex;
  1088.    flex-direction: column;
  1089.    align-items: center;
  1090.    max-width: fit-content;
  1091. }
  1092. .switch-button-area{
  1093.    max-width: 800px;
  1094.    width: 100%;
  1095.    padding: 10px 0;
  1096.    display: flex;
  1097.    align-items: center;
  1098.    justify-content: flex-end;
  1099.    width: 100.5%;
  1100. }
  1101. .switch-button.active {
  1102.    background-color: #478cd4 !important;
  1103.    border:none;
  1104.    color:#ffffff;
  1105. }
  1106. .switch-button{
  1107.    text-align: center;
  1108.    /* color: #FFF; */
  1109.    /* font-family: 'GT Walsheim Pro'; */
  1110.    font-size: 14px;
  1111.    font-style: normal;
  1112.    font-weight: 500;
  1113.    line-height: 1;
  1114.    padding: 9px 18px;
  1115.    border-radius: 36px;
  1116.    transition: 0.3s;
  1117.    cursor: pointer;
  1118.    color:#ffffff;
  1119. }
  1120. .switch-button:not(.active):hover{
  1121.    opacity: 0.5;
  1122. }
  1123. .cont-circle-area{
  1124.    display: flex;
  1125.    align-items: center;
  1126.    gap: 8px;
  1127. }
  1128. .expadd-20{
  1129.   padding-left: 20px;
  1130. }
  1131. .cont-circle-area>span,.blocks-title{
  1132.    font-size: 20px;
  1133.    font-weight: 500;
  1134.    line-height: 20px;
  1135.    text-decoration: none;
  1136.    color: #ffffff !important;;
  1137.    width: 80%;
  1138.    text-wrap: wrap;
  1139.    display: inline-block;
  1140.    word-break: break-word;
  1141.    line-height: 1.5;
  1142. }
  1143. .con-circle{
  1144.    display: flex;
  1145.    justify-content: center;
  1146.    align-items: center;
  1147.    border-radius: 100%;
  1148.    z-index: 99;
  1149.    width: 45px;
  1150.    height: 45px;
  1151.    /* background-color: #585858; */
  1152.    /* border: 1px solid #ffffff; */
  1153.    position: relative;
  1154.    aspect-ratio: 1;
  1155.    background-color: #d4e6f6;
  1156.    cursor: pointer;
  1157. }
  1158. /*  */
  1159. .next-arrow svg path,.con-circle svg path{
  1160.    stroke: #25496e;
  1161. }
  1162. .play-icon svg path{
  1163.    stroke: none;
  1164.    fill: #25496e !important;
  1165. }
  1166. .contact-area{
  1167.    max-width: 800px;
  1168.    width: 100%;
  1169. }
  1170. .social-area{
  1171.    max-width: 800px;
  1172.    width: 100%;
  1173. }
  1174. .links-area{
  1175.    position: relative;
  1176.    max-width: 800px;
  1177.    width: 100%;
  1178. }
  1179. .p_l-24{
  1180.    padding-left: 47px;
  1181. }
  1182. .position-relative{
  1183.    position: relative;
  1184.    width: 100%;
  1185. }
  1186. .link-slide{
  1187.  
  1188.    overflow-y: hidden;
  1189.    overflow-x: auto;
  1190.    }
  1191. .link-slide::-webkit-scrollbar{
  1192.    display: none;
  1193. }
  1194. .link-box{
  1195.    width: fit-content;
  1196.    display: flex;
  1197.    gap: 15px;
  1198.    margin-top: 20px;
  1199.    transform: translateY(-7px);
  1200.    /* padding: 0px 20px 20px 0px; */
  1201.    /* max-width: 600px; */
  1202.    }
  1203. .link-cards{
  1204.    width: 250px !important;
  1205.    border-radius: 24px;
  1206.    overflow: hidden;
  1207.    text-decoration: none;
  1208.    transition: 0.3s ease-in-out !important;
  1209.    height:320px;
  1210.    display: flex;
  1211.    flex-direction: column;
  1212. }
  1213. .link-cards:hover{
  1214.    transform: translateY(-1%);
  1215. }
  1216. .link-cards a:not(.link-cards-btn) {
  1217.    display: flex;
  1218.    flex-direction: column;
  1219.    height: 100%;
  1220. }
  1221. .card-banner-image{
  1222.    /* width: 230px; */
  1223.    max-height: 150px;
  1224.    padding: 20px 20px 0;    
  1225. }
  1226. .card-banner-image>img{
  1227.    width: 100%;
  1228.    min-height: 120px;
  1229.    object-fit: cover;
  1230.    border-radius: 16px;
  1231.    object-position: center;
  1232. }
  1233. .card-cont{
  1234.    height: 100%;
  1235.    position: relative;
  1236.    display: flex;
  1237.    align-items: flex-end;
  1238.    width: 100%;
  1239.    padding: 20px;
  1240.    padding-top: 10px;
  1241.  
  1242. }
  1243. .card-cont>.d-flex{
  1244.    width: 100%;
  1245. }
  1246.  
  1247. .cont-box-card>h2{
  1248.    font-size: 20px !important;
  1249.    font-weight: 500 !important;
  1250.    line-height: 1.1;
  1251.    text-decoration: none;
  1252.    margin-bottom: 0px;
  1253. }
  1254.  
  1255. .cont-box-card>p{
  1256.  
  1257.    color: #e4f0c2;
  1258.    margin-top: 12px;
  1259.    margin-bottom: 0px;
  1260.    font-size: 16px;
  1261.    font-weight: 500;
  1262.    line-height: 1.2em;
  1263. }
  1264. .cont-black>h2{
  1265.    color: #000;
  1266. }
  1267. .cont-black>p{
  1268.    color: #000;
  1269. }
  1270. .visit-link{
  1271.    margin-top: auto;
  1272.    width: fit-content;
  1273.    padding: 6px 15px;
  1274.    background-color: #fff;
  1275.    border-radius: 56px;
  1276.    text-decoration: none;
  1277.    font-size: 16px;
  1278.    color: #000;
  1279.    mix-blend-mode: normal;
  1280.    font-size: 14px;
  1281.    font-weight: 500;
  1282.    border: none;
  1283. }
  1284. .visit-link2{
  1285.    width: fit-content;
  1286.    height: 30px;
  1287.    background-color: #2c2c2c;
  1288.    border-radius: 30px;
  1289.    flex-direction: row;
  1290.    justify-content: center;
  1291.    align-items: center;
  1292.    margin-top: 0;
  1293.    margin-right: 0;
  1294.    padding-left: 18px;
  1295.    padding-right: 18px;
  1296.    text-decoration: none;
  1297.    display: flex;
  1298.    color: white;
  1299.    font-weight: 500;
  1300.    font-size:14px;
  1301. }
  1302. .text-yellow{
  1303.    color: #ffc508;
  1304. }
  1305. .next-arrow{
  1306.    /* background: #1A1A1A; */
  1307.    position: absolute;
  1308.    top: 50%;
  1309.    z-index: 99;
  1310.    width: 40px;
  1311.    height: 40px;
  1312.    background-color: #585858;
  1313.    /* border: 1px solid rgba(255,255,255,.15); */
  1314.    border-radius: 100%;
  1315.    justify-content: center;
  1316.    align-items: center;
  1317.    margin-right: 7px;
  1318.    opacity: 1;
  1319.    display: flex !important;
  1320.    transition: 0.5s;
  1321.    background-color: #d4e6f6;
  1322.  
  1323.    /* border:1px solid #ffffff; */
  1324. }
  1325. .left-arrow{
  1326.    left: 0px;
  1327.    cursor: pointer;
  1328. }
  1329. .right-arrow{
  1330.    right: 0px;
  1331.    cursor: pointer;
  1332. }
  1333. .fade-left{
  1334.    background-image: linear-gradient(-90deg,rgba(52,54,47,0),#25496e);
  1335.    width: 100px;
  1336.    height: 360px;
  1337.    position: absolute;
  1338.    left: 0;
  1339.    z-index: 3;
  1340.    bottom: 0;
  1341. }
  1342. .instagram-right-fade{
  1343.    height: 320px !important;
  1344. }
  1345. .fade-right{
  1346.    background-image: linear-gradient(90deg,rgba(52,54,47,0),#25496e);
  1347.    width: 100px;
  1348.    height: 360px;
  1349.    position: absolute;
  1350.    right: 0;
  1351.    z-index: 3;
  1352.    bottom: 0;
  1353.    
  1354. }
  1355. .banner-box{
  1356.    width: 100%;
  1357.    border-radius: 24px;
  1358.    /* background: #292b26; */
  1359.    background: #478cd4;
  1360.    padding: 24px 22px;
  1361.    margin-top: 20px;
  1362.    }
  1363. .phonewidget .iti--inline-dropdown .iti__dropdown-content {
  1364.    border-color: #478cd4 !important;
  1365.    background-color: #25496e !important;
  1366.    border-radius: 15px;
  1367.    overflow: hidden;
  1368.    max-height: 165px;
  1369. }
  1370. .phonewidget .iti__search-input{
  1371.    border: none !important;
  1372.    outline: none !important;
  1373.    border-radius: 0 !important;
  1374.    background-color: #478cd4 !important;
  1375.    color: #ffffff !important;
  1376.    padding: 8px 10px !important;
  1377. }
  1378. .phonewidget .iti__country-name,
  1379. .phonewidget .iti__dial-code{
  1380.    color: #ffffff !important;
  1381. }
  1382. .phonewidget .iti__country-list::-webkit-scrollbar {
  1383.    width: 7px;
  1384.    height: 7px;
  1385. }
  1386. .phonewidget .iti__country-list::-webkit-scrollbar-track {
  1387.    background-color: #478cd4 !important;
  1388. }
  1389. .phonewidget .iti__country-list::-webkit-scrollbar-thumb {
  1390.    -webkit-border-radius: 10px;
  1391.    border-radius: 10px;
  1392.    background-color: #25496e !important;
  1393. }
  1394.  
  1395. .inp-area{
  1396.    display: flex;
  1397.    align-items: center;
  1398.    justify-content: center;
  1399.    gap: 12px;
  1400.    margin-top: 21px;
  1401. }
  1402. .inp-area>input{
  1403.    width: 100%;
  1404.    border: none;
  1405.    outline: none;
  1406.    padding: 15px 18px;
  1407.    border-radius: 48px;
  1408.    background: #33362F;
  1409.    color: #FFF;
  1410.    font-size: 15px;
  1411.    font-style: normal;
  1412.    font-weight: 500;
  1413.    line-height: 106.1%;
  1414. }
  1415. .inp-area>input::placeholder{
  1416.    /* color: white; */
  1417.    font-weight: 500;
  1418. }
  1419. .message-box{
  1420.    margin-top: 15px;
  1421. }
  1422. .message-box>textarea {
  1423.    width: 100%;
  1424.    border-radius: 21px;
  1425.    /* background: #33362F; */
  1426.    border: none;
  1427.    outline: none;
  1428.    padding: 12px 20px;
  1429.    background-color: #25496e !important;
  1430.    color: #ffffff !important;
  1431. }
  1432. .message-box>textarea::placeholder{
  1433.    color: #ffffff !important;
  1434. }
  1435. .sub-btn{
  1436.    border: none;
  1437.    outline: none;
  1438.    border-radius: 56px;
  1439.    background: #FFF;
  1440.    color: #292B26;
  1441.    font-size: 14px;
  1442.    font-style: normal;
  1443.    font-weight: 500;
  1444.    line-height: normal;
  1445.    display: inline-flex;
  1446.    height: 30px;
  1447.    padding: 6px 20px;
  1448.    justify-content: center;
  1449.    align-items: center;
  1450.    gap: 5px;
  1451.    margin-top: 21px;
  1452. }
  1453. .para-cont{
  1454.    color: #FFF;
  1455.    font-size: 15px;
  1456.    font-style: normal;
  1457.    font-weight: 500;
  1458.    line-height: normal;
  1459. }
  1460. .inp-area2{
  1461.    display: flex;
  1462.    align-items: center;
  1463.    justify-content: center;
  1464.    gap: 5px;
  1465.    margin-top: 21px;
  1466. }
  1467. .inp-area2>input,.phone-dropdown-inp {
  1468.    width: 100%;
  1469.    border: none;
  1470.    outline: none;
  1471.    padding: 0px 18px;
  1472.    border-radius: 48px;
  1473.    background-color: #25496e !important;
  1474.    color: #ffffff;
  1475.    font-size: 15px;
  1476.    font-style: normal;
  1477.    font-weight: 500;
  1478.    line-height: 106.1%;
  1479.    height: 50px;
  1480.    /* font-family: 'GT Walsheim Pro'; */
  1481.    /* background: transparent; */
  1482.    /* border: 3px solid #ffffff !important; */
  1483. }
  1484. .inp-area2 input::placeholder,.message-box>textarea::placeholder,
  1485. .inp-area2 input,
  1486. .phone-dropdown .iti__selected-dial-code{
  1487.    color: #ffffff !important;
  1488. }
  1489. /* .inp-area2>input::placeholder{
  1490.    color: white;
  1491.    font-weight: 500;
  1492. } */
  1493. .sub-btn2{
  1494.    border:none;
  1495.    /* color: #fff; */
  1496.    font-size: 16px;
  1497.    font-weight: 500;
  1498.    line-height: 16px;
  1499.    width: fit-content;
  1500.    padding: 0;
  1501.    border-radius: 45px !important;
  1502.    text-decoration: none;
  1503.    /* font-family: 'GT Walsheim Pro'; */
  1504.    background-color: #25496e !important;
  1505.    color:#ffffff !important;
  1506.    border:none;
  1507.    /*     color: #1E242A !important;
  1508.     */
  1509. }
  1510. .sub-btn2>span{
  1511.    height: 50px;
  1512.    padding-left: 20px !important;
  1513.    padding-right: 20px !important;
  1514.    justify-content: center !important;
  1515.    align-items: center !important;
  1516.    display: flex;
  1517. }
  1518. /* .sub-btn2 img{
  1519.        filter: invert(0%)
  1520.    } */
  1521. .mt-20{
  1522.    margin-top: 20px;
  1523. }
  1524. .banner-box2{
  1525.    width: 100%;
  1526.    border-radius: 24px;
  1527.    background: #292B26;
  1528.    padding: 12px;
  1529.    margin-top: 36px;
  1530.    display: flex;
  1531.    align-items: center;
  1532.    gap: 28px;
  1533. }
  1534. .best-link{
  1535.    width: 100%;
  1536.    /* max-width: 800px; */
  1537.    max-width: calc(100% - 3px);
  1538.    /* background-color: #292b26; */
  1539.    border-radius: 24px;
  1540.    gap: 15px;
  1541.    align-items: center;
  1542.    padding: 18px;
  1543.    text-decoration: none;
  1544.    transition: all .2s;
  1545.    display: flex;
  1546.    overflow: hidden;
  1547.    margin-top: 20px;
  1548.    background: #478cd4;
  1549.    color: #ffffff;
  1550.    }
  1551. .best-link:hover{
  1552.    transform: scale(1.01);
  1553.    /* background-color: #1d1f1c; */
  1554. }
  1555. a:hover{
  1556.    text-decoration: none;  
  1557.    color: #ffffff;
  1558. }
  1559. .visit-link {
  1560.    color: #000000;
  1561. }
  1562. .banner-img{
  1563.    width: 150px;
  1564.    min-width: 150px;
  1565.    border-radius: 15px;
  1566.    justify-content: center;
  1567.    align-items: center;
  1568.    display: flex;
  1569.    position: relative;
  1570.    overflow: hidden;
  1571. }
  1572. .banner-img>img{
  1573.   width: 100%;
  1574. }
  1575. .banner-box2_right>h2{
  1576.    color: #FFF;
  1577.    font-size: 19px;
  1578.    font-style: normal;
  1579.    font-weight: 500;
  1580.    line-height: normal;
  1581.    text-align: left;
  1582. }
  1583. .banner-box2_right>p{
  1584.    color: #FFF;
  1585.    font-size: 14px;
  1586.    font-style: normal;
  1587.    font-weight: 500;
  1588.    line-height: normal;
  1589.    margin-top: 7px;
  1590.    text-align: left;
  1591.    width: 305px;
  1592. }
  1593. .banner-box2_right>a{
  1594.    border-radius: 56px;
  1595.    background: #FFF;
  1596.    display: inline-flex;
  1597.    padding: 6px 20px;
  1598.    justify-content: center;
  1599.    align-items: center;
  1600.    gap: 5px;
  1601.    flex-shrink: 0;
  1602.    text-decoration: none;
  1603.    color: #000000;
  1604.    margin-top: 15px;
  1605. }
  1606. .playbutton{
  1607.    margin-left: 24px;
  1608. }
  1609. .tiktok_video{
  1610.    width: 303px;
  1611.    height: 539px;
  1612.    /* background-color: red; */
  1613.    border-radius: 17px;
  1614.    overflow: hidden;
  1615.    position: relative;
  1616.    display: flex;
  1617.    align-items: center;
  1618.    justify-content: center;
  1619. }
  1620. .tiktok_video>img{
  1621.    height: 100%;
  1622.    pointer-events:none;
  1623. }
  1624. .extra-height{
  1625.    height: 545px;
  1626. }
  1627. .video-play{
  1628.    position: absolute;
  1629. }
  1630. .nopadding{
  1631.    padding: 0 0 !important;
  1632.    padding-bottom: 15px !important;
  1633.    overflow: hidden !important;
  1634. }
  1635. .padding-24{
  1636.    padding: 20px;
  1637. }
  1638. .tiktok_wrapper{
  1639.    margin-top: 20px;
  1640. }
  1641. .textbox {
  1642.    min-height: 59px;
  1643.    width: 100%;
  1644.    max-width: 800px;
  1645.    /* background-color: #292b26; */
  1646.    border-radius: 30px;
  1647.    /* flex-direction: column;
  1648.    justify-content: center;
  1649.    align-items: center; */
  1650.    margin-top: 20px;
  1651.    margin-bottom: 0;
  1652.    padding: 24px;
  1653.    /* display: flex; */
  1654.    background-color: #478cd4 !important;
  1655.    color: #ffffff;
  1656.    }
  1657. .link-description {
  1658.    margin-top: 12px;
  1659.    font-size: 16px;
  1660.    font-weight: 500;
  1661.    line-height: 1.2em;
  1662. }
  1663. .link-description.descp-heading-one{
  1664.  font-size: 28px;
  1665.  font-weight: 700;
  1666. }
  1667. .link-description.descp-heading-two {
  1668.  font-size: 22px;
  1669.  font-weight: 600;
  1670. }
  1671. @media(max-width:767px){
  1672.    .link-description.descp-heading-one {
  1673.        font-size: 25px;
  1674.    }
  1675.    .link-description.descp-heading-two {
  1676.        font-size: 18px;
  1677.        font-weight: 600;
  1678.    }
  1679. }
  1680. .youtube-videos{
  1681.    width: 100%;
  1682.    height: auto;
  1683.    max-width: 800px;
  1684.    background-color: #0d0101;
  1685.    border-radius: 30px;
  1686.    padding: 10px;
  1687.    position: relative;
  1688.    overflow: hidden;
  1689.    margin-top: 20px;
  1690. }
  1691. .youtube-videos>img{
  1692.    width: 100%;
  1693.    border-radius: 20px;
  1694. }
  1695. .youtube-videos>span{
  1696.    color: #e4f0c2;
  1697.    font-size: 20px;
  1698.    font-weight: 500;
  1699.    line-height: 20px;
  1700.    text-decoration: none;
  1701.    position: absolute;
  1702.    bottom: 0;
  1703.    left: 0;
  1704. }
  1705. .div-block-535 {
  1706.    width: 100%;
  1707.    height: auto;
  1708.    background-color: rgba(41,43,38,0);
  1709.    /* background-image: linear-gradient(rgba(80,42,37,0),#0d0101 25%); */
  1710.    flex-direction: column;
  1711.    justify-content: flex-end;
  1712.    align-items: flex-start;
  1713.    padding: 20px;
  1714.    display: flex;
  1715.    position: absolute;
  1716.    top: auto;
  1717.    bottom: 0%;
  1718.    left: 0%;
  1719.    right: 0%;
  1720. }
  1721. .zaapheading {
  1722.    /* color: #e4f0c2; */
  1723.    font-size: 20px;
  1724.    font-weight: 500;
  1725.    line-height: 20px;
  1726.    text-decoration: none;
  1727. }
  1728. .spaceer-10 {
  1729.    width: 100%;
  1730.    height: 15px;
  1731. }
  1732. .link-button {
  1733.    width: auto;
  1734.    height: 30px;
  1735.    background-color: #2c2c2c;
  1736.    border-radius: 30px;
  1737.    flex-direction: row;
  1738.    justify-content: center;
  1739.    align-items: center;
  1740.    margin-top: 0;
  1741.    margin-right: 0;
  1742.    padding-left: 18px;
  1743.    padding-right: 18px;
  1744.    text-decoration: none;
  1745.    display: flex;
  1746.    color: white;
  1747. }
  1748. .color-purple{
  1749.    background-color: #7b30e0;
  1750. }
  1751.  
  1752.  
  1753. @media (max-width:1200px) {
  1754.    .main-bio-section > div  {
  1755.        flex-direction: column;
  1756.        align-items: center;
  1757.    }
  1758.    .content-area {
  1759.        align-items: center;
  1760.        padding-left:0px !important;
  1761.    }
  1762.    .user-area {
  1763.        padding-left:0px !important;
  1764.        width: 100%;
  1765.        display: flex;
  1766.        flex-direction: column;
  1767.        align-items: center;
  1768.        gap: 0;
  1769.        justify-content: flex-start;
  1770.        height: 100%;
  1771.        position: static;
  1772.        max-width: 735px;
  1773.    }
  1774.    .user-detail-area{
  1775.        max-width: 800px;
  1776.        width: 100%;
  1777.    }
  1778.    .content-area {
  1779.        width: 100%;
  1780.        padding-top: 0px !important;
  1781.    }
  1782.    .fade-right, .fade-left {
  1783.        width: 30px;
  1784.    }
  1785. }
  1786. @media (max-width:767px) {
  1787.    .next-arrow{
  1788.        display: none !important;
  1789.    }
  1790.    .link-slide {
  1791.        margin-right: -20px;
  1792.        margin-left: -20px;
  1793.        padding: 0 20px;
  1794.    }
  1795.    .fade-right,.fade-left{
  1796.        display: none !important;
  1797.    }
  1798. }
  1799. @media (max-width:600px) {
  1800.    .content-area {
  1801.        padding: 20px;
  1802.    }
  1803. }
  1804. @media (max-width:660px) {
  1805.    .banner-box2 {
  1806.        flex-direction: column;
  1807.        align-items: flex-start;
  1808.    }
  1809.    .banner-img {
  1810.        width: 100%;
  1811.        height: auto;
  1812.        max-width: 170px;
  1813.    }
  1814.    .banner-img>img{
  1815.        width: 100%;
  1816.        height: auto;
  1817.    }
  1818.    .inp-area2{
  1819.        display: flex;
  1820.        align-items: center;
  1821.        justify-content: center;
  1822.        gap: 12px;
  1823.        margin-top: 21px;
  1824.       flex-wrap: wrap;
  1825.    }
  1826.    .inp-area2>input,
  1827.    .inp-area2 .iti
  1828.    {
  1829.        flex-basis: 100%;
  1830.        width: 100%;
  1831.    }
  1832.    .inp-area2 .iti input{
  1833.        width:100% !important;
  1834.    }
  1835.    .sub-btn {
  1836.        width: 100%;
  1837.        background: #33362F;
  1838.        color: #fff;
  1839.        height: 45px;
  1840.    }
  1841.    .sub-btn>svg>path{
  1842.        fill: #fff;
  1843.    }
  1844.    .sub-btn2 {
  1845.        width: 100%;
  1846.    }
  1847.    .best-link{
  1848.        flex-direction: column;
  1849.    }
  1850.    .best-link-div{
  1851.        width: 100%;
  1852.        justify-content: flex-start !important;
  1853.    }
  1854. }
  1855. @media (max-width:530px) {
  1856.    .switch-button-area{
  1857.        justify-content: center;
  1858.    }
  1859.    .banner-img {
  1860.        max-width: 100%;
  1861.    }
  1862.  .user_profile_pic {
  1863.        width: 114px;
  1864.        height: 114px;
  1865.    }
  1866.    .user-name {
  1867.        font-size: 25px;
  1868.        text-align: center;
  1869.    }
  1870.    .user-descrip {
  1871.        font-size: 16px;
  1872.        max-width: 400px;
  1873.        width: 100%;
  1874.        text-align: center;
  1875.    }
  1876.    .cont-box-card>h2 {
  1877.        font-size: 18px;
  1878.    }
  1879.    .banner-box {
  1880.        padding: 12px;
  1881.    }
  1882.    .best-link {
  1883.        flex-direction: column;
  1884.        padding:0;
  1885.        gap: 0;
  1886.    }
  1887.    .banner-img {
  1888.        padding: 10px;
  1889.    }
  1890.    .banner-img > img {
  1891.        border-radius: 10px;
  1892.    }
  1893.    .best-link-div {
  1894.        flex-direction: column;
  1895.        align-items: flex-start !important;
  1896.    }
  1897.    .visit-single-link{
  1898.        text-align: left;
  1899.        padding-bottom: 14px;
  1900.    }
  1901.    .best-single-link{
  1902.        align-items: flex-start !important;
  1903.    }
  1904.    .singlelinkcontent .zaapheading,.singlelinkcontent .link-description{
  1905.        text-align: left;
  1906.    }
  1907.    .banner-img {
  1908.        border-radius: 0;
  1909.    }
  1910.    .user-area {
  1911.        padding: 20px ;
  1912.        padding-right: 0px !important;
  1913.    }
  1914.    .user-detail-area{
  1915.        display: flex !important;
  1916.        justify-content: center !important;
  1917.        flex-direction: column !important;
  1918.        align-items: center !important
  1919.    }
  1920.    .social-links-user{
  1921.        justify-content: center !important;
  1922.    }
  1923.    .link-description {
  1924.        margin-bottom: 0;
  1925.    }
  1926.    .singlelinkcontent {
  1927.        padding: 15px;
  1928.        /* background: linear-gradient(0deg, rgb(255 98 62)60%, transparent); */
  1929.        padding-top: 6rem;
  1930.        margin-top: -5rem;
  1931.        z-index: 1;
  1932.    }
  1933. }
  1934. @media (max-width:1200px) {
  1935.    .forwebpromo{
  1936.        display: none;
  1937.    }
  1938.    .footer-area,.footer-area .forwebpromo{
  1939.        display: flex !important;
  1940.    }
  1941.    
  1942. }
  1943. @media (max-width:420px) {
  1944.    .inp-area2>input {
  1945.        flex-basis: 100%;
  1946.    }
  1947.    .inp-area {
  1948.        flex-wrap: wrap;
  1949.    }
  1950.    .fade-right, .fade-left {
  1951.        width: 20px;
  1952.    }
  1953. }
  1954. .new-bio-page-widgets-width{
  1955.    max-width: 735px;
  1956.    width: 100%;
  1957. }
  1958. .best-single-link{
  1959.    display: flex;
  1960.    justify-content: space-between;
  1961.    align-items: center;
  1962.    box-shadow: none;
  1963. }
  1964. .best-link-div{
  1965.    display: flex;
  1966.    align-items: center;
  1967.    justify-content: center;
  1968.    gap: 15px;
  1969. }
  1970. .visit-single-link{
  1971.    padding-left: 14px;
  1972. }
  1973. .view-insta-btn {
  1974.    background: #ffffff;
  1975.    color: #25496e;
  1976.    border-radius: 50px;
  1977.    padding: 0px 18px;
  1978.    text-wrap:nowrap;
  1979.    font-size: 14px;
  1980.    font-style: normal;
  1981.    font-weight: 500;
  1982.    line-height: normal;
  1983.    height: 30px;
  1984.    display: flex;
  1985.    align-items:center;
  1986.    cursor:pointer;
  1987. }
  1988. .view-insta-btn:hover{
  1989.    color: #124d87;
  1990.    text-decoration: none;
  1991.    opacity: 0.9;
  1992. }
  1993. .instagram-link-cards{
  1994.    transition: 0.3s ease;
  1995.    z-index: 0;
  1996. }
  1997. .instagram-link-cards:not(:first-child){
  1998.    margin-left: -2.5rem;
  1999. }
  2000. .instagram-link-cards:hover {
  2001.    transform:rotate(-5deg);
  2002. }
  2003. .instagram-link-box {
  2004.    padding: 0 10px 20px 0px;
  2005. }
  2006. .user-area {
  2007.    padding-left: 65px;
  2008.    padding-right: 20px ;
  2009. }
  2010. .content-area {
  2011.    padding-left: 65px;
  2012.    padding-right: 0px;
  2013.    min-width: 735px;
  2014. }
  2015. @media (max-width:800px) {
  2016.    .content-area{
  2017.        min-width: 100%;
  2018.    }
  2019. }
  2020. .link-card-shadow.hard {
  2021.            box-shadow: -6px 6px 0px 0px var(--color-dark);
  2022.    }
  2023. .link-card-shadow.soft {
  2024.            box-shadow: 0px 0px 10px 3px var(--color-dark)
  2025.    }
  2026. /* .lead-magnet-second .descrtiption{
  2027.    color: rgba(255, 255, 255, 0.49);;
  2028. } */
  2029. .lead-magnet-image-bg {
  2030.  background: #25496e;
  2031.  border: 1px solid rgba(255, 255, 255, 0.06);;
  2032. }
  2033. .lead-magnet-image-bg {
  2034.  border-radius: 16px;
  2035.  border: 1px solid rgba(255, 255, 255, 0.06);
  2036.  background: linear-gradient(0deg, #1F211E 0%, #1F211E 100%);
  2037.  width: 290.983px;
  2038.  min-height: 183.729px;
  2039.  transform: rotate(358deg);
  2040.  position: relative;
  2041.  height: 100%;
  2042.  margin-top: -5px;
  2043. }
  2044. .link-text-color, .cont-circle-area .link-text-color,
  2045. .nsfw-footer-link {
  2046.    color:#ffffff !important;
  2047. }
  2048. .nsfw-footer-link:hover {
  2049.    color:#ffffff !important;
  2050. }
  2051. /* .date-button {
  2052.  background: #1D1D1D;
  2053. } */
  2054. .lead-magnet-terms {
  2055.    color:#ffffff;
  2056. }
  2057. /* .visit-link {
  2058.            background-color: #d4e6f6;
  2059.        color: #1E242A;
  2060.    } */
  2061.  
  2062. /* Global button color styling */
  2063.  
  2064. .view-insta-btn,
  2065. .switch-button.active,
  2066. .visit-link,
  2067. .sub-btn2 {
  2068.    background-color: #d4e6f6 !important;
  2069.    color: #25496e !important;
  2070. }
  2071. .sub-btn2 .submit-arrow path{
  2072.    fill: #25496e !important;
  2073. }
  2074. /* apply block_rounding to all except pp and Zaap Branding.*/
  2075. @media (max-width:330px) {
  2076.  .promo-u{
  2077.    font-size: 16px;
  2078.  }
  2079. }
  2080. </style>
  2081.    <link href="https://zaap.bio/assets/page/css/animate.min.css" rel="stylesheet" media="screen">
  2082.    <link href="https://zaap.bio/assets/page/css/growl-notification.min.css" rel="stylesheet" media="screen">
  2083.    <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css"/>
  2084.  
  2085.  
  2086.    <link rel="canonical" href="https://zaap.bio/thicongnhakhungthep " />
  2087.  
  2088.    
  2089.    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
  2090.        <!-- Include Mobiscroll JS and CSS files -->
  2091.        
  2092.    <style>
  2093.  
  2094.    </style>
  2095.  
  2096.        
  2097.            
  2098.        
  2099.    
  2100.        </head>
  2101.  
  2102.    <body>
  2103.    <div class="full-page-loader d-none">
  2104.        <div class="lds-ripple">
  2105.            <div></div>
  2106.            <div></div>
  2107.        </div>
  2108.    </div>
  2109.    <section class="main-bio-section">
  2110.        <div class="profile_banner_main"></div>
  2111.        <div style="max-width: 1600px" class="d-flex container">
  2112.        <div class="user-area pb-0">
  2113.            <div class="user-detail-area">
  2114.                <div class="user_profile_pic">
  2115.                    <img src="https://imagedelivery.net/tqC70bVt8T6GtQUXNsa2-g/7b657581-5f09-4982-3ecf-c785a1b38600/public" alt="">
  2116.                </div>
  2117.                <h2 class="user-name">giá thi công nhà khung thép
  2118.                                    </h2>
  2119.                <p class="user-descrip">CÔNG TY TNHH KIẾN TRÚC XÂY DỰNG WINCONS CHUYÊN THIẾT KẾ VÀ THI CÔNG CÔNG TRÌNH DÂN DỤNG VÀ CÔNG NGHIỆP. XƯỞNG GIA CÔNG CƠ KHÍ, ĐỒ GỖ, NHÔM KÍNH HÂN HẠNH PHỤC VỤ QUÝ KHÁCH HÀNG.</p>
  2120.                                <div class="social-links-user">
  2121.                                                        </div>
  2122.                            </div>
  2123.                            <a href="https://zaap.ai" target="_blank" class="promo-u forwebpromo">
  2124.                    <span class="brand-font">Create your free</span>
  2125.                    <img src="https://zaap.bio/assets/zaap-logo.svg" width="60px" alt="">
  2126.                    <span class="brand-font">page</span>
  2127.                </a>
  2128.            
  2129.        </div>
  2130.        <div class="content-area">
  2131.                    <div class="tab-content new-bio-page-widgets-width" id="tabs">
  2132.            <div class="tab-pane active w-100" id="home">
  2133.                                                            <div class="position-relative mt-4">
  2134.        <div class="links-area">
  2135.            <div class="cont-circle-area expadd-20">
  2136.                <div class="con-circle">
  2137.                    <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none">
  2138.                        <path
  2139.                            d="M10.9497 6.70711L6.70711 10.9497M7.41421 3.17157L8.12132 2.46447C10.0739 0.511845 13.2398 0.511845 15.1924 2.46447C17.145 4.41709 17.145 7.58291 15.1924 9.53553L14.4853 10.2426M3.17157 7.41421L2.46447 8.12132C0.511845 10.0739 0.511845 13.2398 2.46447 15.1924C4.41709 17.145 7.58291 17.145 9.53553 15.1924L10.2426 14.4853"
  2140.                            stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
  2141.                    </svg>
  2142.                </div>
  2143.                <span>
  2144.                    My Links
  2145.                </span>
  2146.            </div>
  2147.            <div>
  2148.                <div class="link-slide folder-link-slider folder-link-slider-553588" data-id="553588">
  2149.                                        <div class="fade-right folder-link-right-fade-553588"></div>
  2150.                    <div class="fade-left folder-link-left-fade-553588"></div>
  2151.                                        <div class="link-box">
  2152.                                                                                                                                                            <div class="link-cards link-card-shadow "  style="background: #000000; --color:#000000;">
  2153.                                <a href="mailto:tranvanan13042626@gmail.com" data-link-url="553589"
  2154.                                    >
  2155.                                    <div class="card-banner-image">
  2156.                                        <img src="https://imagedelivery.net/tqC70bVt8T6GtQUXNsa2-g/ca4dd26b-b10b-467c-0146-79e253f9a000/public"
  2157.                                            alt="">
  2158.                                    </div>
  2159.                                    <div class="card-cont">
  2160.                                        <div class="d-flex flex-column h-100">
  2161.                                        <div class="cont-box-card">
  2162.                                            <h2 class="card-max-length" style="color:#ffffff">Contact Me</h2>
  2163.                                            <p class="card-max-length mb-for-plain" style="color:#ffffff">Let's get connected</p>
  2164.                                        </div>
  2165.                                            <div style="background-color: #fff;color:#2c2c2c" class="visit-link text-nowrap">
  2166.                                                Contact
  2167.                                            </div>
  2168.  
  2169.                                    </div>
  2170.                                    </div>
  2171.                                </a>
  2172.                            </div>
  2173.                                                                                                                                                                                                                <div class="link-cards link-card-shadow "  style="background: #111111; --color:#111111;">
  2174.                                <a href="https://zaap.ai" data-link-url="553590"
  2175.                                    >
  2176.                                    <div class="card-banner-image">
  2177.                                        <img src="https://uploads-ssl.webflow.com/6026bc921eff07d61a132750/63dd42044df23b19b90c0e69_Frame%204785.png"
  2178.                                            alt="">
  2179.                                    </div>
  2180.                                    <div class="card-cont">
  2181.                                        <div class="d-flex flex-column h-100">
  2182.                                        <div class="cont-box-card">
  2183.                                            <h2 class="card-max-length" style="color:#ffffff">Create your own Zaap page for free</h2>
  2184.                                            <p class="card-max-length mb-for-plain" style="color:#ffffff">Zaap is the most advanced link-in-bio ever. #1 Linktree + Gumroad alternative.</p>
  2185.                                        </div>
  2186.                                            <div style="background-color: #fff;color:#2c2c2c" class="visit-link text-nowrap">
  2187.                                                Discover
  2188.                                            </div>
  2189.  
  2190.                                    </div>
  2191.                                    </div>
  2192.                                </a>
  2193.                            </div>
  2194.                                                                                                                                                                                                                <div class="link-cards link-card-shadow "  style="background: #fffffb; --color:#fffffb;">
  2195.                                <a href="https://winconsgroup.com/gia-thi-cong-nha-khung-thep/" data-link-url="553592"
  2196.                                    >
  2197.                                    <div class="card-banner-image">
  2198.                                        <img src="https://imagedelivery.net/tqC70bVt8T6GtQUXNsa2-g/04fdfcf0-5f01-4c93-3e58-6912f72fed00/public"
  2199.                                            alt="">
  2200.                                    </div>
  2201.                                    <div class="card-cont">
  2202.                                        <div class="d-flex flex-column h-100">
  2203.                                        <div class="cont-box-card">
  2204.                                            <h2 class="card-max-length" style="color:#1E242A">giá thi công nhà khung thép</h2>
  2205.                                            <p class="card-max-length mb-for-plain" style="color:#1E242A">Giá thi công nhà khung thép: Nhà tiền chế, nhà khung thép tiền chế, nhà thép tiền chế, xây dựng nhà khung thép, xây nhà khung thép. Liên hệ hotline: 0937 146 179 Mr Long.</p>
  2206.                                        </div>
  2207.                                            <div style="background-color: #2c2c2c;color:#fff" class="visit-link text-nowrap">
  2208.                                                Discover
  2209.                                            </div>
  2210.  
  2211.                                    </div>
  2212.                                    </div>
  2213.                                </a>
  2214.                            </div>
  2215.                                                                                                                                                                                                                <div class="link-cards link-card-shadow "  style="background: #fffffb; --color:#fffffb;">
  2216.                                <a href="https://solo.to/thicongnhakhungthep" data-link-url="553593"
  2217.                                    >
  2218.                                    <div class="card-banner-image">
  2219.                                        <img src="https://imagedelivery.net/tqC70bVt8T6GtQUXNsa2-g/04fdfcf0-5f01-4c93-3e58-6912f72fed00/public"
  2220.                                            alt="">
  2221.                                    </div>
  2222.                                    <div class="card-cont">
  2223.                                        <div class="d-flex flex-column h-100">
  2224.                                        <div class="cont-box-card">
  2225.                                            <h2 class="card-max-length" style="color:#1E242A">giá thi công nhà khung thép</h2>
  2226.                                            <p class="card-max-length mb-for-plain" style="color:#1E242A">giá thi công nhà khung thép</p>
  2227.                                        </div>
  2228.                                            <div style="background-color: #2c2c2c;color:#fff" class="visit-link text-nowrap">
  2229.                                                Discover
  2230.                                            </div>
  2231.  
  2232.                                    </div>
  2233.                                    </div>
  2234.                                </a>
  2235.                            </div>
  2236.                                                                                                                                                                                                                <div class="link-cards link-card-shadow "  style="background: #000000; --color:#000000;">
  2237.                                <a href="https://potofu.me/thicongnhakhungthep" data-link-url="553594"
  2238.                                    >
  2239.                                    <div class="card-banner-image">
  2240.                                        <img src="https://contents.potofu.me/images/69V2H3z3Fvdm.jpg"
  2241.                                            alt="">
  2242.                                    </div>
  2243.                                    <div class="card-cont">
  2244.                                        <div class="d-flex flex-column h-100">
  2245.                                        <div class="cont-box-card">
  2246.                                            <h2 class="card-max-length" style="color:#ffffff">giá thi công nhà khung thép</h2>
  2247.                                            <p class="card-max-length mb-for-plain" style="color:#ffffff">CÔNG TY TNHH KIẾN TRÚC XÂY DỰNG WINCONS
  2248. CHUYÊN THIẾT KẾ VÀ THI CÔNG CÔNG TRÌNH DÂN DỤNG VÀ CÔNG NGHIỆP. XƯỞNG GIA CÔNG CƠ KHÍ, ĐỒ GỖ, NHÔM KÍNH HÂN HẠNH PHỤC VỤ QUÝ KHÁCH HÀNG.
  2249.  
  2250. Văn phòng chính: 1A21/2 Trần Văn Giàu, Phạm Văn Hai, Bình Chánh, TP. Hồ Chí Minh, Việt Nam.
  2251. Điện thoại: 0348 111 468 – 0937 146 179
  2252.  
  2253. </p>
  2254.                                        </div>
  2255.                                            <div style="background-color: #fff;color:#2c2c2c" class="visit-link text-nowrap">
  2256.                                                Discover
  2257.                                            </div>
  2258.  
  2259.                                    </div>
  2260.                                    </div>
  2261.                                </a>
  2262.                            </div>
  2263.                                                                                                                                                                                                                <div class="link-cards link-card-shadow "  style="background: #2d2d2d; --color:#2d2d2d;">
  2264.                                <a href="https://heylink.me/giathicongnhakhungthep/" data-link-url="553595"
  2265.                                    >
  2266.                                    <div class="card-banner-image">
  2267.                                        <img src="https://heylink.me/cdn-cgi/image/f=auto,q=85,fit=crop,w=800,h=800/https://cdn-b.heylink.me/media/users/avatars/26ba35b3d35b4a6d96d6a86cee75c6cc.png"
  2268.                                            alt="">
  2269.                                    </div>
  2270.                                    <div class="card-cont">
  2271.                                        <div class="d-flex flex-column h-100">
  2272.                                        <div class="cont-box-card">
  2273.                                            <h2 class="card-max-length" style="color:#ffffff">giá thi công nhà khung thép</h2>
  2274.                                            <p class="card-max-length mb-for-plain" style="color:#ffffff">giá thi công nhà khung thép</p>
  2275.                                        </div>
  2276.                                            <div style="background-color: #fff;color:#2c2c2c" class="visit-link text-nowrap">
  2277.                                                Discover
  2278.                                            </div>
  2279.  
  2280.                                    </div>
  2281.                                    </div>
  2282.                                </a>
  2283.                            </div>
  2284.                                                                                                                                                                                                                <div class="link-cards link-card-shadow "  style="background: #fffffb; --color:#fffffb;">
  2285.                                <a href="https://joy.link/nhakhungthep" data-link-url="553596"
  2286.                                    >
  2287.                                    <div class="card-banner-image">
  2288.                                        <img src="https://asset.joy.link/profilePic/360x360/8389381e9828f99662d2b09d89f9c33023652838218bc21cd2e8800aecc738ae_1678447058.png"
  2289.                                            alt="">
  2290.                                    </div>
  2291.                                    <div class="card-cont">
  2292.                                        <div class="d-flex flex-column h-100">
  2293.                                        <div class="cont-box-card">
  2294.                                            <h2 class="card-max-length" style="color:#1E242A">giá thi công nhà khung thép</h2>
  2295.                                            <p class="card-max-length mb-for-plain" style="color:#1E242A">Collection of links enjoyed by @nhakhungthep </p>
  2296.                                        </div>
  2297.                                            <div style="background-color: #2c2c2c;color:#fff" class="visit-link text-nowrap">
  2298.                                                Discover
  2299.                                            </div>
  2300.  
  2301.                                    </div>
  2302.                                    </div>
  2303.                                </a>
  2304.                            </div>
  2305.                                                                                                                                                                                                                <div class="link-cards link-card-shadow "  style="background: #2d2d2d; --color:#2d2d2d;">
  2306.                                <a href="https://linkpop.com/giathicongnhakhungthep" data-link-url="553597"
  2307.                                    >
  2308.                                    <div class="card-banner-image">
  2309.                                        <img src="https://heylink.me/cdn-cgi/image/f=auto,q=85,fit=crop,w=800,h=800/https://cdn-b.heylink.me/media/users/avatars/26ba35b3d35b4a6d96d6a86cee75c6cc.png"
  2310.                                            alt="">
  2311.                                    </div>
  2312.                                    <div class="card-cont">
  2313.                                        <div class="d-flex flex-column h-100">
  2314.                                        <div class="cont-box-card">
  2315.                                            <h2 class="card-max-length" style="color:#ffffff">giá thi công nhà khung thép</h2>
  2316.                                            <p class="card-max-length mb-for-plain" style="color:#ffffff">giá thi công nhà khung thép</p>
  2317.                                        </div>
  2318.                                            <div style="background-color: #fff;color:#2c2c2c" class="visit-link text-nowrap">
  2319.                                                Discover
  2320.                                            </div>
  2321.  
  2322.                                    </div>
  2323.                                    </div>
  2324.                                </a>
  2325.                            </div>
  2326.                                                                                                                                                                                                                <div class="link-cards link-card-shadow "  style="background: #2d2d2d; --color:#2d2d2d;">
  2327.                                <a href="https://linkbio.co/giathicongnhakhungthep" data-link-url="553598"
  2328.                                    >
  2329.                                    <div class="card-banner-image">
  2330.                                        <img src="https://heylink.me/cdn-cgi/image/f=auto,q=85,fit=crop,w=800,h=800/https://cdn-b.heylink.me/media/users/avatars/26ba35b3d35b4a6d96d6a86cee75c6cc.png"
  2331.                                            alt="">
  2332.                                    </div>
  2333.                                    <div class="card-cont">
  2334.                                        <div class="d-flex flex-column h-100">
  2335.                                        <div class="cont-box-card">
  2336.                                            <h2 class="card-max-length" style="color:#ffffff">giá thi công nhà khung thép</h2>
  2337.                                            <p class="card-max-length mb-for-plain" style="color:#ffffff">giá thi công nhà khung thép</p>
  2338.                                        </div>
  2339.                                            <div style="background-color: #fff;color:#2c2c2c" class="visit-link text-nowrap">
  2340.                                                Discover
  2341.                                            </div>
  2342.  
  2343.                                    </div>
  2344.                                    </div>
  2345.                                </a>
  2346.                            </div>
  2347.                                                                                                                                                                                                                <div class="link-cards link-card-shadow "  style="background: #2d2d2d; --color:#2d2d2d;">
  2348.                                <a href="https://giathicongnhakhungthep.contently.com/" data-link-url="553599"
  2349.                                    >
  2350.                                    <div class="card-banner-image">
  2351.                                        <img src="https://heylink.me/cdn-cgi/image/f=auto,q=85,fit=crop,w=800,h=800/https://cdn-b.heylink.me/media/users/avatars/26ba35b3d35b4a6d96d6a86cee75c6cc.png"
  2352.                                            alt="">
  2353.                                    </div>
  2354.                                    <div class="card-cont">
  2355.                                        <div class="d-flex flex-column h-100">
  2356.                                        <div class="cont-box-card">
  2357.                                            <h2 class="card-max-length" style="color:#ffffff">giá thi công nhà khung thép</h2>
  2358.                                            <p class="card-max-length mb-for-plain" style="color:#ffffff">giá thi công nhà khung thép</p>
  2359.                                        </div>
  2360.                                            <div style="background-color: #fff;color:#2c2c2c" class="visit-link text-nowrap">
  2361.                                                Discover
  2362.                                            </div>
  2363.  
  2364.                                    </div>
  2365.                                    </div>
  2366.                                </a>
  2367.                            </div>
  2368.                                                                                                                                                                                                                <div class="link-cards link-card-shadow "  style="background: #2d2d2d; --color:#2d2d2d;">
  2369.                                <a href="https://biolinky.co/giathicongnhakhungthep" data-link-url="553600"
  2370.                                    >
  2371.                                    <div class="card-banner-image">
  2372.                                        <img src="https://biolinky.co/assets/img/profilepics/2rKKMg/wincons.png"
  2373.                                            alt="">
  2374.                                    </div>
  2375.                                    <div class="card-cont">
  2376.                                        <div class="d-flex flex-column h-100">
  2377.                                        <div class="cont-box-card">
  2378.                                            <h2 class="card-max-length" style="color:#ffffff">giá thi công nhà khung thép</h2>
  2379.                                            <p class="card-max-length mb-for-plain" style="color:#ffffff">CÔNG TY TNHH KIẾN TRÚC XÂY DỰNG WINCONS
  2380. CHUYÊN THIẾT KẾ VÀ THI CÔNG CÔNG TRÌNH DÂN DỤNG VÀ CÔNG NGHIỆP.</p>
  2381.                                        </div>
  2382.                                            <div style="background-color: #fff;color:#2c2c2c" class="visit-link text-nowrap">
  2383.                                                Discover
  2384.                                            </div>
  2385.  
  2386.                                    </div>
  2387.                                    </div>
  2388.                                </a>
  2389.                            </div>
  2390.                                                                                                                                                                                                                <div class="link-cards link-card-shadow "  style="background: #2d2d2d; --color:#2d2d2d;">
  2391.                                <a href="https://mez.ink/giathicongnhakhungthep" data-link-url="553601"
  2392.                                    >
  2393.                                    <div class="card-banner-image">
  2394.                                        <img src="https://biolinky.co/assets/img/profilepics/2rKKMg/wincons.png"
  2395.                                            alt="">
  2396.                                    </div>
  2397.                                    <div class="card-cont">
  2398.                                        <div class="d-flex flex-column h-100">
  2399.                                        <div class="cont-box-card">
  2400.                                            <h2 class="card-max-length" style="color:#ffffff">giá thi công nhà khung thép</h2>
  2401.                                            <p class="card-max-length mb-for-plain" style="color:#ffffff">Check the complete social links from giá thi công nhà khung thép here</p>
  2402.                                        </div>
  2403.                                            <div style="background-color: #fff;color:#2c2c2c" class="visit-link text-nowrap">
  2404.                                                Discover
  2405.                                            </div>
  2406.  
  2407.                                    </div>
  2408.                                    </div>
  2409.                                </a>
  2410.                            </div>
  2411.                                                                                                                                                                                                                <div class="link-cards link-card-shadow "  style="background: #478cd4; --color:#478cd4;">
  2412.                                <a href="https://lit.link/en/giathicongnhakhungthep" data-link-url="553602"
  2413.                                    >
  2414.                                    <div class="card-banner-image">
  2415.                                        <img src="https://prd.storage.lit.link/images/creator/69cGmlcV7nhRWmdXLqnris4zil12/ogp/ogp_image.jpg"
  2416.                                            alt="">
  2417.                                    </div>
  2418.                                    <div class="card-cont">
  2419.                                        <div class="d-flex flex-column h-100">
  2420.                                        <div class="cont-box-card">
  2421.                                            <h2 class="card-max-length" style="color:#ffffff">giá thi công nhà khung thép</h2>
  2422.                                            <p class="card-max-length mb-for-plain" style="color:#ffffff">wincons、SNS、Youtube、blogs、products、website、etc. Combine all the links you want to share.</p>
  2423.                                        </div>
  2424.                                            <div style="background-color: #fff;color:#2c2c2c" class="visit-link text-nowrap">
  2425.                                                Discover
  2426.                                            </div>
  2427.  
  2428.                                    </div>
  2429.                                    </div>
  2430.                                </a>
  2431.                            </div>
  2432.                                                                                                                                                                                                                <div class="link-cards link-card-shadow "  style="background: #000000; --color:#000000;">
  2433.                                <a href="https://beacons.ai/giathicongnhakhungthep" data-link-url="553603"
  2434.                                    >
  2435.                                    <div class="card-banner-image">
  2436.                                        <img src="https://imagedelivery.net/tqC70bVt8T6GtQUXNsa2-g/f6359884-40e2-47ff-bc96-bf7a65e02000/public"
  2437.                                            alt="">
  2438.                                    </div>
  2439.                                    <div class="card-cont">
  2440.                                        <div class="d-flex flex-column h-100">
  2441.                                        <div class="cont-box-card">
  2442.                                            <h2 class="card-max-length" style="color:#ffffff">giá thi công nhà khung thép</h2>
  2443.                                            <p class="card-max-length mb-for-plain" style="color:#ffffff"></p>
  2444.                                        </div>
  2445.                                            <div style="background-color: #fff;color:#2c2c2c" class="visit-link text-nowrap">
  2446.                                                Discover
  2447.                                            </div>
  2448.  
  2449.                                    </div>
  2450.                                    </div>
  2451.                                </a>
  2452.                            </div>
  2453.                                                                                                                                                                                                                <div class="link-cards link-card-shadow "  style="background: #478cd4; --color:#478cd4;">
  2454.                                <a href="https://wlo.link/@giathicongnhakhungthep" data-link-url="553604"
  2455.                                    >
  2456.                                    <div class="card-banner-image">
  2457.                                        <img src="https://cdn.wlo.link/profiles/ogimgs/giathicongnhakhungthep-og.png"
  2458.                                            alt="">
  2459.                                    </div>
  2460.                                    <div class="card-cont">
  2461.                                        <div class="d-flex flex-column h-100">
  2462.                                        <div class="cont-box-card">
  2463.                                            <h2 class="card-max-length" style="color:#ffffff">giá thi công nhà khung thép</h2>
  2464.                                            <p class="card-max-length mb-for-plain" style="color:#ffffff">CÔNG TY TNHH KIẾN TRÚC XÂY DỰNG WINCONS
  2465.  
  2466. CHUYÊN THIẾT KẾ VÀ THI CÔNG CÔNG TRÌNH DÂN DỤNG VÀ CÔNG NGHIỆP.</p>
  2467.                                        </div>
  2468.                                            <div style="background-color: #fff;color:#2c2c2c" class="visit-link text-nowrap">
  2469.                                                Discover
  2470.                                            </div>
  2471.  
  2472.                                    </div>
  2473.                                    </div>
  2474.                                </a>
  2475.                            </div>
  2476.                                                                                                                                                                                                                <div class="link-cards link-card-shadow "  style="background: #2d2d2d; --color:#2d2d2d;">
  2477.                                <a href="https://linkr.bio/giathicongnhakhungthep" data-link-url="553605"
  2478.                                    >
  2479.                                    <div class="card-banner-image">
  2480.                                        <img src="https://biolinky.co/assets/img/profilepics/2rKKMg/wincons.png"
  2481.                                            alt="">
  2482.                                    </div>
  2483.                                    <div class="card-cont">
  2484.                                        <div class="d-flex flex-column h-100">
  2485.                                        <div class="cont-box-card">
  2486.                                            <h2 class="card-max-length" style="color:#ffffff">giá thi công nhà khung thép</h2>
  2487.                                            <p class="card-max-length mb-for-plain" style="color:#ffffff">giá thi công nhà khung thép</p>
  2488.                                        </div>
  2489.                                            <div style="background-color: #fff;color:#2c2c2c" class="visit-link text-nowrap">
  2490.                                                Discover
  2491.                                            </div>
  2492.  
  2493.                                    </div>
  2494.                                    </div>
  2495.                                </a>
  2496.                            </div>
  2497.                                                                                                                                                                                                                <div class="link-cards link-card-shadow "  style="background: #f6f5f3; --color:#f6f5f3;">
  2498.                                <a href="https://www.flowcode.com/page/giathicongnhakhungthep" data-link-url="553606"
  2499.                                    >
  2500.                                    <div class="card-banner-image">
  2501.                                        <img src="https://capture.flowcode.com/screenshot?url=https%3A%2F%2Fwww.flow.page%2Fgiathicongnhakhungthep&amp;h=650&amp;w=1080"
  2502.                                            alt="">
  2503.                                    </div>
  2504.                                    <div class="card-cont">
  2505.                                        <div class="d-flex flex-column h-100">
  2506.                                        <div class="cont-box-card">
  2507.                                            <h2 class="card-max-length" style="color:#1E242A">giá thi công nhà khung thép</h2>
  2508.                                            <p class="card-max-length mb-for-plain" style="color:#1E242A">CÃ\x94NG TY TNHH KIẾN TRÃ\x9aC XÃ\x82Y Dá»°NG WINCONS
  2509. CHUYÃ\x8aN THIẾT KẾ VÃ\x80 THI CÃ\x94NG CÃ\x94NG TRÃ\x8cNH DÃ\x82N DỤNG VÃ\x80 CÃ\x94NG NGHIá»\x86P. XƯá»\x9eNG GIA CÃ\x94NG CÆ  KHÃ\x8d, Ä\x90á»\x92 Gá»\x96, NHÃ\x94M KÃ\x8dNH HÃ\x82N HẠNH PHỤC VỤ QUÃ\x9d KHÃ\x81CH HÃ\x80NG.
  2510. </p>
  2511.                                        </div>
  2512.                                            <div style="background-color: #2c2c2c;color:#fff" class="visit-link text-nowrap">
  2513.                                                Discover
  2514.                                            </div>
  2515.  
  2516.                                    </div>
  2517.                                    </div>
  2518.                                </a>
  2519.                            </div>
  2520.                                                                                                                                                                                                                <div class="link-cards link-card-shadow "  style="background: #fffffb; --color:#fffffb;">
  2521.                                <a href="https://jemi.so/giathicongnhakhungthep279" data-link-url="553607"
  2522.                                    >
  2523.                                    <div class="card-banner-image">
  2524.                                        <img src="https://cdn.static.linkr.bio/user/upload/image/b30bc965-b2ec-45fa-bc7e-19f26a14eb0d.png"
  2525.                                            alt="">
  2526.                                    </div>
  2527.                                    <div class="card-cont">
  2528.                                        <div class="d-flex flex-column h-100">
  2529.                                        <div class="cont-box-card">
  2530.                                            <h2 class="card-max-length" style="color:#1E242A">giá thi công nhà khung thép</h2>
  2531.                                            <p class="card-max-length mb-for-plain" style="color:#1E242A">giá thi công nhà khung thép</p>
  2532.                                        </div>
  2533.                                            <div style="background-color: #2c2c2c;color:#fff" class="visit-link text-nowrap">
  2534.                                                Discover
  2535.                                            </div>
  2536.  
  2537.                                    </div>
  2538.                                    </div>
  2539.                                </a>
  2540.                            </div>
  2541.                                                                                                                                                                                                                <div class="link-cards link-card-shadow "  style="background: #fffffb; --color:#fffffb;">
  2542.                                <a href="https://lynk.id/giathicongnhakhungthep" data-link-url="553608"
  2543.                                    >
  2544.                                    <div class="card-banner-image">
  2545.                                        <img src="https://imagedelivery.net/tqC70bVt8T6GtQUXNsa2-g/33bf2bfc-8bd5-4e7e-a338-06b6fa83ea00/public"
  2546.                                            alt="">
  2547.                                    </div>
  2548.                                    <div class="card-cont">
  2549.                                        <div class="d-flex flex-column h-100">
  2550.                                        <div class="cont-box-card">
  2551.                                            <h2 class="card-max-length" style="color:#1E242A">giá thi công nhà khung thép</h2>
  2552.                                            <p class="card-max-length mb-for-plain" style="color:#1E242A">Create Instant Mobile Webpage to sell your knowledge. Chat, Video Calls, Events, Digital Product. Share it across social media.</p>
  2553.                                        </div>
  2554.                                            <div style="background-color: #2c2c2c;color:#fff" class="visit-link text-nowrap">
  2555.                                                Discover
  2556.                                            </div>
  2557.  
  2558.                                    </div>
  2559.                                    </div>
  2560.                                </a>
  2561.                            </div>
  2562.                                                                                                </div>
  2563.                </div>
  2564.            </div>
  2565.            <div class="next-arrow left-arrow folder-link-left-arrow folder-link-left-arrow-553588">
  2566.        <svg xmlns="http://www.w3.org/2000/svg" width="15" height="11" viewBox="0 0 18 14" fill="none"
  2567.            transform="scale(-1, 1)">
  2568.            <path d="M1 7H17M17 7L11 1M17 7L11 13" stroke="white" stroke-width="2" stroke-linecap="round"
  2569.                stroke-linejoin="round" />
  2570.        </svg>
  2571.    </div>
  2572.    <div class="next-arrow right-arrow folder-link-right-arrow folder-link-right-arrow-553588">
  2573.        <svg xmlns="http://www.w3.org/2000/svg" width="15" height="11" viewBox="0 0 18 14" fill="none">
  2574.            <path d="M1 7H17M17 7L11 1M17 7L11 13" stroke="white" stroke-width="2" stroke-linecap="round"
  2575.                stroke-linejoin="round" />
  2576.        </svg>
  2577.    </div>
  2578.        </div>
  2579.    </div>
  2580.                    
  2581.  
  2582.                                                            <div class="banner-box new-bio-page-widgets-width">
  2583.    <div class="cont-circle-area">
  2584.        <div class="con-circle">
  2585.            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"
  2586.                fill="none">
  2587.                <path
  2588.                    d="M14 6V11.5C14 12.8807 15.1193 14 16.5 14C18.6808 14 19 11.7332 19 10C19 5.02944 14.9706 1 10 1C5.02944 1 1 5.02944 1 10C1 14.9706 5.02944 19 10 19C11.0519 19 12.0617 18.8195 13 18.4879M14 10C14 12.2091 12.2091 14 10 14C7.79086 14 6 12.2091 6 10C6 7.79086 7.79086 6 10 6C12.2091 6 14 7.79086 14 10Z"
  2589.                    stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
  2590.            </svg>
  2591.        </div>
  2592.        <span>
  2593.            <p class="link-text-color mb-0">Join my community</p>
  2594.            <p style="font-size: 16px" class="link-text-color mb-0">Stay in the loop</p>
  2595.        </span>
  2596.  
  2597.    </div>
  2598.    <form action="" class="emailwidget">
  2599.        <div class="inp-area2">
  2600.            <input type="text" name="name" placeholder="Name" required>
  2601.            <input type="email"  name="email" placeholder="Email" required>
  2602.            <button type="submit" class="sub-btn2 hover-effect ">
  2603.    <span>
  2604.        Join
  2605.        <svg class="submit-arrow" xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 24 24"
  2606.            fill="none">
  2607.            <path
  2608.                d="M15.0031 10.0605L8.5478 16.5157L7.4873 15.4553L13.9418 9H8.25305V7.5H16.5031V15.75H15.0031V10.0605V10.0605Z"
  2609.                fill="white"></path>
  2610.        </svg>
  2611.    </span>
  2612. </button>
  2613.        </div>
  2614.    </form>
  2615. </div>                    
  2616.  
  2617.                                                            <div class="links-slider p-0">
  2618.  
  2619.    
  2620.    <a href="http://my.effairs.at/austriatech/link/t?i=2504674541756&amp;v=0&amp;c=anonym&amp;e=anonym@anonym.at&amp;href=http://suanhatphcm.xim.tv/" id="best-link-1337131" class="best-link best-single-link align-items-end link-card-shadow " data-link-url="1337131"   >
  2621.    <div class="best-link-div" >
  2622.                <div class="banner-img">
  2623.            <img src="https://i.imgur.com/e4uJsofl.jpg" alt="">
  2624.        </div>
  2625.                        <div class="singlelinkcontent">
  2626.            <div id="text-1337131" class="zaapheading ">
  2627.                Sửa nhà TPHCM
  2628.            </div>
  2629.            <div id="text-1337131" class="link-description">Sửa nhà TPHCM, sửa chữa nhà TPHCM, sửa nhà trọn gói TPHCM, sửa nhà giá...</div>
  2630.        </div>
  2631.    </div>
  2632.    <div class="visit-single-link text-nowrap">
  2633.        <div id="button-1337131"  class="visit-link">
  2634.            Discover
  2635.        </div>
  2636.    </div>
  2637.    </a>
  2638.  
  2639. </div>
  2640.  
  2641. <script>
  2642.    if (window.innerWidth < 530 ) {
  2643.        var element = document.querySelector("#best-link-1337131");
  2644.        var elements2 = document.querySelectorAll('#text-1337131');
  2645.        var element3 = document.querySelector('#button-1337131');
  2646.        element.style.setProperty("--color","#478cd4");
  2647.                // if (elements2[0].style.color == "rgb(255, 255, 255)") {
  2648.        //     element3.style.backgroundColor = "#fff";
  2649.        //     element3.style.color = "rgb(30, 36, 42)";
  2650.        // }else {
  2651.        //     element3.style.backgroundColor = "#2c2c2c";
  2652.        //     element3.style.color = "rgb(255, 255, 255)";
  2653.        // }
  2654.    }
  2655. </script>
  2656.                    
  2657.  
  2658.                                                            <div class="links-slider p-0">
  2659.  
  2660.    
  2661.    <a href="http://my.effairs.at/austriatech/link/t?i=2504674541756&amp;v=0&amp;c=anonym&amp;e=anonym@anonym.at&amp;href=http://winconsgroup.xim.tv/bao-gia-thi-cong-alu-tai-tphcm-dm171187.html" id="best-link-1239161" class="best-link best-single-link align-items-end link-card-shadow " data-link-url="1239161"   >
  2662.    <div class="best-link-div" >
  2663.                <div class="banner-img">
  2664.            <img src="https://i.imgur.com/iqzVfy7l.jpg" alt="">
  2665.        </div>
  2666.                        <div class="singlelinkcontent">
  2667.            <div id="text-1239161" class="zaapheading ">
  2668.                Báo giá thi công alu
  2669.            </div>
  2670.            <div id="text-1239161" class="link-description">Báo giá thi công alu</div>
  2671.        </div>
  2672.    </div>
  2673.    <div class="visit-single-link text-nowrap">
  2674.        <div id="button-1239161"  class="visit-link">
  2675.            Discover
  2676.        </div>
  2677.    </div>
  2678.    </a>
  2679.  
  2680. </div>
  2681.  
  2682. <script>
  2683.    if (window.innerWidth < 530 ) {
  2684.        var element = document.querySelector("#best-link-1239161");
  2685.        var elements2 = document.querySelectorAll('#text-1239161');
  2686.        var element3 = document.querySelector('#button-1239161');
  2687.        element.style.setProperty("--color","#478cd4");
  2688.                // if (elements2[0].style.color == "rgb(255, 255, 255)") {
  2689.        //     element3.style.backgroundColor = "#fff";
  2690.        //     element3.style.color = "rgb(30, 36, 42)";
  2691.        // }else {
  2692.        //     element3.style.backgroundColor = "#2c2c2c";
  2693.        //     element3.style.color = "rgb(255, 255, 255)";
  2694.        // }
  2695.    }
  2696. </script>
  2697.                    
  2698.  
  2699.                                                            <div class="links-slider p-0">
  2700.  
  2701.    
  2702.    <a href="http://my.effairs.at/austriatech/link/t?i=2504674541756&amp;v=0&amp;c=anonym&amp;e=anonym@anonym.at&amp;href=http://winconsgroup.xim.tv/xay-nha-tron-goi-tai-tphcm-dm171189.html" id="best-link-1239167" class="best-link best-single-link align-items-end link-card-shadow " data-link-url="1239167"   >
  2703.    <div class="best-link-div" >
  2704.                <div class="banner-img">
  2705.            <img src="https://i.imgur.com/iqzVfy7l.jpg" alt="">
  2706.        </div>
  2707.                        <div class="singlelinkcontent">
  2708.            <div id="text-1239167" class="zaapheading ">
  2709.                Xây nhà trọn gói
  2710.            </div>
  2711.            <div id="text-1239167" class="link-description">Xây nhà trọn gói</div>
  2712.        </div>
  2713.    </div>
  2714.    <div class="visit-single-link text-nowrap">
  2715.        <div id="button-1239167"  class="visit-link">
  2716.            Discover
  2717.        </div>
  2718.    </div>
  2719.    </a>
  2720.  
  2721. </div>
  2722.  
  2723. <script>
  2724.    if (window.innerWidth < 530 ) {
  2725.        var element = document.querySelector("#best-link-1239167");
  2726.        var elements2 = document.querySelectorAll('#text-1239167');
  2727.        var element3 = document.querySelector('#button-1239167');
  2728.        element.style.setProperty("--color","#478cd4");
  2729.                // if (elements2[0].style.color == "rgb(255, 255, 255)") {
  2730.        //     element3.style.backgroundColor = "#fff";
  2731.        //     element3.style.color = "rgb(30, 36, 42)";
  2732.        // }else {
  2733.        //     element3.style.backgroundColor = "#2c2c2c";
  2734.        //     element3.style.color = "rgb(255, 255, 255)";
  2735.        // }
  2736.    }
  2737. </script>
  2738.                    
  2739.  
  2740.                                                            <div class="links-slider p-0">
  2741.  
  2742.    
  2743.    <a href="http://my.effairs.at/austriatech/link/t?i=2504674541756&amp;v=0&amp;c=anonym&amp;e=anonym@anonym.at&amp;href=http://thicongxaydungnhaxuong.xim.tv/" id="best-link-1239168" class="best-link best-single-link align-items-end link-card-shadow " data-link-url="1239168"   >
  2744.    <div class="best-link-div" >
  2745.                <div class="banner-img">
  2746.            <img src="https://i.imgur.com/VeTlKx8l.jpg" alt="">
  2747.        </div>
  2748.                        <div class="singlelinkcontent">
  2749.            <div id="text-1239168" class="zaapheading ">
  2750.                Thi công nhà xưởng
  2751.            </div>
  2752.            <div id="text-1239168" class="link-description">Thi công nhà xưởng</div>
  2753.        </div>
  2754.    </div>
  2755.    <div class="visit-single-link text-nowrap">
  2756.        <div id="button-1239168"  class="visit-link">
  2757.            Discover
  2758.        </div>
  2759.    </div>
  2760.    </a>
  2761.  
  2762. </div>
  2763.  
  2764. <script>
  2765.    if (window.innerWidth < 530 ) {
  2766.        var element = document.querySelector("#best-link-1239168");
  2767.        var elements2 = document.querySelectorAll('#text-1239168');
  2768.        var element3 = document.querySelector('#button-1239168');
  2769.        element.style.setProperty("--color","#478cd4");
  2770.                // if (elements2[0].style.color == "rgb(255, 255, 255)") {
  2771.        //     element3.style.backgroundColor = "#fff";
  2772.        //     element3.style.color = "rgb(30, 36, 42)";
  2773.        // }else {
  2774.        //     element3.style.backgroundColor = "#2c2c2c";
  2775.        //     element3.style.color = "rgb(255, 255, 255)";
  2776.        // }
  2777.    }
  2778. </script>
  2779.                    
  2780.  
  2781.                                                            <div class="links-slider p-0">
  2782.  
  2783.    
  2784.    <a href="http://my.effairs.at/austriatech/link/t?i=2504674541756&amp;v=0&amp;c=anonym&amp;e=anonym@anonym.at&amp;href=http://nhangiacongcokhile.xim.tv/" id="best-link-1239169" class="best-link best-single-link align-items-end link-card-shadow " data-link-url="1239169"   >
  2785.    <div class="best-link-div" >
  2786.                <div class="banner-img">
  2787.            <img src="https://i.imgur.com/IxuP58wl.jpg" alt="">
  2788.        </div>
  2789.                        <div class="singlelinkcontent">
  2790.            <div id="text-1239169" class="zaapheading ">
  2791.                Nhận gia công cơ khí lẻ
  2792.            </div>
  2793.            <div id="text-1239169" class="link-description">Nhận gia công cơ khí lẻ</div>
  2794.        </div>
  2795.    </div>
  2796.    <div class="visit-single-link text-nowrap">
  2797.        <div id="button-1239169"  class="visit-link">
  2798.            Discover
  2799.        </div>
  2800.    </div>
  2801.    </a>
  2802.  
  2803. </div>
  2804.  
  2805. <script>
  2806.    if (window.innerWidth < 530 ) {
  2807.        var element = document.querySelector("#best-link-1239169");
  2808.        var elements2 = document.querySelectorAll('#text-1239169');
  2809.        var element3 = document.querySelector('#button-1239169');
  2810.        element.style.setProperty("--color","#478cd4");
  2811.                // if (elements2[0].style.color == "rgb(255, 255, 255)") {
  2812.        //     element3.style.backgroundColor = "#fff";
  2813.        //     element3.style.color = "rgb(30, 36, 42)";
  2814.        // }else {
  2815.        //     element3.style.backgroundColor = "#2c2c2c";
  2816.        //     element3.style.color = "rgb(255, 255, 255)";
  2817.        // }
  2818.    }
  2819. </script>
  2820.                    
  2821.  
  2822.                                                            <div class="links-slider p-0">
  2823.  
  2824.    
  2825.    <a href="http://my.effairs.at/austriatech/link/t?i=2504674541756&amp;v=0&amp;c=anonym&amp;e=anonym@anonym.at&amp;href=http://baogiacuanhomxingfa.xim.tv/" id="best-link-1239170" class="best-link best-single-link align-items-end link-card-shadow " data-link-url="1239170"   >
  2826.    <div class="best-link-div" >
  2827.                <div class="banner-img">
  2828.            <img src="https://i.imgur.com/62G3IWhl.jpg" alt="">
  2829.        </div>
  2830.                        <div class="singlelinkcontent">
  2831.            <div id="text-1239170" class="zaapheading ">
  2832.                Báo giá cửa nhôm xingfa
  2833.            </div>
  2834.            <div id="text-1239170" class="link-description">Báo giá cửa nhôm xingfa</div>
  2835.        </div>
  2836.    </div>
  2837.    <div class="visit-single-link text-nowrap">
  2838.        <div id="button-1239170"  class="visit-link">
  2839.            Discover
  2840.        </div>
  2841.    </div>
  2842.    </a>
  2843.  
  2844. </div>
  2845.  
  2846. <script>
  2847.    if (window.innerWidth < 530 ) {
  2848.        var element = document.querySelector("#best-link-1239170");
  2849.        var elements2 = document.querySelectorAll('#text-1239170');
  2850.        var element3 = document.querySelector('#button-1239170');
  2851.        element.style.setProperty("--color","#478cd4");
  2852.                // if (elements2[0].style.color == "rgb(255, 255, 255)") {
  2853.        //     element3.style.backgroundColor = "#fff";
  2854.        //     element3.style.color = "rgb(30, 36, 42)";
  2855.        // }else {
  2856.        //     element3.style.backgroundColor = "#2c2c2c";
  2857.        //     element3.style.color = "rgb(255, 255, 255)";
  2858.        // }
  2859.    }
  2860. </script>
  2861.                    
  2862.  
  2863.                                                            <div class="links-slider p-0">
  2864.  
  2865.    
  2866.    <a href="http://my.effairs.at/austriatech/link/t?i=2504674541756&amp;v=0&amp;c=anonym&amp;e=anonym@anonym.at&amp;href=http://giacongcokhitheoyeucau.xim.tv/" id="best-link-1239171" class="best-link best-single-link align-items-end link-card-shadow " data-link-url="1239171"   >
  2867.    <div class="best-link-div" >
  2868.                <div class="banner-img">
  2869.            <img src="https://i.imgur.com/QOCZWckl.jpg" alt="">
  2870.        </div>
  2871.                        <div class="singlelinkcontent">
  2872.            <div id="text-1239171" class="zaapheading ">
  2873.                Gia công cơ khí theo yêu cầu
  2874.            </div>
  2875.            <div id="text-1239171" class="link-description">Gia công cơ khí theo yêu cầu</div>
  2876.        </div>
  2877.    </div>
  2878.    <div class="visit-single-link text-nowrap">
  2879.        <div id="button-1239171"  class="visit-link">
  2880.            Discover
  2881.        </div>
  2882.    </div>
  2883.    </a>
  2884.  
  2885. </div>
  2886.  
  2887. <script>
  2888.    if (window.innerWidth < 530 ) {
  2889.        var element = document.querySelector("#best-link-1239171");
  2890.        var elements2 = document.querySelectorAll('#text-1239171');
  2891.        var element3 = document.querySelector('#button-1239171');
  2892.        element.style.setProperty("--color","#478cd4");
  2893.                // if (elements2[0].style.color == "rgb(255, 255, 255)") {
  2894.        //     element3.style.backgroundColor = "#fff";
  2895.        //     element3.style.color = "rgb(30, 36, 42)";
  2896.        // }else {
  2897.        //     element3.style.backgroundColor = "#2c2c2c";
  2898.        //     element3.style.color = "rgb(255, 255, 255)";
  2899.        // }
  2900.    }
  2901. </script>
  2902.                    
  2903.  
  2904.                                                            <div class="links-slider p-0">
  2905.  
  2906.    
  2907.    <a href="http://my.effairs.at/austriatech/link/t?i=2504674541756&amp;v=0&amp;c=anonym&amp;e=anonym@anonym.at&amp;href=http://suanhagiare.xim.tv/" id="best-link-1337130" class="best-link best-single-link align-items-end link-card-shadow " data-link-url="1337130"   >
  2908.    <div class="best-link-div" >
  2909.                <div class="banner-img">
  2910.            <img src="https://i.imgur.com/0mK6QhHl.jpg" alt="">
  2911.        </div>
  2912.                        <div class="singlelinkcontent">
  2913.            <div id="text-1337130" class="zaapheading ">
  2914.                Sửa nhà giá rẻ
  2915.            </div>
  2916.            <div id="text-1337130" class="link-description">Dịch vụ sửa nhà giá rẻ TPHCM, sửa nhà trọn gói tại tphcm uy tín chất l...</div>
  2917.        </div>
  2918.    </div>
  2919.    <div class="visit-single-link text-nowrap">
  2920.        <div id="button-1337130"  class="visit-link">
  2921.            Discover
  2922.        </div>
  2923.    </div>
  2924.    </a>
  2925.  
  2926. </div>
  2927.  
  2928. <script>
  2929.    if (window.innerWidth < 530 ) {
  2930.        var element = document.querySelector("#best-link-1337130");
  2931.        var elements2 = document.querySelectorAll('#text-1337130');
  2932.        var element3 = document.querySelector('#button-1337130');
  2933.        element.style.setProperty("--color","#478cd4");
  2934.                // if (elements2[0].style.color == "rgb(255, 255, 255)") {
  2935.        //     element3.style.backgroundColor = "#fff";
  2936.        //     element3.style.color = "rgb(30, 36, 42)";
  2937.        // }else {
  2938.        //     element3.style.backgroundColor = "#2c2c2c";
  2939.        //     element3.style.color = "rgb(255, 255, 255)";
  2940.        // }
  2941.    }
  2942. </script>
  2943.                    
  2944.  
  2945.                
  2946.                
  2947.                
  2948.                                <div class="braning-wrapper ">
  2949.                    
  2950.                                        <a href="https://zaap.ai" target="_blank" class="promo-u forwebpromo brand-badge">
  2951.                        <span class="brand-font">Create your free</span>
  2952.                        <img src="https://zaap.bio/assets/zaap-logo.svg" width="70px" alt="">
  2953.                        <span class="brand-font">page</span>
  2954.                    </a>
  2955.                    
  2956.                </div>
  2957.                
  2958.            </div>
  2959.            <div class="tab-pane" id="posts">
  2960.                <div class="posts-main mt-4 pt-3 ">
  2961.                    
  2962.                    <div class="post-card">
  2963.                        <div class="skeleton">
  2964.                        <div class="post-content">
  2965.                            <div class="post-header">
  2966.                                <div class="skeleton-line heading" style="width: 60%"></div>
  2967.                                <div class="skeleton-line heading" style="width: 40%"></div>
  2968.                            </div>
  2969.                            <div class="post-text">
  2970.                                <div class="skeleton-line" style="width: 90%"></div>
  2971.                                <div class="skeleton-line" style="width: 100%"></div>
  2972.                                <div class="skeleton-line" style="width: 35%"></div>
  2973.                            </div>
  2974.                    
  2975.                            <div class="skeleton-img"></div>
  2976.                    
  2977.                        </div>
  2978.                        </div>
  2979.                    </div>
  2980.                    
  2981.  
  2982.                    <div class="post-card">
  2983.                        <div class="skeleton">
  2984.                        <div class="post-content">
  2985.                            <div class="post-header">
  2986.                                <div class="skeleton-line heading" style="width: 60%"></div>
  2987.                                <div class="skeleton-line heading" style="width: 40%"></div>
  2988.                            </div>
  2989.                            <div class="post-text">
  2990.                                <div class="skeleton-line" style="width: 90%"></div>
  2991.                                <div class="skeleton-line" style="width: 100%"></div>
  2992.                                <div class="skeleton-line" style="width: 35%"></div>
  2993.                            </div>
  2994.                    
  2995.                            <div class="skeleton-img"></div>
  2996.                    
  2997.                        </div>
  2998.                        </div>
  2999.                    </div>
  3000.  
  3001.  
  3002.                    <div class="post-card">
  3003.                        <div class="skeleton">
  3004.                        <div class="post-content">
  3005.                            <div class="post-header">
  3006.                                <div class="skeleton-line heading" style="width: 60%"></div>
  3007.                                <div class="skeleton-line heading" style="width: 40%"></div>
  3008.                            </div>
  3009.                            <div class="post-text">
  3010.                                <div class="skeleton-line" style="width: 90%"></div>
  3011.                                <div class="skeleton-line" style="width: 100%"></div>
  3012.                                <div class="skeleton-line" style="width: 35%"></div>
  3013.                            </div>
  3014.                    
  3015.                            <div class="skeleton-img"></div>
  3016.                    
  3017.                        </div>
  3018.                        </div>
  3019.                    </div>
  3020.                </div>
  3021.            </div>
  3022.        </div>
  3023.        </div>
  3024.        
  3025.        </div>
  3026.        
  3027.  
  3028.        <div class="modal fade" id="create_tiktok_widget" tabindex="-1" role="dialog" aria-hidden="true">
  3029.            <div class="modal-dialog modal-dialog-centered" role="document">
  3030.                <div class="modal-content" style="height:100%;overflow:hidden">
  3031.                    <div class="modal-header" style="padding:0;padding-bottom:10px;">
  3032.                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  3033.                            <span aria-hidden="true">&times;</span>
  3034.                        </button>
  3035.                    </div>
  3036.                    <iframe scrolling="yes" src="" style="height:700px;width:auto;" id="tiktok_iframe"
  3037.                        frameborder="0"></iframe>
  3038.  
  3039.  
  3040.                </div>
  3041.            </div>
  3042.        </div>
  3043.  
  3044.        
  3045.  
  3046.        <div class="modal fade" id="youtube_play" tabindex="-1" role="dialog" aria-hidden="true">
  3047.            <div class="modal-dialog modal-xlarge" role="document">
  3048.                <div class="modal-content" style="height:100%;overflow:hidden">
  3049.                    <div class="modal-header" style="padding-right:5px;padding-bottom:10px;padding-top:10px">
  3050.                        <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
  3051.                            <span aria-hidden="true">&times;</span>
  3052.                        </button>
  3053.                    </div>
  3054.                    <iframe style="min-height: 500px" id="youtube_iframe"src="" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
  3055.                </div>
  3056.            </div>
  3057.        </div>
  3058.        
  3059.  
  3060.        
  3061.  
  3062.        <div class="modal fade come-from-modal" id="postModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
  3063.            <div class="modal-dialog modal-dialog-centered modal-md" style="max-width: 650px" role="document">
  3064.                <div class="modal-content" style="border-radius: 20px;padding:0; overflow:hidden">
  3065.                    <div class="modal-body" style="padding:0; overflow-y:auto; overflow-x:hidden">
  3066.                        
  3067.                    </div>
  3068.                </div>
  3069.            </div>
  3070.        </div>
  3071.      
  3072.  
  3073.    </section>
  3074.        <input type="hidden" id="url" name="url" value="https://zaap.bio/" />
  3075.        <input type="hidden" name="global_token" value="d303e64f956b4524da5a4365dfafb91c" />
  3076.        <input type="hidden" name="number_decimal_point" value="." />
  3077.        <input type="hidden" name="number_thousands_separator" value="," />
  3078.  
  3079.        <script>
  3080.            /* Some global variables */
  3081.            window.altum = {};
  3082.            let global_token = document.querySelector('input[name="global_token"]').value;
  3083.            let url = document.querySelector('input[name="url"]').value;
  3084.            let decimal_point = document.querySelector('[name="number_decimal_point"]').value;
  3085.            let thousands_separator = document.querySelector('[name="number_thousands_separator"]').value;
  3086.        </script>
  3087.  
  3088.        <script src="https://zaap.bio/assets/page/js/libraries/jquery.min.js?v=3.1"></script>
  3089.        <script src="https://zaap.bio/assets/page/js/libraries/popper.min.js?v=3.1"></script>
  3090.        <script src="https://zaap.bio/assets/page/js/libraries/bootstrap.min.js?v=3.1"></script>
  3091.        <script src="https://zaap.bio/assets/page/js/main.js?v=3.1"></script>
  3092.        <script src="https://zaap.bio/assets/page/js/functions.js?v=3.1"></script>
  3093.  
  3094.        <script src="https://zaap.bio/assets/page/growl-notification/growl-notification.min.js"></script>
  3095.        <script src="https://cdn.jsdelivr.net/npm/intl-tel-input@25.3.1/build/js/intlTelInput.min.js"></script>
  3096.  
  3097.        <script defer src="https://www.tiktok.com/embed.js"></script>
  3098.        
  3099.                
  3100.  
  3101.        <script>
  3102.                        let startTime = Date.now();
  3103.            let buttonClickCount = 0;
  3104.            document.addEventListener('click', async function (e) {
  3105.                // Check if clicked element is button or link
  3106.                if (e.target.tagName === 'BUTTON' || e.target.tagName === 'A') {
  3107.                    // Immediately prevent default behavior
  3108.                    button_clicks(null,e);
  3109.                    
  3110.                }
  3111.            });
  3112.            async function button_clicks(url = null, e) {
  3113.                e.preventDefault(); // Prevent default click behavior
  3114.                buttonClickCount++;
  3115.  
  3116.                // Determine the URL and element
  3117.                const linkElement = e.target; // Clicked element
  3118.                const resolvedUrl = linkElement.tagName === 'A' ? linkElement.href : url;
  3119.  
  3120.                if (resolvedUrl) {
  3121.                    // Store stats (assuming this function exists)
  3122.                    // store_stats();
  3123.  
  3124.                    // Check if the link has `data-toggle="tab"`
  3125.                    const isTabToggle = linkElement.getAttribute('data-toggle') === 'tab';
  3126.                    if (!isTabToggle) {
  3127.                        try {
  3128.                            // Send interaction events
  3129.                            await sendInteractionEvents('link_clicked', resolvedUrl);
  3130.  
  3131.                            // Handle navigation
  3132.                            if (linkElement.target === '_blank') {
  3133.                                // Open in a new tab
  3134.                                window.open(resolvedUrl, '_blank');
  3135.                            } else {
  3136.                                // Open in the same tab
  3137.                                window.location.href = resolvedUrl;
  3138.                            }
  3139.                        } catch (error) {
  3140.                            console.error('Network error:', error);
  3141.  
  3142.                            // Fallback navigation if API fails
  3143.                            window.location.href = resolvedUrl;
  3144.                        }
  3145.                    }
  3146.                } else {
  3147.                    console.warn('No valid URL found for the click event.');
  3148.                }
  3149.            }
  3150.            window.addEventListener('beforeunload', async function (event) {
  3151.                store_stats();
  3152.            });
  3153.            async function store_stats() {
  3154.                let timeOnPage = Math.floor((Date.now() - startTime) / 1000); // Time in seconds
  3155.                try {
  3156.                    const response = await fetch('https://zaap.bio/store-stats', {
  3157.                        method: 'POST',
  3158.                        headers: {
  3159.                            'Content-Type': 'application/json',
  3160.                            'X-CSRF-TOKEN': '1zXlNOITK95D33EQaTLlOn6nBoWpQ53MvjtDqWVP'
  3161.                        },
  3162.                        body: JSON.stringify({
  3163.                            project_id: '92616',
  3164.                            time_on_page: timeOnPage,
  3165.                            button_clicks: buttonClickCount,
  3166.                            dynamic_id: ""
  3167.                        })
  3168.                    });
  3169.                } catch (error) {
  3170.                    console.error('Network error:', error);
  3171.                }
  3172.            }
  3173.            async function sendInteractionEvents(key, value) {
  3174.                fetch('https://zaap.bio/store-event', {
  3175.                    method: 'POST',
  3176.                    headers: {
  3177.                        'Content-Type': 'application/json',
  3178.                        'X-CSRF-TOKEN': '1zXlNOITK95D33EQaTLlOn6nBoWpQ53MvjtDqWVP'
  3179.                    },
  3180.                    body: JSON.stringify({
  3181.                        dynamic_id: "",
  3182.                        event_type: key,
  3183.                        value: value,
  3184.                    })
  3185.                });
  3186.            }
  3187.                        // setTimeout(() => {
  3188.            //     $(".link-content").css('min-height','calc(100vh - '+($(".profile-main").height()+80)+'px)');
  3189.            //     $("footer").css('opacity','1');
  3190.            // }, 500);
  3191.  
  3192.            $(".btn-tiktok-play").click(function() {
  3193.                $("#create_tiktok_widget").modal('show');
  3194.                $("#tiktok_iframe").attr('src', $(this).attr('data-url'));
  3195.            });
  3196.  
  3197.            $(document).on('click',".btn-youtube-play",function() {
  3198.                $("#youtube_play").modal('show');
  3199.                $("#youtube_iframe").attr('src','https://www.youtube.com/embed/'+$(this).attr('data-url')+'?controls=0&modestbranding=0&showinfo=0&autohide=1&iv_load_policy=3');
  3200.            });
  3201.  
  3202.            $("#create_tiktok_widget").on('hidden.bs.modal', function() {
  3203.                $("#tiktok_iframe").attr('src', '');
  3204.            });
  3205.  
  3206.            $("#youtube_play").on('hidden.bs.modal', function() {
  3207.                $("#youtube_iframe").attr('src', '');
  3208.            });
  3209.  
  3210.            $(document).ready(function() {
  3211.  
  3212.                setTimeout(() => {
  3213.                    $(".twitter-card").removeClass('loading-skeleton');
  3214.                }, 5000);
  3215.            });
  3216.  
  3217.            if (window.innerWidth < 768) {
  3218.                //     $('.links-slider').slick({
  3219.                //   dots: false,
  3220.                //   infinite: false,
  3221.                //   speed: 300,
  3222.                //   slidesToShow: 4,
  3223.                //   arrows:false,
  3224.                //   responsive: [
  3225.                //     {
  3226.                //       breakpoint: 1024,
  3227.                //       settings: {
  3228.                //         slidesToShow: 3,
  3229.                //         slidesToScroll: 3,
  3230.                //         infinite: true,
  3231.                //         dots: false,
  3232.                //       }
  3233.                //     },
  3234.                //     {
  3235.                //       breakpoint: 767,
  3236.                //       settings: {
  3237.                //         slidesToShow: 2,
  3238.                //         slidesToScroll: 2,
  3239.                //       }
  3240.                //     },
  3241.                //     {
  3242.                //       breakpoint: 500,
  3243.                //       settings: {
  3244.                //         slidesToShow: 1,
  3245.                //         slidesToScroll: 1
  3246.                //       }
  3247.                //     }
  3248.                //     // You can unslick at a given breakpoint now by adding:
  3249.                //     // settings: "unslick"
  3250.                //     // instead of a settings object
  3251.                //   ]
  3252.                // });
  3253.            }
  3254.        </script>
  3255.        <script>
  3256.            /* Internal tracking for biolink links */
  3257.            $('[data-link-url]').on('click', event => {
  3258.  
  3259.  
  3260.                let url = $(event.currentTarget).data('link-url');
  3261.                let type = $(event.currentTarget).data('type') ?? 'block';
  3262.                $.ajaxSetup({
  3263.                    "headers": {
  3264.                        'X-CSRF-TOKEN': '1zXlNOITK95D33EQaTLlOn6nBoWpQ53MvjtDqWVP'
  3265.                    }
  3266.                })
  3267.                $.ajax({
  3268.                    url: "https://zaap.bio/track-link",
  3269.                    type: "POST",
  3270.                    data: {
  3271.                        url: url,
  3272.                        type: type,
  3273.                    },
  3274.                });
  3275.                button_clicks(event.currentTarget?.href,event);
  3276.  
  3277.            });
  3278.        </script>
  3279.        <script>
  3280.            function handleRemoveBadge(){
  3281.                $('.banner-badge').addClass('d-none');
  3282.                $('.brand-badge').removeClass('d-none');
  3283.            }
  3284.  
  3285.            /* Go over all mail buttons to make sure the user can still submit mail */
  3286.            $(".subscribe-next-btn").click(function() {
  3287.                if ($(this).parent().find('input').val() == '') {
  3288.                    GrowlNotification.notify({
  3289.                        description: "Email is required",
  3290.                        type: "error",
  3291.                        position: "top-right",
  3292.                        closeTimeout: 3000
  3293.                    });
  3294.                    return;
  3295.                } else {
  3296.                    $(this).parent().addClass('d-none');
  3297.                    $(this).parent().removeClass('d-flex');
  3298.  
  3299.                    $(this).parent().next().addClass('d-flex');
  3300.                    $(this).parent().next().removeClass('d-none');
  3301.                }
  3302.            });
  3303.            $(".emailwidget").submit(function(e) {
  3304.                e.preventDefault();
  3305.  
  3306.                var subscription_email = $(this).find('input[name="email"]');
  3307.                var subscription_name = $(this).find('input[name="name"]');
  3308.                var downloadUrl = $(this).find('input[name="download-url"]');
  3309.                var block_id = $(this).find('input[name="block-id"]');
  3310.                var dataObject = {
  3311.                        subscription_email: subscription_email.val(),
  3312.                        subscription_name: subscription_name.val(),
  3313.                    };
  3314.                if (downloadUrl) {
  3315.                    dataObject.downloadUrl = downloadUrl.val();
  3316.                    dataObject.block_id = block_id.val();
  3317.                }
  3318.                if (subscription_name.val() == '') {
  3319.                    GrowlNotification.notify({
  3320.                        description: "Name is required",
  3321.                        type: "error",
  3322.                        position: "top-right",
  3323.                        closeTimeout: 3000
  3324.                    });
  3325.                    return false;
  3326.                }
  3327.                if (subscription_email.val() == '') {
  3328.                    GrowlNotification.notify({
  3329.                        description: "Email is required",
  3330.                        type: "error",
  3331.                        position: "top-right",
  3332.                        closeTimeout: 3000
  3333.                    });
  3334.                    return false;
  3335.                }
  3336.                $.ajaxSetup({
  3337.                    "headers": {
  3338.                        'X-CSRF-TOKEN': '1zXlNOITK95D33EQaTLlOn6nBoWpQ53MvjtDqWVP'
  3339.                    }
  3340.                })
  3341.                // console.log("https://zaap.bio/thicongnhakhungthep");
  3342.                $.ajax({
  3343.                    url: "https://zaap.bio/thicongnhakhungthep",
  3344.                    type: "POST",
  3345.                    data: dataObject,
  3346.                    dataType: "json",
  3347.                    success: (data) => {
  3348.  
  3349.                        // data = JSON.parse(data);
  3350.                        if(data.error){
  3351.                            GrowlNotification.notify({
  3352.                                description: data.error,
  3353.                                type: "error",
  3354.                                position: "top-right",
  3355.                                closeTimeout: 5000
  3356.                            });
  3357.                            return false;
  3358.                        }
  3359.  
  3360.                        GrowlNotification.notify({
  3361.                                description: "Subscribed Successfully!",
  3362.                                type: "success",
  3363.                                position: "top-right",
  3364.                                closeTimeout: 5000
  3365.                            });
  3366.                        subscription_email.val('');
  3367.                        subscription_name.val('');
  3368.                        if (downloadUrl.val()) {
  3369.                            window.location.href = downloadUrl.val();
  3370.                        }
  3371.                        return false;
  3372.  
  3373.                    },
  3374.                    error: ($xhr) => {
  3375.                        var data = $xhr.responseJSON;
  3376.                        // console.log(data.status_code);
  3377.                        if (data.status_code != 200) {
  3378.                            for (i in data.errors) {
  3379.                                GrowlNotification.notify({
  3380.                                    description: data.errors[i][0],
  3381.                                    type: "error",
  3382.                                    position: "top-right",
  3383.                                    closeTimeout: 3000
  3384.                                });
  3385.                            }
  3386.                        }
  3387.                        return false;
  3388.                    }
  3389.                });
  3390.            });
  3391.            // phone widget
  3392.            $(document).ready(function () {
  3393.                // Store all phone input instances in this object
  3394.                window.phoneInputInstances = {};
  3395.                
  3396.                // Initialize each phone input
  3397.                $(".phone-dropdown-inp").each(function (index) {
  3398.                    // Ensure each input has a unique ID
  3399.                    if (!this.id) {
  3400.                        this.id = "phone_number_" + index;
  3401.                    }
  3402.                    
  3403.                    // Initialize intlTelInput and store the instance
  3404.                    const instance = window.intlTelInput(this, {
  3405.                        initialCountry: "us",
  3406.                        preferredCountries: ["us", "ca"],
  3407.                        formatOnDisplay: true,
  3408.                        containerClass: "phone-dropdown",
  3409.                        separateDialCode: true,
  3410.                        strictMode: true,
  3411.                        loadUtils: () => import("https://cdn.jsdelivr.net/npm/intl-tel-input@25.3.1/build/js/utils.js"),
  3412.                    });
  3413.                    
  3414.                    // Store the instance with the input's ID
  3415.                    window.phoneInputInstances[this.id] = instance;
  3416.                });
  3417.            })
  3418.            $(document).on('submit', '.phonewidget', function (e) {
  3419.                e.preventDefault();
  3420.                showLoader();
  3421.                
  3422.                let form = $(this);
  3423.                let subscription_name = form.find('input[name="name"]').val().trim();
  3424.                let phoneInput = form.find('input[name="phone"]'); // Get the specific input field inside this form
  3425.  
  3426.                let iti = window.phoneInputInstances[phoneInput.attr('id')];// Get instance for this input
  3427.  
  3428.                // Frontend Validation
  3429.                if (!subscription_name) {
  3430.                    GrowlNotification.notify({
  3431.                        description: "Name is required",
  3432.                        type: "error",
  3433.                        position: "top-right",
  3434.                        closeTimeout: 3000
  3435.                    });
  3436.                    hideLoader();
  3437.                    return;
  3438.                }
  3439.                 // Ensure `iti` is initialized
  3440.                if (!iti) {
  3441.                    GrowlNotification.notify({
  3442.                        description: "Phone input is not initialized properly",
  3443.                        type: "error",
  3444.                        position: "top-right",
  3445.                        closeTimeout: 3000
  3446.                    });
  3447.                    hideLoader();
  3448.                    return;
  3449.                }
  3450.  
  3451.                // Extract country code
  3452.                let countryData = iti.getSelectedCountryData();
  3453.                let country_code = countryData.dialCode;
  3454.  
  3455.                // Check if phone number is valid
  3456.                if (!iti.isValidNumber()) {
  3457.                    GrowlNotification.notify({
  3458.                        description: "Enter a valid phone number",
  3459.                        type: "error",
  3460.                        position: "top-right",
  3461.                        closeTimeout: 3000
  3462.                    });
  3463.                    hideLoader();
  3464.                    return;
  3465.                }
  3466.  
  3467.                let subscription_phone = phoneInput.val().trim().replace(/\D/g, '');
  3468.                let dataObject = {
  3469.                    subscription_phone: subscription_phone,
  3470.                    subscription_name: subscription_name,
  3471.                    country_code: country_code
  3472.                };
  3473.  
  3474.                // CSRF Token Setup
  3475.                $.ajaxSetup({
  3476.                    headers: { 'X-CSRF-TOKEN': '1zXlNOITK95D33EQaTLlOn6nBoWpQ53MvjtDqWVP' }
  3477.                });
  3478.  
  3479.                // AJAX Request
  3480.                $.ajax({
  3481.                    url: "https://zaap.bio/thicongnhakhungthep/contact-subscribe",
  3482.                    type: "POST",
  3483.                    data: dataObject,
  3484.                    dataType: "json",
  3485.                    success: (data) => {
  3486.                        if (data.error) {
  3487.                            GrowlNotification.notify({
  3488.                                description: data.error,
  3489.                                type: "error",
  3490.                                position: "top-right",
  3491.                                closeTimeout: 5000
  3492.                            });
  3493.                            hideLoader();
  3494.                            return;
  3495.                        }
  3496.  
  3497.                        GrowlNotification.notify({
  3498.                            description: "Subscribed Successfully!",
  3499.                            type: "success",
  3500.                            position: "top-right",
  3501.                            closeTimeout: 5000
  3502.                        });
  3503.  
  3504.                        // Clear input fields
  3505.                        form.find('input[name="phone"]').val('');
  3506.                        form.find('input[name="name"]').val('');
  3507.                        hideLoader();
  3508.                    },
  3509.                    error: ($xhr) => {
  3510.                        hideLoader();
  3511.                        var data = $xhr.responseJSON;
  3512.                        // console.log(data.status_code);
  3513.                        if (data.status_code != 200) {
  3514.                            for (i in data.errors) {
  3515.                                GrowlNotification.notify({
  3516.                                    description: data.errors[i][0],
  3517.                                    type: "error",
  3518.                                    position: "top-right",
  3519.                                    closeTimeout: 3000
  3520.                                });
  3521.                            }
  3522.                        }
  3523.                        return false;
  3524.                    }
  3525.                });
  3526.            });
  3527.  
  3528.            $('form[id^="mail_"]').each((index, element) => {
  3529.                let link_id = $(element).find('input[name="link_id"]').val();
  3530.                let is_converted = localStorage.getItem(`mail_${link_id}`);
  3531.  
  3532.                if (is_converted) {
  3533.                    /* Set the submit button to disabled */
  3534.                    $(element).find('button[type="submit"]').attr('disabled', 'disabled');
  3535.                }
  3536.            });
  3537.            /* Form handling for mail submissions if any */
  3538.            $('form[id^="mail_"]').on('submit', event => {
  3539.                let base_url = $('[name="url"]').val();
  3540.                let link_id = $(event.currentTarget).find('input[name="link_id"]').val();
  3541.                let is_converted = localStorage.getItem(`mail_${link_id}`);
  3542.  
  3543.                if (!is_converted) {
  3544.  
  3545.                    $.ajax({
  3546.                        type: 'POST',
  3547.                        url: `${base_url}link-ajax`,
  3548.                        data: $(event.currentTarget).serialize(),
  3549.                        success: (data) => {
  3550.                            let notification_container = $(event.currentTarget).find(
  3551.                                '.notification-container');
  3552.  
  3553.                            if (data.status == 'error') {
  3554.                                notification_container.html('');
  3555.  
  3556.                                display_notifications(data.message, 'error', notification_container);
  3557.                            } else if (data.status == 'success') {
  3558.  
  3559.                                display_notifications(data.message, 'success', notification_container);
  3560.  
  3561.                                setTimeout(() => {
  3562.  
  3563.                                    /* Hide modal */
  3564.                                    $(event.currentTarget).closest('.modal').modal('hide');
  3565.  
  3566.                                    /* Remove the notification */
  3567.                                    notification_container.html('');
  3568.  
  3569.                                    /* Set the localstorage to mention that the user was converted */
  3570.                                    localStorage.setItem(`mail_${link_id}`, true);
  3571.  
  3572.                                    /* Set the submit button to disabled */
  3573.                                    $(event.currentTarget).find('button[type="submit"]').attr(
  3574.                                        'disabled', 'disabled');
  3575.  
  3576.                                }, 1000);
  3577.  
  3578.                            }
  3579.                        },
  3580.                        dataType: 'json'
  3581.                    });
  3582.  
  3583.                }
  3584.  
  3585.                event.preventDefault();
  3586.            });
  3587.  
  3588.  
  3589.  
  3590.    $(document).on('submit', '#form_contact', function(e) {
  3591.        e.preventDefault();
  3592.        var email = $(this).find('input[name="email"]');
  3593.        var name = $(this).find('input[name="name"]');
  3594.        var phone = $(this).find('input[name="phone"]');
  3595.        var message = $(this).find('textarea[name="message"]');
  3596.        console.log(message);
  3597.        var contact_form_id = $(this).find('input[name="contact_form_id"]');
  3598.        var url = "https://zaap.bio/thicongnhakhungthep/contact-form-submit";
  3599.                if (name.attr("data-required") && name.val() == '') {
  3600.                    GrowlNotification.notify({
  3601.                        description: "Name is required",
  3602.                        type: "error",
  3603.                        position: "top-right",
  3604.                        closeTimeout: 3000
  3605.                    });
  3606.                    return false;
  3607.                }
  3608.                if (email.attr("data-required") && email.val() == '') {
  3609.                    GrowlNotification.notify({
  3610.                        description: "Email is required",
  3611.                        type: "error",
  3612.                        position: "top-right",
  3613.                        closeTimeout: 3000
  3614.                    });
  3615.                    return false;
  3616.                }
  3617.                if (phone.attr("data-required") && phone.val() == '') {
  3618.                    GrowlNotification.notify({
  3619.                        description: "Phone is required",
  3620.                        type: "error",
  3621.                        position: "top-right",
  3622.                        closeTimeout: 3000
  3623.                    });
  3624.                    return false;
  3625.                }
  3626.                if(message.attr("data-required") && message.val() == ''){
  3627.                    GrowlNotification.notify({
  3628.                            description: "Message is required",
  3629.                            type: "error",
  3630.                            position: "top-right",
  3631.                            closeTimeout: 3000
  3632.                        });
  3633.                        return false;
  3634.                }
  3635.            $.ajaxSetup({
  3636.                "headers": {
  3637.                    'X-CSRF-TOKEN': '1zXlNOITK95D33EQaTLlOn6nBoWpQ53MvjtDqWVP'
  3638.                }
  3639.            })
  3640.            $.ajax({
  3641.            url:url,
  3642.            type: 'POST',
  3643.            data: {
  3644.                email: email.val(),
  3645.                name:  name.val(),
  3646.                phone: phone.val(),
  3647.                message: message.val(),
  3648.                contact_form_id: contact_form_id.val(),
  3649.            },
  3650.            success: (data) => {
  3651.                GrowlNotification.notify({
  3652.                    description: "Form Submitted Successfully!",
  3653.                    type: "success",
  3654.                    position: "top-right",
  3655.                    closeTimeout: 5000
  3656.                });
  3657.                email.val('');
  3658.                name.val('');
  3659.                phone.val('');
  3660.                message.val('');
  3661.                return false;
  3662.                },
  3663.            error: ($xhr) => {
  3664.                        var data = $xhr.responseJSON;
  3665.                        // console.log(data.status_code);
  3666.                        if (data.status_code != 200) {
  3667.                            for (i in data.errors) {
  3668.                                GrowlNotification.notify({
  3669.                                    description: data.errors[i][0],
  3670.                                    type: "error",
  3671.                                    position: "top-right",
  3672.                                    closeTimeout: 3000
  3673.                                });
  3674.                            }
  3675.                        }
  3676.                        return false;
  3677.                    }
  3678.        });
  3679.        });
  3680.  
  3681.        $(".contact-accordion-button").click(function(){
  3682.        $(this).next().slideDown(500);
  3683.        setTimeout(() => {
  3684.            $(this).remove();
  3685.        }, 500);
  3686.        });
  3687.  
  3688.        var postsLoaded = false;
  3689.        $(document).ready(function() {
  3690.        // if (window.location.hash  == '#posts') {
  3691.        // $('.container.animate__animated.animate__fadeIn').addClass('contain')
  3692.        // }
  3693.        // else if (window.location.hash == '#home'){
  3694.            
  3695.        //     $('.container.animate__animated.animate__fadeIn').removeClass('contain')
  3696.        // }
  3697.        // Hide all tab content except the active tab
  3698.        $(".tab-content .tab-pane").not(".active").hide();
  3699.  
  3700.        // Handle tab click event
  3701.        $(".tab").click(function() {
  3702.        var tabId = $(this).attr("data-value");
  3703.        showTab(tabId);
  3704.        window.location.hash = tabId;
  3705.        // if (tabId == '#posts') {
  3706.        // $('.container.animate__animated.animate__fadeIn').addClass('contain')
  3707.        // }
  3708.        // else if (tabId == '#home'){
  3709.        //     $('.container.animate__animated.animate__fadeIn').removeClass('contain')
  3710.        // }
  3711.        });
  3712.  
  3713.        });
  3714.  
  3715.        function showTab(tabId) {
  3716.        history.pushState(null, null, tabId);
  3717.        $(".tab").removeClass("active");
  3718.        $('a[data-value="' + tabId + '"]').addClass("active");
  3719.        $(".tab-content .tab-pane").hide();
  3720.        $(tabId).show();
  3721.  
  3722.        if (tabId === "#posts" && !postsLoaded && 0 > 0) {
  3723.            loadPosts();
  3724.        }
  3725.        }
  3726.  
  3727.        function loadPosts() {
  3728.        var url =
  3729.        "https://zaap.bio/thicongnhakhungthep/get-posts";
  3730.        $.ajaxSetup({
  3731.        headers: {
  3732.        "X-CSRF-TOKEN": "1zXlNOITK95D33EQaTLlOn6nBoWpQ53MvjtDqWVP",
  3733.        },
  3734.        });
  3735.  
  3736.        $.ajax({
  3737.        url: url,
  3738.        type: "GET",
  3739.        success: function(response) {
  3740.        $(".posts-main").html(response);
  3741.        postsLoaded = true;
  3742.        },
  3743.        error: function(xhr, status, error) {
  3744.        console.log(error); // Check for any error messages
  3745.        },
  3746.        });
  3747.        }
  3748.  
  3749.        $(document).ready(function() {
  3750.        function hasQueryParameter(parameterName) {
  3751.            const urlParams = new URLSearchParams(window.location.search);
  3752.            return urlParams.has(parameterName);
  3753.        }
  3754.        // Handle initial tab based on the URL hash
  3755.        var tab = window.location.hash;
  3756.        if (tab) {
  3757.            showTab(tab);
  3758.        }
  3759.        else if(hasQueryParameter("post")){
  3760.            post();
  3761.        }
  3762.        function post() {
  3763.        var hash = window.location.href;
  3764.        var startIndex = hash.indexOf("?post=") + 6; // Add the length of "?post=" to get the starting index
  3765.        var slug = hash.substring(startIndex);
  3766.        console.log(slug);
  3767.        // if (window.location.hash == "#posts") {
  3768.        if (slug) {
  3769.            var url = "https://zaap.bio/thicongnhakhungthep/get-posts";
  3770.            console.log(url,"hash");
  3771.            showLoader();
  3772.            $.ajaxSetup({
  3773.                "headers": {
  3774.                    'X-CSRF-TOKEN': '1zXlNOITK95D33EQaTLlOn6nBoWpQ53MvjtDqWVP'
  3775.                }
  3776.            });
  3777.            $.ajax({
  3778.                url: url + '?slug=' + slug,
  3779.                type: "GET",
  3780.                success: function(response) {
  3781.                    if (response) {
  3782.                        $("#postModal").modal('show');
  3783.                        $("#postModal .modal-body").html(response);
  3784.                        hideLoader();
  3785.                    }
  3786.                    else{
  3787.                        hideLoader();
  3788.                        window.location.hash = "#posts";
  3789.                        // $('.container.animate__animated.animate__fadeIn').addClass('contain')
  3790.                        var tab = window.location.hash;
  3791.                        console.log(tab)
  3792.                        showTab(tab)
  3793.                    }
  3794.                }
  3795.            });
  3796.            $("#postModal").on('hide.bs.modal', function() {
  3797.                var url = window.location.href;
  3798.            if (url.indexOf("?post=") !== -1) {
  3799.                url = url.split("?post=")[0] + '#posts' ; // Update the URL with the modified hash
  3800.                history.pushState(null, null, url); // Update the URL in the browser without reloading the page
  3801.                // $('.container.animate__animated.animate__fadeIn').addClass('contain')
  3802.                showTab("#posts")
  3803.            }
  3804.                // if (window.location.hash.indexOf("#posts#") !== -1) {
  3805.                //     window.location.hash = "#posts";
  3806.                //     var tab = window.location.hash;
  3807.                //     console.log(tab)
  3808.                //     showTab(tab)
  3809.                // }
  3810.            });
  3811.        }
  3812.        // }
  3813.        }
  3814.    });
  3815.  
  3816.    $(document).on('click', ".page-post", function() {
  3817.        var slug = $(this).attr('data-slug');
  3818.        var baseUrl = "https://zaap.bio";
  3819.        var projectSlug = "thicongnhakhungthep";
  3820.        var url = `${baseUrl}/${projectSlug}/post/${slug}`;
  3821.        window.location.href = url;
  3822.        return;
  3823.        var postid = $(this).attr('data-id'); // Get the data-id of the clicked post
  3824.  
  3825.        var url = "https://zaap.bio/thicongnhakhungthep/get-posts";
  3826.  
  3827.        showLoader();
  3828.        $.ajaxSetup({
  3829.            "headers": {
  3830.                'X-CSRF-TOKEN': '1zXlNOITK95D33EQaTLlOn6nBoWpQ53MvjtDqWVP'
  3831.            }
  3832.        });
  3833.        $.ajax({
  3834.            url: url + '?post=' + postid,
  3835.            type: "GET",
  3836.            success: function(response) {
  3837.                hideLoader();
  3838.                $("#postModal").modal('show');
  3839.                $("#postModal .modal-body").html(response);
  3840.                var urlhash  = window.location.href
  3841.                var url = urlhash.replace('#posts','') +  '?post=' + slug ;
  3842.                console.log( url);
  3843.                window.history.pushState('','',url);
  3844.  
  3845.            }
  3846.        });
  3847.        // $("#postModal").on('hide.bs.modal', function() {
  3848.        //     var url = window.location.href;
  3849.        //     if (url.indexOf("?post=") !== -1) {
  3850.        //         url = url.split("?post=")[0] + "#posts"; // Update the URL with the modified hash
  3851.        //         history.pushState(null, null, url); // Update the URL in the browser without reloading the page
  3852.        //     }
  3853.        // });
  3854.    });
  3855.    var originalUrl = window.location.href;
  3856.    window.addEventListener('hashchange', function() {
  3857.        var updatedUrl = window.location.href;
  3858.        if (updatedUrl !== originalUrl) {
  3859.            originalUrl = updatedUrl;
  3860.        }
  3861.    });
  3862.        document.querySelector('#postModal').addEventListener('click', function() {
  3863.            var newUrl = originalUrl + '?post=posting';
  3864.            history.pushState(null, null, newUrl);
  3865.        });
  3866.  
  3867.        $("#postModal").on('hide.bs.modal', function() {
  3868.            history.pushState(null, null, originalUrl);
  3869.        });
  3870.        function initializeCardSlider(sliderContainer, leftArrow, leftFade, rightArrow, rightFade, scrollDistance) {
  3871.            // Initial setup
  3872.            $(leftArrow).css("opacity", "0");
  3873.            $(leftFade).css("display", "none");
  3874.  
  3875.            var linksArea = $(sliderContainer);
  3876.  
  3877.            // Left arrow click event
  3878.            $(document).on('click',leftArrow,function () {
  3879.                linksArea.animate({ scrollLeft: '-=' + scrollDistance }, 500);
  3880.            });
  3881.  
  3882.            // Right arrow click event
  3883.            $(document).on('click',rightArrow,function () {
  3884.                $(leftArrow).css("opacity", "1");
  3885.                linksArea.animate({ scrollLeft: '+=' + scrollDistance }, 500);
  3886.            });
  3887.  
  3888.            // Scroll event
  3889.            linksArea.scroll(function () {
  3890.                var scrollLeft = linksArea.scrollLeft();
  3891.                $(leftArrow).toggle(scrollLeft > 0);
  3892.                $(leftFade).toggle(scrollLeft > 0);
  3893.  
  3894.                var containerWidth = linksArea.width();
  3895.                var scrollWidth = linksArea[0].scrollWidth;
  3896.                var scrollRight = scrollWidth - containerWidth - scrollLeft;
  3897.  
  3898.                $(rightArrow).toggle(scrollRight > 0);
  3899.                $(rightFade).toggle(scrollRight > 0);
  3900.                if (scrollRight === 0) {
  3901.                    $(rightArrow).css("opacity", "0");
  3902.                } else {
  3903.                    $(rightArrow).css("opacity", "1");
  3904.                    // $(leftArrow).css("opacity", "0");
  3905.                }
  3906.                if (scrollLeft === 0) {
  3907.                    $(leftArrow).css("opacity", "0");
  3908.                } else {
  3909.                    $(leftArrow).css("opacity", "1");
  3910.                }
  3911.            });
  3912.        }
  3913.  
  3914.        $(document).ready(function () {
  3915.            initializeCardSlider(".product-slider", ".product-left-arrow", ".product-left-fade", ".product-right-arrow", ".product-right-fade", 350);
  3916.            initializeCardSlider(".meeting-slider", ".meeting-left-arrow", ".meeting-left-fade", ".meeting-right-arrow", ".meeting-right-fade", 350);
  3917.        });
  3918.        function initializeSlider(sliderType) {
  3919.            $("." + sliderType + "-slider").each(function () {
  3920.                var sliderId = $(this).data('id');
  3921.                var sliderContainer = '.' + sliderType + '-slider-' + sliderId;
  3922.                var leftArrow = "." + sliderType + '-left-arrow-' + sliderId;
  3923.                var leftFade = "." + sliderType + '-left-fade-' + sliderId;
  3924.                var rightArrow = "." + sliderType + '-right-arrow-' + sliderId;
  3925.                var rightFade = "." + sliderType + '-right-fade-' + sliderId;
  3926.                initializeCardSlider(sliderContainer, leftArrow, leftFade, rightArrow, rightFade, 350);
  3927.            });
  3928.        }
  3929.  
  3930.        // Usage
  3931.        initializeSlider("tiktok");
  3932.        initializeSlider("folder-link");
  3933.        initializeSlider("youtube");
  3934.        initializeSlider("instagram");
  3935.        initializeSlider("posts");
  3936.        initializeSlider("spotify");
  3937.        </script>
  3938.    </body>
  3939.    
  3940.    </html>
  3941.  

Home · About · News · Docs · Terms

 
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda