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=20250710063513" 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.    <style>
  1749.  
  1750.    </style>
  1751.  
  1752.        
  1753.            
  1754.        
  1755.    
  1756.        </head>
  1757.  
  1758.    <body>
  1759.    <div class="full-page-loader d-none">
  1760.        <div class="lds-ripple">
  1761.            <div></div>
  1762.            <div></div>
  1763.        </div>
  1764.    </div>
  1765.    <section class="main-bio-section">
  1766.        <div class="blur-overlay"></div>
  1767.        <div class="profile_banner_main"></div>
  1768.        <div style="max-width: 1600px" class="d-flex container ">
  1769.        <div class="user-area pb-0 ">
  1770.            <div class="user-detail-area">
  1771.                <div class="user_profile_pic">
  1772.                    <img src="https://imagedelivery.net/tqC70bVt8T6GtQUXNsa2-g/7b657581-5f09-4982-3ecf-c785a1b38600/public" alt="">
  1773.                </div>
  1774.                <h2 class="user-name heading-font-size">giá thi công nhà khung thép
  1775.                                    </h2>
  1776.                <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>
  1777.                                <div class="social-links-user">
  1778.                                                        </div>
  1779.                            </div>
  1780.                            <a href="https://zaap.ai" target="_blank" class="promo-u forwebpromo">
  1781.                    <span class="brand-font">Create your free</span>
  1782.                    <img src="https://zaap.bio/assets/zaap-logo.svg" width="60px" alt="">
  1783.                    <span class="brand-font">page</span>
  1784.                </a>
  1785.            
  1786.        </div>
  1787.                    <div class="content-area">
  1788.                                <div class="tab-content new-bio-page-widgets-width" id="tabs">
  1789.                    <div class="tab-pane active w-100" id="bio">
  1790.                
  1791.                                                                                                                <div class="position-relative mt-3 pt-1">
  1792.        <div class="links-area">
  1793.            <div class="cont-circle-area expadd-20 dynamic-header-visibility">
  1794.                <div class="con-circle">
  1795.                    <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none" loading="eager">
  1796.                        <path
  1797.                            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"
  1798.                            stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
  1799.                    </svg>
  1800.                </div>
  1801.                <span class="heading-font-size">
  1802.                    My Links
  1803.                </span>
  1804.            </div>
  1805.            <div class="pt-1 position-relative">    
  1806.                                <div class="fade-right folder-link-right-fade-553588"></div>
  1807.                <div class="fade-left folder-link-left-fade-553588"></div>
  1808.                                <div class="link-slide folder-link-slider swiper folder-link-slider-553588" data-id="553588">
  1809.                    <div class="link-box swiper-wrapper">
  1810.                                                                                                                                                                <div class="swiper-slide link-cards link-card-shadow "  style="background: #000000; --color:#000000;">
  1811.                                    <a href="mailto:tranvanan13042626@gmail.com" data-link-url="553589"
  1812.                                        >
  1813.                                                                                    <div class="card-banner-image">
  1814.                                                <img src="https://imagedelivery.net/tqC70bVt8T6GtQUXNsa2-g/ca4dd26b-b10b-467c-0146-79e253f9a000/public" alt="" loading="eager">
  1815.                                            </div>
  1816.                                                                                <div class="card-cont" style="">
  1817.                                            <div class="d-flex flex-column h-100">
  1818.                                            <div class="cont-box-card">
  1819.                                                <h2 class="head-max-length heading-font-size" style="color:#ffffff">Contact Me</h2>
  1820.                                                <p class="card-max-length mb-for-plain body-font-size" style="color:#ffffff">Let's get connected</p>
  1821.                                            </div>
  1822.                                                <div style="background-color: #fff;color:#2c2c2c" class="dynamic-visibility visit-link text-nowrap">
  1823.                                                    Contact
  1824.                                                </div>
  1825.  
  1826.                                        </div>
  1827.                                        </div>
  1828.                                    </a>
  1829.                                </div>
  1830.                                                                                                                                                                                                                    <div class="swiper-slide link-cards link-card-shadow "  style="background: #111111; --color:#111111;">
  1831.                                    <a href="https://zaap.ai" data-link-url="553590"
  1832.                                        >
  1833.                                                                                    <div class="card-banner-image">
  1834.                                                <img src="https://uploads-ssl.webflow.com/6026bc921eff07d61a132750/63dd42044df23b19b90c0e69_Frame%204785.png" alt="" loading="eager">
  1835.                                            </div>
  1836.                                                                                <div class="card-cont" style="">
  1837.                                            <div class="d-flex flex-column h-100">
  1838.                                            <div class="cont-box-card">
  1839.                                                <h2 class="head-max-length heading-font-size" style="color:#ffffff">Create your own Zaap page for free</h2>
  1840.                                                <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>
  1841.                                            </div>
  1842.                                                <div style="background-color: #fff;color:#2c2c2c" class="dynamic-visibility visit-link text-nowrap">
  1843.                                                    Discover
  1844.                                                </div>
  1845.  
  1846.                                        </div>
  1847.                                        </div>
  1848.                                    </a>
  1849.                                </div>
  1850.                                                                                                                                                                                                                    <div class="swiper-slide link-cards link-card-shadow "  style="background: #fffffb; --color:#fffffb;">
  1851.                                    <a href="https://winconsgroup.com/gia-thi-cong-nha-khung-thep/" data-link-url="553592"
  1852.                                        >
  1853.                                                                                    <div class="card-banner-image">
  1854.                                                <img src="https://imagedelivery.net/tqC70bVt8T6GtQUXNsa2-g/04fdfcf0-5f01-4c93-3e58-6912f72fed00/public" alt="" loading="eager">
  1855.                                            </div>
  1856.                                                                                <div class="card-cont" style="">
  1857.                                            <div class="d-flex flex-column h-100">
  1858.                                            <div class="cont-box-card">
  1859.                                                <h2 class="head-max-length heading-font-size" style="color:#1E242A">giá thi công nhà khung thép</h2>
  1860.                                                <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>
  1861.                                            </div>
  1862.                                                <div style="background-color: #2c2c2c;color:#fff" class="dynamic-visibility visit-link text-nowrap">
  1863.                                                    Discover
  1864.                                                </div>
  1865.  
  1866.                                        </div>
  1867.                                        </div>
  1868.                                    </a>
  1869.                                </div>
  1870.                                                                                                                                                                                                                    <div class="swiper-slide link-cards link-card-shadow "  style="background: #fffffb; --color:#fffffb;">
  1871.                                    <a href="https://solo.to/thicongnhakhungthep" data-link-url="553593"
  1872.                                        >
  1873.                                                                                    <div class="card-banner-image">
  1874.                                                <img src="https://imagedelivery.net/tqC70bVt8T6GtQUXNsa2-g/04fdfcf0-5f01-4c93-3e58-6912f72fed00/public" alt="" loading="eager">
  1875.                                            </div>
  1876.                                                                                <div class="card-cont" style="">
  1877.                                            <div class="d-flex flex-column h-100">
  1878.                                            <div class="cont-box-card">
  1879.                                                <h2 class="head-max-length heading-font-size" style="color:#1E242A">giá thi công nhà khung thép</h2>
  1880.                                                <p class="card-max-length mb-for-plain body-font-size" style="color:#1E242A">giá thi công nhà khung thép</p>
  1881.                                            </div>
  1882.                                                <div style="background-color: #2c2c2c;color:#fff" class="dynamic-visibility visit-link text-nowrap">
  1883.                                                    Discover
  1884.                                                </div>
  1885.  
  1886.                                        </div>
  1887.                                        </div>
  1888.                                    </a>
  1889.                                </div>
  1890.                                                                                                                                                                                                                    <div class="swiper-slide link-cards link-card-shadow "  style="background: #000000; --color:#000000;">
  1891.                                    <a href="https://potofu.me/thicongnhakhungthep" data-link-url="553594"
  1892.                                        >
  1893.                                                                                    <div class="card-banner-image">
  1894.                                                <img src="https://contents.potofu.me/images/69V2H3z3Fvdm.jpg" alt="" loading="eager">
  1895.                                            </div>
  1896.                                                                                <div class="card-cont" style="">
  1897.                                            <div class="d-flex flex-column h-100">
  1898.                                            <div class="cont-box-card">
  1899.                                                <h2 class="head-max-length heading-font-size" style="color:#ffffff">giá thi công nhà khung thép</h2>
  1900.                                                <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
  1901. 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.
  1902.  
  1903. 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.
  1904. Điện thoại: 0348 111 468 – 0937 146 179
  1905.  
  1906. </p>
  1907.                                            </div>
  1908.                                                <div style="background-color: #fff;color:#2c2c2c" class="dynamic-visibility visit-link text-nowrap">
  1909.                                                    Discover
  1910.                                                </div>
  1911.  
  1912.                                        </div>
  1913.                                        </div>
  1914.                                    </a>
  1915.                                </div>
  1916.                                                                                                                                                                                                                    <div class="swiper-slide link-cards link-card-shadow "  style="background: #2d2d2d; --color:#2d2d2d;">
  1917.                                    <a href="https://heylink.me/giathicongnhakhungthep/" data-link-url="553595"
  1918.                                        >
  1919.                                                                                    <div class="card-banner-image">
  1920.                                                <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">
  1921.                                            </div>
  1922.                                                                                <div class="card-cont" style="">
  1923.                                            <div class="d-flex flex-column h-100">
  1924.                                            <div class="cont-box-card">
  1925.                                                <h2 class="head-max-length heading-font-size" style="color:#ffffff">giá thi công nhà khung thép</h2>
  1926.                                                <p class="card-max-length mb-for-plain body-font-size" style="color:#ffffff">giá thi công nhà khung thép</p>
  1927.                                            </div>
  1928.                                                <div style="background-color: #fff;color:#2c2c2c" class="dynamic-visibility visit-link text-nowrap">
  1929.                                                    Discover
  1930.                                                </div>
  1931.  
  1932.                                        </div>
  1933.                                        </div>
  1934.                                    </a>
  1935.                                </div>
  1936.                                                                                                                                                                                                                    <div class="swiper-slide link-cards link-card-shadow "  style="background: #fffffb; --color:#fffffb;">
  1937.                                    <a href="https://joy.link/nhakhungthep" data-link-url="553596"
  1938.                                        >
  1939.                                                                                    <div class="card-banner-image">
  1940.                                                <img src="https://asset.joy.link/profilePic/360x360/8389381e9828f99662d2b09d89f9c33023652838218bc21cd2e8800aecc738ae_1678447058.png" alt="" loading="eager">
  1941.                                            </div>
  1942.                                                                                <div class="card-cont" style="">
  1943.                                            <div class="d-flex flex-column h-100">
  1944.                                            <div class="cont-box-card">
  1945.                                                <h2 class="head-max-length heading-font-size" style="color:#1E242A">giá thi công nhà khung thép</h2>
  1946.                                                <p class="card-max-length mb-for-plain body-font-size" style="color:#1E242A">Collection of links enjoyed by @nhakhungthep </p>
  1947.                                            </div>
  1948.                                                <div style="background-color: #2c2c2c;color:#fff" class="dynamic-visibility visit-link text-nowrap">
  1949.                                                    Discover
  1950.                                                </div>
  1951.  
  1952.                                        </div>
  1953.                                        </div>
  1954.                                    </a>
  1955.                                </div>
  1956.                                                                                                                                                                                                                    <div class="swiper-slide link-cards link-card-shadow "  style="background: #2d2d2d; --color:#2d2d2d;">
  1957.                                    <a href="https://linkpop.com/giathicongnhakhungthep" data-link-url="553597"
  1958.                                        >
  1959.                                                                                    <div class="card-banner-image">
  1960.                                                <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">
  1961.                                            </div>
  1962.                                                                                <div class="card-cont" style="">
  1963.                                            <div class="d-flex flex-column h-100">
  1964.                                            <div class="cont-box-card">
  1965.                                                <h2 class="head-max-length heading-font-size" style="color:#ffffff">giá thi công nhà khung thép</h2>
  1966.                                                <p class="card-max-length mb-for-plain body-font-size" style="color:#ffffff">giá thi công nhà khung thép</p>
  1967.                                            </div>
  1968.                                                <div style="background-color: #fff;color:#2c2c2c" class="dynamic-visibility visit-link text-nowrap">
  1969.                                                    Discover
  1970.                                                </div>
  1971.  
  1972.                                        </div>
  1973.                                        </div>
  1974.                                    </a>
  1975.                                </div>
  1976.                                                                                                                                                                                                                    <div class="swiper-slide link-cards link-card-shadow "  style="background: #2d2d2d; --color:#2d2d2d;">
  1977.                                    <a href="https://linkbio.co/giathicongnhakhungthep" data-link-url="553598"
  1978.                                        >
  1979.                                                                                    <div class="card-banner-image">
  1980.                                                <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">
  1981.                                            </div>
  1982.                                                                                <div class="card-cont" style="">
  1983.                                            <div class="d-flex flex-column h-100">
  1984.                                            <div class="cont-box-card">
  1985.                                                <h2 class="head-max-length heading-font-size" style="color:#ffffff">giá thi công nhà khung thép</h2>
  1986.                                                <p class="card-max-length mb-for-plain body-font-size" style="color:#ffffff">giá thi công nhà khung thép</p>
  1987.                                            </div>
  1988.                                                <div style="background-color: #fff;color:#2c2c2c" class="dynamic-visibility visit-link text-nowrap">
  1989.                                                    Discover
  1990.                                                </div>
  1991.  
  1992.                                        </div>
  1993.                                        </div>
  1994.                                    </a>
  1995.                                </div>
  1996.                                                                                                                                                                                                                    <div class="swiper-slide link-cards link-card-shadow "  style="background: #2d2d2d; --color:#2d2d2d;">
  1997.                                    <a href="https://giathicongnhakhungthep.contently.com/" data-link-url="553599"
  1998.                                        >
  1999.                                                                                    <div class="card-banner-image">
  2000.                                                <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">
  2001.                                            </div>
  2002.                                                                                <div class="card-cont" style="">
  2003.                                            <div class="d-flex flex-column h-100">
  2004.                                            <div class="cont-box-card">
  2005.                                                <h2 class="head-max-length heading-font-size" style="color:#ffffff">giá thi công nhà khung thép</h2>
  2006.                                                <p class="card-max-length mb-for-plain body-font-size" style="color:#ffffff">giá thi công nhà khung thép</p>
  2007.                                            </div>
  2008.                                                <div style="background-color: #fff;color:#2c2c2c" class="dynamic-visibility visit-link text-nowrap">
  2009.                                                    Discover
  2010.                                                </div>
  2011.  
  2012.                                        </div>
  2013.                                        </div>
  2014.                                    </a>
  2015.                                </div>
  2016.                                                                                                                                                                                                                    <div class="swiper-slide link-cards link-card-shadow "  style="background: #2d2d2d; --color:#2d2d2d;">
  2017.                                    <a href="https://biolinky.co/giathicongnhakhungthep" data-link-url="553600"
  2018.                                        >
  2019.                                                                                    <div class="card-banner-image">
  2020.                                                <img src="https://biolinky.co/assets/img/profilepics/2rKKMg/wincons.png" alt="" loading="eager">
  2021.                                            </div>
  2022.                                                                                <div class="card-cont" style="">
  2023.                                            <div class="d-flex flex-column h-100">
  2024.                                            <div class="cont-box-card">
  2025.                                                <h2 class="head-max-length heading-font-size" style="color:#ffffff">giá thi công nhà khung thép</h2>
  2026.                                                <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
  2027. CHUYÊN THIẾT KẾ VÀ THI CÔNG CÔNG TRÌNH DÂN DỤNG VÀ CÔNG NGHIỆ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://mez.ink/giathicongnhakhungthep" data-link-url="553601"
  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">Check the complete social links from giá thi công nhà khung thép here</p>
  2048.                                            </div>
  2049.                                                <div style="background-color: #fff;color:#2c2c2c" class="dynamic-visibility visit-link text-nowrap">
  2050.                                                    Discover
  2051.                                                </div>
  2052.  
  2053.                                        </div>
  2054.                                        </div>
  2055.                                    </a>
  2056.                                </div>
  2057.                                                                                                                                                                                                                    <div class="swiper-slide link-cards link-card-shadow "  style="background: #478cd4; --color:#478cd4;">
  2058.                                    <a href="https://lit.link/en/giathicongnhakhungthep" data-link-url="553602"
  2059.                                        >
  2060.                                                                                    <div class="card-banner-image">
  2061.                                                <img src="https://prd.storage.lit.link/images/creator/69cGmlcV7nhRWmdXLqnris4zil12/ogp/ogp_image.jpg" alt="" loading="eager">
  2062.                                            </div>
  2063.                                                                                <div class="card-cont" style="">
  2064.                                            <div class="d-flex flex-column h-100">
  2065.                                            <div class="cont-box-card">
  2066.                                                <h2 class="head-max-length heading-font-size" style="color:#ffffff">giá thi công nhà khung thép</h2>
  2067.                                                <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>
  2068.                                            </div>
  2069.                                                <div style="background-color: #fff;color:#2c2c2c" class="dynamic-visibility visit-link text-nowrap">
  2070.                                                    Discover
  2071.                                                </div>
  2072.  
  2073.                                        </div>
  2074.                                        </div>
  2075.                                    </a>
  2076.                                </div>
  2077.                                                                                                                                                                                                                    <div class="swiper-slide link-cards link-card-shadow "  style="background: #000000; --color:#000000;">
  2078.                                    <a href="https://beacons.ai/giathicongnhakhungthep" data-link-url="553603"
  2079.                                        >
  2080.                                                                                    <div class="card-banner-image">
  2081.                                                <img src="https://imagedelivery.net/tqC70bVt8T6GtQUXNsa2-g/f6359884-40e2-47ff-bc96-bf7a65e02000/public" alt="" loading="eager">
  2082.                                            </div>
  2083.                                                                                <div class="card-cont" style="">
  2084.                                            <div class="d-flex flex-column h-100">
  2085.                                            <div class="cont-box-card">
  2086.                                                <h2 class="head-max-length heading-font-size" style="color:#ffffff">giá thi công nhà khung thép</h2>
  2087.                                                <p class="card-max-length mb-for-plain body-font-size" style="color:#ffffff"></p>
  2088.                                            </div>
  2089.                                                <div style="background-color: #fff;color:#2c2c2c" class="dynamic-visibility visit-link text-nowrap">
  2090.                                                    Discover
  2091.                                                </div>
  2092.  
  2093.                                        </div>
  2094.                                        </div>
  2095.                                    </a>
  2096.                                </div>
  2097.                                                                                                                                                                                                                    <div class="swiper-slide link-cards link-card-shadow "  style="background: #478cd4; --color:#478cd4;">
  2098.                                    <a href="https://wlo.link/@giathicongnhakhungthep" data-link-url="553604"
  2099.                                        >
  2100.                                                                                    <div class="card-banner-image">
  2101.                                                <img src="https://cdn.wlo.link/profiles/ogimgs/giathicongnhakhungthep-og.png" alt="" loading="eager">
  2102.                                            </div>
  2103.                                                                                <div class="card-cont" style="">
  2104.                                            <div class="d-flex flex-column h-100">
  2105.                                            <div class="cont-box-card">
  2106.                                                <h2 class="head-max-length heading-font-size" style="color:#ffffff">giá thi công nhà khung thép</h2>
  2107.                                                <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
  2108.  
  2109. CHUYÊN THIẾT KẾ VÀ THI CÔNG CÔNG TRÌNH DÂN DỤNG VÀ CÔNG NGHIỆP.</p>
  2110.                                            </div>
  2111.                                                <div style="background-color: #fff;color:#2c2c2c" class="dynamic-visibility visit-link text-nowrap">
  2112.                                                    Discover
  2113.                                                </div>
  2114.  
  2115.                                        </div>
  2116.                                        </div>
  2117.                                    </a>
  2118.                                </div>
  2119.                                                                                                                                                                                                                    <div class="swiper-slide link-cards link-card-shadow "  style="background: #2d2d2d; --color:#2d2d2d;">
  2120.                                    <a href="https://linkr.bio/giathicongnhakhungthep" data-link-url="553605"
  2121.                                        >
  2122.                                                                                    <div class="card-banner-image">
  2123.                                                <img src="https://biolinky.co/assets/img/profilepics/2rKKMg/wincons.png" alt="" loading="eager">
  2124.                                            </div>
  2125.                                                                                <div class="card-cont" style="">
  2126.                                            <div class="d-flex flex-column h-100">
  2127.                                            <div class="cont-box-card">
  2128.                                                <h2 class="head-max-length heading-font-size" style="color:#ffffff">giá thi công nhà khung thép</h2>
  2129.                                                <p class="card-max-length mb-for-plain body-font-size" style="color:#ffffff">giá thi công nhà khung thép</p>
  2130.                                            </div>
  2131.                                                <div style="background-color: #fff;color:#2c2c2c" class="dynamic-visibility visit-link text-nowrap">
  2132.                                                    Discover
  2133.                                                </div>
  2134.  
  2135.                                        </div>
  2136.                                        </div>
  2137.                                    </a>
  2138.                                </div>
  2139.                                                                                                                                                                                                                    <div class="swiper-slide link-cards link-card-shadow "  style="background: #f6f5f3; --color:#f6f5f3;">
  2140.                                    <a href="https://www.flowcode.com/page/giathicongnhakhungthep" data-link-url="553606"
  2141.                                        >
  2142.                                                                                    <div class="card-banner-image">
  2143.                                                <img src="https://capture.flowcode.com/screenshot?url=https%3A%2F%2Fwww.flow.page%2Fgiathicongnhakhungthep&amp;h=650&amp;w=1080" alt="" loading="eager">
  2144.                                            </div>
  2145.                                                                                <div class="card-cont" style="">
  2146.                                            <div class="d-flex flex-column h-100">
  2147.                                            <div class="cont-box-card">
  2148.                                                <h2 class="head-max-length heading-font-size" style="color:#1E242A">giá thi công nhà khung thép</h2>
  2149.                                                <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
  2150. 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.
  2151. </p>
  2152.                                            </div>
  2153.                                                <div style="background-color: #2c2c2c;color:#fff" class="dynamic-visibility visit-link text-nowrap">
  2154.                                                    Discover
  2155.                                                </div>
  2156.  
  2157.                                        </div>
  2158.                                        </div>
  2159.                                    </a>
  2160.                                </div>
  2161.                                                                                                                                                                                                                    <div class="swiper-slide link-cards link-card-shadow "  style="background: #fffffb; --color:#fffffb;">
  2162.                                    <a href="https://jemi.so/giathicongnhakhungthep279" data-link-url="553607"
  2163.                                        >
  2164.                                                                                    <div class="card-banner-image">
  2165.                                                <img src="https://cdn.static.linkr.bio/user/upload/image/b30bc965-b2ec-45fa-bc7e-19f26a14eb0d.png" alt="" loading="eager">
  2166.                                            </div>
  2167.                                                                                <div class="card-cont" style="">
  2168.                                            <div class="d-flex flex-column h-100">
  2169.                                            <div class="cont-box-card">
  2170.                                                <h2 class="head-max-length heading-font-size" style="color:#1E242A">giá thi công nhà khung thép</h2>
  2171.                                                <p class="card-max-length mb-for-plain body-font-size" style="color:#1E242A">giá thi công nhà khung thép</p>
  2172.                                            </div>
  2173.                                                <div style="background-color: #2c2c2c;color:#fff" class="dynamic-visibility visit-link text-nowrap">
  2174.                                                    Discover
  2175.                                                </div>
  2176.  
  2177.                                        </div>
  2178.                                        </div>
  2179.                                    </a>
  2180.                                </div>
  2181.                                                                                                                                                                                                                    <div class="swiper-slide link-cards link-card-shadow "  style="background: #fffffb; --color:#fffffb;">
  2182.                                    <a href="https://lynk.id/giathicongnhakhungthep" data-link-url="553608"
  2183.                                        >
  2184.                                                                                    <div class="card-banner-image">
  2185.                                                <img src="https://imagedelivery.net/tqC70bVt8T6GtQUXNsa2-g/33bf2bfc-8bd5-4e7e-a338-06b6fa83ea00/public" alt="" loading="eager">
  2186.                                            </div>
  2187.                                                                                <div class="card-cont" style="">
  2188.                                            <div class="d-flex flex-column h-100">
  2189.                                            <div class="cont-box-card">
  2190.                                                <h2 class="head-max-length heading-font-size" style="color:#1E242A">giá thi công nhà khung thép</h2>
  2191.                                                <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>
  2192.                                            </div>
  2193.                                                <div style="background-color: #2c2c2c;color:#fff" class="dynamic-visibility visit-link text-nowrap">
  2194.                                                    Discover
  2195.                                                </div>
  2196.  
  2197.                                        </div>
  2198.                                        </div>
  2199.                                    </a>
  2200.                                </div>
  2201.                                                                                                </div>
  2202.                </div>
  2203.            </div>
  2204.            <div class=" next-arrow left-arrow folder-link-left-arrow folder-link-left-arrow-553588">
  2205.        <svg xmlns="http://www.w3.org/2000/svg" width="15" height="11" viewBox="0 0 18 14" fill="none"
  2206.            transform="scale(-1, 1)">
  2207.            <path d="M1 7H17M17 7L11 1M17 7L11 13" stroke="white" stroke-width="2" stroke-linecap="round"
  2208.                stroke-linejoin="round" />
  2209.        </svg>
  2210.    </div>
  2211.    <div class="next-arrow right-arrow folder-link-right-arrow folder-link-right-arrow-553588">
  2212.        <svg xmlns="http://www.w3.org/2000/svg" width="15" height="11" viewBox="0 0 18 14" fill="none">
  2213.            <path d="M1 7H17M17 7L11 1M17 7L11 13" stroke="white" stroke-width="2" stroke-linecap="round"
  2214.                stroke-linejoin="round" />
  2215.        </svg>
  2216.    </div>
  2217.        </div>
  2218.    </div>
  2219.                                
  2220.    
  2221.                                                                                                                <div class="d-flex align-items-center gap-2" style="margin-top: 20px">
  2222.    <div class="con-circle">
  2223.        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"
  2224.            fill="none">
  2225.            <path
  2226.                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"
  2227.                stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
  2228.        </svg>
  2229.    </div>
  2230.    <span class="headingSpan">
  2231.        <p class="link-text-color mb-0 heading-font-size">Join my community</p>
  2232.    </span>
  2233. </div>
  2234.  
  2235. <div class="banner-box new-bio-page-widgets-width" style="margin-top: 20px">
  2236.    <div class="cont-circle-area ddrk">
  2237.        <span>
  2238.            <p class="link-text-color mb-0 fw-300 body-font-size">Stay in the loop</p>
  2239.        </span>
  2240.    </div>
  2241.    <form action="" class="emailwidget">
  2242.        <div class="inp-area2">
  2243.            <input type="text" name="name" placeholder="Name" required>
  2244.            <input type="email"  name="email" placeholder="Email" required>
  2245.            <button type="submit" class="sub-btn2 hover-effect ">
  2246.    <span>
  2247.        Join
  2248.        
  2249.    </span>
  2250. </button>
  2251.        </div>
  2252.    </form>
  2253. </div>                                
  2254.    
  2255.                                                                                                                <div class="links-slider p-0">
  2256.  
  2257.    
  2258.    <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"   >
  2259.    <div class="best-link-div" >
  2260.                <div class="banner-img">
  2261.            <img src="https://i.imgur.com/e4uJsofl.jpg" alt="" loading="eager">
  2262.        </div>
  2263.                        <div class="singlelinkcontent">
  2264.            <div id="text-1337131" class="linear-max-length zaapheading heading-font-size ">
  2265.                
  2266.                Sửa nhà TPHCM
  2267.            </div>
  2268.            <div id="text-1337131" class="head-max-length link-description body-font-size" style="margin-top:12px;">
  2269.                
  2270.                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
  2271.            </div>
  2272.        </div>
  2273.    </div>
  2274.    <div class="visit-single-link text-nowrap">
  2275.        <div id="button-1337131"  class="dynamic-visibility visit-link">
  2276.            Discover
  2277.        </div>
  2278.    </div>
  2279.    </a>
  2280.  
  2281. </div>
  2282.  
  2283. <script>
  2284.    if (window.innerWidth < 530 ) {
  2285.        var element = document.querySelector("#best-link-1337131");
  2286.        var elements2 = document.querySelectorAll('#text-1337131');
  2287.        var element3 = document.querySelector('#button-1337131');
  2288.        element.style.setProperty("--color","#478cd4");
  2289.                // if (elements2[0].style.color == "rgb(255, 255, 255)") {
  2290.        //     element3.style.backgroundColor = "#fff";
  2291.        //     element3.style.color = "rgb(30, 36, 42)";
  2292.        // }else {
  2293.        //     element3.style.backgroundColor = "#2c2c2c";
  2294.        //     element3.style.color = "rgb(255, 255, 255)";
  2295.        // }
  2296.    }
  2297. </script>
  2298.                                
  2299.    
  2300.                                                                                                                <div class="links-slider p-0">
  2301.  
  2302.    
  2303.    <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"   >
  2304.    <div class="best-link-div" >
  2305.                <div class="banner-img">
  2306.            <img src="https://i.imgur.com/iqzVfy7l.jpg" alt="" loading="lazy">
  2307.        </div>
  2308.                        <div class="singlelinkcontent">
  2309.            <div id="text-1239161" class="linear-max-length zaapheading heading-font-size ">
  2310.                
  2311.                Báo giá thi công alu
  2312.            </div>
  2313.            <div id="text-1239161" class="head-max-length link-description body-font-size" style="margin-top:12px;">
  2314.                
  2315.                Báo giá thi công alu
  2316.            </div>
  2317.        </div>
  2318.    </div>
  2319.    <div class="visit-single-link text-nowrap">
  2320.        <div id="button-1239161"  class="dynamic-visibility visit-link">
  2321.            Discover
  2322.        </div>
  2323.    </div>
  2324.    </a>
  2325.  
  2326. </div>
  2327.  
  2328. <script>
  2329.    if (window.innerWidth < 530 ) {
  2330.        var element = document.querySelector("#best-link-1239161");
  2331.        var elements2 = document.querySelectorAll('#text-1239161');
  2332.        var element3 = document.querySelector('#button-1239161');
  2333.        element.style.setProperty("--color","#478cd4");
  2334.                // if (elements2[0].style.color == "rgb(255, 255, 255)") {
  2335.        //     element3.style.backgroundColor = "#fff";
  2336.        //     element3.style.color = "rgb(30, 36, 42)";
  2337.        // }else {
  2338.        //     element3.style.backgroundColor = "#2c2c2c";
  2339.        //     element3.style.color = "rgb(255, 255, 255)";
  2340.        // }
  2341.    }
  2342. </script>
  2343.                                
  2344.    
  2345.                                                                                                                <div class="links-slider p-0">
  2346.  
  2347.    
  2348.    <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"   >
  2349.    <div class="best-link-div" >
  2350.                <div class="banner-img">
  2351.            <img src="https://i.imgur.com/iqzVfy7l.jpg" alt="" loading="lazy">
  2352.        </div>
  2353.                        <div class="singlelinkcontent">
  2354.            <div id="text-1239167" class="linear-max-length zaapheading heading-font-size ">
  2355.                
  2356.                Xây nhà trọn gói
  2357.            </div>
  2358.            <div id="text-1239167" class="head-max-length link-description body-font-size" style="margin-top:12px;">
  2359.                
  2360.                Xây nhà trọn gói
  2361.            </div>
  2362.        </div>
  2363.    </div>
  2364.    <div class="visit-single-link text-nowrap">
  2365.        <div id="button-1239167"  class="dynamic-visibility visit-link">
  2366.            Discover
  2367.        </div>
  2368.    </div>
  2369.    </a>
  2370.  
  2371. </div>
  2372.  
  2373. <script>
  2374.    if (window.innerWidth < 530 ) {
  2375.        var element = document.querySelector("#best-link-1239167");
  2376.        var elements2 = document.querySelectorAll('#text-1239167');
  2377.        var element3 = document.querySelector('#button-1239167');
  2378.        element.style.setProperty("--color","#478cd4");
  2379.                // if (elements2[0].style.color == "rgb(255, 255, 255)") {
  2380.        //     element3.style.backgroundColor = "#fff";
  2381.        //     element3.style.color = "rgb(30, 36, 42)";
  2382.        // }else {
  2383.        //     element3.style.backgroundColor = "#2c2c2c";
  2384.        //     element3.style.color = "rgb(255, 255, 255)";
  2385.        // }
  2386.    }
  2387. </script>
  2388.                                
  2389.    
  2390.                                                                                                                <div class="links-slider p-0">
  2391.  
  2392.    
  2393.    <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"   >
  2394.    <div class="best-link-div" >
  2395.                <div class="banner-img">
  2396.            <img src="https://i.imgur.com/VeTlKx8l.jpg" alt="" loading="lazy">
  2397.        </div>
  2398.                        <div class="singlelinkcontent">
  2399.            <div id="text-1239168" class="linear-max-length zaapheading heading-font-size ">
  2400.                
  2401.                Thi công nhà xưởng
  2402.            </div>
  2403.            <div id="text-1239168" class="head-max-length link-description body-font-size" style="margin-top:12px;">
  2404.                
  2405.                Thi công nhà xưởng
  2406.            </div>
  2407.        </div>
  2408.    </div>
  2409.    <div class="visit-single-link text-nowrap">
  2410.        <div id="button-1239168"  class="dynamic-visibility visit-link">
  2411.            Discover
  2412.        </div>
  2413.    </div>
  2414.    </a>
  2415.  
  2416. </div>
  2417.  
  2418. <script>
  2419.    if (window.innerWidth < 530 ) {
  2420.        var element = document.querySelector("#best-link-1239168");
  2421.        var elements2 = document.querySelectorAll('#text-1239168');
  2422.        var element3 = document.querySelector('#button-1239168');
  2423.        element.style.setProperty("--color","#478cd4");
  2424.                // if (elements2[0].style.color == "rgb(255, 255, 255)") {
  2425.        //     element3.style.backgroundColor = "#fff";
  2426.        //     element3.style.color = "rgb(30, 36, 42)";
  2427.        // }else {
  2428.        //     element3.style.backgroundColor = "#2c2c2c";
  2429.        //     element3.style.color = "rgb(255, 255, 255)";
  2430.        // }
  2431.    }
  2432. </script>
  2433.                                
  2434.    
  2435.                                                                                                                <div class="links-slider p-0">
  2436.  
  2437.    
  2438.    <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"   >
  2439.    <div class="best-link-div" >
  2440.                <div class="banner-img">
  2441.            <img src="https://i.imgur.com/IxuP58wl.jpg" alt="" loading="lazy">
  2442.        </div>
  2443.                        <div class="singlelinkcontent">
  2444.            <div id="text-1239169" class="linear-max-length zaapheading heading-font-size ">
  2445.                
  2446.                Nhận gia công cơ khí lẻ
  2447.            </div>
  2448.            <div id="text-1239169" class="head-max-length link-description body-font-size" style="margin-top:12px;">
  2449.                
  2450.                Nhận gia công cơ khí lẻ
  2451.            </div>
  2452.        </div>
  2453.    </div>
  2454.    <div class="visit-single-link text-nowrap">
  2455.        <div id="button-1239169"  class="dynamic-visibility visit-link">
  2456.            Discover
  2457.        </div>
  2458.    </div>
  2459.    </a>
  2460.  
  2461. </div>
  2462.  
  2463. <script>
  2464.    if (window.innerWidth < 530 ) {
  2465.        var element = document.querySelector("#best-link-1239169");
  2466.        var elements2 = document.querySelectorAll('#text-1239169');
  2467.        var element3 = document.querySelector('#button-1239169');
  2468.        element.style.setProperty("--color","#478cd4");
  2469.                // if (elements2[0].style.color == "rgb(255, 255, 255)") {
  2470.        //     element3.style.backgroundColor = "#fff";
  2471.        //     element3.style.color = "rgb(30, 36, 42)";
  2472.        // }else {
  2473.        //     element3.style.backgroundColor = "#2c2c2c";
  2474.        //     element3.style.color = "rgb(255, 255, 255)";
  2475.        // }
  2476.    }
  2477. </script>
  2478.                                
  2479.    
  2480.                                                                                                                <div class="links-slider p-0">
  2481.  
  2482.    
  2483.    <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"   >
  2484.    <div class="best-link-div" >
  2485.                <div class="banner-img">
  2486.            <img src="https://i.imgur.com/62G3IWhl.jpg" alt="" loading="lazy">
  2487.        </div>
  2488.                        <div class="singlelinkcontent">
  2489.            <div id="text-1239170" class="linear-max-length zaapheading heading-font-size ">
  2490.                
  2491.                Báo giá cửa nhôm xingfa
  2492.            </div>
  2493.            <div id="text-1239170" class="head-max-length link-description body-font-size" style="margin-top:12px;">
  2494.                
  2495.                Báo giá cửa nhôm xingfa
  2496.            </div>
  2497.        </div>
  2498.    </div>
  2499.    <div class="visit-single-link text-nowrap">
  2500.        <div id="button-1239170"  class="dynamic-visibility visit-link">
  2501.            Discover
  2502.        </div>
  2503.    </div>
  2504.    </a>
  2505.  
  2506. </div>
  2507.  
  2508. <script>
  2509.    if (window.innerWidth < 530 ) {
  2510.        var element = document.querySelector("#best-link-1239170");
  2511.        var elements2 = document.querySelectorAll('#text-1239170');
  2512.        var element3 = document.querySelector('#button-1239170');
  2513.        element.style.setProperty("--color","#478cd4");
  2514.                // if (elements2[0].style.color == "rgb(255, 255, 255)") {
  2515.        //     element3.style.backgroundColor = "#fff";
  2516.        //     element3.style.color = "rgb(30, 36, 42)";
  2517.        // }else {
  2518.        //     element3.style.backgroundColor = "#2c2c2c";
  2519.        //     element3.style.color = "rgb(255, 255, 255)";
  2520.        // }
  2521.    }
  2522. </script>
  2523.                                
  2524.    
  2525.                                                                                                                <div class="links-slider p-0">
  2526.  
  2527.    
  2528.    <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"   >
  2529.    <div class="best-link-div" >
  2530.                <div class="banner-img">
  2531.            <img src="https://i.imgur.com/QOCZWckl.jpg" alt="" loading="lazy">
  2532.        </div>
  2533.                        <div class="singlelinkcontent">
  2534.            <div id="text-1239171" class="linear-max-length zaapheading heading-font-size ">
  2535.                
  2536.                Gia công cơ khí theo yêu cầu
  2537.            </div>
  2538.            <div id="text-1239171" class="head-max-length link-description body-font-size" style="margin-top:12px;">
  2539.                
  2540.                Gia công cơ khí theo yêu cầu
  2541.            </div>
  2542.        </div>
  2543.    </div>
  2544.    <div class="visit-single-link text-nowrap">
  2545.        <div id="button-1239171"  class="dynamic-visibility visit-link">
  2546.            Discover
  2547.        </div>
  2548.    </div>
  2549.    </a>
  2550.  
  2551. </div>
  2552.  
  2553. <script>
  2554.    if (window.innerWidth < 530 ) {
  2555.        var element = document.querySelector("#best-link-1239171");
  2556.        var elements2 = document.querySelectorAll('#text-1239171');
  2557.        var element3 = document.querySelector('#button-1239171');
  2558.        element.style.setProperty("--color","#478cd4");
  2559.                // if (elements2[0].style.color == "rgb(255, 255, 255)") {
  2560.        //     element3.style.backgroundColor = "#fff";
  2561.        //     element3.style.color = "rgb(30, 36, 42)";
  2562.        // }else {
  2563.        //     element3.style.backgroundColor = "#2c2c2c";
  2564.        //     element3.style.color = "rgb(255, 255, 255)";
  2565.        // }
  2566.    }
  2567. </script>
  2568.                                
  2569.    
  2570.                                                                                                                <div class="links-slider p-0">
  2571.  
  2572.    
  2573.    <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"   >
  2574.    <div class="best-link-div" >
  2575.                <div class="banner-img">
  2576.            <img src="https://i.imgur.com/0mK6QhHl.jpg" alt="" loading="lazy">
  2577.        </div>
  2578.                        <div class="singlelinkcontent">
  2579.            <div id="text-1337130" class="linear-max-length zaapheading heading-font-size ">
  2580.                
  2581.                Sửa nhà giá rẻ
  2582.            </div>
  2583.            <div id="text-1337130" class="head-max-length link-description body-font-size" style="margin-top:12px;">
  2584.                
  2585.                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!
  2586.            </div>
  2587.        </div>
  2588.    </div>
  2589.    <div class="visit-single-link text-nowrap">
  2590.        <div id="button-1337130"  class="dynamic-visibility visit-link">
  2591.            Discover
  2592.        </div>
  2593.    </div>
  2594.    </a>
  2595.  
  2596. </div>
  2597.  
  2598. <script>
  2599.    if (window.innerWidth < 530 ) {
  2600.        var element = document.querySelector("#best-link-1337130");
  2601.        var elements2 = document.querySelectorAll('#text-1337130');
  2602.        var element3 = document.querySelector('#button-1337130');
  2603.        element.style.setProperty("--color","#478cd4");
  2604.                // if (elements2[0].style.color == "rgb(255, 255, 255)") {
  2605.        //     element3.style.backgroundColor = "#fff";
  2606.        //     element3.style.color = "rgb(30, 36, 42)";
  2607.        // }else {
  2608.        //     element3.style.backgroundColor = "#2c2c2c";
  2609.        //     element3.style.color = "rgb(255, 255, 255)";
  2610.        // }
  2611.    }
  2612. </script>
  2613.                                
  2614.    
  2615.                            
  2616.                        
  2617.                            
  2618.                                                <div class="braning-wrapper ">
  2619.                            
  2620.                                                        <a href="https://zaap.ai" target="_blank" class="promo-u forwebpromo brand-badge">
  2621.                                <span class="brand-font">Create your free</span>
  2622.                                <img src="https://zaap.bio/assets/zaap-logo.svg" width="70px" alt="">
  2623.                                <span class="brand-font">page</span>
  2624.                            </a>
  2625.                            
  2626.                        </div>
  2627.                        
  2628.                    </div>
  2629.                    <div class="tab-pane" id="posts">
  2630.                        <div class="posts-main mt-4 pt-3 ">
  2631.                            
  2632.                           <div class="post-card">
  2633.                                <div class="skeleton">
  2634.                                    <div class="post-content">
  2635.                                        <div class="skeleton-img mb-3"></div>
  2636.                                        <div class="post-header">
  2637.                                            <div class="skeleton-line heading" style="width: 60%"></div>
  2638.                                            <div class="skeleton-line heading" style="width: 40%"></div>
  2639.                                        </div>
  2640.                                        <div class="post-text">
  2641.                                            <div class="skeleton-line" style="width: 90%"></div>
  2642.                                            <div class="skeleton-line" style="width: 100%"></div>
  2643.                                            <div class="skeleton-line" style="width: 35%"></div>
  2644.                                        </div>
  2645.                                    </div>
  2646.                                </div>
  2647.                            </div>
  2648.                            
  2649.    
  2650.                            <div class="post-card">
  2651.                                <div class="skeleton">
  2652.                                    <div class="post-content">
  2653.                                        <div class="skeleton-img mb-3"></div>
  2654.                                        <div class="post-header">
  2655.                                            <div class="skeleton-line heading" style="width: 60%"></div>
  2656.                                            <div class="skeleton-line heading" style="width: 40%"></div>
  2657.                                        </div>
  2658.                                        <div class="post-text">
  2659.                                            <div class="skeleton-line" style="width: 90%"></div>
  2660.                                            <div class="skeleton-line" style="width: 100%"></div>
  2661.                                            <div class="skeleton-line" style="width: 35%"></div>
  2662.                                        </div>
  2663.                                    </div>
  2664.                                </div>
  2665.                            </div>
  2666.    
  2667.    
  2668.                            <div class="post-card">
  2669.                                <div class="skeleton">
  2670.                                    <div class="post-content">
  2671.                                        <div class="skeleton-img mb-3"></div>
  2672.                                        <div class="post-header">
  2673.                                            <div class="skeleton-line heading" style="width: 60%"></div>
  2674.                                            <div class="skeleton-line heading" style="width: 40%"></div>
  2675.                                        </div>
  2676.                                        <div class="post-text">
  2677.                                            <div class="skeleton-line" style="width: 90%"></div>
  2678.                                            <div class="skeleton-line" style="width: 100%"></div>
  2679.                                            <div class="skeleton-line" style="width: 35%"></div>
  2680.                                        </div>
  2681.                                    </div>
  2682.                                </div>
  2683.                            </div>
  2684.                        </div>
  2685.                    </div>
  2686.                </div>
  2687.            </div>
  2688.                
  2689.        </div>
  2690.        
  2691.  
  2692.        <div class="modal fade" id="create_tiktok_widget" tabindex="-1" role="dialog" aria-hidden="true">
  2693.            <div class="modal-dialog modal-dialog-centered" role="document">
  2694.                <div class="modal-content" style="height:100%;overflow:hidden">
  2695.                    <div class="modal-header" style="padding:0;padding-bottom:10px; padding-top:5px">
  2696.                        <button type="button" class="close px-4" data-dismiss="modal" aria-label="Close">
  2697.                           <span aria-hidden="true">
  2698.                                <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>
  2699.                            </span>
  2700.                        </button>
  2701.                    </div>
  2702.                    <iframe scrolling="yes" src="" style="height:700px;width:auto;" id="tiktok_iframe"
  2703.                        frameborder="0"></iframe>
  2704.  
  2705.  
  2706.                </div>
  2707.            </div>
  2708.        </div>
  2709.        
  2710.         <div class="modal fade" id="youtube_shorts_play" tabindex="-1" role="dialog" aria-hidden="true">
  2711.            <div class="modal-dialog modal-dialog-centered" role="document">
  2712.                <div class="modal-content" style="height:100%;overflow:hidden">
  2713.                    <div class="modal-header" style="padding:0;padding-bottom:10px;">
  2714.                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  2715.                            <span aria-hidden="true">
  2716.                                <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>
  2717.                            </span>
  2718.                        </button>
  2719.                    </div>
  2720.                    <iframe src="" style="height: 80vh;" id="youtube_shorts_iframe" frameborder="0"></iframe>
  2721.                </div>
  2722.            </div>
  2723.        </div>
  2724.  
  2725.        
  2726.  
  2727.        <div class="modal fade" id="youtube_play" tabindex="-1" role="dialog" aria-hidden="true">
  2728.            <div class="modal-dialog modal-xlarge" role="document">
  2729.                <div class="modal-content" style="height:100%;overflow:hidden">
  2730.                    <div class="modal-header p-2">
  2731.                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  2732.                    </div>
  2733.                    <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>
  2734.                </div>
  2735.            </div>
  2736.        </div>
  2737.        
  2738.  
  2739.        
  2740.  
  2741.        <div class="modal fade come-from-modal" id="postModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
  2742.            <div class="modal-dialog modal-dialog-centered modal-md" style="max-width: 650px" role="document">
  2743.                <div class="modal-content" style="border-radius: 20px;padding:0; overflow:hidden">
  2744.                    <div class="modal-body" style="padding:0; overflow-y:auto; overflow-x:hidden">
  2745.                        
  2746.                    </div>
  2747.                </div>
  2748.            </div>
  2749.        </div>
  2750.      
  2751.  
  2752.    </section>
  2753.        <input type="hidden" id="url" name="url" value="https://zaap.bio/" />
  2754.        <input type="hidden" name="global_token" value="d303e64f956b4524da5a4365dfafb91c" />
  2755.        <input type="hidden" name="number_decimal_point" value="." />
  2756.        <input type="hidden" name="number_thousands_separator" value="," />
  2757.  
  2758.        <script>
  2759.            /* Some global variables */
  2760.            window.altum = {};
  2761.            let global_token = document.querySelector('input[name="global_token"]').value;
  2762.            let url = document.querySelector('input[name="url"]').value;
  2763.            let decimal_point = document.querySelector('[name="number_decimal_point"]').value;
  2764.            let thousands_separator = document.querySelector('[name="number_thousands_separator"]').value;
  2765.        </script>
  2766.  
  2767.        <script src="https://zaap.bio/assets/page/js/libraries/jquery.min.js?v=3.1"></script>
  2768.        <script src="https://zaap.bio/assets/page/js/libraries/popper.min.js?v=3.1"></script>
  2769.        <script src="https://zaap.bio/assets/page/js/libraries/bootstrap.min.js?v=3.1"></script>
  2770.        <script src="https://zaap.bio/assets/page/js/main.js?v=3.1"></script>
  2771.        <script src="https://zaap.bio/assets/page/js/functions.js?v=3.1"></script>
  2772.  
  2773.        <script src="https://zaap.bio/assets/page/growl-notification/growl-notification.min.js"></script>
  2774.        <script src="https://cdn.jsdelivr.net/npm/intl-tel-input@25.3.1/build/js/intlTelInput.min.js"></script>
  2775.  
  2776.        <script defer src="https://www.tiktok.com/embed.js"></script>
  2777.        
  2778.                
  2779.  
  2780.        <script>
  2781.                        let startTime = Date.now();
  2782.            let buttonClickCount = 0;
  2783.            document.addEventListener('click', async function (e) {
  2784.                // Check if clicked element is button or link
  2785.                if (e.target.tagName === 'BUTTON' || e.target.tagName === 'A') {
  2786.                    // Immediately prevent default behavior
  2787.                    button_clicks(null,e);
  2788.                    
  2789.                }
  2790.            });
  2791.            async function button_clicks(url = null, e) {
  2792.                e.preventDefault(); // Prevent default click behavior
  2793.                buttonClickCount++;
  2794.  
  2795.                // Determine the URL and element
  2796.                const linkElement = e.target; // Clicked element
  2797.                const resolvedUrl = linkElement.tagName === 'A' ? linkElement.href : url;
  2798.  
  2799.                if (resolvedUrl) {
  2800.                    // Store stats (assuming this function exists)
  2801.                    // store_stats();
  2802.  
  2803.                    // Check if the link has `data-toggle="tab"`
  2804.                    const isTabToggle = linkElement.getAttribute('data-toggle') === 'tab';
  2805.                    if (!isTabToggle) {
  2806.                        try {
  2807.                            // Send interaction events
  2808.                            await sendInteractionEvents('link_clicked', resolvedUrl);
  2809.  
  2810.                            // Handle navigation
  2811.                            if (linkElement.target === '_blank') {
  2812.                                // Open in a new tab
  2813.                                window.open(resolvedUrl, '_blank');
  2814.                            } else {
  2815.                                // Open in the same tab
  2816.                                window.location.href = resolvedUrl;
  2817.                            }
  2818.                        } catch (error) {
  2819.                            console.error('Network error:', error);
  2820.  
  2821.                            // Fallback navigation if API fails
  2822.                            window.location.href = resolvedUrl;
  2823.                        }
  2824.                    }
  2825.                } else {
  2826.                    console.warn('No valid URL found for the click event.');
  2827.                }
  2828.            }
  2829.            window.addEventListener('beforeunload', async function (event) {
  2830.                store_stats();
  2831.            });
  2832.            async function store_stats() {
  2833.                let timeOnPage = Math.floor((Date.now() - startTime) / 1000); // Time in seconds
  2834.                try {
  2835.                    const response = await fetch('https://zaap.bio/store-stats', {
  2836.                        method: 'POST',
  2837.                        headers: {
  2838.                            'Content-Type': 'application/json',
  2839.                            'X-CSRF-TOKEN': 'Ekm64eIwwV0DylG9uriP5ZLFywIBFvHOtaeQj5Is'
  2840.                        },
  2841.                        body: JSON.stringify({
  2842.                            project_id: '92616',
  2843.                            time_on_page: timeOnPage,
  2844.                            button_clicks: buttonClickCount,
  2845.                            dynamic_id: ""
  2846.                        })
  2847.                    });
  2848.                } catch (error) {
  2849.                    console.error('Network error:', error);
  2850.                }
  2851.            }
  2852.            async function sendInteractionEvents(key, value) {
  2853.                fetch('https://zaap.bio/store-event', {
  2854.                    method: 'POST',
  2855.                    headers: {
  2856.                        'Content-Type': 'application/json',
  2857.                        'X-CSRF-TOKEN': 'Ekm64eIwwV0DylG9uriP5ZLFywIBFvHOtaeQj5Is'
  2858.                    },
  2859.                    body: JSON.stringify({
  2860.                        dynamic_id: "",
  2861.                        event_type: key,
  2862.                        value: value,
  2863.                    })
  2864.                });
  2865.            }
  2866.                        // setTimeout(() => {
  2867.            //     $(".link-content").css('min-height','calc(100vh - '+($(".profile-main").height()+80)+'px)');
  2868.            //     $("footer").css('opacity','1');
  2869.            // }, 500);
  2870.  
  2871.            $(".btn-tiktok-play").click(function() {
  2872.                $("#create_tiktok_widget").modal('show');
  2873.                $("#tiktok_iframe").attr('src', $(this).attr('data-url'));
  2874.            });
  2875.  
  2876.            $(document).on('click',".btn-youtube-play",function() {
  2877.                $("#youtube_play").modal('show');
  2878.                $("#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');
  2879.            });
  2880.  
  2881.            $(document).on('click',".btn-youtubeshorts-play",function() {
  2882.                $("#youtube_shorts_play").modal('show');
  2883.                $("#youtube_shorts_iframe").attr('src','https://www.youtube.com/embed/'+$(this).attr('data-url'));
  2884.            });
  2885.  
  2886.            $(document).on('click', '#youtube_shorts_play .close', function() {
  2887.                $('#youtube_shorts_play').modal('hide');
  2888.            });
  2889.                    
  2890.            // Hide the iframe when the modal is closed
  2891.            const modals = [
  2892.                { modalId: '#create_tiktok_widget', iframeId: '#tiktok_iframe' },
  2893.                { modalId: '#youtube_play', iframeId: '#youtube_iframe' },
  2894.                { modalId: '#youtube_shorts_play', iframeId: '#youtube_shorts_iframe' }
  2895.            ];
  2896.  
  2897.            modals.forEach(({ modalId, iframeId }) => {
  2898.                $(modalId).on('hidden.bs.modal', function () {
  2899.                    $(iframeId).attr('src', '');
  2900.                });
  2901.            });
  2902.  
  2903.            $(document).ready(function() {
  2904.  
  2905.                setTimeout(() => {
  2906.                    $(".twitter-card").removeClass('loading-skeleton');
  2907.                }, 5000);
  2908.            });
  2909.  
  2910.            if (window.innerWidth < 768) {
  2911.                //     $('.links-slider').slick({
  2912.                //   dots: false,
  2913.                //   infinite: false,
  2914.                //   speed: 300,
  2915.                //   slidesToShow: 4,
  2916.                //   arrows:false,
  2917.                //   responsive: [
  2918.                //     {
  2919.                //       breakpoint: 1024,
  2920.                //       settings: {
  2921.                //         slidesToShow: 3,
  2922.                //         slidesToScroll: 3,
  2923.                //         infinite: true,
  2924.                //         dots: false,
  2925.                //       }
  2926.                //     },
  2927.                //     {
  2928.                //       breakpoint: 767,
  2929.                //       settings: {
  2930.                //         slidesToShow: 2,
  2931.                //         slidesToScroll: 2,
  2932.                //       }
  2933.                //     },
  2934.                //     {
  2935.                //       breakpoint: 500,
  2936.                //       settings: {
  2937.                //         slidesToShow: 1,
  2938.                //         slidesToScroll: 1
  2939.                //       }
  2940.                //     }
  2941.                //     // You can unslick at a given breakpoint now by adding:
  2942.                //     // settings: "unslick"
  2943.                //     // instead of a settings object
  2944.                //   ]
  2945.                // });
  2946.            }
  2947.        </script>
  2948.        <script>
  2949.            /* Internal tracking for biolink links */
  2950.            $('[data-link-url]').on('click', event => {
  2951.  
  2952.  
  2953.                let url = $(event.currentTarget).data('link-url');
  2954.                let type = $(event.currentTarget).data('type') ?? 'block';
  2955.                $.ajaxSetup({
  2956.                    "headers": {
  2957.                        'X-CSRF-TOKEN': 'Ekm64eIwwV0DylG9uriP5ZLFywIBFvHOtaeQj5Is'
  2958.                    }
  2959.                })
  2960.                $.ajax({
  2961.                    url: "https://zaap.bio/track-link",
  2962.                    type: "POST",
  2963.                    data: {
  2964.                        url: url,
  2965.                        type: type,
  2966.                    },
  2967.                });
  2968.                button_clicks(event.currentTarget?.href,event);
  2969.  
  2970.            });
  2971.        </script>
  2972.        <script>
  2973.            function handleRemoveBadge(){
  2974.                $('.banner-badge').addClass('d-none');
  2975.                $('.brand-badge').removeClass('d-none');
  2976.            }
  2977.  
  2978.            /* Go over all mail buttons to make sure the user can still submit mail */
  2979.            $(".subscribe-next-btn").click(function() {
  2980.                if ($(this).parent().find('input').val() == '') {
  2981.                    GrowlNotification.notify({
  2982.                        description: "Email is required",
  2983.                        type: "error",
  2984.                        position: "top-right",
  2985.                        closeTimeout: 3000
  2986.                    });
  2987.                    return;
  2988.                } else {
  2989.                    $(this).parent().addClass('d-none');
  2990.                    $(this).parent().removeClass('d-flex');
  2991.  
  2992.                    $(this).parent().next().addClass('d-flex');
  2993.                    $(this).parent().next().removeClass('d-none');
  2994.                }
  2995.            });
  2996.            $(".emailwidget").submit(function(e) {
  2997.                e.preventDefault();
  2998.  
  2999.                var subscription_email = $(this).find('input[name="email"]');
  3000.                var subscription_name = $(this).find('input[name="name"]');
  3001.                var downloadUrl = $(this).find('input[name="download-url"]');
  3002.                var block_id = $(this).find('input[name="block-id"]');
  3003.                var dataObject = {
  3004.                        subscription_email: subscription_email.val(),
  3005.                        subscription_name: subscription_name.val(),
  3006.                    };
  3007.                if (downloadUrl) {
  3008.                    dataObject.downloadUrl = downloadUrl.val();
  3009.                    dataObject.block_id = block_id.val();
  3010.                }
  3011.                if (subscription_name.val() == '') {
  3012.                    GrowlNotification.notify({
  3013.                        description: "Name is required",
  3014.                        type: "error",
  3015.                        position: "top-right",
  3016.                        closeTimeout: 3000
  3017.                    });
  3018.                    return false;
  3019.                }
  3020.                if (subscription_email.val() == '') {
  3021.                    GrowlNotification.notify({
  3022.                        description: "Email is required",
  3023.                        type: "error",
  3024.                        position: "top-right",
  3025.                        closeTimeout: 3000
  3026.                    });
  3027.                    return false;
  3028.                }
  3029.                $.ajaxSetup({
  3030.                    "headers": {
  3031.                        'X-CSRF-TOKEN': 'Ekm64eIwwV0DylG9uriP5ZLFywIBFvHOtaeQj5Is'
  3032.                    }
  3033.                })
  3034.                // console.log("https://zaap.bio/thicongnhakhungthep");
  3035.                $.ajax({
  3036.                    url: "https://zaap.bio/thicongnhakhungthep",
  3037.                    type: "POST",
  3038.                    data: dataObject,
  3039.                    dataType: "json",
  3040.                    success: (data) => {
  3041.  
  3042.                        // data = JSON.parse(data);
  3043.                        if(data.error){
  3044.                            GrowlNotification.notify({
  3045.                                description: data.error,
  3046.                                type: "error",
  3047.                                position: "top-right",
  3048.                                closeTimeout: 5000
  3049.                            });
  3050.                            return false;
  3051.                        }
  3052.  
  3053.                        GrowlNotification.notify({
  3054.                                description: "Subscribed Successfully!",
  3055.                                type: "success",
  3056.                                position: "top-right",
  3057.                                closeTimeout: 5000
  3058.                            });
  3059.                        subscription_email.val('');
  3060.                        subscription_name.val('');
  3061.                        if (downloadUrl.val()) {
  3062.                            window.location.href = downloadUrl.val();
  3063.                        }
  3064.                        return false;
  3065.  
  3066.                    },
  3067.                    error: ($xhr) => {
  3068.                        var data = $xhr.responseJSON;
  3069.                        // console.log(data.status_code);
  3070.                        if (data.status_code != 200) {
  3071.                            for (i in data.errors) {
  3072.                                GrowlNotification.notify({
  3073.                                    description: data.errors[i][0],
  3074.                                    type: "error",
  3075.                                    position: "top-right",
  3076.                                    closeTimeout: 3000
  3077.                                });
  3078.                            }
  3079.                        }
  3080.                        return false;
  3081.                    }
  3082.                });
  3083.            });
  3084.            // phone widget
  3085.            $(document).ready(function () {
  3086.                // Store all phone input instances in this object
  3087.                window.phoneInputInstances = {};
  3088.                
  3089.                // Initialize each phone input
  3090.                $(".phone-dropdown-inp").each(function (index) {
  3091.                    // Ensure each input has a unique ID
  3092.                    if (!this.id) {
  3093.                        this.id = "phone_number_" + index;
  3094.                    }
  3095.                    
  3096.                    // Initialize intlTelInput and store the instance
  3097.                    const instance = window.intlTelInput(this, {
  3098.                        initialCountry: "us",
  3099.                        preferredCountries: ["us", "ca"],
  3100.                        formatOnDisplay: true,
  3101.                        containerClass: "phone-dropdown",
  3102.                        separateDialCode: true,
  3103.                        strictMode: true,
  3104.                        loadUtils: () => import("https://cdn.jsdelivr.net/npm/intl-tel-input@25.3.1/build/js/utils.js"),
  3105.                    });
  3106.                    
  3107.                    // Store the instance with the input's ID
  3108.                    window.phoneInputInstances[this.id] = instance;
  3109.                });
  3110.            })
  3111.            $(document).on('submit', '.phonewidget', function (e) {
  3112.                e.preventDefault();
  3113.                showLoader();
  3114.                
  3115.                let form = $(this);
  3116.                let subscription_name = form.find('input[name="name"]').val().trim();
  3117.                let phoneInput = form.find('input[name="phone"]'); // Get the specific input field inside this form
  3118.  
  3119.                let iti = window.phoneInputInstances[phoneInput.attr('id')];// Get instance for this input
  3120.  
  3121.                // Frontend Validation
  3122.                if (!subscription_name) {
  3123.                    GrowlNotification.notify({
  3124.                        description: "Name is required",
  3125.                        type: "error",
  3126.                        position: "top-right",
  3127.                        closeTimeout: 3000
  3128.                    });
  3129.                    hideLoader();
  3130.                    return;
  3131.                }
  3132.                 // Ensure `iti` is initialized
  3133.                if (!iti) {
  3134.                    GrowlNotification.notify({
  3135.                        description: "Phone input is not initialized properly",
  3136.                        type: "error",
  3137.                        position: "top-right",
  3138.                        closeTimeout: 3000
  3139.                    });
  3140.                    hideLoader();
  3141.                    return;
  3142.                }
  3143.  
  3144.                // Extract country code
  3145.                let countryData = iti.getSelectedCountryData();
  3146.                let country_code = countryData.dialCode;
  3147.  
  3148.                // Check if phone number is valid
  3149.                if (!iti.isValidNumber()) {
  3150.                    GrowlNotification.notify({
  3151.                        description: "Enter a valid phone number",
  3152.                        type: "error",
  3153.                        position: "top-right",
  3154.                        closeTimeout: 3000
  3155.                    });
  3156.                    hideLoader();
  3157.                    return;
  3158.                }
  3159.  
  3160.                let subscription_phone = phoneInput.val().trim().replace(/\D/g, '');
  3161.                let dataObject = {
  3162.                    subscription_phone: subscription_phone,
  3163.                    subscription_name: subscription_name,
  3164.                    country_code: country_code
  3165.                };
  3166.  
  3167.                // CSRF Token Setup
  3168.                $.ajaxSetup({
  3169.                    headers: { 'X-CSRF-TOKEN': 'Ekm64eIwwV0DylG9uriP5ZLFywIBFvHOtaeQj5Is' }
  3170.                });
  3171.  
  3172.                // AJAX Request
  3173.                $.ajax({
  3174.                    url: "https://zaap.bio/thicongnhakhungthep/contact-subscribe",
  3175.                    type: "POST",
  3176.                    data: dataObject,
  3177.                    dataType: "json",
  3178.                    success: (data) => {
  3179.                        if (data.error) {
  3180.                            GrowlNotification.notify({
  3181.                                description: data.error,
  3182.                                type: "error",
  3183.                                position: "top-right",
  3184.                                closeTimeout: 5000
  3185.                            });
  3186.                            hideLoader();
  3187.                            return;
  3188.                        }
  3189.  
  3190.                        GrowlNotification.notify({
  3191.                            description: "Subscribed Successfully!",
  3192.                            type: "success",
  3193.                            position: "top-right",
  3194.                            closeTimeout: 5000
  3195.                        });
  3196.  
  3197.                        // Clear input fields
  3198.                        form.find('input[name="phone"]').val('');
  3199.                        form.find('input[name="name"]').val('');
  3200.                        hideLoader();
  3201.                    },
  3202.                    error: ($xhr) => {
  3203.                        hideLoader();
  3204.                        var data = $xhr.responseJSON;
  3205.                        // console.log(data.status_code);
  3206.                        if (data.status_code != 200) {
  3207.                            for (i in data.errors) {
  3208.                                GrowlNotification.notify({
  3209.                                    description: data.errors[i][0],
  3210.                                    type: "error",
  3211.                                    position: "top-right",
  3212.                                    closeTimeout: 3000
  3213.                                });
  3214.                            }
  3215.                        }
  3216.                        return false;
  3217.                    }
  3218.                });
  3219.            });
  3220.  
  3221.            $('form[id^="mail_"]').each((index, element) => {
  3222.                let link_id = $(element).find('input[name="link_id"]').val();
  3223.                let is_converted = localStorage.getItem(`mail_${link_id}`);
  3224.  
  3225.                if (is_converted) {
  3226.                    /* Set the submit button to disabled */
  3227.                    $(element).find('button[type="submit"]').attr('disabled', 'disabled');
  3228.                }
  3229.            });
  3230.            /* Form handling for mail submissions if any */
  3231.            $('form[id^="mail_"]').on('submit', event => {
  3232.                let base_url = $('[name="url"]').val();
  3233.                let link_id = $(event.currentTarget).find('input[name="link_id"]').val();
  3234.                let is_converted = localStorage.getItem(`mail_${link_id}`);
  3235.  
  3236.                if (!is_converted) {
  3237.  
  3238.                    $.ajax({
  3239.                        type: 'POST',
  3240.                        url: `${base_url}link-ajax`,
  3241.                        data: $(event.currentTarget).serialize(),
  3242.                        success: (data) => {
  3243.                            let notification_container = $(event.currentTarget).find(
  3244.                                '.notification-container');
  3245.  
  3246.                            if (data.status == 'error') {
  3247.                                notification_container.html('');
  3248.  
  3249.                                display_notifications(data.message, 'error', notification_container);
  3250.                            } else if (data.status == 'success') {
  3251.  
  3252.                                display_notifications(data.message, 'success', notification_container);
  3253.  
  3254.                                setTimeout(() => {
  3255.  
  3256.                                    /* Hide modal */
  3257.                                    $(event.currentTarget).closest('.modal').modal('hide');
  3258.  
  3259.                                    /* Remove the notification */
  3260.                                    notification_container.html('');
  3261.  
  3262.                                    /* Set the localstorage to mention that the user was converted */
  3263.                                    localStorage.setItem(`mail_${link_id}`, true);
  3264.  
  3265.                                    /* Set the submit button to disabled */
  3266.                                    $(event.currentTarget).find('button[type="submit"]').attr(
  3267.                                        'disabled', 'disabled');
  3268.  
  3269.                                }, 1000);
  3270.  
  3271.                            }
  3272.                        },
  3273.                        dataType: 'json'
  3274.                    });
  3275.  
  3276.                }
  3277.  
  3278.                event.preventDefault();
  3279.            });
  3280.  
  3281.  
  3282.  
  3283.    $(document).on('submit', '#form_contact', function(e) {
  3284.        e.preventDefault();
  3285.        var email = $(this).find('input[name="email"]');
  3286.        var name = $(this).find('input[name="name"]');
  3287.        var phone = $(this).find('input[name="phone"]');
  3288.        var message = $(this).find('textarea[name="message"]');
  3289.        console.log(message);
  3290.        var contact_form_id = $(this).find('input[name="contact_form_id"]');
  3291.        var url = "https://zaap.bio/thicongnhakhungthep/contact-form-submit";
  3292.                if (name.attr("data-required") && name.val() == '') {
  3293.                    GrowlNotification.notify({
  3294.                        description: "Name is required",
  3295.                        type: "error",
  3296.                        position: "top-right",
  3297.                        closeTimeout: 3000
  3298.                    });
  3299.                    return false;
  3300.                }
  3301.                if (email.attr("data-required") && email.val() == '') {
  3302.                    GrowlNotification.notify({
  3303.                        description: "Email is required",
  3304.                        type: "error",
  3305.                        position: "top-right",
  3306.                        closeTimeout: 3000
  3307.                    });
  3308.                    return false;
  3309.                }
  3310.                if (phone.attr("data-required") && phone.val() == '') {
  3311.                    GrowlNotification.notify({
  3312.                        description: "Phone is required",
  3313.                        type: "error",
  3314.                        position: "top-right",
  3315.                        closeTimeout: 3000
  3316.                    });
  3317.                    return false;
  3318.                }
  3319.                if(message.attr("data-required") && message.val() == ''){
  3320.                    GrowlNotification.notify({
  3321.                            description: "Message is required",
  3322.                            type: "error",
  3323.                            position: "top-right",
  3324.                            closeTimeout: 3000
  3325.                        });
  3326.                        return false;
  3327.                }
  3328.            $.ajaxSetup({
  3329.                "headers": {
  3330.                    'X-CSRF-TOKEN': 'Ekm64eIwwV0DylG9uriP5ZLFywIBFvHOtaeQj5Is'
  3331.                }
  3332.            })
  3333.            $.ajax({
  3334.            url:url,
  3335.            type: 'POST',
  3336.            data: {
  3337.                email: email.val(),
  3338.                name:  name.val(),
  3339.                phone: phone.val(),
  3340.                message: message.val(),
  3341.                contact_form_id: contact_form_id.val(),
  3342.            },
  3343.            success: (data) => {
  3344.                GrowlNotification.notify({
  3345.                    description: "Form Submitted Successfully!",
  3346.                    type: "success",
  3347.                    position: "top-right",
  3348.                    closeTimeout: 5000
  3349.                });
  3350.                email.val('');
  3351.                name.val('');
  3352.                phone.val('');
  3353.                message.val('');
  3354.                return false;
  3355.                },
  3356.            error: ($xhr) => {
  3357.                        var data = $xhr.responseJSON;
  3358.                        // console.log(data.status_code);
  3359.                        if (data.status_code != 200) {
  3360.                            for (i in data.errors) {
  3361.                                GrowlNotification.notify({
  3362.                                    description: data.errors[i][0],
  3363.                                    type: "error",
  3364.                                    position: "top-right",
  3365.                                    closeTimeout: 3000
  3366.                                });
  3367.                            }
  3368.                        }
  3369.                        return false;
  3370.                    }
  3371.        });
  3372.        });
  3373.  
  3374.        $(".contact-accordion-button").click(function(){
  3375.        $(this).next().slideDown(500);
  3376.        setTimeout(() => {
  3377.            $(this).remove();
  3378.        }, 500);
  3379.        });
  3380.  
  3381.        var postsLoaded = false;
  3382.        $(document).ready(function() {
  3383.        // if (window.location.hash  == '#posts') {
  3384.        // $('.container.animate__animated.animate__fadeIn').addClass('contain')
  3385.        // }
  3386.        // else if (window.location.hash == '#bio'){
  3387.            
  3388.        //     $('.container.animate__animated.animate__fadeIn').removeClass('contain')
  3389.        // }
  3390.        // Hide all tab content except the active tab
  3391.        $(".tab-content .tab-pane").not(".active").hide();
  3392.  
  3393.        // Handle tab click event
  3394.        $(".tab").click(function() {
  3395.        var tabId = $(this).attr("data-value");
  3396.        showTab(tabId);
  3397.        window.location.hash = tabId;
  3398.        // if (tabId == '#posts') {
  3399.        // $('.container.animate__animated.animate__fadeIn').addClass('contain')
  3400.        // }
  3401.        // else if (tabId == '#bio'){
  3402.        //     $('.container.animate__animated.animate__fadeIn').removeClass('contain')
  3403.        // }
  3404.        });
  3405.  
  3406.        });
  3407.  
  3408.        function showTab(tabId) {
  3409.        history.pushState(null, null, tabId);
  3410.        $(".tab").removeClass("active");
  3411.        $('a[data-value="' + tabId + '"]').addClass("active");
  3412.        $(".tab-content .tab-pane").hide();
  3413.        $(tabId).show();
  3414.  
  3415.        if (tabId === "#posts" && !postsLoaded && 0 > 0) {
  3416.            loadPosts();
  3417.        }
  3418.        }
  3419.  
  3420.        function loadPosts() {
  3421.        var url =
  3422.        "https://zaap.bio/thicongnhakhungthep/get-posts";
  3423.        $.ajaxSetup({
  3424.        headers: {
  3425.        "X-CSRF-TOKEN": "Ekm64eIwwV0DylG9uriP5ZLFywIBFvHOtaeQj5Is",
  3426.        },
  3427.        });
  3428.  
  3429.        $.ajax({
  3430.        url: url,
  3431.        type: "GET",
  3432.        success: function(response) {
  3433.        $(".posts-main").html(response);
  3434.        postsLoaded = true;
  3435.        },
  3436.        error: function(xhr, status, error) {
  3437.        console.log(error); // Check for any error messages
  3438.        },
  3439.        });
  3440.        }
  3441.  
  3442.        $(document).ready(function() {
  3443.        function hasQueryParameter(parameterName) {
  3444.            const urlParams = new URLSearchParams(window.location.search);
  3445.            return urlParams.has(parameterName);
  3446.        }
  3447.        // Handle initial tab based on the URL hash
  3448.        var tab = window.location.hash;
  3449.        if (tab) {
  3450.            showTab(tab);
  3451.        }
  3452.        else if(hasQueryParameter("post")){
  3453.            post();
  3454.        }
  3455.        function post() {
  3456.        var hash = window.location.href;
  3457.        var startIndex = hash.indexOf("?post=") + 6; // Add the length of "?post=" to get the starting index
  3458.        var slug = hash.substring(startIndex);
  3459.        console.log(slug);
  3460.        // if (window.location.hash == "#posts") {
  3461.        if (slug) {
  3462.            var url = "https://zaap.bio/thicongnhakhungthep/get-posts";
  3463.            console.log(url,"hash");
  3464.            showLoader();
  3465.            $.ajaxSetup({
  3466.                "headers": {
  3467.                    'X-CSRF-TOKEN': 'Ekm64eIwwV0DylG9uriP5ZLFywIBFvHOtaeQj5Is'
  3468.                }
  3469.            });
  3470.            $.ajax({
  3471.                url: url + '?slug=' + slug,
  3472.                type: "GET",
  3473.                success: function(response) {
  3474.                    if (response) {
  3475.                        $("#postModal").modal('show');
  3476.                        $("#postModal .modal-body").html(response);
  3477.                        hideLoader();
  3478.                    }
  3479.                    else{
  3480.                        hideLoader();
  3481.                        window.location.hash = "#posts";
  3482.                        // $('.container.animate__animated.animate__fadeIn').addClass('contain')
  3483.                        var tab = window.location.hash;
  3484.                        console.log(tab)
  3485.                        showTab(tab)
  3486.                    }
  3487.                }
  3488.            });
  3489.            $("#postModal").on('hide.bs.modal', function() {
  3490.                var url = window.location.href;
  3491.            if (url.indexOf("?post=") !== -1) {
  3492.                url = url.split("?post=")[0] + '#posts' ; // Update the URL with the modified hash
  3493.                history.pushState(null, null, url); // Update the URL in the browser without reloading the page
  3494.                // $('.container.animate__animated.animate__fadeIn').addClass('contain')
  3495.                showTab("#posts")
  3496.            }
  3497.                // if (window.location.hash.indexOf("#posts#") !== -1) {
  3498.                //     window.location.hash = "#posts";
  3499.                //     var tab = window.location.hash;
  3500.                //     console.log(tab)
  3501.                //     showTab(tab)
  3502.                // }
  3503.            });
  3504.        }
  3505.        // }
  3506.        }
  3507.    });
  3508.  
  3509.    $(document).on('click', ".page-post", function() {
  3510.        var slug = $(this).attr('data-slug');
  3511.        var url = `${baseUrl}/${projectSlug}/post/${slug}`;
  3512.        // get current domain
  3513.        var currentHost = window.location.origin;
  3514.        let finalUrl = '';
  3515.        var baseUrl = "https://zaap.bio";
  3516.        if (currentHost == baseUrl) {
  3517.            // Use configured base URL (zaap.bio)
  3518.            var projectSlug = "thicongnhakhungthep";
  3519.            finalUrl = `${baseUrl}/${projectSlug}/post/${slug}`;
  3520.        } else {
  3521.            // Use current domain (custom domain)
  3522.            finalUrl = `${currentHost}/post/${slug}`;
  3523.        }
  3524.  
  3525.        window.location.href = finalUrl;
  3526.        return;
  3527.        var postid = $(this).attr('data-id'); // Get the data-id of the clicked post
  3528.  
  3529.        var url = "https://zaap.bio/thicongnhakhungthep/get-posts";
  3530.  
  3531.        showLoader();
  3532.        $.ajaxSetup({
  3533.            "headers": {
  3534.                'X-CSRF-TOKEN': 'Ekm64eIwwV0DylG9uriP5ZLFywIBFvHOtaeQj5Is'
  3535.            }
  3536.        });
  3537.        $.ajax({
  3538.            url: url + '?post=' + postid,
  3539.            type: "GET",
  3540.            success: function(response) {
  3541.                hideLoader();
  3542.                $("#postModal").modal('show');
  3543.                $("#postModal .modal-body").html(response);
  3544.                var urlhash  = window.location.href
  3545.                var url = urlhash.replace('#posts','') +  '?post=' + slug ;
  3546.                console.log( url);
  3547.                window.history.pushState('','',url);
  3548.  
  3549.            }
  3550.        });
  3551.        // $("#postModal").on('hide.bs.modal', function() {
  3552.        //     var url = window.location.href;
  3553.        //     if (url.indexOf("?post=") !== -1) {
  3554.        //         url = url.split("?post=")[0] + "#posts"; // Update the URL with the modified hash
  3555.        //         history.pushState(null, null, url); // Update the URL in the browser without reloading the page
  3556.        //     }
  3557.        // });
  3558.    });
  3559.    var originalUrl = window.location.href;
  3560.    window.addEventListener('hashchange', function() {
  3561.        var updatedUrl = window.location.href;
  3562.        if (updatedUrl !== originalUrl) {
  3563.            originalUrl = updatedUrl;
  3564.        }
  3565.    });
  3566.        document.querySelector('#postModal').addEventListener('click', function() {
  3567.            var newUrl = originalUrl + '?post=posting';
  3568.            history.pushState(null, null, newUrl);
  3569.        });
  3570.  
  3571.        $("#postModal").on('hide.bs.modal', function() {
  3572.            history.pushState(null, null, originalUrl);
  3573.        });
  3574.        
  3575.        // "tiktok"
  3576.        // "folder-link"
  3577.        // "folder-portfolio"
  3578.        // "youtube"
  3579.        // "instagram"
  3580.        // "posts"
  3581.        // "spotify"
  3582.        // "product"
  3583.        // "meeting"
  3584.        </script>
  3585.        <!-- Swiper JS -->
  3586.        <script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
  3587.        <script>
  3588.            function initializeSwiper(sliderType) {
  3589.                $("." + sliderType + "-slider").each(function () {
  3590.                    try {
  3591.                        
  3592.                    
  3593.                    const $this = $(this);
  3594.                    const sliderId = $this.data('id');
  3595.                    if (!sliderId) return;
  3596.                    
  3597.                    const containerSelector = '.' + sliderType + '-slider-' + sliderId;
  3598.                    
  3599.                    const containerEl = document.querySelector(containerSelector);
  3600.                    console.log("sliderType",sliderType,"containerEl",containerEl)
  3601.                    if (!containerEl) return;
  3602.  
  3603.                    const leftArrow = document.querySelector("." + sliderType + '-left-arrow-' + sliderId);
  3604.                    const rightArrow = document.querySelector("." + sliderType + '-right-arrow-' + sliderId);
  3605.                    const leftFade = document.querySelector("." + sliderType + '-left-fade-' + sliderId);
  3606.                    const rightFade = document.querySelector("." + sliderType + '-right-fade-' + sliderId);
  3607.                    const swiper = new Swiper(containerSelector, {
  3608.                        slidesPerView: 'auto',
  3609.                        spaceBetween: sliderType == "instagram" ? 0 : 15,
  3610.                        freeMode: true,
  3611.                        navigation: {
  3612.                            nextEl: rightArrow,
  3613.                            prevEl: leftArrow,
  3614.                        },
  3615.                        on: {
  3616.                            init: function (swiperInstance) {
  3617.                                updateFadeVisibility(swiperInstance);
  3618.                            },
  3619.                            slideChange: function (swiperInstance) {
  3620.                                updateFadeVisibility(swiperInstance);
  3621.                            },
  3622.                            reachEnd: function (swiperInstance) {
  3623.                                updateFadeVisibility(swiperInstance);
  3624.                            },
  3625.                            reachBeginning: function (swiperInstance) {
  3626.                                updateFadeVisibility(swiperInstance);
  3627.                            },
  3628.                            fromEdge: function (swiperInstance) {
  3629.                                updateFadeVisibility(swiperInstance);
  3630.                            }
  3631.                        }
  3632.                    });
  3633.  
  3634.                    function updateFadeVisibility(swiperInstance) {
  3635.                        const isBeginning = swiperInstance.isBeginning;
  3636.                        const isEnd = swiperInstance.isEnd;
  3637.  
  3638.                        if (leftArrow) leftArrow.style.opacity = isBeginning ? '0' : '1';
  3639.                        if (leftFade) leftFade.style.display = isBeginning ? 'none' : 'block';
  3640.  
  3641.                        if (rightArrow) rightArrow.style.opacity = isEnd ? '0' : '1';
  3642.                        if (rightFade) rightFade.style.display = isEnd ? 'none' : 'block';
  3643.                    }} catch (error) {
  3644.                        console.log("error in initializeSwiper",sliderType,error)
  3645.                    }
  3646.                });
  3647.            }
  3648.            // ✅ Initialize all sliders
  3649.            $(document).ready(function () {
  3650.                const sliderTypes = [
  3651.                    "posts",
  3652.                    "tiktok",
  3653.                    "folder-link",
  3654.                    "folder-portfolio",
  3655.                    "youtube",
  3656.                    "instagram",
  3657.                    "spotify",
  3658.                    "instagram"
  3659.                ];
  3660.  
  3661.                sliderTypes.forEach(type => initializeSwiper(type));
  3662.            });
  3663.        </script>
  3664.    </body>
  3665.    
  3666.    
  3667.  
  3668.  
  3669.  
  3670.  
  3671.  
  3672. <script>
  3673.    // $(document).ready(function () {
  3674.    //     function updateArrows($slider) {
  3675.    //         const slick = $slider.slick('getSlick');
  3676.    //         const currentSlide = slick.currentSlide;
  3677.    //         const totalSlides = slick.slideCount;
  3678.    //         const slidesToShow = slick.options.slidesToShow;
  3679.  
  3680.    //         const $container = $slider.closest('.links-area');
  3681.    //         const $prevArrow = $container.find('.folder-link-left-arrow');
  3682.    //         const $nextArrow = $container.find('.folder-link-right-arrow');
  3683.    //         const $prevFade = $container.find('.fade-left');
  3684.    //         const $nextFade = $container.find('.fade-right');
  3685.  
  3686.    //         $prevArrow.toggle(currentSlide !== 0);
  3687.    //         $prevFade.toggle(currentSlide !== 0);
  3688.    //         $nextArrow.toggle(currentSlide < totalSlides - slidesToShow);
  3689.    //         $nextFade.toggle(currentSlide < totalSlides - slidesToShow);
  3690.    //     }
  3691.  
  3692.    //     function initSlider(selector, slidesToShow, dots) {
  3693.    //         $(selector).each(function () {
  3694.    //             const $slider = $(this);
  3695.    //             const $container = $slider.closest('.links-area');
  3696.  
  3697.    //             $slider.slick({
  3698.    //                 slidesToShow,
  3699.    //                 slidesToScroll: 1,
  3700.    //                 dots: dots,
  3701.    //                 arrows: true,
  3702.    //                 infinite: false,
  3703.    //                 prevArrow: $container.find('.folder-link-left-arrow'),
  3704.    //                 nextArrow: $container.find('.folder-link-right-arrow'),
  3705.    //                 responsive: [
  3706.    //                     {
  3707.    //                     breakpoint: 750,
  3708.    //                     settings: {
  3709.    //                         slidesToShow: 1,
  3710.    //                     }
  3711.    //                     },
  3712.    //                 ]
  3713.    //             });
  3714.  
  3715.    //             updateArrows($slider);
  3716.  
  3717.    //             $slider.on('afterChange', function () {
  3718.    //                 updateArrows($slider);
  3719.    //             });
  3720.    //         });
  3721.    //     }
  3722.  
  3723.    //     // Dynamic call based on type
  3724.    //     initSlider('.slick-slider-portrait', 2 , false);
  3725.    //     initSlider('.slick-slider-landscape', 1, true);
  3726.    // });
  3727.    </script>
  3728. </html>
  3729.  

Home · About · News · Docs · Terms

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