PCMI | Page Not Found

<!DOCTYPE html> <html lang="en-US"> <head> <meta charset="UTF-8"> <base href="https://pcmi.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 rel="stylesheet" type="text/css" href="style-ccmi.css"> <link type="text/css" rel="stylesheet" href="css/hover.css"> <link type="text/css" rel="stylesheet" href="css/font-awesome.css"> <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet"> <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" /> <script type="text/javascript" src="scripts/jquery-1.11.3.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js"></script> <script type="text/javascript" src="scripts/bootstrap.min.js"></script> <title>PCMI | Page Not Found </title> </head> <body > <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 nav-top"> <div class="nav-midd"> <div class="hamburger hamburger--spin navbar-toggle-main menu_fixed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" title='Menu'> <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 ><a href="https://pcmi.ucsf.edu" >home</a></li><li class="dropdown"><a href="https://pcmi.ucsf.edu/about" class="dropdown-toggle">About</a><ul class="dropdown-menu "><li ><a href="https://pcmi.ucsf.edu/investigators" >Investigators</a></li></ul></li><li class="line"></li><li class="dropdown"><a href="https://pcmi.ucsf.edu/research" class="dropdown-toggle">Research</a><ul class="dropdown-menu "><li ><a href="https://pcmi.ucsf.edu/mapping" >Cell Mapping</a></li><li ><a href="https://pcmi.ucsf.edu/technology" >Technology</a></li><li ><a href="https://pcmi.ucsf.edu/publications-" >Publications</a></li></ul></li><li ><a href="https://pcmi.ucsf.edu/events" >Events</a></li></ul> </div> <div> <div class="social-icon-top"> <ul> <li><a target="_blank" href="www.twitter.com"><i class="fa fa-twitter twitter" aria-hidden="true"></i></a></li> <li><a target="_blank" href="www.facebook.com"><i class="fa fa-facebook facebook" aria-hidden="true"></i></a></li> <li class="last"><a target="_blank" href="www.instagram.com"><i class="fa fa-instagram insta" aria-hidden="true"></i></a></li> </ul> </div> </div> </span> <header><meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <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="#bs-example-navbar-collapse-1" 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> </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="www.twitter.com"><i class="fa fa-twitter twitter" aria-hidden="true"></i></a></li> <li><a target="_blank" href="www.facebook.com"><i class="fa fa-facebook facebook" aria-hidden="true"></i></a></li> <li class="last"><a target="_blank" href="www.instagram.com"><i class="fa fa-instagram insta" aria-hidden="true"></i></a></li> </ul> </div> <ul id="main-navbar" class="nav navbar-nav"><li ><a href="https://pcmi.ucsf.edu" >home</a></li><li class="dropdown"><a href="https://pcmi.ucsf.edu/about" class="dropdown-toggle">About</a><ul class="dropdown-menu "><li ><a href="https://pcmi.ucsf.edu/investigators" >Investigators</a></li></ul></li><li class="line"></li><li class="dropdown"><a href="https://pcmi.ucsf.edu/research" class="dropdown-toggle">Research</a><ul class="dropdown-menu "><li ><a href="https://pcmi.ucsf.edu/mapping" >Cell Mapping</a></li><li ><a href="https://pcmi.ucsf.edu/technology" >Technology</a></li><li ><a href="https://pcmi.ucsf.edu/publications-" >Publications</a></li></ul></li><li ><a href="https://pcmi.ucsf.edu/events" >Events</a></li></ul> </div> </div> </nav> <div class="clearfix"></div> </div> </div> <div class="container"> <div class="row"> <div class="col-md-6 col-md-offset-3"> <a href="https://pcmi.ucsf.edu"> <img src="https://pcmi.ucsf.edu/site-assets/images/head-icon1.png" alt="" class="center-block img-responsive logo logo-center-new" /> </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="row"> <div class="col-xs-12 col-sm-12 col-md-12">  <div class="not-found-pg"> <h2>404</h2> <h3>File or directory not found.<br/>Please select a page from the menu</h3> </div>  </div> </div>  </div> </div> </div> </section> <footer> <div class="container"> <div class="row footer-logo"> <ul><div class="col-xs-12 col-sm-4 col-md-4"> <a href="" target="_blank"> <img src="https://pcmi.ucsf.edu/site-assets/images/1556305453_NIH-NIMH-logo-new.png" class="img-responsive"> </a> </div><div class="col-xs-12 col-sm-4 col-md-4"> <a href="" target="_blank"> <img src="https://pcmi.ucsf.edu/site-assets/images/1556305474_UCSF Logo.png" class="img-responsive"> </a> </div><div class="col-xs-12 col-sm-4 col-md-4"> <a href="" target="_blank"> <img src="https://pcmi.ucsf.edu/site-assets/images/1556305508_UCSD logo.png" class="img-responsive"> </a> </div><div class="col-xs-12 col-sm-4 col-md-4"> <a href="" target="_blank"> <img src="https://pcmi.ucsf.edu/site-assets/images/1556305523_Berkeley logo.png" class="img-responsive"> </a> </div><div class="col-xs-12 col-sm-4 col-md-4"> <a href="" target="_blank"> <img src="" class="img-responsive"> </a> </div><div class="col-xs-12 col-sm-4 col-md-4"> <a href="" target="_blank"> <img src="" class="img-responsive"> </a> </div></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="https://www.google.com/maps/dir/37.7676244,-122.390957/1700 4th St, San Francisco, CA 94158-2330, USA/@37.7673359,-122.3943843,17z/data=!4m9!4m8!1m0!1m5!1m1!1s0x808f7fcf3c56e515:0x6e3ad35a9f5f83a9!2m2!1d-122.392024!2d37.7672978!3e2" target="_blank"> PCMI </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:hello@pcmi.ucsf.edu"> hello@pcmi.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="www.twitter.com"><i class="fa fa-twitter twitter" aria-hidden="true"></i></a></li> <li><a target="_blank" href="www.facebook.com"><i class="fa fa-facebook facebook" aria-hidden="true"></i></a></li> <li class="last"><a target="_blank" href="www.instagram.com"><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://pcmi.ucsf.edu">home</a></li><li><a href="https://pcmi.ucsf.edu/about">About</a></li><li><a href="https://pcmi.ucsf.edu/investigators">Investigators</a></li><li><a href="https://pcmi.ucsf.edu/research">research</a></li><li><a href="https://pcmi.ucsf.edu/publications">Publications</a></li><li><a href="https://pcmi.ucsf.edu/mapping">Mapping</a></li><li><a href="https://pcmi.ucsf.edu/technology">Technology</a></li><li><a href="https://pcmi.ucsf.edu/events">Events</a></li><li><a href="https://pcmi.ucsf.edu/contact-us">Contact Us</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 type='text/javascript' src='scripts/footer.js'></script> </body> </html>

CINXE.COM

PCMI | Page Not Found