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

Home · About · News · Docs · Terms

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