QBI | Collaborations

<!DOCTYPE html> <html lang="en-US"> <head>  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-122609284-1"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-122609284-1'); </script> <meta charset="UTF-8"> <base href="https://qbi.ucsf.edu/site-assets/"> <meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1,maximum-scale=1,minimum-scale=1"> <link type="text/css" href="css/bootstrap.css" rel="stylesheet"> <link type="text/css" href="css/bootstrap-min.css" rel="stylesheet"> <link rel="stylesheet" type="text/css" href="style.css"> <link type="text/css" rel="stylesheet" href="css/hover.css"> <link type="text/css" rel="stylesheet" href="css/font-awesome.css"> <link rel="stylesheet" href="css/slide_style.css"> <link rel="stylesheet" type="text/css" href="css/YouTubePopUp.css"> <link type="text/css" rel="stylesheet" href="css/style.css" /> <link type="text/css" rel="stylesheet" href="css/colors.css" /> <link type="text/css" rel="stylesheet" href="css/heights.css" /> <link type="text/css" rel="stylesheet" href="css/hamburgers.css" /> <link rel="stylesheet" href="css/jquery.selectBoxIt.css"> <link rel="stylesheet" href="css/YouTubePopUp.css"> <link rel="stylesheet" href="css/jquery.remodal.css"> <link rel="stylesheet" href="css/nav-toggle.css"> <link rel="stylesheet" href="maps/index.css"> <script src="maps/index.js"></script> <style type="text/css"> .box2{ position: absolute; top:0; right: 15px; float:left; max-height: 620px; overflow: hidden;} .slider2-image-class img{ max-width: 100%; height: 100%; object-fit: cover;} .map-content-inn iframe{ width: 100%; } /*** covid popup ******/ /*.remodal.support-covid{background: url(images/qbi-covid.jpg) #c7d258 left top no-repeat; background-size: 100% 100%;max-width: 997px; height:550px;text-align: left}*/ .covid-logo {width: 218px;height: 70px} .remodal.support-covid h2{font-weight: 700;font-size: 35px;line-height: 45px;margin-bottom:20px} .remodal.support-covid h3{font-size: 26px;font-weight: 400;margin-bottom:50px} .covid-left{padding-left: 45%;padding-top: 10%} .or-btn{text-transform: uppercase;background: #f18200;display: inline-block;border-radius: 5px;color: #fff;font-weight: 700;font-size: 17.5px;padding: 10px 12px;margin-bottom: 60px} .rgt-btn {display: block;font-size: 20px;font-weight: 700;text-decoration: underline;color: #122248;position:absolute;bottom: 50px;right:30px} /***covidpopupcss ***/ @media(max-width:1101px) { .remodal.support-covid{background: url(images/qbi-covid.jpg) #c7d258 left top no-repeat; background-size: cover;width: 90%} } @media(max-width:991px) { .remodal.support-covid{background: url(images/qbi-covid.jpg) #c7d258 left top no-repeat; background-size: cover;width: 90%} } @media(max-width:768px) { .remodal.support-covid{background: url(images/qbi-covid.jpg) #c7d258 center top no-repeat; background-size: cover;width: 90%;text-align: center;height: 450px;} .covid-left{padding-left: 0;padding-top: 10%} .remodal.support-covid h2 {font-size: 27px} .remodal.support-covid h3{margin-bottom: 40px;font-size: 24px} .rgt-btn{left:0;margin:0 auto;right: 0;font-size: 18px;position: unset;} .or-btn{margin-bottom: 30px} .covid-logo {width: 180px; height: 60px} } a.outlink{ position: unset !important; margin: 0 !important; text-decoration: underline !important; } .story-container{ position: relative; max-width: 360px; margin: 0 auto; } .story-container .inner-container{ position: relative; width: 100%; padding-bottom: 156.66%; } .story-container iframe{ position: absolute; width: 100%; height: 100%; top:0; left: 0; } </style> <script type="text/javascript" src="scripts/jquery-1.11.3.min.js"></script> <script type="text/javascript" src="scripts/jquery-ui.min.js"></script> <script type="text/javascript" src="scripts/bootstrap.min.js"></script> <script type="text/javascript" src="scripts/simplePlayer.js"></script> <script src="scripts/jquery.dynamicmaxheight.js"></script> <script type="text/javascript" src="scripts/jquery.selectBoxIt.js"></script> <script src="scripts/jquery.slimscroll.min.js"></script> <script src="scripts/YouTubePopUp.jquery.js"></script> <title>QBI | Collaborations </title> </head><body > <div class="container nav-top"> <div class="nav-midd"> <div class="hamburger hamburger--spin navbar-toggle-main menu_fixed" title='Menu' data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <div class="hamburger-box"> <div class="hamburger-inner"></div> </div> <span id="menuTxt" >Menu</span> </div> </div> <div class="clearfix"></div> </div> <span class="nav-hide main" > <div class="desktop-nav navigation-list"> <ul id="main-navbar" class="nav navbar-nav"><li class="dropdown"><a href="https://qbi.ucsf.edu/aboutus" class="dropdown-toggle">About</a><ul class="dropdown-menu "><li ><a href="https://qbi.ucsf.edu/aboutus" >About Us</a></li><li ><a href="http://qbi.ucsf.edu/QBI.pdf" >QBI's Story</a></li><li ><a href="https://qbi.ucsf.edu/contact" >Contact</a></li></ul></li><li class="dropdown"><a href="https://qbi.ucsf.edu" class="dropdown-toggle">Collaboration</a><ul class="dropdown-menu "><li ><a href="https://qbi.ucsf.edu/collaborations" >Worldwide Collaborations</a></li><li ><a href="http://qcrg.ucsf.edu/" >QCRG</a></li></ul></li><li class="line"></li><li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Research</a><ul class="dropdown-menu "><li ><a href="https://qbi.ucsf.edu/investigators" >Investigators</a></li><li ><a href="https://qbi.ucsf.edu/technology" >Technology</a></li><li ><a href="https://qbi.ucsf.edu/mapping" >Cell Mapping</a></li><li ><a href="https://qbi.ucsf.edu/ready-center" >READY Center</a></li><li ><a href="https://pubmed.ncbi.nlm.nih.gov/?term=(Quantitative Biosciences Institute[Affiliation])" >Publications</a></li></ul></li><li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Events</a><ul class="dropdown-menu "><li ><a href="https://qbi.ucsf.edu/events" >Upcoming Events</a></li><li ><a href="https://qbi.ucsf.edu/events/archive" >Past Events</a></li><li ><a href="https://qbi.ucsf.edu/event-photos" >Event Photos</a></li></ul></li><li class="line"></li><li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">News & Media</a><ul class="dropdown-menu "><li ><a href="http://www.youtube.com/c/QBITVUCSF" >QBI TV</a></li><li ><a href="https://qbi.ucsf.edu/qbi-highlights" >QBI Highlights </a></li></ul></li><li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Opportunities</a><ul class="dropdown-menu "><li ><a href="https://qbi.ucsf.edu/grants" >Grants & Awards</a></li><li ><a href="https://qbi.ucsf.edu/yes" >Y.E.S. Initiative</a></li></ul></li></ul> </div> <div> <div class="social-icon-top"> <ul> <li><a target="_blank" href="http://twitter.com/QBI_UCSF"><i class="fa fa-twitter twitter" aria-hidden="true"></i></a></li> <li><a target="_blank" href="http://www.facebook.com/qbiucsf/"><i class="fa fa-facebook facebook" aria-hidden="true"></i></a></li> <li class="last"><a target="_blank" href="http://www.instagram.com/qbi_ucsf"><i class="fa fa-instagram insta" aria-hidden="true"></i></a></li> </ul> </div> </div> </span> <header> <div class="top-bar"> <div class="container"> <div class="row"> <div class="col-xs-8 col-sm-6 col-md-4 top-bar-left padding-right"> <a href="http://www.ucsf.edu/" target="_blank">University of California San Francisco</a> </div> <div class="col-xs-4 col-sm-6 col-md-5 col-md-offset-3"> <ul> <li><a href="http://www.ucsf.edu/about" target="_blank">About UCSF</a></li> </ul> </div> </div> </div> <div class="clearfix"></div> </div> <div class="container"> <div class="row">  <nav id="header" class="navbar navbar-fixed-top navigation-container"> <div id="header-container" class="container navbar-container"> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a href="https://qbi.ucsf.edu"><img src="https://qbi.ucsf.edu/site-assets/images/1484558265_ucsf-logo.png" alt="" class="ucsf-nav img-responsive logo" /></a> <a href="https://qbi.ucsf.edu"><img src="https://qbi.ucsf.edu/site-assets/images/1513618012_QBI-Symbol.png" alt="" class="qbi-logo-new img-responsive logo" /></a> </div> <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">  <div class="pull-right social-icon-nav"> <ul> <li><a target="_blank" href="http://twitter.com/QBI_UCSF"><i class="fa fa-twitter twitter" aria-hidden="true"></i></a></li> <li><a target="_blank" href="http://www.facebook.com/qbiucsf/"><i class="fa fa-facebook facebook" aria-hidden="true"></i></a></li> <li class="last"><a target="_blank" href="http://www.instagram.com/qbi_ucsf"><i class="fa fa-instagram insta" aria-hidden="true"></i></a></li> </ul> </div> <ul id="main-navbar" class="nav navbar-nav"><li class="dropdown"><a href="https://qbi.ucsf.edu/aboutus" class="dropdown-toggle">About</a><ul class="dropdown-menu "><li ><a href="https://qbi.ucsf.edu/aboutus" >About Us</a></li><li ><a href="http://qbi.ucsf.edu/QBI.pdf" >QBI's Story</a></li><li ><a href="https://qbi.ucsf.edu/contact" >Contact</a></li></ul></li><li class="dropdown"><a href="https://qbi.ucsf.edu" class="dropdown-toggle">Collaboration</a><ul class="dropdown-menu "><li ><a href="https://qbi.ucsf.edu/collaborations" >Worldwide Collaborations</a></li><li ><a href="http://qcrg.ucsf.edu/" >QCRG</a></li></ul></li><li class="line"></li><li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Research</a><ul class="dropdown-menu "><li ><a href="https://qbi.ucsf.edu/investigators" >Investigators</a></li><li ><a href="https://qbi.ucsf.edu/technology" >Technology</a></li><li ><a href="https://qbi.ucsf.edu/mapping" >Cell Mapping</a></li><li ><a href="https://qbi.ucsf.edu/ready-center" >READY Center</a></li><li ><a href="https://pubmed.ncbi.nlm.nih.gov/?term=(Quantitative Biosciences Institute[Affiliation])" >Publications</a></li></ul></li><li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Events</a><ul class="dropdown-menu "><li ><a href="https://qbi.ucsf.edu/events" >Upcoming Events</a></li><li ><a href="https://qbi.ucsf.edu/events/archive" >Past Events</a></li><li ><a href="https://qbi.ucsf.edu/event-photos" >Event Photos</a></li></ul></li><li class="line"></li><li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">News & Media</a><ul class="dropdown-menu "><li ><a href="http://www.youtube.com/c/QBITVUCSF" >QBI TV</a></li><li ><a href="https://qbi.ucsf.edu/qbi-highlights" >QBI Highlights </a></li></ul></li><li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Opportunities</a><ul class="dropdown-menu "><li ><a href="https://qbi.ucsf.edu/grants" >Grants & Awards</a></li><li ><a href="https://qbi.ucsf.edu/yes" >Y.E.S. Initiative</a></li></ul></li></ul>  </div> </div> </nav> <div class="clearfix"></div> </div> </div> <div class="container"> <div class="row"> <div class="col-xs-8 col-md-6 ucsf-logo"> <a href="https://qbi.ucsf.edu"> <img src="https://qbi.ucsf.edu/site-assets/images/1484558265_ucsf-logo.png" alt="" class="top-left-logo img-responsive" /> </a> </div> </div> </div> <div class="container"> <div class="row"> <div class="col-md-6 col-md-offset-3"> <a href="https://qbi.ucsf.edu"><img src="https://qbi.ucsf.edu/site-assets/images/1678127629_QBI Art Element 2022.png" alt="" class=" logo-center-new img-responsive" /></a> </div> </div> </div> </header> <script type="text/javascript"> $(document).ready(function(){ $('.navbar-toggle-main, .main').click(function(){ $('.navbar-toggle-main').toggleClass('is-active'); }); /** * This object controls the nav bar. Implement the add and remove * action over the elements of the nav bar that we want to change. * * @type {{flagAdd: boolean, elements: string[], add: Function, remove: Function}} */ var myNavBar = { flagAdd: true, elements: [], init: function (elements) { this.elements = elements; }, add : function() { if(this.flagAdd) { for(var i=0; i < this.elements.length; i++) { document.getElementById(this.elements[i]).className += " fixed-theme"; } this.flagAdd = false; } }, remove: function() { for(var i=0; i < this.elements.length; i++) { document.getElementById(this.elements[i]).className = document.getElementById(this.elements[i]) .className.replace( /(?:^|\s)fixed-theme(?!\S)/g , '' ); } this.flagAdd = true; } }; /** * Init the object. Pass the object the array of elements * that we want to change when the scroll goes down */ myNavBar.init(["header"]); /** * Function that manage the direction * of the scroll */ function offSetManager(){ var yOffset = 500; var currYOffSet = window.pageYOffset; if(yOffset < currYOffSet) { myNavBar.add(); }else if(currYOffSet <= yOffset){ myNavBar.remove(); } } /** * bind to the document scroll detection */ window.onscroll = function(e) { offSetManager(); }; /** * We have to do a first detectation of offset because the page * could be load with scroll down set. */ offSetManager(); }); </script><section class="topcontain"> <div class="container"> <div class="row"> <div class="col-xs-12 col-sm-12 col-md-12">  <div class="heading"> <h1>Collaborations</h1> </div>  </div> </div>  <div class="row"> <div class="col-xs-12 col-sm-12 col-md-12 header_position" >   <div class="column baby_blue associate-directors-carousel" id="gozhxxtdlgwddaodyihl"> <div class="col-md-8 no-padding associate-directors-img"> <div class="directorimg box-inner"> <div class="overlay"></div> <img src="https://qbi.ucsf.edu/site-assets/images/1682486612_IPQBIGroup.jpeg" alt="" class="header-image" /> </div> </div> <div class="col-md-8 no-padding box3 hover last-header" id="associate_top_slide_111"> <div>  <div> <div> <div class="con-text associate about-top-header light"> <p id="associate_top_text11">The Institut Pasteur thrives on increasing its global health impact through the strengthening of essential biomedical research activities and their translation into biomedical innovations and technologies. The Quantitative Biology program of the Institut Pasteur intends to facilitate research innovation at the interface of infectious biology and quantitative sciences.</p> </div> </div> </div> </div> </div> <div class="col-md-4 no-padding middle-two" id="middle_top_associate11"> <div class="directortxt associate-directors-contain" id="associate_top_slide_211"> <h2>Institut Pasteur</h2> <div class="dynamic-height-wrap"> <p id="associate_top_slide_text11" class="">The Institut Pasteur thrives on increasing its global health impact through the strengthening of essential biomedical research activities and their translation ...</p> </div>  <span><a class="hvr-icon-float-away-left slide-toggle" id="associate_top_action11" onclick="$(this).toggleClass('hvr-icon-float-away')">Read More</a> <a href="https://qbi.ucsf.edu/ip-ucsfqbi" target="_blank" class="no-toggle-click hvr-icon-float-away">Know More</a> </span> </div> </div> <div class="col-md-8 no-padding"> <div class=" box-inner slider2-image-class large-block-strict" > <img src="https://qbi.ucsf.edu/site-assets/images/1682486612_IPQBIGroup.jpeg" alt="" class="header-image associate-top-image" /> </div> </div> </div> <script> $(document).ready(function() { /* Animation time taken for text to appear */ var animation_time11=500; /* Delay time for two texts to appear */ var delay_time11=125; /* Mission statement animation time */ var mission_statement_animation_time11=1500; /* Slide Animation Time */ var slide_animation_time11=250; /* Text appearing animation timer */ var text_li_ani_timer11=750; /* Text Appearing delay */ var text_li_ani_delay11=250; var original_content11 = $("#associate_top_slide_text11").html(); /*Associate Directors*/ top_slider_set11(slide_animation_time11,delay_time11,text_li_ani_delay11,text_li_ani_timer11,original_content11); $(window).on('resize',function(){ top_slider_set11(slide_animation_time11,delay_time11,text_li_ani_delay11,text_li_ani_timer11,original_content11); }) }) function top_slider_set11(slide_animation_time,delay_time,text_li_ani_delay,text_li_ani_timer,original_content){ var id="#gozhxxtdlgwddaodyihl"; if($(window).width()>=320 && $(window).width()<=970) { $('#associate_top_slide_text11').html($('#associate_top_text11').html()).parent().addClass('dynamic-height-wrap') .parent() .parent() .data('maxheight',200); $('#associate_top_action11').removeClass('hvr-icon-float-away-left').addClass('hvr-icon-float-away'); $('#associate_top_action11').unbind('click').addClass('js-dynamic-show-hide').attr('title','More Information').data('replaceText','X Close'); /* Readmore js script will go over here */ $('#middle_top_associate11').dynamicMaxHeight(); } else { $('#associate_top_slide_text11').html(original_content); $('#associate_top_text11').slimScroll({ height : "530px" /*,position : "left" *, alwaysVisible: true */}); var flag=0; $("#middle_top_associate11").unbind('click').click(function(e){ if($(e.target).is(".no-toggle-click")){ return ""; } if(flag==0) { flag=1; $("#associate_top_action11").removeClass('hvr-icon-float-away-left').addClass('hvr-icon-float-away').html('Return'); $('#associate_top_text11').hide(); $('#slider_top_image311').fadeOut(slide_animation_time); setTimeout(function(){ $('#associate_top_text11').fadeIn(slide_animation_time); },2*delay_time) } else { flag=0; $('#associate_top_text11').hide(); $("#associate_top_action11").removeClass('hvr-icon-float-away').addClass('hvr-icon-float-away-left').html('Read More'); setTimeout(function () { $('#slider_top_image311').fadeIn(slide_animation_time); },slide_animation_time) } $("#associate_top_slide_111").animate({ width: "toggle" },slide_animation_time); }); } } </script> </div> </div><div class="row"> <div class="col-xs-12 col-sm-12 col-md-12 header_position" >   <div class="column pink hover" id="tesamnnxpnuvctdzrwdd"> <div class="item col-xs-12 col-sm-12 col-md-8 no-padding box "> <div class="con-img box-inner home-slider-image"> <div class="overlay"></div> <img src="https://qbi.ucsf.edu/site-assets/images/1685647183_Screenshot 2023-06-01 at 12.19.27 PM.png" alt="" class="header-image" /> </div> </div> <div class="item col-xs-12 col-sm-12 col-md-4 no-padding middle-two mission_statement_maxheight" data-maxheight="130"> <div class="directortxt con-txt home-header-txt"> <h2>Tel Aviv University</h2> <div class="dynamic-height-wrap"> <p class="mission_statement_readmore_text">The Edmond J. Safra Center for Bioinformatics promotes TAU as a leading force in the field of bioinformatics ...</p> </div> <span> <a class="hvr-icon-float-away slide-toggle action" onclick="$(this).toggleClass('hvr-icon-float-away')" style="line-height:1px !important">Read More</a> <a href="https://qbi.ucsf.edu/tau-qbi" target="_blank" class="no-toggle-click hvr-icon-float-away">Know More</a> </span> </div> </div> <div class="item col-xs-12 col-sm-12 col-md-8 no-padding box2 dark hover last-header"> <div class="con-text box-inner"> <p class="text_to_iterate"> The Edmond J. Safra Center for Bioinformatics promotes TAU as a leading force in the field of bioinformatics towards the development of novel drugs and biomedical technologies that will improve human health. The Blavatnik Center for Drug Discovery aims to turn excellent multidisciplinary science into therapeutics leads. </p> </div> </div> <div class="clearfix"></div> </div>   <script> $(document).ready(function(){ var id21 = "tesamnnxpnuvctdzrwdd"; /* Animation time taken for text to appear */ var animation_time21 =750; /* Delay time for two texts to appear */ var delay_time21 =300; /* Mission statement animation time */ var mission_statement_animation_time21 =1500; /* Slide Animation Time */ var slide_animation_time21 =300; var maxheight21 = 70; var old_text21=$('#'+id21+' .mission_statement_readmore_text').html(); $('#text_to_iterate').hide(); slider_set21(id21,animation_time21,delay_time21,mission_statement_animation_time21,slide_animation_time21,old_text21,maxheight21); $(window).on('resize',function(){ slider_set21(id21,animation_time21,delay_time21,mission_statement_animation_time21,slide_animation_time21,old_text21,maxheight21); }) }); function slider_set21(id,animation_time,delay_time,mission_statement_animation_time,slide_animation_time,old_text,maxheight) { var flag=0; var image = '#'+id+' .header-image'; var action_button = '#'+id+' .action'; var readmore_text = '#'+id+' .mission_statement_readmore_text'; var long_text = '#'+id+' .text_to_iterate'; if($(window).width()>=320 && $(window).width()<=970) { $(readmore_text) .html($(long_text).html()) .parent().addClass('dynamic-height-wrap') .parent() .parent() .data('maxheight',maxheight); $(action_button).unbind() .addClass('js-dynamic-show-hide') .attr('title','Read More') .data('replaceText','X close'); $('#'+id+' .mission_statement_maxheight').dynamicMaxHeight(); } else { $(action_button).unbind(); $(readmore_text).html(old_text); $('.text_to_iterate').slimScroll({ height : "530px" /*,position : "left" *, alwaysVisible: true */}); $(action_button).html("Read More").click(function(){ if(flag==0) { flag=1; $(this).removeClass('hvr-icon-float-away').addClass('hvr-icon-float-away-left').html('Return'); $(long_text).hide(); $(image).fadeOut(animation_time); setTimeout(function(){ $(long_text).fadeIn(animation_time); },2*delay_time) } else { flag=0; $(long_text).fadeOut(100); $(this).removeClass('hvr-icon-float-away-left').addClass('hvr-icon-float-away').html('Read More'); $(image).fadeIn(animation_time); } $('#'+id+" .box").animate({ width: "toggle" },slide_animation_time); $('#'+id+" .box2").animate({ width: "toggle" },slide_animation_time); }); } } </script>  </div> </div><div class="row"> <div class="col-xs-12 col-sm-12 col-md-12 header_position" >   <div class="column orange associate-directors-carousel" id="dzggaukydrjxwcxiqlgg"> <div class="col-md-8 no-padding associate-directors-img"> <div class="directorimg box-inner"> <div class="overlay"></div> <img src="https://qbi.ucsf.edu/site-assets/images/1685589310_48708749407_72bedc7282_o.jpg" alt="" class="header-image" /> </div> </div> <div class="col-md-8 no-padding box3 hover last-header" id="associate_top_slide_131"> <div>  <div> <div> <div class="con-text associate about-top-header light"> <p id="associate_top_text31">Institut Curie, a private non-profit foundation recognized as a public-interest institution since 1921, is a major player in the fight against cancer, comprising France鈥檚 leading cancer research center and a world-class hospital group. PSL-QLife aims at shedding light on complex biological systems and processes using quantitative approaches at multiple spatial and temporal levels by fostering close collaboration between life scientists, chemists, physicists, computational scientists, mathematicians, and engineers.</p> </div> </div> </div> </div> </div> <div class="col-md-4 no-padding middle-two" id="middle_top_associate31"> <div class="directortxt associate-directors-contain" id="associate_top_slide_231"> <h2>Curie/PSL-Qlife</h2> <div class="dynamic-height-wrap"> <p id="associate_top_slide_text31" class="">Institut Curie, a private non-profit foundation recognized as a public-interest institution since 1921, is a major player in the fight against cancer, ...</p> </div>  <span><a class="hvr-icon-float-away-left slide-toggle" id="associate_top_action31" onclick="$(this).toggleClass('hvr-icon-float-away')">Read More</a> <a href="https://qbi.ucsf.edu/curie-qbi" target="_blank" class="no-toggle-click hvr-icon-float-away">Know More</a> </span> </div> </div> <div class="col-md-8 no-padding"> <div class=" box-inner slider2-image-class large-block-strict" > <img src="https://qbi.ucsf.edu/site-assets/images/1685589310_48708749407_72bedc7282_o.jpg" alt="" class="header-image associate-top-image" /> </div> </div> </div> <script> $(document).ready(function() { /* Animation time taken for text to appear */ var animation_time31=500; /* Delay time for two texts to appear */ var delay_time31=125; /* Mission statement animation time */ var mission_statement_animation_time31=1500; /* Slide Animation Time */ var slide_animation_time31=250; /* Text appearing animation timer */ var text_li_ani_timer31=750; /* Text Appearing delay */ var text_li_ani_delay31=250; var original_content31 = $("#associate_top_slide_text31").html(); /*Associate Directors*/ top_slider_set31(slide_animation_time31,delay_time31,text_li_ani_delay31,text_li_ani_timer31,original_content31); $(window).on('resize',function(){ top_slider_set31(slide_animation_time31,delay_time31,text_li_ani_delay31,text_li_ani_timer31,original_content31); }) }) function top_slider_set31(slide_animation_time,delay_time,text_li_ani_delay,text_li_ani_timer,original_content){ var id="#dzggaukydrjxwcxiqlgg"; if($(window).width()>=320 && $(window).width()<=970) { $('#associate_top_slide_text31').html($('#associate_top_text31').html()).parent().addClass('dynamic-height-wrap') .parent() .parent() .data('maxheight',200); $('#associate_top_action31').removeClass('hvr-icon-float-away-left').addClass('hvr-icon-float-away'); $('#associate_top_action31').unbind('click').addClass('js-dynamic-show-hide').attr('title','More Information').data('replaceText','X Close'); /* Readmore js script will go over here */ $('#middle_top_associate31').dynamicMaxHeight(); } else { $('#associate_top_slide_text31').html(original_content); $('#associate_top_text31').slimScroll({ height : "530px" /*,position : "left" *, alwaysVisible: true */}); var flag=0; $("#middle_top_associate31").unbind('click').click(function(e){ if($(e.target).is(".no-toggle-click")){ return ""; } if(flag==0) { flag=1; $("#associate_top_action31").removeClass('hvr-icon-float-away-left').addClass('hvr-icon-float-away').html('Return'); $('#associate_top_text31').hide(); $('#slider_top_image331').fadeOut(slide_animation_time); setTimeout(function(){ $('#associate_top_text31').fadeIn(slide_animation_time); },2*delay_time) } else { flag=0; $('#associate_top_text31').hide(); $("#associate_top_action31").removeClass('hvr-icon-float-away').addClass('hvr-icon-float-away-left').html('Read More'); setTimeout(function () { $('#slider_top_image331').fadeIn(slide_animation_time); },slide_animation_time) } $("#associate_top_slide_131").animate({ width: "toggle" },slide_animation_time); }); } } </script> </div> </div><div class="row"> <div class="col-xs-12 col-sm-12 col-md-12 header_position" >   <div class="column green hover" id="zabbufblbeofevlfpwds"> <div class="item col-xs-12 col-sm-12 col-md-8 no-padding box "> <div class="con-img box-inner home-slider-image"> <div class="overlay"></div> <img src="https://qbi.ucsf.edu/site-assets/images/1685591554_UCD.jpeg" alt="" class="header-image" /> </div> </div> <div class="item col-xs-12 col-sm-12 col-md-4 no-padding middle-two mission_statement_maxheight" data-maxheight="130"> <div class="directortxt con-txt home-header-txt"> <h2>Systems Biology Ireland, University College Dublin</h2> <div class="dynamic-height-wrap"> <p class="mission_statement_readmore_text">Systems Biology Ireland (SBI) at University College Dublin (UCD) specializes in the analyses and modeling ...</p> </div> <span> <a class="hvr-icon-float-away slide-toggle action" onclick="$(this).toggleClass('hvr-icon-float-away')" style="line-height:1px !important">Read More</a> <a href="https://qbi.ucsf.edu/UCD-QBI" target="_blank" class="no-toggle-click hvr-icon-float-away">Know More</a> </span> </div> </div> <div class="item col-xs-12 col-sm-12 col-md-8 no-padding box2 dark hover last-header"> <div class="con-text box-inner"> <p class="text_to_iterate"> Systems Biology Ireland (SBI) at University College Dublin (UCD) specializes in the analyses and modeling of cellular signal transduction networks with a particular focus on developing new diagnostics and treatment strategies for cancer and inflammatory diseases. </p> </div> </div> <div class="clearfix"></div> </div>   <script> $(document).ready(function(){ var id41 = "zabbufblbeofevlfpwds"; /* Animation time taken for text to appear */ var animation_time41 =750; /* Delay time for two texts to appear */ var delay_time41 =300; /* Mission statement animation time */ var mission_statement_animation_time41 =1500; /* Slide Animation Time */ var slide_animation_time41 =300; var maxheight41 = 70; var old_text41=$('#'+id41+' .mission_statement_readmore_text').html(); $('#text_to_iterate').hide(); slider_set41(id41,animation_time41,delay_time41,mission_statement_animation_time41,slide_animation_time41,old_text41,maxheight41); $(window).on('resize',function(){ slider_set41(id41,animation_time41,delay_time41,mission_statement_animation_time41,slide_animation_time41,old_text41,maxheight41); }) }); function slider_set41(id,animation_time,delay_time,mission_statement_animation_time,slide_animation_time,old_text,maxheight) { var flag=0; var image = '#'+id+' .header-image'; var action_button = '#'+id+' .action'; var readmore_text = '#'+id+' .mission_statement_readmore_text'; var long_text = '#'+id+' .text_to_iterate'; if($(window).width()>=320 && $(window).width()<=970) { $(readmore_text) .html($(long_text).html()) .parent().addClass('dynamic-height-wrap') .parent() .parent() .data('maxheight',maxheight); $(action_button).unbind() .addClass('js-dynamic-show-hide') .attr('title','Read More') .data('replaceText','X close'); $('#'+id+' .mission_statement_maxheight').dynamicMaxHeight(); } else { $(action_button).unbind(); $(readmore_text).html(old_text); $('.text_to_iterate').slimScroll({ height : "530px" /*,position : "left" *, alwaysVisible: true */}); $(action_button).html("Read More").click(function(){ if(flag==0) { flag=1; $(this).removeClass('hvr-icon-float-away').addClass('hvr-icon-float-away-left').html('Return'); $(long_text).hide(); $(image).fadeOut(animation_time); setTimeout(function(){ $(long_text).fadeIn(animation_time); },2*delay_time) } else { flag=0; $(long_text).fadeOut(100); $(this).removeClass('hvr-icon-float-away-left').addClass('hvr-icon-float-away').html('Read More'); $(image).fadeIn(animation_time); } $('#'+id+" .box").animate({ width: "toggle" },slide_animation_time); $('#'+id+" .box2").animate({ width: "toggle" },slide_animation_time); }); } } </script>  </div> </div><div class="row"> <div class="col-xs-12 col-sm-12 col-md-12 header_position" >   <div class="column grey associate-directors-carousel" id="onpkqnthzznyapauubgw"> <div class="col-md-8 no-padding associate-directors-img"> <div class="directorimg box-inner"> <div class="overlay"></div> <img src="https://qbi.ucsf.edu/site-assets/images/1685646762_48301052422_9b08ca79b4_o.jpg" alt="" class="header-image" /> </div> </div> <div class="col-md-8 no-padding box3 hover last-header" id="associate_top_slide_151"> <div>  <div> <div> <div class="con-text associate about-top-header light"> <p id="associate_top_text51">The Department of Biology, Chemistry and Pharmacy at Freie Universit盲t Berlin (FUB) seeks to translate the insights from atomistic descriptions of macromolecular structure to fundamental questions in biology, chemistry and medicine.</p> </div> </div> </div> </div> </div> <div class="col-md-4 no-padding middle-two" id="middle_top_associate51"> <div class="directortxt associate-directors-contain" id="associate_top_slide_251"> <h2>Freie Universit盲t Berlin</h2> <div class="dynamic-height-wrap"> <p id="associate_top_slide_text51" class="">The Department of Biology, Chemistry and Pharmacy at Freie Universit盲t Berlin (FUB) seeks to translate the insights from atomistic descriptions of macromolecular ...</p> </div>  <span><a class="hvr-icon-float-away-left slide-toggle" id="associate_top_action51" onclick="$(this).toggleClass('hvr-icon-float-away')">Read More</a> <a href="https://qbi.ucsf.edu/fub-qbi" target="_blank" class="no-toggle-click hvr-icon-float-away">Know More</a> </span> </div> </div> <div class="col-md-8 no-padding"> <div class=" box-inner slider2-image-class large-block-strict" > <img src="https://qbi.ucsf.edu/site-assets/images/1685646762_48301052422_9b08ca79b4_o.jpg" alt="" class="header-image associate-top-image" /> </div> </div> </div> <script> $(document).ready(function() { /* Animation time taken for text to appear */ var animation_time51=500; /* Delay time for two texts to appear */ var delay_time51=125; /* Mission statement animation time */ var mission_statement_animation_time51=1500; /* Slide Animation Time */ var slide_animation_time51=250; /* Text appearing animation timer */ var text_li_ani_timer51=750; /* Text Appearing delay */ var text_li_ani_delay51=250; var original_content51 = $("#associate_top_slide_text51").html(); /*Associate Directors*/ top_slider_set51(slide_animation_time51,delay_time51,text_li_ani_delay51,text_li_ani_timer51,original_content51); $(window).on('resize',function(){ top_slider_set51(slide_animation_time51,delay_time51,text_li_ani_delay51,text_li_ani_timer51,original_content51); }) }) function top_slider_set51(slide_animation_time,delay_time,text_li_ani_delay,text_li_ani_timer,original_content){ var id="#onpkqnthzznyapauubgw"; if($(window).width()>=320 && $(window).width()<=970) { $('#associate_top_slide_text51').html($('#associate_top_text51').html()).parent().addClass('dynamic-height-wrap') .parent() .parent() .data('maxheight',200); $('#associate_top_action51').removeClass('hvr-icon-float-away-left').addClass('hvr-icon-float-away'); $('#associate_top_action51').unbind('click').addClass('js-dynamic-show-hide').attr('title','More Information').data('replaceText','X Close'); /* Readmore js script will go over here */ $('#middle_top_associate51').dynamicMaxHeight(); } else { $('#associate_top_slide_text51').html(original_content); $('#associate_top_text51').slimScroll({ height : "530px" /*,position : "left" *, alwaysVisible: true */}); var flag=0; $("#middle_top_associate51").unbind('click').click(function(e){ if($(e.target).is(".no-toggle-click")){ return ""; } if(flag==0) { flag=1; $("#associate_top_action51").removeClass('hvr-icon-float-away-left').addClass('hvr-icon-float-away').html('Return'); $('#associate_top_text51').hide(); $('#slider_top_image351').fadeOut(slide_animation_time); setTimeout(function(){ $('#associate_top_text51').fadeIn(slide_animation_time); },2*delay_time) } else { flag=0; $('#associate_top_text51').hide(); $("#associate_top_action51").removeClass('hvr-icon-float-away').addClass('hvr-icon-float-away-left').html('Read More'); setTimeout(function () { $('#slider_top_image351').fadeIn(slide_animation_time); },slide_animation_time) } $("#associate_top_slide_151").animate({ width: "toggle" },slide_animation_time); }); } } </script> </div> </div><div class="row"> <div class="col-xs-12 col-sm-12 col-md-12 header_position" >   <div class="column purple hover" id="fubkpnpfktyyhoiyccfb"> <div class="item col-xs-12 col-sm-12 col-md-8 no-padding box "> <div class="con-img box-inner home-slider-image"> <div class="overlay"></div> <img src="https://qbi.ucsf.edu/site-assets/images/1685593299_4000.webp" alt="" class="header-image" /> </div> </div> <div class="item col-xs-12 col-sm-12 col-md-4 no-padding middle-two mission_statement_maxheight" data-maxheight="130"> <div class="directortxt con-txt home-header-txt"> <h2>The Francis Crick Institute</h2> <div class="dynamic-height-wrap"> <p class="mission_statement_readmore_text">The Francis Crick Institute focuses on enhancing the world鈥檚 understanding of the fundamental processes ...</p> </div> <span> <a class="hvr-icon-float-away slide-toggle action" onclick="$(this).toggleClass('hvr-icon-float-away')" style="line-height:1px !important">Read More</a> <a href="https://www.crick.ac.uk/" target="_blank" class="no-toggle-click hvr-icon-float-away">Know More</a> </span> </div> </div> <div class="item col-xs-12 col-sm-12 col-md-8 no-padding box2 dark hover last-header"> <div class="con-text box-inner"> <p class="text_to_iterate"> The Francis Crick Institute focuses on enhancing the world鈥檚 understanding of the fundamental processes of life, to transform the prevention, diagnosis and treatment of human disease. </p> </div> </div> <div class="clearfix"></div> </div>   <script> $(document).ready(function(){ var id61 = "fubkpnpfktyyhoiyccfb"; /* Animation time taken for text to appear */ var animation_time61 =750; /* Delay time for two texts to appear */ var delay_time61 =300; /* Mission statement animation time */ var mission_statement_animation_time61 =1500; /* Slide Animation Time */ var slide_animation_time61 =300; var maxheight61 = 70; var old_text61=$('#'+id61+' .mission_statement_readmore_text').html(); $('#text_to_iterate').hide(); slider_set61(id61,animation_time61,delay_time61,mission_statement_animation_time61,slide_animation_time61,old_text61,maxheight61); $(window).on('resize',function(){ slider_set61(id61,animation_time61,delay_time61,mission_statement_animation_time61,slide_animation_time61,old_text61,maxheight61); }) }); function slider_set61(id,animation_time,delay_time,mission_statement_animation_time,slide_animation_time,old_text,maxheight) { var flag=0; var image = '#'+id+' .header-image'; var action_button = '#'+id+' .action'; var readmore_text = '#'+id+' .mission_statement_readmore_text'; var long_text = '#'+id+' .text_to_iterate'; if($(window).width()>=320 && $(window).width()<=970) { $(readmore_text) .html($(long_text).html()) .parent().addClass('dynamic-height-wrap') .parent() .parent() .data('maxheight',maxheight); $(action_button).unbind() .addClass('js-dynamic-show-hide') .attr('title','Read More') .data('replaceText','X close'); $('#'+id+' .mission_statement_maxheight').dynamicMaxHeight(); } else { $(action_button).unbind(); $(readmore_text).html(old_text); $('.text_to_iterate').slimScroll({ height : "530px" /*,position : "left" *, alwaysVisible: true */}); $(action_button).html("Read More").click(function(){ if(flag==0) { flag=1; $(this).removeClass('hvr-icon-float-away').addClass('hvr-icon-float-away-left').html('Return'); $(long_text).hide(); $(image).fadeOut(animation_time); setTimeout(function(){ $(long_text).fadeIn(animation_time); },2*delay_time) } else { flag=0; $(long_text).fadeOut(100); $(this).removeClass('hvr-icon-float-away-left').addClass('hvr-icon-float-away').html('Read More'); $(image).fadeIn(animation_time); } $('#'+id+" .box").animate({ width: "toggle" },slide_animation_time); $('#'+id+" .box2").animate({ width: "toggle" },slide_animation_time); }); } } </script>  </div> </div><div class="row"> <div class="col-xs-12 col-sm-12 col-md-12 header_position" >   <div class="column lavender associate-directors-carousel" id="btacibxdcdaiycsopitz"> <div class="col-md-8 no-padding associate-directors-img"> <div class="directorimg box-inner"> <div class="overlay"></div> <img src="https://qbi.ucsf.edu/site-assets/images/1685740746_1.jpg" alt="" class="header-image" /> </div> </div> <div class="col-md-8 no-padding box3 hover last-header" id="associate_top_slide_171"> <div>  <div> <div> <div class="con-text associate about-top-header light"> <p id="associate_top_text71">The focus at Roche is on finding new medicines and diagnostics and establishing data-based insights that evolve the practice of medicine. Roche is a leading provider of in-vitro diagnostics and a global supplier of transformative innovative solutions across major disease areas.</p> </div> </div> </div> </div> </div> <div class="col-md-4 no-padding middle-two" id="middle_top_associate71"> <div class="directortxt associate-directors-contain" id="associate_top_slide_271"> <h2>Roche</h2> <div class="dynamic-height-wrap"> <p id="associate_top_slide_text71" class="">The focus at Roche is on finding new medicines and diagnostics and establishing data-based insights that evolve the practice of medicine. Roche is a leading ...</p> </div>  <span><a class="hvr-icon-float-away-left slide-toggle" id="associate_top_action71" onclick="$(this).toggleClass('hvr-icon-float-away')">Read More</a> <a href="https://www.roche.com/innovation/structure/rnd-locations/pharma-basel/" target="_blank" class="no-toggle-click hvr-icon-float-away">Know More</a> </span> </div> </div> <div class="col-md-8 no-padding"> <div class=" box-inner slider2-image-class large-block-strict" > <img src="https://qbi.ucsf.edu/site-assets/images/1685740746_1.jpg" alt="" class="header-image associate-top-image" /> </div> </div> </div> <script> $(document).ready(function() { /* Animation time taken for text to appear */ var animation_time71=500; /* Delay time for two texts to appear */ var delay_time71=125; /* Mission statement animation time */ var mission_statement_animation_time71=1500; /* Slide Animation Time */ var slide_animation_time71=250; /* Text appearing animation timer */ var text_li_ani_timer71=750; /* Text Appearing delay */ var text_li_ani_delay71=250; var original_content71 = $("#associate_top_slide_text71").html(); /*Associate Directors*/ top_slider_set71(slide_animation_time71,delay_time71,text_li_ani_delay71,text_li_ani_timer71,original_content71); $(window).on('resize',function(){ top_slider_set71(slide_animation_time71,delay_time71,text_li_ani_delay71,text_li_ani_timer71,original_content71); }) }) function top_slider_set71(slide_animation_time,delay_time,text_li_ani_delay,text_li_ani_timer,original_content){ var id="#btacibxdcdaiycsopitz"; if($(window).width()>=320 && $(window).width()<=970) { $('#associate_top_slide_text71').html($('#associate_top_text71').html()).parent().addClass('dynamic-height-wrap') .parent() .parent() .data('maxheight',200); $('#associate_top_action71').removeClass('hvr-icon-float-away-left').addClass('hvr-icon-float-away'); $('#associate_top_action71').unbind('click').addClass('js-dynamic-show-hide').attr('title','More Information').data('replaceText','X Close'); /* Readmore js script will go over here */ $('#middle_top_associate71').dynamicMaxHeight(); } else { $('#associate_top_slide_text71').html(original_content); $('#associate_top_text71').slimScroll({ height : "530px" /*,position : "left" *, alwaysVisible: true */}); var flag=0; $("#middle_top_associate71").unbind('click').click(function(e){ if($(e.target).is(".no-toggle-click")){ return ""; } if(flag==0) { flag=1; $("#associate_top_action71").removeClass('hvr-icon-float-away-left').addClass('hvr-icon-float-away').html('Return'); $('#associate_top_text71').hide(); $('#slider_top_image371').fadeOut(slide_animation_time); setTimeout(function(){ $('#associate_top_text71').fadeIn(slide_animation_time); },2*delay_time) } else { flag=0; $('#associate_top_text71').hide(); $("#associate_top_action71").removeClass('hvr-icon-float-away').addClass('hvr-icon-float-away-left').html('Read More'); setTimeout(function () { $('#slider_top_image371').fadeIn(slide_animation_time); },slide_animation_time) } $("#associate_top_slide_171").animate({ width: "toggle" },slide_animation_time); }); } } </script> </div> </div><div class="row"> <div class="col-xs-12 col-sm-12 col-md-12 header_position" >   <div class="column baby_blue hover" id="bsyjgghijnklglnpmkto"> <div class="item col-xs-12 col-sm-12 col-md-8 no-padding box "> <div class="con-img box-inner home-slider-image"> <div class="overlay"></div> <img src="https://qbi.ucsf.edu/site-assets/images/1685647567_IMG_3869.jpeg" alt="" class="header-image" /> </div> </div> <div class="item col-xs-12 col-sm-12 col-md-4 no-padding middle-two mission_statement_maxheight" data-maxheight="130"> <div class="directortxt con-txt home-header-txt"> <h2>Uganda Virus Research Institute</h2> <div class="dynamic-height-wrap"> <p class="mission_statement_readmore_text">The UVRI engages in health research pertaining to human infections and disease processes associated with ...</p> </div> <span> <a class="hvr-icon-float-away slide-toggle action" onclick="$(this).toggleClass('hvr-icon-float-away')" style="line-height:1px !important">Read More</a> <a href="https://www.uvri.go.ug/" target="_blank" class="no-toggle-click hvr-icon-float-away">Know More</a> </span> </div> </div> <div class="item col-xs-12 col-sm-12 col-md-8 no-padding box2 dark hover last-header"> <div class="con-text box-inner"> <p class="text_to_iterate"> The UVRI engages in health research pertaining to human infections and disease processes associated with or linked to viral etiology and provides expert advice, enables partnerships and communication and serves as a center for training and education. </p> </div> </div> <div class="clearfix"></div> </div>   <script> $(document).ready(function(){ var id81 = "bsyjgghijnklglnpmkto"; /* Animation time taken for text to appear */ var animation_time81 =750; /* Delay time for two texts to appear */ var delay_time81 =300; /* Mission statement animation time */ var mission_statement_animation_time81 =1500; /* Slide Animation Time */ var slide_animation_time81 =300; var maxheight81 = 70; var old_text81=$('#'+id81+' .mission_statement_readmore_text').html(); $('#text_to_iterate').hide(); slider_set81(id81,animation_time81,delay_time81,mission_statement_animation_time81,slide_animation_time81,old_text81,maxheight81); $(window).on('resize',function(){ slider_set81(id81,animation_time81,delay_time81,mission_statement_animation_time81,slide_animation_time81,old_text81,maxheight81); }) }); function slider_set81(id,animation_time,delay_time,mission_statement_animation_time,slide_animation_time,old_text,maxheight) { var flag=0; var image = '#'+id+' .header-image'; var action_button = '#'+id+' .action'; var readmore_text = '#'+id+' .mission_statement_readmore_text'; var long_text = '#'+id+' .text_to_iterate'; if($(window).width()>=320 && $(window).width()<=970) { $(readmore_text) .html($(long_text).html()) .parent().addClass('dynamic-height-wrap') .parent() .parent() .data('maxheight',maxheight); $(action_button).unbind() .addClass('js-dynamic-show-hide') .attr('title','Read More') .data('replaceText','X close'); $('#'+id+' .mission_statement_maxheight').dynamicMaxHeight(); } else { $(action_button).unbind(); $(readmore_text).html(old_text); $('.text_to_iterate').slimScroll({ height : "530px" /*,position : "left" *, alwaysVisible: true */}); $(action_button).html("Read More").click(function(){ if(flag==0) { flag=1; $(this).removeClass('hvr-icon-float-away').addClass('hvr-icon-float-away-left').html('Return'); $(long_text).hide(); $(image).fadeOut(animation_time); setTimeout(function(){ $(long_text).fadeIn(animation_time); },2*delay_time) } else { flag=0; $(long_text).fadeOut(100); $(this).removeClass('hvr-icon-float-away-left').addClass('hvr-icon-float-away').html('Read More'); $(image).fadeIn(animation_time); } $('#'+id+" .box").animate({ width: "toggle" },slide_animation_time); $('#'+id+" .box2").animate({ width: "toggle" },slide_animation_time); }); } } </script>  </div> </div><div class="row"> <div class="col-xs-12 col-sm-12 col-md-12 header_position" >   <div class="column pink associate-directors-carousel" id="otxmvpalyulamjjsqrbz"> <div class="col-md-8 no-padding associate-directors-img"> <div class="directorimg box-inner"> <div class="overlay"></div> <img src="https://qbi.ucsf.edu/site-assets/images/1685592947_lm-greg-dsc00818-800x480.jpg" alt="" class="header-image" /> </div> </div> <div class="col-md-8 no-padding box3 hover last-header" id="associate_top_slide_191"> <div>  <div> <div> <div class="con-text associate about-top-header light"> <p id="associate_top_text91">Research in the Towers lab at UCL focuses on understanding the molecular details of host-virus interactions, to develop novel therapeutic approaches for viral infection and to use viruses to help understand mammalian cell biology and evolution.</p> </div> </div> </div> </div> </div> <div class="col-md-4 no-padding middle-two" id="middle_top_associate91"> <div class="directortxt associate-directors-contain" id="associate_top_slide_291"> <h2>University College London</h2> <div class="dynamic-height-wrap"> <p id="associate_top_slide_text91" class="">Research in the Towers lab at UCL focuses on understanding the molecular details of host-virus interactions, to develop novel therapeutic approaches for ...</p> </div>  <span><a class="hvr-icon-float-away-left slide-toggle" id="associate_top_action91" onclick="$(this).toggleClass('hvr-icon-float-away')">Read More</a> <a href="https://www.ucl.ac.uk/towers-lab/towers-lab-0" target="_blank" class="no-toggle-click hvr-icon-float-away">Know More</a> </span> </div> </div> <div class="col-md-8 no-padding"> <div class=" box-inner slider2-image-class large-block-strict" > <img src="https://qbi.ucsf.edu/site-assets/images/1685592947_lm-greg-dsc00818-800x480.jpg" alt="" class="header-image associate-top-image" /> </div> </div> </div> <script> $(document).ready(function() { /* Animation time taken for text to appear */ var animation_time91=500; /* Delay time for two texts to appear */ var delay_time91=125; /* Mission statement animation time */ var mission_statement_animation_time91=1500; /* Slide Animation Time */ var slide_animation_time91=250; /* Text appearing animation timer */ var text_li_ani_timer91=750; /* Text Appearing delay */ var text_li_ani_delay91=250; var original_content91 = $("#associate_top_slide_text91").html(); /*Associate Directors*/ top_slider_set91(slide_animation_time91,delay_time91,text_li_ani_delay91,text_li_ani_timer91,original_content91); $(window).on('resize',function(){ top_slider_set91(slide_animation_time91,delay_time91,text_li_ani_delay91,text_li_ani_timer91,original_content91); }) }) function top_slider_set91(slide_animation_time,delay_time,text_li_ani_delay,text_li_ani_timer,original_content){ var id="#otxmvpalyulamjjsqrbz"; if($(window).width()>=320 && $(window).width()<=970) { $('#associate_top_slide_text91').html($('#associate_top_text91').html()).parent().addClass('dynamic-height-wrap') .parent() .parent() .data('maxheight',200); $('#associate_top_action91').removeClass('hvr-icon-float-away-left').addClass('hvr-icon-float-away'); $('#associate_top_action91').unbind('click').addClass('js-dynamic-show-hide').attr('title','More Information').data('replaceText','X Close'); /* Readmore js script will go over here */ $('#middle_top_associate91').dynamicMaxHeight(); } else { $('#associate_top_slide_text91').html(original_content); $('#associate_top_text91').slimScroll({ height : "530px" /*,position : "left" *, alwaysVisible: true */}); var flag=0; $("#middle_top_associate91").unbind('click').click(function(e){ if($(e.target).is(".no-toggle-click")){ return ""; } if(flag==0) { flag=1; $("#associate_top_action91").removeClass('hvr-icon-float-away-left').addClass('hvr-icon-float-away').html('Return'); $('#associate_top_text91').hide(); $('#slider_top_image391').fadeOut(slide_animation_time); setTimeout(function(){ $('#associate_top_text91').fadeIn(slide_animation_time); },2*delay_time) } else { flag=0; $('#associate_top_text91').hide(); $("#associate_top_action91").removeClass('hvr-icon-float-away').addClass('hvr-icon-float-away-left').html('Read More'); setTimeout(function () { $('#slider_top_image391').fadeIn(slide_animation_time); },slide_animation_time) } $("#associate_top_slide_191").animate({ width: "toggle" },slide_animation_time); }); } } </script> </div> </div><div class="row"> <div class="col-xs-12 col-sm-12 col-md-12 header_position" >   <div class="column orange hover" id="emklxybkiuzxowkkmkvk"> <div class="item col-xs-12 col-sm-12 col-md-8 no-padding box "> <div class="con-img box-inner home-slider-image"> <div class="overlay"></div> <img src="https://qbi.ucsf.edu/site-assets/images/1685648178_D53DD17F-C1F2-4671-8A3E-85A1C67FDC95_1_105_c.jpeg" alt="" class="header-image" /> </div> </div> <div class="item col-xs-12 col-sm-12 col-md-4 no-padding middle-two mission_statement_maxheight" data-maxheight="130"> <div class="directortxt con-txt home-header-txt"> <h2>University of Sierra Leone</h2> <div class="dynamic-height-wrap"> <p class="mission_statement_readmore_text">The College of Medicine and Allied Health Sciences (COMAHS) at the University of Sierra Leone has a primary ...</p> </div> <span> <a class="hvr-icon-float-away slide-toggle action" onclick="$(this).toggleClass('hvr-icon-float-away')" style="line-height:1px !important">Read More</a> <a href="https://usl.edu.sl/" target="_blank" class="no-toggle-click hvr-icon-float-away">Know More</a> </span> </div> </div> <div class="item col-xs-12 col-sm-12 col-md-8 no-padding box2 dark hover last-header"> <div class="con-text box-inner"> <p class="text_to_iterate"> The College of Medicine and Allied Health Sciences (COMAHS) at the University of Sierra Leone has a primary mandate to produce doctors, nurses, pharmacists, biomedical scientists and laboratory technicians with a view of improving the health care delivery system in Sierra Leone. Hence, the College has strategically cemented its position as a leading institution in national health research and capacity strengthening in Sierra Leone by generating the much needed evidence to inform policies and practices in the area of health. The College is also involved in needs-based research activities at both national and international levels to ensure that it continues to play a key role in the health system as well as in rebuilding and strengthening the nation鈥檚 socio-economic development at both national and international levels. </p> </div> </div> <div class="clearfix"></div> </div>   <script> $(document).ready(function(){ var id101 = "emklxybkiuzxowkkmkvk"; /* Animation time taken for text to appear */ var animation_time101 =750; /* Delay time for two texts to appear */ var delay_time101 =300; /* Mission statement animation time */ var mission_statement_animation_time101 =1500; /* Slide Animation Time */ var slide_animation_time101 =300; var maxheight101 = 70; var old_text101=$('#'+id101+' .mission_statement_readmore_text').html(); $('#text_to_iterate').hide(); slider_set101(id101,animation_time101,delay_time101,mission_statement_animation_time101,slide_animation_time101,old_text101,maxheight101); $(window).on('resize',function(){ slider_set101(id101,animation_time101,delay_time101,mission_statement_animation_time101,slide_animation_time101,old_text101,maxheight101); }) }); function slider_set101(id,animation_time,delay_time,mission_statement_animation_time,slide_animation_time,old_text,maxheight) { var flag=0; var image = '#'+id+' .header-image'; var action_button = '#'+id+' .action'; var readmore_text = '#'+id+' .mission_statement_readmore_text'; var long_text = '#'+id+' .text_to_iterate'; if($(window).width()>=320 && $(window).width()<=970) { $(readmore_text) .html($(long_text).html()) .parent().addClass('dynamic-height-wrap') .parent() .parent() .data('maxheight',maxheight); $(action_button).unbind() .addClass('js-dynamic-show-hide') .attr('title','Read More') .data('replaceText','X close'); $('#'+id+' .mission_statement_maxheight').dynamicMaxHeight(); } else { $(action_button).unbind(); $(readmore_text).html(old_text); $('.text_to_iterate').slimScroll({ height : "530px" /*,position : "left" *, alwaysVisible: true */}); $(action_button).html("Read More").click(function(){ if(flag==0) { flag=1; $(this).removeClass('hvr-icon-float-away').addClass('hvr-icon-float-away-left').html('Return'); $(long_text).hide(); $(image).fadeOut(animation_time); setTimeout(function(){ $(long_text).fadeIn(animation_time); },2*delay_time) } else { flag=0; $(long_text).fadeOut(100); $(this).removeClass('hvr-icon-float-away-left').addClass('hvr-icon-float-away').html('Read More'); $(image).fadeIn(animation_time); } $('#'+id+" .box").animate({ width: "toggle" },slide_animation_time); $('#'+id+" .box2").animate({ width: "toggle" },slide_animation_time); }); } } </script>  </div> </div><div class="row"> <div class="col-xs-12 col-sm-12 col-md-12 header_position" >   <div class="column green associate-directors-carousel" id="fhkrqtkglmgpyqawobgx"> <div class="col-md-8 no-padding associate-directors-img"> <div class="directorimg box-inner"> <div class="overlay"></div> <img src="https://qbi.ucsf.edu/site-assets/images/1685648386_Redeemer.jpeg" alt="" class="header-image" /> </div> </div> <div class="col-md-8 no-padding box3 hover last-header" id="associate_top_slide_1111"> <div>  <div> <div> <div class="con-text associate about-top-header light"> <p id="associate_top_text111">The African Centre of Excellence that is devoted to the genomics of infectious diseases (ACEGID) at Redeemer鈥檚 University has a mandate to build capacity in the field of genomics in young African scientists and use identify and characterize pathogens of unknown origin using microbial metagenomics. The center aims to translate the research outcome to products that can be deployed to the field in order to contribute to the control, manage and eliminate infectious diseases in the African continent</p> </div> </div> </div> </div> </div> <div class="col-md-4 no-padding middle-two" id="middle_top_associate111"> <div class="directortxt associate-directors-contain" id="associate_top_slide_2111"> <h2>Redeemer鈥檚 University</h2> <div class="dynamic-height-wrap"> <p id="associate_top_slide_text111" class="">The African Centre of Excellence that is devoted to the genomics of infectious diseases (ACEGID) at Redeemer鈥檚 University has a mandate to build capacity ...</p> </div>  <span><a class="hvr-icon-float-away-left slide-toggle" id="associate_top_action111" onclick="$(this).toggleClass('hvr-icon-float-away')">Read More</a> <a href="https://acegid.org/" target="_blank" class="no-toggle-click hvr-icon-float-away">Know More</a> </span> </div> </div> <div class="col-md-8 no-padding"> <div class=" box-inner slider2-image-class large-block-strict" > <img src="https://qbi.ucsf.edu/site-assets/images/1685648386_Redeemer.jpeg" alt="" class="header-image associate-top-image" /> </div> </div> </div> <script> $(document).ready(function() { /* Animation time taken for text to appear */ var animation_time111=500; /* Delay time for two texts to appear */ var delay_time111=125; /* Mission statement animation time */ var mission_statement_animation_time111=1500; /* Slide Animation Time */ var slide_animation_time111=250; /* Text appearing animation timer */ var text_li_ani_timer111=750; /* Text Appearing delay */ var text_li_ani_delay111=250; var original_content111 = $("#associate_top_slide_text111").html(); /*Associate Directors*/ top_slider_set111(slide_animation_time111,delay_time111,text_li_ani_delay111,text_li_ani_timer111,original_content111); $(window).on('resize',function(){ top_slider_set111(slide_animation_time111,delay_time111,text_li_ani_delay111,text_li_ani_timer111,original_content111); }) }) function top_slider_set111(slide_animation_time,delay_time,text_li_ani_delay,text_li_ani_timer,original_content){ var id="#fhkrqtkglmgpyqawobgx"; if($(window).width()>=320 && $(window).width()<=970) { $('#associate_top_slide_text111').html($('#associate_top_text111').html()).parent().addClass('dynamic-height-wrap') .parent() .parent() .data('maxheight',200); $('#associate_top_action111').removeClass('hvr-icon-float-away-left').addClass('hvr-icon-float-away'); $('#associate_top_action111').unbind('click').addClass('js-dynamic-show-hide').attr('title','More Information').data('replaceText','X Close'); /* Readmore js script will go over here */ $('#middle_top_associate111').dynamicMaxHeight(); } else { $('#associate_top_slide_text111').html(original_content); $('#associate_top_text111').slimScroll({ height : "530px" /*,position : "left" *, alwaysVisible: true */}); var flag=0; $("#middle_top_associate111").unbind('click').click(function(e){ if($(e.target).is(".no-toggle-click")){ return ""; } if(flag==0) { flag=1; $("#associate_top_action111").removeClass('hvr-icon-float-away-left').addClass('hvr-icon-float-away').html('Return'); $('#associate_top_text111').hide(); $('#slider_top_image3111').fadeOut(slide_animation_time); setTimeout(function(){ $('#associate_top_text111').fadeIn(slide_animation_time); },2*delay_time) } else { flag=0; $('#associate_top_text111').hide(); $("#associate_top_action111").removeClass('hvr-icon-float-away').addClass('hvr-icon-float-away-left').html('Read More'); setTimeout(function () { $('#slider_top_image3111').fadeIn(slide_animation_time); },slide_animation_time) } $("#associate_top_slide_1111").animate({ width: "toggle" },slide_animation_time); }); } } </script> </div> </div><div class="row"> <div class="col-xs-12 col-sm-12 col-md-12 header_position" >   <div class="column grey hover" id="wfvkbfvnpryuyimpcwvn"> <div class="item col-xs-12 col-sm-12 col-md-8 no-padding box "> <div class="con-img box-inner home-slider-image"> <div class="overlay"></div> <img src="https://qbi.ucsf.edu/site-assets/images/1685652003_IMG_0665.jpeg" alt="" class="header-image" /> </div> </div> <div class="item col-xs-12 col-sm-12 col-md-4 no-padding middle-two mission_statement_maxheight" data-maxheight="130"> <div class="directortxt con-txt home-header-txt"> <h2>Leloir Institute Foundation</h2> <div class="dynamic-height-wrap"> <p class="mission_statement_readmore_text">The Leloir Institute Foundation (FIL) is dedicated to research and training young scientists. Their mission ...</p> </div> <span> <a class="hvr-icon-float-away slide-toggle action" onclick="$(this).toggleClass('hvr-icon-float-away')" style="line-height:1px !important">Read More</a> <a href="https://www.leloir.org.ar/" target="_blank" class="no-toggle-click hvr-icon-float-away">Know More</a> </span> </div> </div> <div class="item col-xs-12 col-sm-12 col-md-8 no-padding box2 dark hover last-header"> <div class="con-text box-inner"> <p class="text_to_iterate"> The Leloir Institute Foundation (FIL) is dedicated to research and training young scientists. Their mission is to promote the highest standards of excellence both in the projects carried out in their laboratories and in the training of human resources. </p> </div> </div> <div class="clearfix"></div> </div>   <script> $(document).ready(function(){ var id121 = "wfvkbfvnpryuyimpcwvn"; /* Animation time taken for text to appear */ var animation_time121 =750; /* Delay time for two texts to appear */ var delay_time121 =300; /* Mission statement animation time */ var mission_statement_animation_time121 =1500; /* Slide Animation Time */ var slide_animation_time121 =300; var maxheight121 = 70; var old_text121=$('#'+id121+' .mission_statement_readmore_text').html(); $('#text_to_iterate').hide(); slider_set121(id121,animation_time121,delay_time121,mission_statement_animation_time121,slide_animation_time121,old_text121,maxheight121); $(window).on('resize',function(){ slider_set121(id121,animation_time121,delay_time121,mission_statement_animation_time121,slide_animation_time121,old_text121,maxheight121); }) }); function slider_set121(id,animation_time,delay_time,mission_statement_animation_time,slide_animation_time,old_text,maxheight) { var flag=0; var image = '#'+id+' .header-image'; var action_button = '#'+id+' .action'; var readmore_text = '#'+id+' .mission_statement_readmore_text'; var long_text = '#'+id+' .text_to_iterate'; if($(window).width()>=320 && $(window).width()<=970) { $(readmore_text) .html($(long_text).html()) .parent().addClass('dynamic-height-wrap') .parent() .parent() .data('maxheight',maxheight); $(action_button).unbind() .addClass('js-dynamic-show-hide') .attr('title','Read More') .data('replaceText','X close'); $('#'+id+' .mission_statement_maxheight').dynamicMaxHeight(); } else { $(action_button).unbind(); $(readmore_text).html(old_text); $('.text_to_iterate').slimScroll({ height : "530px" /*,position : "left" *, alwaysVisible: true */}); $(action_button).html("Read More").click(function(){ if(flag==0) { flag=1; $(this).removeClass('hvr-icon-float-away').addClass('hvr-icon-float-away-left').html('Return'); $(long_text).hide(); $(image).fadeOut(animation_time); setTimeout(function(){ $(long_text).fadeIn(animation_time); },2*delay_time) } else { flag=0; $(long_text).fadeOut(100); $(this).removeClass('hvr-icon-float-away-left').addClass('hvr-icon-float-away').html('Read More'); $(image).fadeIn(animation_time); } $('#'+id+" .box").animate({ width: "toggle" },slide_animation_time); $('#'+id+" .box2").animate({ width: "toggle" },slide_animation_time); }); } } </script>  </div> </div><div class="row"> <div class="col-xs-12 col-sm-12 col-md-12 header_position" >   <div class="column purple associate-directors-carousel" id="icchtddhfkfcqanrfifv"> <div class="col-md-8 no-padding associate-directors-img"> <div class="directorimg box-inner"> <div class="overlay"></div> <img src="https://qbi.ucsf.edu/site-assets/images/1685665686_MtSinaiIcahn1.jpg" alt="" class="header-image" /> </div> </div> <div class="col-md-8 no-padding box3 hover last-header" id="associate_top_slide_1131"> <div>  <div> <div> <div class="con-text associate about-top-header light"> <p id="associate_top_text131">The Division of Infectious Diseases is at the forefront of research, treatment and prevention of infectious diseases, including HIV/AIDS, travel medicine, transplant infectious diseases, and co-infection of HIV/HCV. In addition to the robust clinical services to those with HIV infection, the faculty in the division provide infectious disease consultation on both in-patient and out-patient service areas, offering expert guidance on travel medicine, hepatitis infections, antimicrobial resistance and diagnosis/treatment for bacterial, fungal, mycobacterial, parasitic and viral infections.</p> </div> </div> </div> </div> </div> <div class="col-md-4 no-padding middle-two" id="middle_top_associate131"> <div class="directortxt associate-directors-contain" id="associate_top_slide_2131"> <h2>Icahn School of Medicine at Mount Sinai</h2> <div class="dynamic-height-wrap"> <p id="associate_top_slide_text131" class="">The Division of Infectious Diseases is at the forefront of research, treatment and prevention of infectious diseases, including HIV/AIDS, travel medicine, ...</p> </div>  <span><a class="hvr-icon-float-away-left slide-toggle" id="associate_top_action131" onclick="$(this).toggleClass('hvr-icon-float-away')">Read More</a> <a href="https://icahn.mssm.edu/about/departments/medicine/infectious-disease" target="_blank" class="no-toggle-click hvr-icon-float-away">Know More</a> </span> </div> </div> <div class="col-md-8 no-padding"> <div class=" box-inner slider2-image-class large-block-strict" > <img src="https://qbi.ucsf.edu/site-assets/images/1685665686_MtSinaiIcahn1.jpg" alt="" class="header-image associate-top-image" /> </div> </div> </div> <script> $(document).ready(function() { /* Animation time taken for text to appear */ var animation_time131=500; /* Delay time for two texts to appear */ var delay_time131=125; /* Mission statement animation time */ var mission_statement_animation_time131=1500; /* Slide Animation Time */ var slide_animation_time131=250; /* Text appearing animation timer */ var text_li_ani_timer131=750; /* Text Appearing delay */ var text_li_ani_delay131=250; var original_content131 = $("#associate_top_slide_text131").html(); /*Associate Directors*/ top_slider_set131(slide_animation_time131,delay_time131,text_li_ani_delay131,text_li_ani_timer131,original_content131); $(window).on('resize',function(){ top_slider_set131(slide_animation_time131,delay_time131,text_li_ani_delay131,text_li_ani_timer131,original_content131); }) }) function top_slider_set131(slide_animation_time,delay_time,text_li_ani_delay,text_li_ani_timer,original_content){ var id="#icchtddhfkfcqanrfifv"; if($(window).width()>=320 && $(window).width()<=970) { $('#associate_top_slide_text131').html($('#associate_top_text131').html()).parent().addClass('dynamic-height-wrap') .parent() .parent() .data('maxheight',200); $('#associate_top_action131').removeClass('hvr-icon-float-away-left').addClass('hvr-icon-float-away'); $('#associate_top_action131').unbind('click').addClass('js-dynamic-show-hide').attr('title','More Information').data('replaceText','X Close'); /* Readmore js script will go over here */ $('#middle_top_associate131').dynamicMaxHeight(); } else { $('#associate_top_slide_text131').html(original_content); $('#associate_top_text131').slimScroll({ height : "530px" /*,position : "left" *, alwaysVisible: true */}); var flag=0; $("#middle_top_associate131").unbind('click').click(function(e){ if($(e.target).is(".no-toggle-click")){ return ""; } if(flag==0) { flag=1; $("#associate_top_action131").removeClass('hvr-icon-float-away-left').addClass('hvr-icon-float-away').html('Return'); $('#associate_top_text131').hide(); $('#slider_top_image3131').fadeOut(slide_animation_time); setTimeout(function(){ $('#associate_top_text131').fadeIn(slide_animation_time); },2*delay_time) } else { flag=0; $('#associate_top_text131').hide(); $("#associate_top_action131").removeClass('hvr-icon-float-away').addClass('hvr-icon-float-away-left').html('Read More'); setTimeout(function () { $('#slider_top_image3131').fadeIn(slide_animation_time); },slide_animation_time) } $("#associate_top_slide_1131").animate({ width: "toggle" },slide_animation_time); }); } } </script> </div> </div><div class="row"> <div class="col-xs-12 col-sm-12 col-md-12 header_position" >   <div class="column lavender hover" id="zdqymcnozjcilepeitmo"> <div class="item col-xs-12 col-sm-12 col-md-8 no-padding box "> <div class="con-img box-inner home-slider-image"> <div class="overlay"></div> <img src="https://qbi.ucsf.edu/site-assets/images/1685665734_28079690114_30097d3217_k.jpg" alt="" class="header-image" /> </div> </div> <div class="item col-xs-12 col-sm-12 col-md-4 no-padding middle-two mission_statement_maxheight" data-maxheight="130"> <div class="directortxt con-txt home-header-txt"> <h2>Jagiellonian University</h2> <div class="dynamic-height-wrap"> <p class="mission_statement_readmore_text">Research conducted at the Faculty of Biochemistry, Biophysics, and Biotechnology at the Jagiellonian ...</p> </div> <span> <a class="hvr-icon-float-away slide-toggle action" onclick="$(this).toggleClass('hvr-icon-float-away')" style="line-height:1px !important">Read More</a> <a href="https://en.uj.edu.pl/en_GB/start" target="_blank" class="no-toggle-click hvr-icon-float-away">Know More</a> </span> </div> </div> <div class="item col-xs-12 col-sm-12 col-md-8 no-padding box2 dark hover last-header"> <div class="con-text box-inner"> <p class="text_to_iterate"> Research conducted at the Faculty of Biochemistry, Biophysics, and Biotechnology at the Jagiellonian University includes contemporary biochemical, biophysical and biotechnological aspects of biological objects ranging from the molecular level through the cellular and up to the level of whole animal and plant organisms. </p> </div> </div> <div class="clearfix"></div> </div>   <script> $(document).ready(function(){ var id141 = "zdqymcnozjcilepeitmo"; /* Animation time taken for text to appear */ var animation_time141 =750; /* Delay time for two texts to appear */ var delay_time141 =300; /* Mission statement animation time */ var mission_statement_animation_time141 =1500; /* Slide Animation Time */ var slide_animation_time141 =300; var maxheight141 = 70; var old_text141=$('#'+id141+' .mission_statement_readmore_text').html(); $('#text_to_iterate').hide(); slider_set141(id141,animation_time141,delay_time141,mission_statement_animation_time141,slide_animation_time141,old_text141,maxheight141); $(window).on('resize',function(){ slider_set141(id141,animation_time141,delay_time141,mission_statement_animation_time141,slide_animation_time141,old_text141,maxheight141); }) }); function slider_set141(id,animation_time,delay_time,mission_statement_animation_time,slide_animation_time,old_text,maxheight) { var flag=0; var image = '#'+id+' .header-image'; var action_button = '#'+id+' .action'; var readmore_text = '#'+id+' .mission_statement_readmore_text'; var long_text = '#'+id+' .text_to_iterate'; if($(window).width()>=320 && $(window).width()<=970) { $(readmore_text) .html($(long_text).html()) .parent().addClass('dynamic-height-wrap') .parent() .parent() .data('maxheight',maxheight); $(action_button).unbind() .addClass('js-dynamic-show-hide') .attr('title','Read More') .data('replaceText','X close'); $('#'+id+' .mission_statement_maxheight').dynamicMaxHeight(); } else { $(action_button).unbind(); $(readmore_text).html(old_text); $('.text_to_iterate').slimScroll({ height : "530px" /*,position : "left" *, alwaysVisible: true */}); $(action_button).html("Read More").click(function(){ if(flag==0) { flag=1; $(this).removeClass('hvr-icon-float-away').addClass('hvr-icon-float-away-left').html('Return'); $(long_text).hide(); $(image).fadeOut(animation_time); setTimeout(function(){ $(long_text).fadeIn(animation_time); },2*delay_time) } else { flag=0; $(long_text).fadeOut(100); $(this).removeClass('hvr-icon-float-away-left').addClass('hvr-icon-float-away').html('Read More'); $(image).fadeIn(animation_time); } $('#'+id+" .box").animate({ width: "toggle" },slide_animation_time); $('#'+id+" .box2").animate({ width: "toggle" },slide_animation_time); }); } } </script>  </div> </div>  </div> </section> <footer> <div class="container"> <div class="row footer-logo"> <ul><li><a href="" target="_blank"><img src="" alt="" class="img-responsive"></a></li></ul> </div> <div class="row foooter-address-bar"> <div class="col-xs-12 col-sm-12 col-md-4 col-lg-5"> <i class="fa fa-map-marker footer-map-icon" aria-hidden="true"></i> <p> <a href="http://www.google.com/maps/place/QB3/@37.7671424,-122.3962505,15.61z/data=!4m5!3m4!1s0x808f7fcf444d105f:0x87a610f66290621b!8m2!3d37.7673012!4d-122.3915362" target="_blank"> University of California, <br>1700 4th Street, <br>San Francisco, CA, 94158 </a> </p> </div> <div class="col-xs-12 col-sm-12 col-md-3 col-lg-2 padding-right"> <p> <i class="fa fa-envelope footer-envelope-icon" aria-hidden="true"></i> <a href="mailto:admin-qbi@ucsf.edu"> admin-qbi@ucsf.edu </a> </p> </div> <div class="col-xs-12 col-sm-12 col-md-3 col-lg-2 col-lg-offset-1"> <p> <i class="fa fa-phone footer-tel-icon" aria-hidden="true"></i> 415-476-6109 </p> </div> <div class="col-xs-12 col-sm-12 col-md-2 col-lg-2 footer-social-icon"> <ul> <ul> <li><a target="_blank" href="http://twitter.com/QBI_UCSF"><i class="fa fa-twitter twitter" aria-hidden="true"></i></a></li> <li><a target="_blank" href="http://www.facebook.com/qbiucsf/"><i class="fa fa-facebook facebook" aria-hidden="true"></i></a></li> <li class="last"><a target="_blank" href="http://www.instagram.com/qbi_ucsf"><i class="fa fa-instagram insta" aria-hidden="true"></i></a></li> </ul> </ul> </div> </div> <div class="row footer-links" id="footer-toggle" style="display: none;"> <div class="col-md-12"> <h2>RESOURCES </h2> </div> <div class="col-xs-12 col-md-12"> <ul id="main-navbar"><li><a href="https://qbi.ucsf.edu">Home Page</a></li><li><a href="https://qbi.ucsf.edu/aboutus">About Us</a></li><li><a href="https://qbi.ucsf.edu/investigators">Investigators</a></li><li><a href="https://qbi.ucsf.edu/research">Research</a></li><li><a href="https://qbi.ucsf.edu/technology">Technology</a></li><li><a href="https://qbi.ucsf.edu/grants">Grants</a></li><li><a href="https://qbi.ucsf.edu/mapping">Cell Mapping</a></li><li><a href="https://qbi.ucsf.edu/contact">Contact</a></li></ul> </div> </div> </div> </footer> <div class="footer-close-panel" id="footer-close-panel"> <div class="container"> <div class="row"> <div class="col-xs-12 col-sm-5 col-md-4 padding-right copyright-txt"> <p>漏2019 The Regents of the University of California</p> </div> <div class="col-xs-12 col-sm-2 col-sm-offset-1 col-md-1 col-md-offset-2 more-button no-padding"> <div class="mobile-more-btn"> <p> <a id="menu-open-close"><span id="spantext">More</span> <img src="images/scroll-down.png" class="img-responsive footer-more"></a> </p> </div> </div> <div class="col-xs-12 col-sm-3 col-md-3 col-md-offset-2 text-right pull-right"> <p>Site design by <span><a href="http://www.goodvsevil.co" target="_blank">Good vs Evil</a></span></p> </div> </div> </div> </div>        -->         <script> // $(document).ready(function(){ // let remodalEl = $(".support-covid.remodal"); // /*let showedPopup = localStorage && localStorage.getItem('alreadyShowedStory');*/ // let showedPopup = true; // if(!showedPopup && remodalEl.length && $.remodal && Array.isArray($.remodal.lookup)){ // let inst = $.remodal.lookup[remodalEl.data("remodal")]; // setTimeout(function(){ // inst.open(); // if(localStorage){ // localStorage.setItem("alreadyShowedStory", true); // } // }, 1000); // } // }); </script> <script type='text/javascript' src='scripts/footer.js'></script> </body> </html>

CINXE.COM

QBI | Collaborations