QBI | Technology

<!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 | Technology </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>Technology</h1> </div>  </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 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/1484692792_technology-cryoem.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="yjsuwqamnauceeihnwpl"> <div class="con-txt formation-txt no-fade-txt text3-link-control large-block" > <h2>Cryoem</h2> <p>Structural biology plays critical roles in revealing the mechanisms of important cellular processes. While the majority of our structural understanding has derived from crystallography of individual molecules, increasingly it is appreciated that biological function derives from often quite dynamic molecular complexes not amenable to crystallization. A remarkable revolution is now underway in structural biology. </p> <a class="read-mobile hvr-icon-float-away" href="https://qbi.ucsf.edu/cryoem-specific">Read more</a> </div> </div> <div class="clearfix"></div> </div> <script> $('#yjsuwqamnauceeihnwpl').dynamicMaxHeight(); </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="videoin"> <a id="dvbotbmfcpkazdvvuwii2" href="https://youtu.be/vQiHH5s_Aa8"> <div class="overlay"></div> <img src="https://qbi.ucsf.edu/site-assets/images/1493674058_Technology-1_Microfluidics.jpg" alt="" class="img-responsive home-video large-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 large-block" > <h2>Microfluidics</h2> <p>Microfluidics technology uses microdroplets of water (less than a tenth of the diameter of a human hair) as test tubes, which flow by in channels of inert oil at rates of about 1,000 droplets per second. High-throughput sequencing precisely and super-rapidly analyzes the biological contents of those microdroplets鈥攕uch as the genetic blueprints (genomes) and activity of millions of individual cells.</p> <span class="read"><a class="read-mobile hvr-icon-float-away" href="https://qbi.ucsf.edu/microfluidics-specific">Read more</a></span> </div> </div> <div class="clearfix"></div> </div> <script> $("document").ready(function() { jQuery("#dvbotbmfcpkazdvvuwii2").YouTubePopUp(); /* $("#dvbotbmfcpkazdvvuwii2").simplePlayer();*/ }); </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"> <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/1484692894_technology-docking.jpg" alt="" class="img-responsive formation-img-tablet" /> </div> </div> <div class="col-md-4 no-padding " data-maxheight="90" id="wclahtivpygtthhniusk"> <div class="con-txt formation-txt no-fade-txt text3-link-control large-block" > <h2>Docking</h2> <p>Structure-based ligand discovery begins with the atomic resolution structure of a biological receptor, and seeks to design or discover molecules that will bind to it, modulating the receptor鈥檚 function. A central technique to do so is molecular docking. In docking, libraries of about 10 7 molecules are computationally screened for those that fit the structure of the receptor...</p> <a class="read-mobile hvr-icon-float-away" href="https://qbi.ucsf.edu/docking-specific">Read more</a> </div> </div> <div class="clearfix"></div> </div> <script> $('#wclahtivpygtthhniusk').dynamicMaxHeight(); </script> </div> </div><div class="row"> <div class="col-xs-12 col-sm-12 col-md-12 header_position" >  <div class="column yellow" > <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/1493673917_Technology-1_Mass Spec.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="kdlkghfadojarubynjtd"> <div class="con-txt formation-txt no-fade-txt text3-link-control large-block" > <h2>MASS SPEC FACILITY</h2> <p>The QBI collaboration, through the Gladstone Institute and the Convergence Zone, is home to a collection of premier mass spectrometers. We specialize in large-scale protein-protein interaction mapping via affinity purification mass spectrometry (AP-MS), with an emphasis on host-pathogen interactions. </p> <a class="read-mobile hvr-icon-float-away" href="https://qbi.ucsf.edu/mass-spec-specific">Read more</a> </div> </div> <div class="clearfix"></div> </div> <script> $('#kdlkghfadojarubynjtd').dynamicMaxHeight(); </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/1493882769_qbi_xray_crystalography1.jpg" alt="" class="img-responsive formation-img-tablet" /> </div> </div> <div class="col-md-4 no-padding " data-maxheight="90" id="hzwbheoqzhbjkmtruzsy"> <div class="con-txt formation-txt no-fade-txt text3-link-control large-block" > <h2>X-ray crystallography</h2> <p>X-ray crystallography is a powerful method to derive protein structural information. Pure proteins can be coaxed into forming beautiful crystals.</p> <a class="read-mobile hvr-icon-float-away" href="https://qbi.ucsf.edu/X-ray-crystallography-2">Read more</a> </div> </div> <div class="clearfix"></div> </div> <script> $('#hzwbheoqzhbjkmtruzsy').dynamicMaxHeight(); </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 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/1563813208_QBI_antibiome.gif" alt="" class="img-responsive formation-img-tablet" /> </div> </div> <div class="col-md-4 no-padding col-md-pull-8" data-maxheight="90" id="obyfvzdjjxnrxkseohuo"> <div class="con-txt formation-txt no-fade-txt text3-link-control large-block" > <h2>The Antibiome Center</h2> <p>Founded in 2013 by Professor Jim Wells and Director Michael Hornsby, this center is devoted to identification and generation of recombinant antibodies at a proteome-wide scale</p> <a class="read-mobile hvr-icon-float-away" href="https://qbi.ucsf.edu/The-Antibiome-Center/">Read more</a> </div> </div> <div class="clearfix"></div> </div> <script> $('#obyfvzdjjxnrxkseohuo').dynamicMaxHeight(); </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/1493883315_qbi_modeling_protein_structure.jpg" alt="" class="img-responsive formation-img-tablet" /> </div> </div> <div class="col-md-4 no-padding " data-maxheight="90" id="pvyzirqcribfjzlfzopj"> <div class="con-txt formation-txt no-fade-txt text3-link-control large-block" > <h2>Modeling Protein Structure</h2> <p>Genome sequencing projects are producing linear amino acid sequences, but full understanding of the biological role of these proteins requires knowledge of their structure and function. </p> <a class="read-mobile hvr-icon-float-away" href="https://qbi.ucsf.edu/modeling-protein-structure">Read more</a> </div> </div> <div class="clearfix"></div> </div> <script> $('#pvyzirqcribfjzlfzopj').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 | Technology