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

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

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

Home · About · News · Docs · Terms

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