QBI | https://qbi.ucsf.edu/Home

<!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 | https://qbi.ucsf.edu/Home </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>Home</h1> </div>  </div> </div>  <div class="row"> <div class="col-xs-12 col-sm-12 col-md-12 header_position" >  <div class="column green" > <div class="col-md-8 no-padding"> <div class="videoin"> <a id="kvqsaosaxifeakpqoyjz2" href="https://youtu.be/LVvBSmmU8Xk?feature=shared"> <div class="overlay"></div> <img src="https://qbi.ucsf.edu/site-assets/images/1623860034_IMG_4397.jpeg" alt="" class="img-responsive home-video small-block" /> <div id="play"></div> </a> </div> </div> <div class="col-md-4 no-padding " data-maxheight="90" > <div class="con-txt formation-txt no-fade-txt small-block" > <h2>WHAT IS QBI? </h2> <p>QBI, an Organized Research Unit within UCSF's School of Pharmacy, applies computation, mathematics, and statistics to tackle complex biological problems, aiming to develop innovative treatments across diverse diseases.</p> <span class="read"><a class="read-mobile hvr-icon-float-away" href="https://qbi.ucsf.edu/aboutus">Read more</a></span> </div> </div> <div class="clearfix"></div> </div> <script> $("document").ready(function() { jQuery("#kvqsaosaxifeakpqoyjz2").YouTubePopUp(); /* $("#kvqsaosaxifeakpqoyjz2").simplePlayer();*/ }); </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 recent-with-link purple medium-block"> <h2>DIRECTOR STATEMENT</h2> <p>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. </p> <a href="https://qbi.ucsf.edu/aboutus" target="blank" class="hvr-icon-float-away">Read More</a> </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 no-fade-txt recent-with-link baby_blue medium-block"> <h2>MISSION </h2> <p>QBI fosters collaborations across the biomedical and the physical sciences, seeking quantitative methods to address pressing problems in biology and biomedicine. </p> <a href="https://qbi.ucsf.edu/aboutus" target="blank" class="hvr-icon-float-away">Read More</a> </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 recent-with-link orange medium-block"> <h2>INVESTIGATORS</h2> <p>Discover the researchers driving innovation at QBI!</p> <a href="https://qbi.ucsf.edu/investigators" target="blank" class="hvr-icon-float-away">Read More</a> </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"> <div class="slider multi-media pink "> <div id="31" class="carousel slide" data-ride="carousel">  <ol class="carousel-indicators"> <li data-target="#31" data-slide-to="0" class="active">1</li> <li data-target="#31" data-slide-to="1" class="">2</li> <li data-target="#31" data-slide-to="2" class="">3</li> <li data-target="#31" data-slide-to="3" class="">4</li> <li data-target="#31" data-slide-to="4" class="">5</li> </ol> <div class="carousel-inner-two row no-margin " role="listbox"> <div class="item col-md-8 col-md-push-4 no-padding large-block-strict image-fit-class active "> <div class="overlay"></div> <img src="https://qbi.ucsf.edu/site-assets/images/1726603777_READY Center (7).png" class="img-responsive home-video"> <div class="clearfix"></div> </div> <div class="item col-md-8 col-md-push-4 no-padding large-block-strict image-fit-class "> <div class="overlay"></div> <img src="https://qbi.ucsf.edu/site-assets/images/1729532394_Screenshot 2024-10-21 at 10.39.27 AM.png" class="img-responsive home-video"> <div class="clearfix"></div> </div> <div class="item col-md-8 col-md-push-4 no-padding large-block-strict image-fit-class "> <div class="overlay"></div> <img src="https://qbi.ucsf.edu/site-assets/images/1652908605_aviddgrant.jpeg" class="img-responsive home-video"> <div class="clearfix"></div> </div> <div class="item col-md-8 col-md-push-4 no-padding large-block-strict image-fit-class "> <div class="overlay"></div> <img src="https://qbi.ucsf.edu/site-assets/images/1616610185_silosCell.jpg" class="img-responsive home-video"> <div class="clearfix"></div> </div> <div class="item col-md-8 col-md-push-4 no-padding large-block-strict image-fit-class "> <div class="overlay"></div> <img src="https://qbi.ucsf.edu/site-assets/images/1709881725_Awareness Days (1).png" class="img-responsive home-video"> <div class="clearfix"></div> </div>  <div class="item_left col-md-4 col-md-pull-8 padding-left pink" style="z-index: 10"> <div data-slide-id="0" class="itemft text_object_fill large-block active " style="display:block;"> <h2 class="animate-text-custom current ">QBI Announces launch of READY Center</h2> <h3 class="animate-text-custom current "><a href="https://qbi.ucsf.edu/Ready-Center-Announcement" target="_blank">The READY Center will help advance the comprehension of disease states and understand factors driving pathogenesis, as well as the discovery of potential therapeutic drug targets.</a></h3> <span class="read animate-text-custom current "><a href="https://qbi.ucsf.edu/Ready-Center-Announcement" target="_blank" class="hvr-icon-float-away">Read More</a></span> </div> <div data-slide-id="1" class="itemft text_object_fill large-block " style="display:none;"> <h2 class="animate-text-custom ">First International West Africa Symposium and Workshops on Infectious Diseases</h2> <h3 class="animate-text-custom "><a href="https://sierraleonescience.org/" target="_blank">QBI partnered with the Ministry of Health and Sanitation in Sierra Leone and the University of Sierra Leone to host the largest symposium and capacity-building effort on infectious diseases in Sierra Leone. </a></h3> <span class="read animate-text-custom "><a href="https://sierraleonescience.org/" target="_blank" class="hvr-icon-float-away">Read More</a></span> </div> <div data-slide-id="2" class="itemft text_object_fill large-block " style="display:none;"> <h2 class="animate-text-custom ">QCRG AWARDED INITIAL $67.5 MILLION FROM NIAID/NIH</h2> <h3 class="animate-text-custom "><a href="https://qbi.ucsf.edu/QCRG-AViDD-PressRelease" target="_blank">QCRG is initially awarded $67.5 million from the National Institute of Allergy and Infectious Diseases (NIAID) to support its mission of pandemic preparedness.</a></h3> <span class="read animate-text-custom "><a href="https://qbi.ucsf.edu/QCRG-AViDD-PressRelease" target="_blank" class="hvr-icon-float-away">Read More</a></span> </div> <div data-slide-id="3" class="itemft text_object_fill large-block " style="display:none;"> <h2 class="animate-text-custom ">Creating Collaboration by Breaking Down Scientific Barriers</h2> <h3 class="animate-text-custom "><a href="https://www.sciencedirect.com/science/article/abs/pii/S0092867421001720?dgcid=author" target="_blank">Cell: QBI Director Nevan Krogan and QBI COO Jacqueline Fabius describe QBI's approach to breaking down silos, fostering global collaborations, and sharing the lessons we have learned.</a></h3> <span class="read animate-text-custom "><a href="https://www.sciencedirect.com/science/article/abs/pii/S0092867421001720?dgcid=author" target="_blank" class="hvr-icon-float-away">Read More</a></span> </div> <div data-slide-id="4" class="itemft text_object_fill large-block " style="display:none;"> <h2 class="animate-text-custom ">CELEBRATING INTERNATIONAL WOMEN'S DAY</h2> <h3 class="animate-text-custom "><a href="https://qbi.ucsf.edu/internationalwomensday2024" target="_blank">A group of women in the QBI network share insights on the present and future of AI in science, as well as the value of supporting collaborative and diverse scientific endeavors globally.</a></h3> <span class="read animate-text-custom "><a href="https://qbi.ucsf.edu/internationalwomensday2024" target="_blank" class="hvr-icon-float-away">Read More</a></span> </div> </div> </div> </div> </div> </div> <script> $(document).ready(function () { /* Animation time taken for text to appear */ var animation_time31 = 750; /* Delay time for two texts to appear */ var delay_time31 = 300; carousel_animation31(delay_time31 , animation_time31 ); $(window).on('resize', function () { carousel_animation31(delay_time31 , animation_time31 ); }); $("a.youtube-popup.31").YouTubePopUp(); }); function carousel_animation31 (delay_time, animation_time) { var id = "31"; if ($(window).width() >= 320 && $(window).width() <= 970) { $('#'+id+'.animate-text-custom').show(); $('#31').unbind().on('slide.bs.carousel', function () { $('.itemrt > img').fadeOut(50); }); $('#31').on('slid.bs.carousel', function () { $('#' + id + ' .item.active >.itemrt > img').fadeIn(1000); $('#' + id + ' .itemft').each(function () { if ($(this).data('slideId') == ($('#'+id+' div.active').index())) { $(this).css('display', 'block').children().each(function () { $(this).addClass('current'); }); } else { $(this).css('display', 'none').children().each(function () { $(this).removeClass('current'); }); } }); }) } else { $('#' + id + ' .animate-text-custom').fadeOut(); $('#' + id + ' .animate-text-custom.current').each(function (counter) { /* Increase or decrease times to adjust animation speeds and time delay */ $(this).delay((counter + 1) * delay_time).fadeIn(animation_time); }); /* Carousel slide change event handler to animate text acompanying the slide */ $('#31').unbind().on('slid.bs.carousel', function () { $('#' + id + ' .animate-text-custom.current').each(function (counter) { /* Increase or decrease times to adjust animation speeds and time delay */ $(this).fadeOut(animation_time); }); $('#' + id + ' .itemft').each(function () { if ($(this).data('slideId') == ($('#'+id+' div.active').index())) { $(this).css('display', 'block').children().each(function () { $(this).addClass('current'); }); } else { $(this).css('display', 'none').children().each(function () { $(this).removeClass('current'); }); } }); $('#' + id + ' .animate-text-custom.current').each(function (counter) { /* Increase or decrease times to adjust animation speeds and time delay */ $(this).delay((counter + 1) * delay_time).fadeIn(animation_time); }); }) } } </script> </div> </div><div class="row"> <div class="col-xs-12 col-sm-12 col-md-12 header_position" >  <div class="column"> <div class="row"> <div class="col-xs-12 col-sm-4 col-md-4 padding-right-ten padding-tablet-left" > <div class="boxft pink" style="background:url('https://qbi.ucsf.edu/site-assets/images/1732211563_QCRG AVIDD Happy Hours (half page) (7).png') top center no-repeat;" onclick="location.href='https://qbi.ucsf.edu/qcrg-avidd-happy-hour-kim-paris';"> <div class="overlay events"></div> <h2>December</h2> <span>10</span> <h3>QCRG AViDD Happy Hour With Cheng and Shoichet Labs</h3> <a href="https://qbi.ucsf.edu/qcrg-avidd-happy-hour-kim-paris" class="hvr-icon-float-away">Read More</a> </div> </div> <div class="clearfix"></div> </div> </div> </div> </div><div class="row"> <div class="col-xs-12 col-sm-12 col-md-12 header_position" >  <div class="column grey" > <div class="col-md-8 no-padding col-md-push-4"> <div class="con-img image-fit-class tech-image small-block-strict" style="overflow: hidden"> <div class="overlay"></div> <img src="https://qbi.ucsf.edu/site-assets/images/1729293736_QBI Timeline 2016-2021 (2).png" alt="" class="img-responsive formation-img-tablet" /> </div> </div> <div class="col-md-4 no-padding col-md-pull-8" data-maxheight="90" id="yamjjqadgmzhduaqmcep"> <div class="con-txt formation-txt no-fade-txt text3-link-control small-block" > <h2>Subscribe to the QBI mailing list!</h2> <p>Join our community and receive the latest on current QBI news and events.</p> <a class="read-mobile hvr-icon-float-away" href="https://confirmsubscription.com/h/y/CA9ED9A05C98220E">Read more</a> </div> </div> <div class="clearfix"></div> </div> <script> $('#yamjjqadgmzhduaqmcep').dynamicMaxHeight(); </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 | https://qbi.ucsf.edu/Home