QBI | About Us

<!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 | About Us </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-covid-research-group-media" >COVID-19 Media</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-covid-research-group-media" >COVID-19 Media</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>About Us</h1> </div>  </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="xtfjvbjoldavltsxlews"> <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/1587082900_NK_Director-2.jpg" 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">QBI is about breaking down the walls in academia and creating teams between different sets of scientists working in diverse disciplines to tackle problems that can only be solved by many groups working together. Academic research is often focused on the individual scientist. For example, grants are often awarded to a single investigator, tenure is assessed based on individual achievements, and most awards are given to a single scientist. In fact, if there is significant collaborative work, the contributions of individual investigators, especially younger ones, are often questioned. This structure incentivizes research that is often unnecessarily competitive and siloed. In fact, our current academic system can actually impede discovery. Increasingly, many big breakthroughs in biomedical research require teams to work together, where each group brings something unique but highly complementary to the problem. QBI will lead by example with teams of scientists solving each individual problem – together. Technology, and the data derived from it, is at the heart of collaborative efforts, as QBI scientists are the experts developing experimental and computational tools that can be applied to many biological or biomedical problems. These tools allow for effective connection between the discovery research and clinical worlds, enabling novel therapies for disease. </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>DIRECTOR STATEMENT</h2> <div class="dynamic-height-wrap"> <p id="associate_top_slide_text11" class="">QBI is about breaking down the walls in academia and creating teams between different sets of scientists working in diverse disciplines to tackle problems ...</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> </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/1587082900_NK_Director-2.jpg" 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="#xtfjvbjoldavltsxlews"; 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 baby_blue hover" id="dihzqlltwoeuhkddlnrx"> <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/1484663434_contain-img1.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>MISSION STATEMENT </h2> <div class="dynamic-height-wrap"> <p class="mission_statement_readmore_text">The Quantitative Biosciences Institute (QBI) fosters collaborations across the biomedical and the physical ...</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> </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 Quantitative Biosciences Institute (QBI) fosters collaborations across the biomedical and the physical sciences, seeking quantitative methods to address pressing problems in biology and biomedicine. Motivated by problems of human disease, QBI is committed to investigating fundamental biological mechanisms, because ultimately solutions to many diseases have been revealed by unexpected discoveries in the basic sciences. </p> </div> </div> <div class="clearfix"></div> </div>   <script> $(document).ready(function(){ var id21 = "dihzqlltwoeuhkddlnrx"; /* 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 green hover"> <div class="col-md-8 no-padding box" id="exe_slide_131"> <div class=" slider2-image-class box-inner large-block-strict"> <div class="overlay"></div> <img src="https://qbi.ucsf.edu/site-assets/images/1493674930_About us-1_QBI Executive Committee.jpg" alt="" class="header-image" /> </div> </div> <div class="col-md-4 padding-left middle-two" id="exe_action_extended31" > <div class="directortxt no-fade-txt executive-text"> <h2>QBI EXECUTIVE COMMITTEE</h2> <p>The members of the QBI Executive Committee are experienced scientists and pioneers who are past and present directors of the institute. Their exceptional achievements are a sound but optimistic lense through which they see and guide the institute’s future aspirations.</p> <span><a class="hvr-icon-float-away slide-toggle" id="exe_action31">See Members</a></span> </div> </div> <div class="col-md-8 no-padding box2 green hover last-header" id="exe_slide_231"> <div class="commit box-inner"> <ul id="sub_lists_for_slider131"> <li onclick="window.open('https://profiles.ucsf.edu/tanja.kortemme')"> <h2>TANJA<br> KORTEMME</h2> <h3>Professor</h3> <p>Biomolecule Building & Design to interrogate & Engineer Biological Systems</p> </li> <li onclick="window.open('http://profiles.ucsf.edu/Andrej.Sali')"> <h2>ANDREJ<br> SALI</h2> <h3>Professor</h3> <p>Develops methods for determining macromolecular assemblies structures </p> </li> <li onclick="window.open('http://profiles.ucsf.edu/Brian.Shoichet')"> <h2>BRIAN<br> SHOICHET</h2> <h3>Professor</h3> <p>Investigates new chemical tools and techniques to perturb biology</p> </li> <li onclick="window.open('http://profiles.ucsf.edu/dave.agard')"> <h2>DAVE<br> AGARD</h2> <h3>Professor</h3> <p>Focuses on the structural mechanisms of the Hsp90 molecular chaperone</p> </li> <li onclick="window.open('http://profiles.ucsf.edu/nevan.krogan')"> <h2>NEVAN<br> KROGAN</h2> <h3>Professor - Director QBI</h3> <p>Uses unbiased, systems approaches to understand complex biological problems</p> </li> </ul> </div> </div> <div class="col-xs-12 no-padding green hover about-exe-committee" id="slide_panel_exe_com31"> <div class="commit box-inner commit-collapse"> <ul id="sub_lists_for_slider1_231"> <li onclick="window.open('https://profiles.ucsf.edu/tanja.kortemme')"> <h2>TANJA<br> KORTEMME</h2> <h3>Professor</h3> <p>Biomolecule Building & Design to interrogate & Engineer Biological Systems</p> </li> <li onclick="window.open('http://profiles.ucsf.edu/Andrej.Sali')"> <h2>ANDREJ<br> SALI</h2> <h3>Professor</h3> <p>Develops methods for determining macromolecular assemblies structures </p> </li> <li onclick="window.open('http://profiles.ucsf.edu/Brian.Shoichet')"> <h2>BRIAN<br> SHOICHET</h2> <h3>Professor</h3> <p>Investigates new chemical tools and techniques to perturb biology</p> </li> <li onclick="window.open('http://profiles.ucsf.edu/dave.agard')"> <h2>DAVE<br> AGARD</h2> <h3>Professor</h3> <p>Focuses on the structural mechanisms of the Hsp90 molecular chaperone</p> </li> <li onclick="window.open('http://profiles.ucsf.edu/nevan.krogan')"> <h2>NEVAN<br> KROGAN</h2> <h3>Professor - Director QBI</h3> <p>Uses unbiased, systems approaches to understand complex biological problems</p> </li> </ul> <a id="close_btn_exe31" style="display: none" class="see-members-btn">× Close</a> </div> </div> <div class="clearfix"></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; /*Executive Committee*/ executive_comittee_slider_set31(animation_time31,slide_animation_time31,delay_time31,text_li_ani_delay31,text_li_ani_timer31); /* Resetting the sliders on resize of screen */ $(window).on('resize',function(){ executive_comittee_slider_set31(animation_time31,slide_animation_time31,delay_time31,text_li_ani_delay31,text_li_ani_timer31); }) }) function executive_comittee_slider_set31(animation_time,slide_animation_time,delay_time,text_li_ani_delay){ $('.animation-li-custom').hide(); $('#sub_lists_for_slider131').children().each(function (counter) { $(this).hide(); }); $('#sub_lists_for_slider1_231').children().each(function (counter) { $(this).hide(); }); $('#slide_panel_exe_com31').hide(); $('#exe_action31').show().unbind(); if($(window).width()>=320 && $(window).width()<=767) { var number=1; $("#exe_action31").unbind().on('click',function(){ $('#slide_panel_exe_com31').animate({ height: "toggle" },slide_animation_time); $('#sub_lists_for_slider1_231').children().each(function (counter) { $(this).fadeIn(text_li_ani_delay); }); $('#exe_action31').hide(); $('#close_btn_exe31').show().unbind().on('click',function(){ $('#sub_lists_for_slider1_231').children().each(function (counter) { $(this).hide(); }); $('#exe_action31').show(); $('#slide_panel_exe_com31').animate({ height: "toggle" },slide_animation_time *1.5); $('html, body').animate({ scrollTop: $('#slide_panel_exe_com31').offset().top - 250 }); }) }); } else if($(window).width()>=786 && $(window).width()<=970) { var number=1; $("#exe_action31").unbind().on('click',function(){ $('#slide_panel_exe_com31').animate({ height: "toggle" },slide_animation_time); $('#sub_lists_for_slider1_231').children().each(function (counter) { $(this).fadeIn(text_li_ani_delay); }); if(number==1) { setTimeout(function () { $('#exe_action31').html('Close'); number=0; },animation_time/2) } else { setTimeout(function () { $('#exe_action31').html('See Members'); number=1; },animation_time/2) } }); } else { var number=1; $("#exe_action_extended31").unbind().click(function(){ if(number==0) { number=1; $('#exe_slide_131').parent().addClass('hover'); $('#slider_image231').fadeIn(animation_time); $('#sub_lists_for_slider131').children().each(function (counter) { $(this).hide(); }); setTimeout(function(){ $("#exe_action31").removeClass('hvr-icon-float-away-left').addClass('hvr-icon-float-away').html('See Members'); },slide_animation_time) } else { $('#exe_slide_131').parent().removeClass('hover'); number=0; $('#slider_image231').fadeOut(); setTimeout(function(){ $('#sub_lists_for_slider131').children().each(function (counter) { $(this).delay((counter+1) * text_li_ani_delay).fadeIn(text_li_ani_delay); }); },delay_time) setTimeout(function(){ $("#exe_action31").removeClass('hvr-icon-float-away').addClass('hvr-icon-float-away-left').html('Return'); },slide_animation_time) } $("#exe_slide_131").animate({ width: "toggle" },slide_animation_time); $("#exe_slide_231").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">  <div class="col-md-8 no-padding box3 hover last-header" id="associate_slide_141"> <div id="carousel-example-generic41">  <div class="carousel-inner" role="listbox"> <div class="item active"> <div class="associate"> <ul> <li class="animation-li-custom"> <a href="https://profiles.ucsf.edu/sourav.bandyopadhyay" target="_blank"> <h2> Sourav<br> Bandyopadhyay </h2> </a> <h3>Associate Professor</h3> <p>New platforms for the application of personalized medicine and cancer therapies</p> </li> <li class="animation-li-custom"> <a href="https://profiles.ucsf.edu/danica.galonicfujimori" target="_blank"> <h2> Danica<br> Fujimori </h2> </a> <h3>Professor</h3> <p>Novel chemical tools that interrogates biological processes on a molecular level</p> </li> <li class="animation-li-custom"> <a href="https://profiles.ucsf.edu/james.fraser" target="_blank"> <h2> James<br> Fraser </h2> </a> <h3>Associate Professor</h3> <p>Protein shapes and the Environments Affecting Protein Motion</p> </li> <li class="animation-li-custom"> <a href="https://profiles.ucsf.edu/natalia.jura" target="_blank"> <h2> Natalia<br> Jura </h2> </a> <h3>Professor</h3> <p>Techniques for acquisition, reconstruction, quantitative analysis of MR imaging</p> </li> </ul> </div> </div> <div class="item"> <div class="associate"> </div> </div> </div>  <ol class="carousel-indicators about-carousel" style="display: none"> <li data-target="#carousel-example-generic41" data-slide-to="0" class="active"></li> <li data-target="#carousel-example-generic41" data-slide-to="1"></li> </ol> </div> </div> <div class="col-md-8 no-padding associate-directors-img"> <div class="directorimg box-inner "> <img src="https://qbi.ucsf.edu/site-assets/images/1634152036_Associate Directors Cover Image.jpeg" alt="" class="header-image" /> </div> </div> <div class="col-md-4 no-padding middle-two" id="middle_associate41"> <div class="directortxt no-fade-txt associate-directors-contain" id='associate_action_extended41'> <h2>ASSOCIATE DIRECTORS</h2> <p>QBI Associate Directors are the face of the future of science. These young scientists are focused on new approaches and ideas, and bring a fresh perspective to the institute and its direction.</p> <span><a class="hvr-icon-float-away-left slide-toggle" id="associate_action">See Members</a></span> </div> </div> <div class="col-md-8 no-padding box3 associate-directors-slider" id="associate_slide_241"> <div class=" box-inner large-block-strict"> <img src="https://qbi.ucsf.edu/site-assets/images/1634152036_Associate Directors Cover Image.jpeg" alt="" class="header-image" /> </div> </div> </div> <div class="col-md-8 no-padding hover associate-directors association-container" id="associate_directors_slide_mob41"> <div id="carousel-example-generic241" class="carousel slide">  <ol class="carousel-indicators"> <li data-target="#carousel-example-generic241" data-slide-to="0" class="active" style="display: none"></li> <li data-target="#carousel-example-generic241" data-slide-to="1" style="display: none"></li> <a id="close_btn_assoc41" style="display: none" class="associate-collapse-btn">× Close</a> </ol>  <div class="carousel-inner" role="listbox"> <div class="item active"> <div class="associate associate-collapse"> <ul> <li class="animation-li-custom" onclick="window.open('https://profiles.ucsf.edu/tanja.kortemme')"> <h2>TANJA<br> KORTEMME</h2> <h3>Professor</h3> <p>Biomolecule Building & Design to interrogate & Engineer Biological Systems</p> </li> <li class="animation-li-custom" onclick="window.open('http://profiles.ucsf.edu/Andrej.Sali')"> <h2>ANDREJ<br> SALI</h2> <h3>Professor</h3> <p>Develops methods for determining macromolecular assemblies structures </p> </li> <li class="animation-li-custom" onclick="window.open('http://profiles.ucsf.edu/Brian.Shoichet')"> <h2>BRIAN<br> SHOICHET</h2> <h3>Professor</h3> <p>Investigates new chemical tools and techniques to perturb biology</p> </li> <li class="animation-li-custom" onclick="window.open('http://profiles.ucsf.edu/dave.agard')"> <h2>DAVE<br> AGARD</h2> <h3>Professor</h3> <p>Focuses on the structural mechanisms of the Hsp90 molecular chaperone</p> </li> <li class="animation-li-custom" onclick="window.open('http://profiles.ucsf.edu/nevan.krogan')"> <h2>NEVAN<br> KROGAN</h2> <h3>Professor - Director QBI</h3> <p>Uses unbiased, systems approaches to understand complex biological problems</p> </li> </ul> </div> </div> <div class="item"> <div class="associate associate-collapse"> </div> </div> </div> </div> </div> <div class="clearfix"></div> <script> $(document).ready(function () { $('#carousel-example-generic241').carousel({interval: false}); /* Animation time taken for text to appear */ var animation_time41= 500; /* Delay time for two texts to appear */ var delay_time41= 125; /* Mission statement animation time */ var mission_statement_animation_time41= 1500; /* Slide Animation Time */ var slide_animation_time41= 250; /* Text appearing animation timer */ var text_li_ani_timer41= 750; /* Text Appearing delay */ var text_li_ani_delay41= 250; /*Associate Directors*/ directors_slider_set41(slide_animation_time41, delay_time41, text_li_ani_delay41); /* Resetting the sliders on resize of screen */ $(window).on('resize', function () { directors_slider_set41(slide_animation_time41, delay_time41, text_li_ani_delay41) }) }) function directors_slider_set41(slide_animation_time, delay_time, text_li_ani_delay, text_li_ani_timer) { var number2 = 1; $('#associate_slide_241').show(); $("#associate_action41").unbind(); $('#associate_directors_slide_mob41').hide(); if ($(window).width() >= 320 && $(window).width() <= 767) { $('#associate_action41').removeClass('hvr-icon-float-away-left').addClass('hvr-icon-float-away'); $('#associate_slide_241').hide(); $('#associate_action41').unbind().on('click', function () { $('#associate_directors_slide_mob41').animate({ height: 'toggle' }, slide_animation_time) $('#carousel-example-generic241').fadeIn(1000) .addClass('carousel') .addClass('slide') $('#carousel-example-generic241 ol li').each(function () { $(this).removeClass('active'); }).first().addClass('active'); $('#carousel-example-generic241 .carousel-inner .item').each(function () { $(this).removeClass('active'); }).first().addClass('active'); $('#carousel-example-generic241').carousel({interval: false}); $('.item').each(function (counter) { if ($(this).hasClass('active')) { $(this).children().each(function () { $(this).children().each(function () { $(this).children().each(function (counter_outer) { $(this).fadeIn(text_li_ani_timer); }); }); }); } }); $('#carousel-example-generic241').unbind().on('slid.bs.carousel', function (number) { $('.item').each(function (counter) { if ($(this).hasClass('active')) { $(this).children().each(function () { $(this).children().each(function () { $(this).children().each(function (counter) { $(this).delay((counter_outer + 1) * text_li_ani_delay).fadeIn(text_li_ani_delay); }); }); }); } }); }) $('#carousel-example-generic241').unbind().on('slide.bs.carousel', function (number) { $('.animation-li-custom41').hide(); }); $('#associate_action41').hide(); $('#close_btn_assoc41').show().unbind().on('click', function () { $('#associate_action41').show(); $('#associate_directors_slide_mob41').animate({ height: 'toggle' }, slide_animation_time) $('html, body').animate({ scrollTop: $('#associate_directors_slide_mob41').offset().top - 250 }); }) }) } else if ($(window).width() >= 768 && $(window).width() <= 970) { $('#associate_action41').removeClass('hvr-icon-float-away-left').addClass('hvr-icon-float-away'); $('#associate_slide_241').hide(); $('#associate_action41').unbind().on('click', function () { if (number2 == 1) { setTimeout(function () { $('#associate_action41').html('Close'); number2 = 0; }, slide_animation_time / 2) } else { setTimeout(function () { $('#associate_action41').html('See Members'); number2 = 1; }, slide_animation_time / 2) } $('#associate_directors_slide_mob41').animate({ height: 'toggle' }, slide_animation_time); $('#carousel-example-generic241').fadeIn(1000) .addClass('carousel') .addClass('slide') $('#carousel-example-generic241 ol li').each(function () { $(this).removeClass('active'); }).first().addClass('active'); $('#carousel-example-generic241 .carousel-inner .item').each(function () { $(this).removeClass('active'); }).first().addClass('active'); $('#carousel-example-generic241').carousel({interval: false}); $('.item').each(function (counter) { if ($(this).hasClass('active')) { $(this).children().each(function () { $(this).children().each(function () { $(this).children().each(function (counter_outer) { $(this).fadeIn(text_li_ani_timer); }); }); }); } }); $('#carousel-example-generic241').unbind().on('slide.bs.carousel', function (number) { $('.animation-li-custom').hide(); }); $('#carousel-example-generic241').unbind().on('slid.bs.carousel', function (number) { $('.item').each(function (counter) { if ($(this).hasClass('active')) { $(this).children().each(function () { $(this).children().each(function () { $(this).children().each(function (counter) { $(this).fadeIn(text_li_ani_delay); }); }); }); } }); }) }) } else { number2 = 1; $('#carousel-example-generic41').unbind().on('slide.bs.carousel', function (number) { $('.animation-li-custom').hide(); }); $('#associate_action41').unbind().removeClass('hvr-icon-float-away').addClass('hvr-icon-float-away-left'); $("#associate_action_extended41").unbind().click(function () { if (number2 == 0) { setTimeout(function () { $("#associate_action41").removeClass('hvr-icon-float-away').addClass('hvr-icon-float-away-left').html('See Members'); }, slide_animation_time / 2); number2 = 1; $('.animation-li-custom').hide(); $('#carousel-example-generic41').fadeOut(delay_time); setTimeout(function () { $("#associate_slide_241").animate({ width: "toggle" }, slide_animation_time); $("#associate_slide_141").animate({ width: "toggle" }, slide_animation_time); $('#slider_image341').fadeIn(); }, delay_time / 2) } else { number2 = 0; setTimeout(function () { $("#associate_action41").removeClass('hvr-icon-float-away-left').addClass('hvr-icon-float-away').html('Return'); }, slide_animation_time / 2); $('#slider_image341').fadeOut(); $('#carousel-example-generic41').fadeIn(1000) .addClass('carousel') .addClass('slide') $('#carousel-example-generic41 ol li').each(function () { $(this).removeClass('active'); }).first().addClass('active'); $('#carousel-example-generic41 .carousel-inner .item').each(function () { $(this).removeClass('active'); }).first().addClass('active'); $('#carousel-example-generic41').unbind().carousel({interval: false}); $('.item').each(function (counter) { if ($(this).hasClass('active')) { $(this).children().each(function () { $(this).children().each(function () { $(this).children().each(function (counter_outer) { $(this).delay((counter_outer + 1) * text_li_ani_delay).fadeIn(text_li_ani_timer); }); }); }); } }); $('#carousel-example-generic41').unbind().on('slide.bs.carousel', function (number) { $('.animation-li-custom').hide(); }); $('#carousel-example-generic41').on('slid.bs.carousel', function (number) { $('.item').each(function (counter) { if ($(this).hasClass('active')) { $(this).children().each(function () { $(this).children().each(function () { $(this).children().each(function (counter) { $(this).delay((counter + 1) * text_li_ani_delay).fadeIn(text_li_ani_delay); }); }); }); } }); }) $("#associate_slide_241").animate({ width: "toggle" }, slide_animation_time / 2); $("#associate_slide_141").animate({ width: "toggle" }, slide_animation_time / 2); } }); } } </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="hnzlltgvyvbrncsqgwfy"> <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/1493674975_About us-1_Formation of QBI.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>ORIGINS OF QBI</h2> <div class="dynamic-height-wrap"> <p class="mission_statement_readmore_text">QBI was originally part of QB3, known as QB3-UCSF. QBI focuses on academic research and fostering collaboration ...</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> </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"> QBI was originally part of QB3, known as QB3-UCSF. QBI focuses on academic research and fostering collaboration between different science disciplines. In March of 2016, QBI became its own institute, and an Organized Research Unit (ORU). QBI provides more flexibility to pursue collaborative programs and raise funding for the research. </p> </div> </div> <div class="clearfix"></div> </div>   <script> $(document).ready(function(){ var id51 = "hnzlltgvyvbrncsqgwfy"; /* Animation time taken for text to appear */ var animation_time51 =750; /* Delay time for two texts to appear */ var delay_time51 =300; /* Mission statement animation time */ var mission_statement_animation_time51 =1500; /* Slide Animation Time */ var slide_animation_time51 =300; var maxheight51 = 70; var old_text51=$('#'+id51+' .mission_statement_readmore_text').html(); $('#text_to_iterate').hide(); slider_set51(id51,animation_time51,delay_time51,mission_statement_animation_time51,slide_animation_time51,old_text51,maxheight51); $(window).on('resize',function(){ slider_set51(id51,animation_time51,delay_time51,mission_statement_animation_time51,slide_animation_time51,old_text51,maxheight51); }) }); function slider_set51(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-4 col-md-4 padding-right-ten padding-tablet-left" >  <div class="column"> <div class="recent no-fade-txt aqua small-block" > <h2>QBI ROLE WITHIN UCSF</h2> <p>The only ORU within UCSF focused on quantitative biology and collaborations around it.</p> </div> </div> </div> <div class="col-xs-12 col-sm-4 col-md-4 padding-ten padding-tablet-middle" > <div class="column"> <div class="recent text_object_fill quote orange small-block"> <h3>"SOMEWHERE, SOMETHING INCREDIBLE IS WAITING TO BE KNOWN. "</h3> <span class="names quote-names">CARL SAGAN </span> </div> </div> </div> <div class="col-xs-12 col-sm-4 col-md-4 padding-left-ten padding-tablet-right" >  <div class="column"> <div class="recent no-fade-txt lavender small-block" > <h2>OUR PARTNERS</h2> <p>Inherent to QBI’s core philosophy is partnership. We believe that the most efficient and productive way to advance is through key collaborations. </p> </div> </div> </div> <div class="clearfix"></div> </div><div class="row"> <div class="col-xs-12 col-sm-12 col-md-12 header_position" >   <div class="column pink hover" id="tfprvaldrpqklovxjith"> <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/1493674994_About us-1_Cell Mapping.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>CELL MAPPING INITIATIVES</h2> <div class="dynamic-height-wrap"> <p class="mission_statement_readmore_text">Cells are comprised of thousands of molecular machines, or protein complexes, that work together to ensure ...</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> </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"> Cells are comprised of thousands of molecular machines, or protein complexes, that work together to ensure healthy cell physiology. Identifying these machines and understanding how they function together can be used to generate maps of the cell which, in turn can be used to better understand disease states and provide novel therapies to fight them. </p> </div> </div> <div class="clearfix"></div> </div>   <script> $(document).ready(function(){ var id71 = "tfprvaldrpqklovxjith"; /* Animation time taken for text to appear */ var animation_time71 =750; /* Delay time for two texts to appear */ var delay_time71 =300; /* Mission statement animation time */ var mission_statement_animation_time71 =1500; /* Slide Animation Time */ var slide_animation_time71 =300; var maxheight71 = 70; var old_text71=$('#'+id71+' .mission_statement_readmore_text').html(); $('#text_to_iterate').hide(); slider_set71(id71,animation_time71,delay_time71,mission_statement_animation_time71,slide_animation_time71,old_text71,maxheight71); $(window).on('resize',function(){ slider_set71(id71,animation_time71,delay_time71,mission_statement_animation_time71,slide_animation_time71,old_text71,maxheight71); }) }); function slider_set71(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 | About Us