QBI | Mapping

<!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 | Mapping </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>Mapping</h1> </div>  </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="ezjysxvmpgobnxekrnga"> <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/1484693185_content-image-1.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">The ability of a cell to respond to its environment depends on the actions of the proteins encoded by the DNA in the genome. However, most proteins don't work alone. They work with other proteins in teams called complexes. The principles of "mapping" are to figure out which proteins work together in complexes. Mapping can be done in different disease states or in the presence of different chemical drugs. The integration of the physical and genetic maps allows us to derive quantitative insights about how the biological functions of cells can be perturbed and restored. </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>Cell Mapping</h2> <div class="dynamic-height-wrap"> <p id="associate_top_slide_text11" class="">The ability of a cell to respond to its environment depends on the actions of the proteins encoded by the DNA in the genome. However, most proteins don't ...</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/1484693185_content-image-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_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="#ezjysxvmpgobnxekrnga"; 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" > <div class="col-md-8 no-padding"> <div class="con-img image-fit-class large-block-strict" style="overflow: hidden"> <div class="overlay"></div> <img src="https://qbi.ucsf.edu/site-assets/images/1484693219_mapping-ccmi.jpg" alt="" class="img-responsive formation-img-tablet" /> </div> </div> <div class="col-md-4 no-padding " data-maxheight="90" id="ckuliutuewviwegoccar"> <div class="con-txt formation-txt no-fade-txt text3-link-control large-block" > <h2>CCMI</h2> <p>The CCMI (Cancer Cell Mapping Initiative) focuses on using network biology approaches to study the genes and proteins that are being identified from the cancer genomic studies. It was started in collaboration with QBI and Trey Ideker at UCSD and involves the Cancer Centers at UCSF and UCSD as well as many investigators involved in several disciplines, including systems and structural biology, bioinformatics, chemistry as well as basic researchers and clinicians.</p> <a class="read-mobile hvr-icon-float-away" href="https://www.ccmi.org/">Read more</a> </div> </div> <div class="clearfix"></div> </div> <script> $('#ckuliutuewviwegoccar').dynamicMaxHeight(); </script> </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 col-md-push-4"> <div class="con-img image-fit-class tech-image large-block-strict" style="overflow: hidden"> <div class="overlay"></div> <img src="https://qbi.ucsf.edu/site-assets/images/1484693276_mapping-hpmi.jpg" alt="" class="img-responsive formation-img-tablet" /> </div> </div> <div class="col-md-4 no-padding col-md-pull-8" data-maxheight="90" id="jptwnxgelnfoxzzgtsay"> <div class="con-txt formation-txt no-fade-txt text3-link-control large-block" > <h2>HPMI</h2> <p>The HPMI (Host Pathogen Mapping Initiative) is a joint program collaboratively created between QBI and CEND (Center of Emerging and Neglected Disease) led by Jeff Cox at UC-Berkeley. The initiative focuses on using unbiased, quantitative approaches to systematically study the host-pathogen interface and involves a number of groups at UCSF and UCB studying a wide variety of pathogens, both bacteria and viruses. One major goal is to identify key pathways in the host that are targeted by multiple pathogens to ultimately identify pan-microbial host-directed therapies.</p> <a class="read-mobile hvr-icon-float-away" href="https://hpmi.ucsf.edu">Read more</a> </div> </div> <div class="clearfix"></div> </div> <script> $('#jptwnxgelnfoxzzgtsay').dynamicMaxHeight(); </script> </div> </div><div class="row"> <div class="col-xs-12 col-sm-12 col-md-12 header_position" >  <div class="column purple" > <div class="col-md-8 no-padding"> <div class="con-img image-fit-class large-block-strict" style="overflow: hidden"> <div class="overlay"></div> <img src="https://qbi.ucsf.edu/site-assets/images/1484693333_mapping-PCMI.jpg" alt="" class="img-responsive formation-img-tablet" /> </div> </div> <div class="col-md-4 no-padding " data-maxheight="90" id="owglbnzdpavzpovcmchx"> <div class="con-txt formation-txt no-fade-txt text3-link-control large-block" > <h2>PCMI</h2> <p>The PCMI (Psychiatric Cell Mapping Initiative) was jointly initiated between QBI and Matt State, the Chair of Psychiatry at UCSF and it goal is to use a combination of genomic, proteomic and genetic approaches to help understand the underlying biology behind a variety of psychiatric disorders, including autism, schizophrenia and depression, which will hopefully lead to novel treatments.</p> <a class="read-mobile hvr-icon-float-away" href="https://pcmi.ucsf.edu">Read more</a> </div> </div> <div class="clearfix"></div> </div> <script> $('#owglbnzdpavzpovcmchx').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 | Mapping