Bioconjugation - Creative Biolabs

<!DOCTYPE html> <html lang="en-us"> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />  <link rel="icon" href="/bioconjugation/static/images/favicon.ico" type="image/x-icon"> <title>Bioconjugation - Creative Biolabs</title> <meta name="keywords" content="Bioconjugation (NAA); Nabs; Bioconjugation (NAA, Nabs) detection; Bioconjugation (NAA, Nabs) profiling; autoantigen microarray; autoantibody microarray; Bioconjugation repertoires" /> <meta name="description" content="Creative Biolabs is committed to providing innovative and diversified bioconjugation products and services to support disease diagnosis and therapeutic monitoring." /> <link rel="canonical" href="https://www.creative-biolabs.com/bioconjugation/" /> <base href="/bioconjugation/" /> <link rel="stylesheet" href="/bioconjugation/static/css/bootstrap.min.css"> <link rel="stylesheet" href="/bioconjugation/static/css/public2.css"> <link rel="stylesheet" href="/bioconjugation/static/css/style2.css"> <script type="text/javascript">var baseHref = "/bioconjugation";</script> <script src="https://www.cblcdn.com/lib/jquery/jquery-3.4.1.min.js"></script>  <script>dataLayer = [{"ip":"8.222.208.146","c_session_id":"b81c521eefbf583081bf8aede90b56dc","c_user_id":"b81c521eefbf583081bf8aede90b56dc"}] ;</script>  <script> (function (w, d, s, l, i) { w[l] = w[l] || []; w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' }); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'dataLayer', 'GTM-PH4MJ7R4');</script>  </head> <body>  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PH4MJ7R4&ip=8.222.208.146&c_session_id=b81c521eefbf583081bf8aede90b56dc&c_user_id=b81c521eefbf583081bf8aede90b56dc" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <svg xmlns="http://www.w3.org/2000/svg" style="display: none;"> <path id="menu-arrow" style="fill:#fff;" d="M13.9,5.1L13.9,5.1c-5.8,5.8-5.8,5.8-5.8,5.8c0,0,0,0,0,0l0.4-0.4L13.9,5.1C13.9,5.1,13.9,5.1,13.9,5.1 M2.1,5.1l5.5,5.5 l0.4,0.4c0,0,0,0,0,0C7.9,10.9,7.9,10.9,2.1,5.1 M13.9,4.4c-0.2,0-0.3,0.1-0.5,0.2L8,10L2.5,4.6C2.4,4.4,2.2,4.4,2.1,4.4 S1.7,4.4,1.6,4.6c-0.3,0.3-0.3,0.7,0,1c0,0,5.8,5.8,5.8,5.8c0.2,0.2,0.4,0.3,0.6,0.3c0.2,0,0.4-0.1,0.6-0.3c0,0,5.8-5.8,5.8-5.8 c0.3-0.3,0.3-0.7,0-1C14.3,4.4,14.1,4.4,13.9,4.4L13.9,4.4z" /> </svg> <header> <svg xmlns="http://www.w3.org/2000/svg" style="display: none;"> <symbol id="close-btn" viewBox="0 0 27 27"> <style type="text/css"> .st0{fill:none;stroke:#333;stroke-miterlimit:10;} </style> <line class="st0" x1="0" y1="0" x2="27" y2="27"/> <line class="st0" x1="27" y1="0" x2="0" y2="27"/> </symbol> </svg> <style> .close_read { background-color:#f8b551; color: #fff; display: inline-block; border: 2px solid transparent; border-radius: 60px; text-align: center; padding: 3px 0; width: 165px; z-index: 0; overflow: hidden; position: relative; text-decoration: none; font-size: 14px; cursor: pointer; } .tips-box {width:100%;z-index: 1001; display:none; background-size:cover; position:relative; z-index: 99999;} #closebtn { position:absolute; top:15px; right:15px;} .close_read:hover { background-color:#ec9f2c;transition: background-color .5s ease;color: #fff; } .goodtxt{ background: #f6f6f6;} /* .goodtxt { width:96%; margin:0 auto; max-width:1200px; color:#333; padding-top:5px;} */ .goodtxt a img:nth-child(2){display: none;} @media(max-width:767px) { .goodtxt a img:nth-child(2){display: block;} .goodtxt a img:nth-child(1){display: none;} } </style> <div class="tips-box"> <a href="javascript:void(0)" id="closebtn"> <svg class="bi" width="24" height="24"><use xlink:href="#close-btn"></use></svg> </a> <div class="goodtxt"> <a id="ad_exhibition" target="_blank" rel="nofollow" href="https://events.creative-biolabs.com" > </a> <style> #ad_exhibition img{ width:100%; height:auto; } </style> <script> var htmlobj = $.ajax({ url:"https://static.creative-biolabs.com/_noindex/ad_exhibition/ad_exhibition_pic.txt", async: false, success: function (result) { var _idmark = 'bioconjugation'; var area_name = "https://"+ window.location.host.replace("www.",'static.'); console.log(window.location.host) console.log(area_name); console.log(result.replace(/#area#/ig, area_name)) $("#ad_exhibition").html(result.replace(/#area#/ig, area_name)); } }); </script> </div> </div> <div class="clear"></div> <script> $(function(){ if( sessionStorage.isClose != 'yes'){ $(".tips-box").show(); $("#closebtn").click(function(){ $(".tips-box").fadeOut(300); $(".main-container").css("top","0") sessionStorage.isClose = 'yes'; }) }else{$(".tips-box").hide();} }) $(document).ready(function(){ if ($(".tips-box").is(":hidden")){ $(".main-container").css("top","0"); } }) </script> <style> .main-menu > li > ul > li > a { font-size: .875rem; font-weight: bold; } .main-menu > li > ul > li > a:hover { transform: translateX(0px); } .main-menu > li > a { position: relative; text-transform: uppercase; } .main-menu > li:hover > a:before { content: ""; position: absolute; top: -10px; left: -10px; bottom: -10px; right: -10px; width: calc(100% + 20px); height: calc(100% + 20px); background: rgb(255 255 255 / 10%); border-radius: 6px; padding: .7rem .7rem } .main-menu > li:hover > a:after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: calc(100% + 20px); height: calc(100% + 31px); } .main-menu > li:hover > a.logo:before { display: none; } .main-menu > li:hover > a#topsearch:before { border-radius: 100px } .main-menu > li > ul > li > a { display: block } .main-menu > li > ul > li > a:before { content: " "; width: 16px; height: 16px; /* background: url(static/images/off.png); */ display: inline-block; vertical-align: middle; } .main-menu > li > ul > li > a:after { content: " "; width: 100%; height: 1px; display: block; border-bottom: #cbcbcb solid 1px; } /* ---- tsparticles container ---- */ #tsparticles canvas { position: fixed; width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; top: 0; left: 0; z-index: -1; } .tab-content { display: none; flex-direction: column; justify-content: center; height: 100%; text-align: center; align-items: center; } .tab-content.show { display: flex; } .tab-content h3 { font-size: 2.2rem; } .tab-content p { font-size: 1.35rem; letter-spacing: -0.5px; } .triangle { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 100%; transform: rotate(-3deg); transition: transform .3s ease; } .triangle:after { content: "▼"; position: absolute; top: 50%; left: 100%; transform: rotate(270deg) } </style> <div class="container-xxl" style="max-width:1400px;"> <a href="/bioconjugation/" style="width:254" class="logo0 d-flex d-md-none"><img alt="Bioconjugation" width="134" height="91" src="static/images/logowhite.png" /></a> <input type="checkbox" id="menu" /> <label for="menu" class="menu"> <span><i></i><i></i><i></i></span> </label> <nav class="responsive-menu nav "> <ul class="main-menu"> <li class="d-none d-lg-flex" style="padding:0;"> <a style="padding:0;width:256px;" href="/bioconjugation/" class="logo"><img alt="Bioconjugation" width="256" height="91" src="static/images/logowhite.png" /></a> </li> <li class="gapline"> <a href="javascript:void(0)" title="Services" >Services <svg style="display:none;vertical-align:top;" width="16" height="16"><use xlink:href="#menu-arrow"></use></svg></a> <ul> <li > <a href="javascript:void(0)" title="Protein & Antibody Related Conjugation">Protein & Antibody Related Conjugation</a> <ul> <li> <a href="protein-enzyme-conjugation.htm" title="Enzyme Bioconjugation">Enzyme Bioconjugation</a> </li> <li> <a href="peptide-carriers-conjugation.htm" title="Peptide-Carriers Bioconjugation">Peptide-Carriers Bioconjugation</a> </li> <li> <a href="protein-fluorescent-conjugation.htm" title="Fluorescent Bioconjugation">Fluorescent Bioconjugation</a> </li> <li> <a href="protein-small-molecule-conjugation.htm" title="Small Molecule Bioconjugation">Small Molecule Bioconjugation</a> </li> <li> <a href="protein-oligonucleotides-conjugation.htm" title="Oligonucleotide Bioconjugation">Oligonucleotide Bioconjugation</a> </li> <li> <a href="protein-oligosaccharide-conjugation.htm" title="Oligosaccharide Bioconjugation">Oligosaccharide Bioconjugation</a> </li> <li> <a href="protein-bead-particle-conjugation.htm" title="Bead & Particle Bioconjugation">Bead & Particle Bioconjugation</a> </li> <li> <a href="protein-metal-chelates-conjugation.htm" title="Metal Chelates Bioconjugation">Metal Chelates Bioconjugation</a> </li> <li> <a href="photoaffinity-label.htm" title="Photoaffinity Label Bioconjugation">Photoaffinity Label Bioconjugation</a> </li> <li> <a href="liposome-bioconjugation.htm" title="Liposome Bioconjugation">Liposome Bioconjugation</a> </li> <li> <a href="custom-protein-pegylation-conjugation-service.htm" title="PEGylation Bioconjugation">PEGylation Bioconjugation</a> </li> <li> <a href="biotin-bioconjugation.htm" title="Biotin Bioconjugation">Biotin Bioconjugation</a> </li> </ul> </li> <li > <a href="javascript:void(0)" title="Nucleic Acids/Oligonucleotides Related Conjugation">Nucleic Acids/Oligonucleotides Related Conjugation</a> <ul> <li> <a href="oligonucleotides-peptide-conjugation.htm" title="Peptide Bioconjugation">Peptide Bioconjugation</a> </li> <li> <a href="oligonucleotides-fluorescent-conjugation.htm" title="Fluorescent Bioconjugation">Fluorescent Bioconjugation</a> </li> <li> <a href="oligonucleotides-bead-particle-conjugation.htm" title="Bead & Particle Bioconjugation">Bead & Particle Bioconjugation</a> </li> <li> <a href="oligonucleotides-small-molecule-conjugation.htm" title="Small Molecule Bioconjugation">Small Molecule Bioconjugation</a> </li> <li> <a href="pegylation-bioconjugation.htm" title="PEGylation Bioconjugation">PEGylation Bioconjugation</a> </li> <li> <a href="oligonucleotides-cyclodextrin-conjugation.htm" title="Cyclodextrin Bioconjugation">Cyclodextrin Bioconjugation</a> </li> </ul> </li> <li > <a href="javascript:void(0)" title="Small Molecule Related Conjugation">Small Molecule Related Conjugation</a> <ul> <li> <a href="small-molecule-particle-conjugation.htm" title="Particle Bioconjugation">Particle Bioconjugation</a> </li> </ul> </li> <li > <a href="javascript:void(0)" title="Bacteria Related Conjugation">Bacteria Related Conjugation</a> <ul> <li> <a href="bacteria-fluorescent-label.htm" title="Fluorescent Label Bioconjugation">Fluorescent Label Bioconjugation</a> </li> <li> <a href="unnatural-glycan-based-bacteria-conjugation.htm" title="Unnatural Glycan Bioconjugation">Unnatural Glycan Bioconjugation</a> </li> </ul> </li> <li > <a href="virus-conjugation.htm" title="Custom Virus Conjugation">Custom Virus Conjugation</a> </li> <li > <a href="bacteriophage-conjugation.htm" title="Custom Bacteriophage Conjugation">Custom Bacteriophage Conjugation</a> </li> </ul> </li> <li class="gapline"> <a href="javascript:void(0)" title="Products" >Products <svg style="display:none;vertical-align:top;" width="16" height="16"><use xlink:href="#menu-arrow"></use></svg></a> <ul> <li > <a href="category-crosslinkers-1404.htm" title="Crosslinkers">Crosslinkers</a> </li> <li > <a href="category-fluorescent-reagents-1405.htm" title="Fluorescent Reagents">Fluorescent Reagents</a> </li> </ul> </li> <li class="gapline"> <a href="javascript:void(0)" title="Applications" >Applications <svg style="display:none;vertical-align:top;" width="16" height="16"><use xlink:href="#menu-arrow"></use></svg></a> <ul> <li > <a href="bioconjugation-for-biochemical-assays.htm" title="Bioconjugation for Biochemical Assays">Bioconjugation for Biochemical Assays</a> </li> <li > <a href="bioconjugation-for-drug-delivery.htm" title="Bioconjugation for Drug Delivery">Bioconjugation for Drug Delivery</a> </li> <li > <a href="bioconjugation-for-in-vivo-imaging.htm" title="Bioconjugation for <em>In Vivo</em> Imaging">Bioconjugation for <em>In Vivo</em> Imaging</a> </li> <li > <a href="bioconjugation-for-industrial-applications.htm" title="Bioconjugation for Industrial Applications">Bioconjugation for Industrial Applications</a> </li> <li > <a href="discovery-of-biological-interactions.htm" title="Discovery of Biological Interactions">Discovery of Biological Interactions</a> </li> </ul> </li> <li class="gapline"> <a href="javascript:void(0)" title="Support" >Support <svg style="display:none;vertical-align:top;" width="16" height="16"><use xlink:href="#menu-arrow"></use></svg></a> <ul> <li > <a href="javascript:void(0)" title="Annotation">Annotation</a> <ul> <li> <a href="gold-nanoparticles.htm" title="Gold Nanoparticle Bioconjugation">Gold Nanoparticle Bioconjugation</a> </li> <li> <a href="magnetic-nanoparticles.htm" title="Magnetic Nanoparticle Bioconjugation">Magnetic Nanoparticle Bioconjugation</a> </li> <li> <a href="quantum-dots.htm" title="Quantum Dot Bioconjugation">Quantum Dot Bioconjugation</a> </li> <li> <a href="plga-nanoparticles.htm" title="PLGA Nanoparticle Bioconjugation">PLGA Nanoparticle Bioconjugation</a> </li> <li> <a href="silica-nanoparticles.htm" title="Silica Nanoparticle Bioconjugation">Silica Nanoparticle Bioconjugation</a> </li> <li> <a href="virus-like-particles.htm" title="Virus-Like Particle Bioconjugation">Virus-Like Particle Bioconjugation</a> </li> <li> <a href="latex-nanoparticles.htm" title="Latex Nanoparticle Bioconjugation">Latex Nanoparticle Bioconjugation</a> </li> <li> <a href="cleavable-linkers.htm" title="Cleavable Linker Bioconjugation">Cleavable Linker Bioconjugation</a> </li> <li> <a href="non-cleavable-linkers.htm" title="Non-cleavable Linker Bioconjugation">Non-cleavable Linker Bioconjugation</a> </li> <li> <a href="protein-crosslinking.htm" title="Protein Crosslinking Bioconjugation">Protein Crosslinking Bioconjugation</a> </li> </ul> </li> <li > <a href="javascript:void(0)" title="Related Technologies">Related Technologies</a> <ul> <li> <a href="modified-oligos-synthesis.htm" title="Modified Oligos Synthesis">Modified Oligos Synthesis</a> </li> <li> <a href="conjugation-methods.htm" title="Conjugation Methods">Conjugation Methods</a> </li> </ul> </li> <li > <a href="javascript:void(0)" title="Protocols">Protocols</a> <ul> <li> <a href="conjugation-protocols.htm" title="Conjugation Protocols">Conjugation Protocols</a> </li> <li> <a href="labeling-protocols.htm" title="Labeling Protocols">Labeling Protocols</a> </li> </ul> </li> <li > <a href="javascript:void(0)" title="Technical Support">Technical Support</a> <ul> <li> <a href="troubleshooting-guides.htm" title="Troubleshooting Guides">Troubleshooting Guides</a> </li> </ul> </li> <li > <a href="javascript:void(0)" title="Documentation">Documentation</a> <ul> <li> <a href="brochures.htm" title="Brochures">Brochures</a> </li> <li> <a href="infographics.htm" title="Infographics">Infographics</a> </li> </ul> </li> <li > <a href="faq.htm" title="FAQ">FAQ</a> </li> <li > <a href="javascript:void(0)" title="Frontier News">Frontier News</a> <ul> <li> <a href="peer-reviewed-publications-and-industry-literature.htm" title="Peer-Reviewed Publications and Industry Literature">Peer-Reviewed Publications and Industry Literature</a> </li> </ul> </li> </ul> </li> <li class="gapline"> <a href="platform.htm" title="Platform" >Platform <svg style="display:none;vertical-align:top;" width="16" height="16"><use xlink:href="#menu-arrow"></use></svg></a> </li> <li> <a href="javascript:void(0)" title="About Us" class="nohref">About Us <svg style="display: unset; vertical-align: top;" width="16" height="16"><use xlink:href="#menu-arrow"></use></svg></a> <ul> <li><a href="contact" title="Contact Us" rel="nofollow">Contact Us</a></li> <li><a href="https://events.creative-biolabs.com">Events</a></li> </ul> </li> <li class="d-none d-lg-flex" style="cursor: pointer;"><a id="topsearch" data-tooltip="Search"><img src="static/images/menu-search.svg" width="30" height="30"></a></li> </ul> </nav> </div> <div class="search-box"> <div class="s-input"> <select class="search-sc"> <option value="services">Service Search</option> <option value="product">Product Search</option> <option value="google" selected="">Keyword Search</option> </select> <input type="text" placeholder="Please input your keywords." id="searchkey" name="searchkey" class="search-input"> <input type="button" value="" id="search_button" class="btn"> <span class="search-ico"><i></i><i></i></span> </div> <div class="layer"></div> </div> </header>  <style> body{ overflow:hidden; background:url(static/images/index-bg.webp) no-repeat; background-size:cover; background-position:left bottom; } #main-swiper { width: 100vw; height: 100vh; } .swiper-pagination {left: 15px!important;right: unset!important;display: flex;flex-direction: column;gap: 20px; position:relative} .swiper-pagination:after { content:""; height:100%; width:2px; position:absolute; left:4px; top:0;background:#fff; z-index:1} .swiper-pagination .swiper-pagination-bullet { opacity:1; background:#816EB3; border:#fff solid 2px; width:10px; height:10px;z-index:3; transition:transform ease .3s} .swiper-pagination .swiper-pagination-bullet-active {opacity:1; transform: scale(1.5);} </style> <style> header { position:fixed; } #services { height:100vh;display: flex;align-items: center; min-height:768px;} .service-menu-r{ /* width: calc( 50vw - 360px); */ width: calc( 100% - 210px); background-image: url(static/images/nebula.webp); background-color:#000035; background-size:cover; position: relative; border-radius: 100%; display: flex; align-items: center; justify-content: center;} .service-menu-r:before {content: ""; display: block; padding-top: 100%;} .service-menu-r:after{content: "";background-size:cover; position:absolute; top:-45px; bottom:-45px; left:-45px; right:-45px;background-image: url(static/images/bg.webp);} .service-menu-r h2{ position:relative; z-index:9; color:#fff;} .circle-tab { position: absolute; width: 100%; height: 100%; max-width: 100%; border-radius: 50%; list-style: none; z-index:90; margin: 0; } .circle-tab_item { color:rgba(255,255,255,.8); transition:font-size .3s ease;} .circle-tab_item.active { color:rgba(255,255,255,.95); font-weight:bold; text-shadow:0 0 4px rgba(255,255,255,.8); font-size: 28px!important; } .circle-tab .circle-tab_item:nth-of-type(1) {position: absolute; top: -30px; left: calc( 100% - 60px); width: 410px; cursor: pointer; font-size: 24px; } .circle-tab .circle-tab_item:nth-of-type(2) {position: absolute; top: 76px; left: calc( 100% + 20px); width: 380px; cursor: pointer; font-size: 24px; } .circle-tab .circle-tab_item:nth-of-type(3) {position: absolute; bottom: 76px; left: calc( 100% + 20px); width: 415px; cursor: pointer; font-size: 24px; } .circle-tab .circle-tab_item:nth-of-type(4) { position: absolute; bottom: -30px; left: calc( 100% - 60px); width: 380px; cursor: pointer; font-size: 24px; } @keyframes floating { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-15px); } } .parallax-box { animation: floating 3s ease-in-out infinite; } .custom-conjugation:nth-of-type(1) {animation: floating 3s ease-in-out infinite;} .custom-conjugation:nth-of-type(2) {animation: floating 3.5s ease-in-out infinite;} .custom-conjugation:nth-of-type(3) {animation: floating 3.9s ease-in-out infinite;} .custom-conjugation:nth-of-type(4) {animation: floating 4s ease-in-out infinite;} .custom-conjugation:nth-of-type(5) {animation: floating 4.5s ease-in-out infinite;} .custom-conjugation:nth-of-type(6) {animation: floating 4.9s ease-in-out infinite;} .custom-conjugation.hide,.cctitle.hide { display:none;} .custom-conjugation.active { width:100%;animation:unset; overflow:unset;} .custom-conjugation.active img {height:300px!important; width:300px!important; max-width:300px;} .custom-conjugation.active h3 { font-size:1.6rem;color:#310970;position: absolute; bottom: 15%;} .custom-conjugation .cc-nav {display:none;} .dial{cursor:pointer;} .custom-conjugation.active .dial{ display: inline-block; position:relative; width:500px;height:500px; padding: 2rem; background:url('static/images/bg-full.webp') no-repeat; background-size:cover;display: inline-flex;justify-content: center;align-items: center;} .custom-conjugation.active .cc-nav {display:block;position:absolute;top:0;left:0; width:100%; height:100%;padding: 0;margin: 0; list-style:none;} .custom-conjugation img {width: 15vw;height: auto;max-width: 275px;} .cc-nav a { color:#212529;transition:all .3s ease;min-width: 175px;display: inline-block; padding: 5px 8px;border-radius: 6px; } .cc-nav a:hover { text-shadow:0 0 12px rgba(255,255,255,.9); background: #816eb3; color: #fff; border-radius: 6px; } .support-div {width:100%; height:689px;background-size: cover;} .support-ul { padding: 0; margin: 0; list-style: none; display: flex; flex-direction: row; align-items: flex-end; height: 100%; overflow: hidden;} .support-ul li { width:33.333333333333%; padding:30px; background:#632b8fe8;height: 100%;transform: translateY(613px); transition:all .3s ease;} .support-ul li.act {transform: translateY(0);} .support-ul li h3 { color: #ffb752; margin-bottom: 20px; font-size: 1.5rem; text-align: center;} .support-ul a {color:#ffb752} /* #banner-box { position:relative; z-index:999} */ /* new */ #banner-box { position: relative; } #banner-box .swiper-wrapper { height:100%;align-items: center;} #banner-box .swiper-slide { opacity:0!important;text-align: center;} #banner-box .swiper-slide.active { opacity:1!important} .hero-images .swiper-wrapper,.hero-images {height:100%} #banner-box .swiper-slide .pic { /* transform: translate(28px, -34px) rotate(5deg); */ opacity: 0; transition: transform 600ms ease, opacity 300ms ease; display: flex; align-items: center; height:100%; } #banner-box .swiper-slide .title{ transition: opacity 600ms ease; font-size:2.5rem; color:#010136; } #banner-box .swiper-slide .btn {} #banner-box .swiper-button-next {right:50px;} #banner-box .swiper-button-prev {left:50px;} .swiper-button-next, .swiper-button-prev {background: #ffffff96;width: 40px!important;height: 40px!important;border-radius: 40px;} .swiper-button-next:after, .swiper-button-prev:after { color:#321B8E;font-size: 20px!important;} #banner-box .active .pic { opacity: 1; transform: translate(0, 0) rotate(0deg); } #main-swiper .swiper-wrapper>.swiper-slide { overflow:hidden} #bottom-menu { display:flex;} .sw-img-box {height:100%; width:50vw;position: absolute; top:0; right:0} @media only screen and (max-width: 1000px) { .sw-img-box {height:100%; width:100%;position: absolute; top:0; right:0} #banner-box .active .pic { opacity:.5} } </style> <h1 class="pagetitle" style="display:none">Bioconjugation</h1> <link rel="stylesheet" href="/bioconjugation/static/css/swiper-bundle.min.css" /> <nav id="bottom-menu" class='bottom-menu navmenu'> <input class='menu-toggler' id='menu-toggler' type='checkbox'> <label for='menu-toggler'></label> <ul> <li class='menu-item'> <a id="backtotop-index" data-tooltip="Back to top" ><img src="static/images/menu-back.svg" width="30" height="30" ></a> </li> <li class='menu-item'> <a id="Searchbox" data-tooltip="Search" ><img src="static/images/menu-search.svg" width="30" height="30" ></a> </li> <li class='menu-item'> <a href="form/order" data-tooltip="Inquiry" ><img src="static/images/menu-inquiry.svg" width="30" height="30" ></a> </li> <li class='menu-item'> <a href="compare" data-tooltip="Compare" ><img src="static/images/menu-compare.svg" width="30" height="30" ></a> </li> </ul> </nav>  <div id="main-swiper"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="row h-100"> <div id="banner-box" style="height:calc(100% - 81px); margin-top:81px;"> <div class="swiper-button-prev"></div> <div class="swiper-button-next"></div> <div id="banner" class="container-xxl banner" > <div class="row align-items-center h-100">  <div class="col-md-6" style="z-index:8"> <div class="swiper hero-title swiper-fade swiper-initialized swiper-horizontal swiper-watch-progress swiper-backface-hidden"> <div class="swiper-wrapper" aria-live="polite"> <div class="swiper-slide h-100" role="group"> <h2 style="font-family: 'KozGoPro';" class="slide-item title text-center mb-md-2">Thanksgiving Sale!</h2> <p class="fs-4"> 10% OFF All Products!<br/> Ends on November 30, 2024! </p> </div> <div class="swiper-slide h-100" role="group"> <h2 style="font-family: 'KozGoPro';" class="slide-item title text-center mb-md-2">Discovery of Biological Interactions</h2> <p class="fs-4">Custom bioconjugation solutions for ligand screening </p> <a href="discovery-of-biological-interactions.htm" class=" fw-bold btn btn-l rounded"> KNOW MORE </a> </div> <div class="swiper-slide h-100" role="group"> <h2 style="font-family: 'KozGoPro';" class="slide-item title text-center mb-md-4">Biochemical Assays </h2> <p class="fs-4 ">Bioconjugated peptides to construct biosensors </p> <a href="bioconjugation-for-biochemical-assays.htm" class=" fw-bold btn btn-l rounded"> KNOW MORE </a> </div> <div class="swiper-slide h-100" role="group"> <h2 style="font-family: 'KozGoPro';" class="slide-item title text-center mb-md-4">Drug Delivery Systems Design </h2> <p class="fs-4 ">One-stop conjugation services for optimizing drug delivery </p> <a href="bioconjugation-for-drug-delivery.htm" class=" fw-bold btn btn-l rounded"> KNOW MORE </a> </div> <div class="swiper-slide h-100" role="group"> <h2 style="font-family: 'KozGoPro';" class="slide-item title text-center mb-md-4">Imaging <em>in Vivo</em></h2> <p class="fs-4 ">Bioconjugated nanoparticles for imaging <em>in vivo</em> </p> <a href="bioconjugation-for-in-vivo-imaging.htm" class=" fw-bold btn btn-l rounded"> KNOW MORE </a> </div> <div class="swiper-slide h-100" role="group"> <h2 style="font-family: 'KozGoPro';" class="slide-item title text-center mb-md-4">Bioconjugation for PEGylation </h2> <p class="fs-4 ">Site-specific conjugation services of PEGylation</p> <a href="custom-protein-pegylation-conjugation-service.htm" class=" fw-bold btn btn-l rounded"> KNOW MORE </a> </div> <div class="swiper-slide" role="group"> <h2 style="font-family: 'KozGoPro';" class="slide-item title text-center mb-md-4">Industrial Applications </h2> <p class="fs-4 ">Bioconjugating enzymes for catalytic reaction </p> <a href="bioconjugation-for-industrial-applications.htm" class=" fw-bold btn btn-l rounded"> KNOW MORE </a> </div> </div> </div> </div>   <div class="sw-img-box" > <div class="swiper hero-images swiper-fade swiper-initialized swiper-horizontal swiper-watch-progress swiper-backface-hidden"> <div class="swiper-wrapper" id="swiper-wrapper-3ed82db268ab1128" aria-live="polite"> <div class="swiper-slide" role="group"> <div class="slide-item pic " style="width:100%;"> <img alt="Industrial Applications" src="static/images/banner-thanksgiving.webp" width="560" height="auto" /> </div> </div> <div class="swiper-slide" role="group"> <div class="slide-item pic " style="width:100%;"> <img alt="Discovery of Biological Interactions" src="static/images/banner-1.webp" width="100%" height="auto" style="align-self: flex-start;" /> </div> </div> <div class="swiper-slide" role="group"> <div class=" slide-item pic " style="width:100%; "> <img alt="Biochemical Assays" src="static/images/banner-2.webp" width="768" height="auto" /> </div> </div> <div class="swiper-slide" role="group"> <div class="slide-item pic " style="width:100%;"> <img alt="Drug Delivery Systems Design" src="static/images/banner-3.webp" width="768" height="auto" /> </div> </div> <div class="swiper-slide" role="group"> <div class="slide-item pic " style="width:100%;"> <img alt="Imaging in Vivo" src="static/images/banner-4.webp" width="768" height="auto" /> </div> </div> <div class="swiper-slide" role="group"> <div class="slide-item pic " style="width:100%;"> <img alt="Bioconjugation for PEGylation" src="static/images/banner-5.webp" width="100%" height="auto" style="align-self: flex-end;" /> </div> </div> <div class="swiper-slide" role="group"> <div class="slide-item pic " style="width:100%;"> <img alt="Industrial Applications" src="static/images/banner-6.webp" width="768" height="auto" /> </div> </div> </div> </div> </div> </div>  </div> </div> </div> </div> <div class="swiper-slide"> <div class="container-fluid h-100"> <div class="row h-100"> <div class="col-md-9 align-items-md-center d-md-flex" style="height:calc(100% - 82px);margin-top: 82px;"> <div class="row custom-conjugation-box w-100" style="row-gap: 30px;"> <div class="col-md-4 text-center custom-conjugation"> <div class="dial"> <img alt="Protein & Antibody" src="static/images/custom-conjugation-1.webp" width="275" height="275" loading="lazy" > <h3>Protein & Antibody</h3> <ul class="cc-nav"> <li><a href="custom-protein-pegylation-conjugation-service.htm">PEGylation</a></li> <li><a href=" biotin-bioconjugation.htm">Biotin</a></li> <li><a href="protein-metal-chelates-conjugation.htm">Metal Chelates</a></li> <li><a href="protein-bead-particle-conjugation.htm">Bead & Particle</a></li> <li><a href="liposome-bioconjugation.htm">Liposome</a></li> <li><a href="protein-oligosaccharide-conjugation.htm">Oligosaccharide</a></li> <li><a href="protein-oligonucleotides-conjugation.htm">Oligonucleotides</a></li> <li><a href="protein-small-molecule-conjugation.htm">Small Molecule</a></li> <li><a href="protein-fluorescent-conjugation.htm">Fluorophore</a></li> <li><a href="peptide-carriers-conjugation.htm">Carriers</a></li> <li><a href="protein-enzyme-conjugation.htm">Enzyme</a></li> <li><a href="bioconjugation/photoaffinity-label.htm">Photoaffinity Label</a></li> </ul> </div> </div> <div class="col-md-4 text-center custom-conjugation"> <div class="dial"> <img alt="Oligonucleotides" src="static/images/custom-conjugation-2.webp" width="275" height="275" loading="lazy" > <h3>Oligonucleotides</h3> <ul class="cc-nav"> <li><a href="/PEGylation.html">PEGylation</a></li> <li><a href="oligonucleotides-peptide-conjugation.htm">Peptide</a></li> <li><a href="oligonucleotides-cyclodextrin-conjugation.htm">Cyclodextrin</a></li> <li><a href="oligonucleotides-small-molecule-conjugation.htm">Small Molecule</a></li> <li><a href="oligonucleotides-fluorescent-conjugation.htm">Fluorophore</a></li> <li><a href="oligonucleotides-bead-particle-conjugation.htm">Bead & Particle</a></li> </ul> </div> </div> <div class="col-md-4 text-center custom-conjugation"> <div class="dial"> <img alt="Small Molecule" src="static/images/custom-conjugation-3.webp" width="275" height="275" loading="lazy" > <h3>Small Molecule</h3> <ul class="cc-nav"> <li><a href="protein-small-molecule-conjugation.htm">Protein & Antibody</a></li> <li><a href="oligonucleotides-small-molecule-conjugation.htm">Oligonucleotides</a></li> <li><a href="small-molecule-particle-conjugation.htm">Particle</a></li> </ul> </div> </div> <div class="col-md-4 text-center custom-conjugation"> <div class="dial"> <img alt="Bacteria" src="static/images/custom-conjugation-4.webp" width="275" height="275" loading="lazy" > <h3>Bacteria</h3> <ul class="cc-nav"> <li><a href="bacteria-fluorescent-label.htm">Fluorophore</a></li> <li><a href="unnatural-glycan-based-bacteria-conjugation.htm">Glycine</a></li> </ul> </div> </div> <div class="col-md-4 text-center custom-conjugation"> <a href="virus-conjugation.htm" > <img alt="Virus" src="static/images/custom-conjugation-5.webp" width="275" height="275" loading="lazy" > <h3>Virus</h3> </a> </div> <div class="col-md-4 text-center custom-conjugation"> <a href="bacteriophage-conjugation.htm" > <img alt="Bacteriophage" src="static/images/custom-conjugation-6.webp" width="275" height="275" loading="lazy" > <h3>Bacteriophage</h3> </a> </div> </div> </div> <div class="col-md-3 col-md-3 d-md-flex flex-md-column justify-content-md-center p-md-3" style="background:rgba(255,255,255,.9)"> <h2 class="darkpurple fs-2">Custom Conjugation</h2> <p class="fs-5">Creative Biolabs offers exclusive and custom bioconjugation service with Site-specific Conjugation Platform </p> </div> </div> </div> </div> <div class="swiper-slide"> <div class="container-fluid h-100"> <div class="row h-100"> <div class="col-md-3 col-md-3 d-md-flex flex-md-column justify-content-md-center p-md-3 ps-md-5" style="background:#816EB3"> <h2 class="darkpurple fs-2" style="color:rgba(255,255,255,.85)">Support</h2> <p class="fs-5" style="color:rgba(255,255,255,.75)">Creative Biolabs offers the most advanced conjugation services and comprehensive technical support.</p> </div> <style> .support-li {border:#fff solid 3px;border-radius: 8px;width:100%;max-width: 245px; height:100%;margin: 0 auto;padding:30px 0; position:relative; cursor:pointer;} .support-li img { transform: scale(1.1);transition:all ease .3s;} .support-li:hover img { transform: scale(1)} .support-li span { height:0; overflow:hidden; opacity:0; transition:opacity ease .8s; position:absolute;line-height: 1.2;color: #fff;width: 130%;top: calc(100% + 25px);left: -15%;} .support-li:hover span { opacity:1; height:auto;} </style> <div class="col-md-9 align-items-md-center d-md-flex" style="background-image:url(static/images/support.webp); background-size:cover; background-color:#010135; opacity:.75;"> <div class="row w-100 justify-content-center" style="row-gap: 30px;"> <div class="col-md-3"> <a href="gold-nanoparticles.htm" class="support-li text-center d-block"> <img class="mb-3" alt="Annotation" src="static/images/s-1.svg" width="140" height="140" > <h3 style="color:#fff;">Annotation</h3> <span class="fs-6">Creative Biolabs is committed to be the top team in the international nanomaterials field, providing a range of products and solutions such as Gold Nanoparticles, Magnetoabsorbent Nanoparticles, Quantum Dots, PLGA Nanoparticles and so on to our global customers. </span> </a> </div> <div class="col-md-3"> <a href="modified-oligos-synthesis.htm" class="support-li text-center d-block"> <img class="mb-3" alt="Related Technologies" src="static/images/s-2.svg" width="140" height="140" > <h3 style="color:#fff;">Related Technologies</h3> <span class="fs-6"> Based on our powerful technical platform, Creative Biolabs provides you with enzymatic conjugation of nucleic acids, chemical modification of functional groups, and a variety of heterobifunctional crosslinking agents that you may need. </span> </a> </div> <div class="col-md-3"> <div class="support-li text-center"> <img class="mb-3" alt="Frontier News" src="static/images/s-3.svg" width="140" height="140" > <h3 style="color:#fff;">Frontier News</h3> <span class="fs-6"> Creative Biolabs is one of the world's leading CROs dedicated to human health research. We share hot news and professional knowledge published in authoritative journals to meet your demand for creating novel bioconjugates. </span> </div> </div> </div> </div> </div> </div> </div> <div class="swiper-slide" style="position:unset"> <div style="height:calc( 100% - 370px - 81px); margin-top:81px;display: flex;justify-content: center;align-items: center;background-size: cover;background-position: center center;">  <div class="container"> <div class="row" > <div class="col-md-12"> <h2 style="font-family: 'KozGoPro';" class="text-center darkpurple fs-2 mb-2">About Us</h2></div> <div class="col-md-12"> <p class="fs-6 text-center">Creative Biolabs provides a full spectrum of bioconjugation services. Followed with robust analytics, our purified conjugates are well-characterized to meet your demand for creating novel bioconjugates. More importantly, we strive to expand your success in a highly collaborative and personalized manner. </p> <p class="text-center"> <a href="contact" class=" fw-bold btn btn-l rounded" style="--bs-btn-padding-y: 0.45rem;"> KNOW MORE </a> </p> </div> </div> </div>  </div>  <style> @media (max-width: 768px) { footer { position:unset;} } .menu-toggler { position: absolute; display: block; top: 0; bottom: 0; right: 0; left: 0; margin: auto; width: 100%; height: 100%; z-index: 2; opacity: 0; cursor: pointer; } .menu-toggler:hover + label, .menu-toggler:hover + label:before, .menu-toggler:hover + label:after { background: white; } .menu-toggler:checked + label { background: transparent; } .menu-toggler:checked + label:before, .menu-toggler:checked + label:after { top: 0; width: 22px; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; } .menu-toggler:checked + label:before { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .menu-toggler:checked + label:after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .menu-toggler:checked ~ ul .menu-item { opacity: 1; } .menu-toggler:checked ~ ul .menu-item:nth-child(1) { transform: translateX(0px) translateY(55px) rotate(0deg); } .menu-toggler:checked ~ ul .menu-item:nth-child(2) { transform: rotate(0deg) translateX(-50px) translateY(25px) ; } .menu-toggler:checked ~ ul .menu-item:nth-child(3) { transform: rotate(0deg) translateX(-50px) translateY(-25px); } .menu-toggler:checked ~ ul .menu-item:nth-child(4) { transform: rotate(0deg) translateX(0px) translateY(-55px); } .menu-toggler:checked ~ ul .menu-item a { pointer-events: auto; } .menu-toggler + label { width: 20px; height: 3px; display: block; z-index: 1; border-radius: 2.5px; background: rgba(255, 255, 255, 0.7); -webkit-transition: top 0.5s, -webkit-transform 0.5s; transition: top 0.5s, -webkit-transform 0.5s; transition: transform 0.5s, top 0.5s; transition: transform 0.5s, top 0.5s, -webkit-transform 0.5s; position: absolute; display: block; top: 0; bottom: 0; right: 0; left: 0; margin: auto; } .menu-toggler + label:before, .menu-toggler + label:after { width: 20px; height: 3px; display: block; z-index: 1; border-radius: 2.5px; background: rgba(255, 255, 255, 0.7); -webkit-transition: top 0.5s, -webkit-transform 0.5s; transition: top 0.5s, -webkit-transform 0.5s; transition: transform 0.5s, top 0.5s; transition: transform 0.5s, top 0.5s, -webkit-transform 0.5s; content: ""; position: absolute; left: 0; } .menu-toggler + label:before { top: 7px; } .menu-toggler + label:after { top: -7px; } /* .menu-item:nth-child(1) a { -webkit-transform: rotate(0deg); transform: rotate(0deg); } .menu-item:nth-child(2) a { -webkit-transform: rotate(-51.42857deg); transform: rotate(-51.42857deg); } .menu-item:nth-child(3) a { -webkit-transform: rotate(-102.85714deg); transform: rotate(-102.85714deg); } .menu-item:nth-child(4) a { -webkit-transform: rotate(-102.85714deg); transform: rotate(-102.85714deg); } */ .menu-item { position: absolute; display: block; top: 0; bottom: 0; right: 0; left: 0; margin: auto; width: 40px; height: 40px; display: block; opacity: 0; -webkit-transition: 0.5s; transition: 0.5s; } .menu-item a { display: block; width: inherit; height: inherit; line-height: 40px; color: #fff; background: #927fc2; border-radius: 50%; text-align: center; text-decoration: none; font-size: 20px; pointer-events: none; -webkit-transition: .2s; transition: .2s; } .menu-item a:hover { box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.3); color: white; /* background: rgba(255, 255, 255, 0.3); */ background:#bbabe3; font-size: 12px; } </style> <style> .menu-item a { position: relative; cursor: pointer; } .menu-item a::before { content: attr(data-tooltip); position: absolute; top: -25px; left: 50%; transform: translateX(-50%); padding: 5px; background-color: #333; color: #fff; border-radius: 5px; display: none; } .menu-item a.active::before { display: block; } </style> <nav id="bottom-menu" class='bottom-menu navmenu'> <input class='menu-toggler' id='menu-toggler' type='checkbox'> <label for='menu-toggler'></label> <ul> <li class='menu-item'> <a id="backtotop" data-tooltip="Back to top" ><img src="static/images/menu-back.svg" width="30" height="30" ></a> </li> <li class='menu-item'> <a id="Searchbox" data-tooltip="Search" ><img src="static/images/menu-search.svg" width="30" height="30" ></a> </li> <li class='menu-item'> <a href="form/order" data-tooltip="Inquiry" ><img src="static/images/menu-inquiry.svg" width="30" height="30" ></a> </li> <li class='menu-item'> <a href="compare" data-tooltip="Compare" ><img src="static/images/menu-compare.svg" width="30" height="30" ></a> </li> </ul> </nav> <script> const menuBox = document.getElementById("bottom-menu"); // Menu Show the button when user scrolls down window.addEventListener("scroll", () => { if (window.scrollY > 200) { menuBox.style.display = "block"; } else { menuBox.style.display = "none"; } }); // const headerElements = document.getElementsByTagName("header")[0]; // window.addEventListener("scroll", () => { // if (window.scrollY > 1) { // headerElements.style.background = "#311f4dc4"; // } else { // headerElements.style.background = "none"; // } // }); // for tips ,not work // const menu = document.getElementById("menu-toggler"); // const links = menu.getElementsByTagName("a"); // function showTooltip(e) { // e.currentTarget.classList.add("active"); // } // function hideTooltip(e) { // e.currentTarget.classList.remove("active"); // } // for (let i = 0; i < links.length; i++) { // links[i].addEventListener("mouseenter", showTooltip); // links[i].addEventListener("mouseleave", hideTooltip); // } // back to top const btnScrollToTop = document.getElementById("backtotop"); if (btnScrollToTop){ btnScrollToTop.addEventListener("click", () => { window.scrollTo(0, 0); }); } // search const topsearch = document.getElementById("topsearch"); const Searchbox = document.getElementById("Searchbox"); const Searchlay = document.getElementsByClassName("search-box")[0]; function toggleSearchActive() { Searchlay.classList.toggle("active"); console.log(1) } Searchbox.addEventListener("click", toggleSearchActive); topsearch.addEventListener("click", toggleSearchActive); var layerElements = document.getElementsByClassName("layer")[0]; layerElements.addEventListener("click", function() { if (Searchlay.classList.contains("active")) { Searchlay.classList.remove("active"); } }); </script> <footer> <div class="container-xxl py-5"> <div class="row"> <div class="col-md-3"> <img src="static/images/footer-bg.png" width="236" height="68" alt="Integrated Bioconjugation" style=" height:auto" > <img src="static/images/logowhite.png" width="236" height="68" alt="Bioconjugation" > </div> <div class="col-md-9"> <div class="row"> <div class="col-md-3 col-6"> <div class="ft">Bioconjugates Services</div> <a class="mb-2" href="peptide-carriers-conjugation.htm">Peptide-Carriers Bioconjugation</a> <a class="mb-2" href="protein-fluorescent-conjugation.htm">Fluorescent Bioconjugation</a> <a class="mb-2" href="protein-small-molecule-conjugation.htm">Small Molecule Bioconjugation</a> <a class="mb-2" href="liposome-bioconjugation.htm">Liposome Bioconjugation</a> <a class="mb-2" href="custom-protein-pegylation-conjugation-service.htm">PEGylation Bioconjugation</a> </div> <div class="col-md-3"> <div class="ft">Products</div> <a class="mb-2" href="category-crosslinkers-1404.htm">Crosslinkers</a> <a class="mb-2" href="category-fluorescent-reagents-1405.htm">Fluorescent Reagents</a> <div class="ft mt-4">Support</div> <a class="mb-2" href="cleavable-linkers.htm">Cleavable Linker</a> <a class="mb-2" href="non-cleavable-linkers.htm">Non-cleavable Linker</a> </div> <div class="col-md-3"> <div class="ft" >Contact Us</div> <ul class="list-style-two"> <li> Tel: <span data-file="https://www.cblcdn.com/_noindex/contact/usatel_7b95a2ac8713cd7a3fdc04ba95ccdf9d_2254" data-scroll="false"></span></li> <li> Fax: <span data-file="https://www.cblcdn.com/_noindex/contact/usafax_7b95a2ac8713cd7a3fdc04ba95ccdf9d" data-scroll="false"></span></li> <li><span data-file="https://www.cblcdn.com/_noindex/contact/usaadd_7b95a2ac8713cd7a3fdc04ba95ccdf9d" data-scroll="false"></span></li> <li><a href="contact">Global Locations</a></li> <li><a class="a_link xload"></a></li> </ul> <div class="iso"> <img alt="ISO 9001 Certified - Creative Biolabs Quality Management System." src="https://www.cblcdn.com/images/ISO90012015.png" srcset="https://www.cblcdn.com/images/ISO90012015.webp 1x, https://www.cblcdn.com/images/ISO90012015.webp 2x, https://www.cblcdn.com/images/ISO90012015.webp 3x" width="150" height="79" style="height:auto;" loading="lazy"> </div> </div> <div class="col-md-3 col-6"> <div class="ft">Social</div> <p style="font-size: 0.75rem;">Creative Biolabs offers the most advanced and comprehensive protein-fluorescent conjugation services available today. If you are interested in our services, please do not hesitate to contact us for detailed information</p> <ul class="social-icon-two"> <svg xmlns="http://www.w3.org/2000/svg" style="display: none;"> <symbol id="facebook" viewBox="0 0 16 16"> <path d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951z" /> </symbol> <symbol id="twitter" viewBox="0 0 16 16"> <path d="M5.026 15c6.038 0 9.341-5.003 9.341-9.334 0-.14 0-.282-.006-.422A6.685 6.685 0 0 0 16 3.542a6.658 6.658 0 0 1-1.889.518 3.301 3.301 0 0 0 1.447-1.817 6.533 6.533 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.325 9.325 0 0 1-6.767-3.429 3.289 3.289 0 0 0 1.018 4.382A3.323 3.323 0 0 1 .64 6.575v.045a3.288 3.288 0 0 0 2.632 3.218 3.203 3.203 0 0 1-.865.115 3.23 3.23 0 0 1-.614-.057 3.283 3.283 0 0 0 3.067 2.277A6.588 6.588 0 0 1 .78 13.58a6.32 6.32 0 0 1-.78-.045A9.344 9.344 0 0 0 5.026 15z" /> </symbol> <symbol id="twitter-new" viewBox="0 0 16 16"> <path d="M11.9,2h2L9.5,7.1l5.2,6.9h-4.1L7.4,9.8L3.8,14h-2l4.7-5.4L1.5,2h4.2l2.9,3.8L11.9,2z M11.2,12.7h1.1L5.1,3.2H3.9 L11.2,12.7z" /> </symbol> <symbol id="linkedin" viewBox="0 0 16 16"> <path d="M14.37,0.01H1.66c-0.9,0-1.63,0.73-1.63,1.63v12.71c0,0.9,0.73,1.63,1.63,1.63l12.71,0 c0.9,0,1.63-0.73,1.63-1.63V1.65C16,0.74,15.27,0.01,14.37,0.01z M3.46,1.86c0.88,0,1.6,0.66,1.6,1.46c0,0.81-0.72,1.46-1.6,1.46 s-1.6-0.66-1.6-1.46C1.86,2.52,2.57,1.86,3.46,1.86z M5.22,14.14H1.7V5.91h3.52V14.14z M14.15,14.1h-2.67V9.71 c0-0.87-0.58-1.64-1.52-1.64c-0.93,0-1.28,0.71-1.28,1.38c0,0.9,0,4.64,0,4.64H6.01V5.95h2.67v1.21c0.39-0.55,1.37-1.23,2.42-1.23 c1.3,0,1.57,0.25,2.11,0.79c1.02,1.02,0.92,2.45,0.94,2.88h0L14.15,14.1z" /> </symbol> <symbol id="youtube" viewBox="0 0 16 16"> <path d="M15.66,4c-0.18-0.69-0.73-1.24-1.42-1.42c-1.25-0.34-6.27-0.34-6.27-0.34s-5.02,0-6.27,0.34 C1.01,2.77,0.46,3.31,0.28,4c-0.34,1.25-0.34,3.87-0.34,3.87s0,2.62,0.34,3.87c0.18,0.69,0.73,1.24,1.42,1.42 c1.25,0.34,6.27,0.34,6.27,0.34s5.02,0,6.27-0.34c0.69-0.18,1.23-0.73,1.42-1.42C16,10.49,16,7.87,16,7.87S16,5.26,15.66,4z M6.38,10.27v-4.8l4.16,2.38L6.38,10.27z" /> </symbol> <symbol id="blog" viewBox="0 0 16 16"> <path d="M10.5,10.7h-5c-0.5,0-0.8-0.4-0.8-0.9c0-0.5,0.4-0.9,0.8-0.9h5c0.5,0,0.8,0.4,0.8,0.9 C11.3,10.2,10.9,10.7,10.5,10.7 M5.5,4.6H8c0.5,0,0.9,0.4,0.9,0.9S8.5,6.4,8,6.4H5.5C5,6.4,4.7,6,4.7,5.5S5,4.6,5.5,4.6 M14.6,6.1 c-0.3-0.1-1.5,0-1.9-0.3c-0.2-0.2-0.3-0.6-0.4-1.1c-0.2-0.9-0.2-1.1-0.4-1.4C11.3,2.1,9.8,1,8.5,1H5.4C3,1,1,2.9,1,5.2v4.9 c0,2.3,2,4.2,4.4,4.2h5.1c2.4,0,4.4-1.9,4.4-4.2l0-3.4C14.9,6.7,14.9,6.3,14.6,6.1"/> </svg> <style> .bi { fill: #fff } .link-dark .bi { transition: fill .25s ease-in-out; } .facebook:hover .bi { fill: rgb(255, 255, 255, .5); } .twitter:hover .bi { fill: rgb(255, 255, 255, .5); } .linkedin:hover .bi { fill: rgb(255, 255, 255, .5); } .youtube:hover .bi { fill: rgb(255, 255, 255, .5); } .blog:hover .bi { fill: rgb(255, 255, 255, .5); } .social-box{ list-style: none; padding: 0; margin: 0; display: flex; justify-content: flex-start; align-items: center;} .social-box li { margin:10px 5px 10px 5px} .social-box a {transform: translateX(0px);} .social-box a:hover {transform: translateX(0px);} </style> <ul class="social-box"> <li><a class="link-dark facebook" href="https://www.facebook.com/CreativeBiolabs"><svg class="bi" width="24" height="24"><use xlink:href="#facebook"></use></svg></a></li> <li><a class="link-dark twitter" href="https://twitter.com/CreativeBiolabs"><svg class="bi" width="24" height="24"><use xlink:href="#twitter-new"></use></svg></a></li> <li><a class="link-dark linkedin" href="https://www.linkedin.com/company/creative-biolabs/"><svg class="bi" width="24" height="24"><use xlink:href="#linkedin"></use></svg></a></li> <li><a class="link-dark youtube" href="https://www.youtube.com/@CreativeBiolabs"><svg class="bi" width="24" height="24"><use xlink:href="#youtube"></use></svg></a></li> </ul> </ul> </div> </div></div> </div> <div class="clear"></div> <div></div> <div class="bottom_cop"><span>Copyright © 2024 Creative Biolabs. All Rights Reserved.</span></div> </footer>  </div> </div> <div class="swiper-pagination"></div> </div> <script src="/bioconjugation/static/js/swiper-bundle.min.js"></script> <script> if (window.screen.width <= 1000 ) { var mainSwiper = new Swiper("#main-swiper", { direction: "vertical", slidesPerView: "auto", freeMode: true, scrollbar: { el: ".swiper-pagination", }, mousewheel: true, }); } else { var mainSwiper = new Swiper("#main-swiper", { direction: "vertical", slidesPerView: 1, spaceBetween: 0, mousewheel: true, pagination: { el: ".swiper-pagination", clickable: true, }, }); } var swiper = new Swiper(".hero-images", { spaceBetween: 0, loop: true, effect: "fade", navigation: { nextEl: ".swiper-button-next", prevEl: ".swiper-button-prev", }, // pagination: { // el: ".swiper-pagination", // clickable: true, // }, allowTouchMove: false, autoplay: { delay: 10000, disableOnInteraction: false, }, on: { init: function(swiper) { slide = this.slides[0]; slide.classList.add('active'); }, transitionStart: function() { for (i = 0; i < this.slides.length; i++) { slide = this.slides[i]; slide.classList.remove('active'); // slide.classList.add('disappear'); } }, transitionEnd: function() { slide = this.slides[this.activeIndex]; // slide.classList.remove('disappear'); slide.classList.add('active'); }, } }); var swiper = new Swiper(".hero-title", { spaceBetween: 0, loop: true, effect: "fade", navigation: { nextEl: ".swiper-button-next", prevEl: ".swiper-button-prev", }, // pagination: { // el: ".swiper-pagination", // clickable: true, // }, allowTouchMove: false, autoplay: { delay: 10000, disableOnInteraction: false, }, on: { init: function(swiper) { slide = this.slides[0]; slide.classList.add('active'); }, transitionStart: function() { for (i = 0; i < this.slides.length; i++) { slide = this.slides[i]; slide.classList.remove('active'); // slide.classList.add('disappear'); } }, transitionEnd: function() { slide = this.slides[this.activeIndex]; // slide.classList.remove('disappear'); slide.classList.add('active'); }, } }); // back to top for index var backButton = document.getElementById('backtotop-index'); backButton.addEventListener('click', function() { mainSwiper.slideTo(0); }); </script> <script> var conjugationElements = document.querySelectorAll('.custom-conjugation'); // var clickedH2Element = document.querySelector('.cctitle'); conjugationElements.forEach(function(element) { element.addEventListener('click', function() { conjugationElements.forEach(function(siblingElement) { if (siblingElement !== element) { siblingElement.classList.add('hide'); // clickedH2Element.classList.add('hide'); siblingElement.classList.remove('active'); } }); element.classList.add('active'); }); }); document.body.addEventListener('click', function(event) { if (!event.target.closest('.dial')) { conjugationElements.forEach(function(element) { element.classList.remove('hide'); // clickedH2Element.classList.remove('hide'); element.classList.remove('active'); }); } }); const ccNavs = document.querySelectorAll('.cc-nav'); ccNavs.forEach((ccNav) => { const liElements = ccNav.querySelectorAll('li'); const totalLi = liElements.length; const angle = (2 * Math.PI) / totalLi; const radius = 340; liElements.forEach((li, index) => { const x = radius * Math.cos(index * angle) + 165; const y = radius * Math.sin(index * angle) + 240; li.style.position = 'absolute'; li.style.left = `${x}px`; li.style.top = `${y}px`; }); }); // support var liElements = document.querySelectorAll('.support-ul li'); var supportDiv = document.querySelector('.support-div'); liElements.forEach(function(li, index) { li.addEventListener('mouseenter', function() { liElements.forEach(function(otherLi) { otherLi.classList.remove('act'); }); this.classList.add('act'); var backgroundImageUrl = 'url(static/images/bg-' + (index + 1) + '.webp)'; supportDiv.style.backgroundImage = backgroundImageUrl; }); // li.addEventListener('mouseleave', function() { // this.classList.remove('act'); // }); }); </script> <script src="/bioconjugation/static/js/base.js" type="text/javascript"></script> <script src="/bioconjugation/static/lib/jquery.validationEngine-en.js"></script> <script src="/bioconjugation/static/lib/jquery.validationEngine.js"></script> <script> privacy_policy_config = { name: "3g7R9s", debug: true, url: "https://go.creative-biolabs.com/privacy-policy?website=bioconjugation&domain=www.creative-biolabs.com/bioconjugation&contact=marketemail_7b95a2ac8713cd7a3fdc04ba95ccdf9d" }; window.addEventListener('load', function () { $(function () { $(".privacy-policy-link").on("click", function () { $('.privacy_policydiv_bg_full').toggle(300); $('#policy_iframe').attr('src', $('#policy_iframe').attr('src')); }) $("#privacy-policy-btn-agree").on("click", function () { $('.privacy_policydiv_bg_full').hide(300); $('#policy_iframe').attr('src', $('#policy_iframe').attr('src')); }) $(".privacy_policydiv_bg_full").on("click", function () { $('.privacy_policydiv_bg_full').hide(300); $('#policy_iframe').attr('src', $('#policy_iframe').attr('src')); }) }) }) </script> <link href="https://www.cblcdn.com/_noindex/privacy.policy.css?v=1.0.202402" rel="stylesheet" type="text/css" /> <script src="https://www.cblcdn.com/_noindex/jquery.privacy.policy.js?v=1.0.202402"></script> <div class="privacy_policydiv_bg_full hbsptmain_bg_close"> <span class="hbsptmain_bg_close"> <i class="fa fa-times" onclick="$('.privacy_policydiv_bg_full').hide(300)"> </i></span> <div class="iframemain"> <iframe id="policy_iframe" src="https://go.creative-biolabs.com/privacy-policy?website=bioconjugation&domain=www.creative-biolabs.com/bioconjugation&contact=marketemail_7b95a2ac8713cd7a3fdc04ba95ccdf9d"></iframe> </div> </div> <div id="floatingAd" class="floating-ad"> <button id="closeAd" class="close-btn">×</button> <img src="static/images/side-t-2024.png" width="100%" height="100%" alt="Advertisement" > </div> <style> .floating-ad { position: fixed; right: 0px; bottom: 10px; width: 190px; padding: 20px; z-index: 1000; text-align: center; } .close-btn { position: absolute; top: -5px; right: 5px; background: none; border: none; font-size: 36px; cursor: pointer; font-weight:100 } .cta-btn { display: inline-block; padding: 3px 10px; background-color: #00bcd4; color: white; text-decoration: none; border-radius: 30px; } </style> <script> document.addEventListener('DOMContentLoaded', function() { var closeBtn = document.getElementById('closeAd'); var floatingAd = document.getElementById('floatingAd'); closeBtn.addEventListener('click', function() { floatingAd.style.display = 'none'; }); }); </script> </body> </html>

CINXE.COM

Bioconjugation - Creative Biolabs