CINXE.COM
QBI | Contact
<!DOCTYPE html> <html lang="en-US"> <head> <!-- Global site tag (gtag.js) - Google Analytics --> <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 | Contact </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" ><!-- start container --> <div class="desktop-nav navigation-list"><!-- start desktop nav --> <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><!-- end desktop nav --> <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"><!-- start top bar --> <div class="container"><!-- start container --> <div class="row"><!-- start 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><!-- end row --> </div><!-- end container --> <div class="clearfix"></div> </div><!-- end top bar --> <div class="container"> <div class="row"> <!-- Fixed navbar --> <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="container">--> <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> </div><!-- /.container --> </nav><!-- /.navbar --> <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"><!--start topcontain--> <div class="container"> <div class="row"> <div class="col-xs-12 col-sm-12 col-md-12"> <!--start heading--> <div class="heading"> <h1>Contact</h1> </div> <!--end heading--> </div> </div> <!-- Modules Start from here --> <div class="row"> <div class="col-xs-12 col-sm-12 col-md-12 header_position" > <!-- Widget Area --> <div class="column pink hover"><!--start column--> <div class="col-xs-12 col-sm-12 col-md-8 col-md-push-4 no-padding"> <div class="directorimg reach-out-img"><!--start directorimg--> <div class="overlay"></div> <img src="https://qbi.ucsf.edu/site-assets/images/1484693520_contact-header.jpg" alt="" class="img-responsive contact-header-img" /> </div><!--end directorimg--> </div> <div class="col-xs-12 col-sm-12 col-md-4 col-md-pull-8 padding-left"> <div class="contact-header"><!--start contact-header--> <h2>Reach Out</h2> <div class="contact-bottom"><!--start contact-bottom--> <span><img src="images/tel.png" alt="" class="contact-header-icon"> 415-476-6109 </span> <span class="second"> <a href="mailto:admin-qbi@ucsf.edu"> <img src="images/email.png" alt="" class="contact-header-icon"> admin-qbi@ucsf.edu </a> </span> </div> </div><!--end contact-header--> </div> <div class="clearfix"></div> </div> </div> </div><div class="row"> <div class="col-xs-12 col-sm-12 col-md-12 header_position" > <!-- Widget Area --> <div class="column grey " ><!--start column--> <div class="col-xs-12 col-sm-12 col-md-8" style="padding-right:0px; padding-left:0px;"> <div class="directorimg"> <div id="map"></div> </div> </div> <div class="col-xs-12 col-sm-12 col-md-4 no-padding"> <div class="con-txt address-txt"><!--start con-txt--> <h2>Address</h2> <div class="row"> <div class="col-xs-12 col-sm-12 col-md-12 col-lg-1 no-fade-txt"> <p class="address"><i class="fa fa-map-marker map-icon no-fade-txt" aria-hidden="true"></i></p> </div> <div class="col-xs-12 col-sm-12 col-md-12 col-lg-10"> <p class="address">University of California, <br>1700 4th Street, <br>San Francisco, CA, 94158 </p> </div> </div> </div><!--end con-txt--> </div> <div class="clearfix"></div> </div><!--end column--> <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDVYeHKao6DnHfntsLOgabjT_iyywDqp5k"></script> <script> google.maps.event.addDomListener(window, 'load', init); function init() { var mapOptions = { zoom: 16, scrollwheel: false, streetViewControl: false, zoomControl: false, mapTypeControl: false, center: new google.maps.LatLng(37.768822,-122.39096), styles: [ { "featureType": "water", "elementType": "all", "stylers": [ { "hue": "#71d6ff" }, { "saturation": 100 }, { "lightness": -5 }, { "visibility": "on" } ] }, { "featureType": "poi", "elementType": "all", "stylers": [ { "hue": "#ffffff" }, { "saturation": -100 }, { "lightness": 100 }, { "visibility": "off" } ] }, { "featureType": "transit", "elementType": "all", "stylers": [ { "hue": "#ffffff" }, { "saturation": 0 }, { "lightness": 100 }, { "visibility": "off" } ] }, { "featureType": "road.highway", "elementType": "geometry", "stylers": [ { "hue": "#deecec" }, { "saturation": -73 }, { "lightness": 72 }, { "visibility": "on" } ] }, { "featureType": "road.highway", "elementType": "labels", "stylers": [ { "hue": "#bababa" }, { "saturation": -100 }, { "lightness": 25 }, { "visibility": "on" } ] }, { "featureType": "landscape", "elementType": "geometry", "stylers": [ { "hue": "#e3e3e3" }, { "saturation": -100 }, { "lightness": 0 }, { "visibility": "on" } ] }, { "featureType": "road", "elementType": "geometry", "stylers": [ { "hue": "#ffffff" }, { "saturation": -100 }, { "lightness": 100 }, { "visibility": "simplified" } ] }, { "featureType": "administrative", "elementType": "labels", "stylers": [ { "hue": "#59cfff" }, { "saturation": 100 }, { "lightness": 34 }, { "visibility": "on" } ] } ] }; var mapElement = document.getElementById('map'); var map = new google.maps.Map(mapElement, mapOptions); var marker = new google.maps.Marker({ position: new google.maps.LatLng(37.768822,-122.39096), map: map, title: "QBI!", icon: "https://qbi.ucsf.edu/site-assets/images/location.png" }); } </script> </div> </div><div class="row"> <div class="col-xs-12 col-sm-4 col-md-4 padding-right-ten padding-tablet-left" > <!-- Basic Text with title and description --> <div class="contact-middle-text baby_blue hover" data-maxheight="0" id="tesuyqxqpavmubmjlfsr" > <div class="contact-middle-icon1"> <p> <img src="https://qbi.ucsf.edu/site-assets/images/1484693615_contact-icon7.png" alt="" class="img-responsive" /> </p> <div class="clearfix"></div> </div><!-- end contact midle icon1 --> <div class="dynamic-height-wrap" > <p> Co-Administrators: <br><br> UC San Diego cacurtis@ucsd.edu <br><br> UC San Francisco<br> admin-qbi@ucsf.edu </p> </div> <button class="js-dynamic-show-hide read-mobile-contact hvr-icon-float-away" title="Read more" data-replace-text="脳 close" onclick="$(this).toggleClass('hvr-icon-float-away')" style="display: block;">Read more</button> <span class="contact-readmore"></span> <span><a href="https://ccmi.org" class="hvr-icon-float-away" target="_blank">Visit Site</a></span> </div> <script> </script> </div> <div class="col-xs-12 col-sm-4 col-md-4 padding-ten padding-tablet-middle" > <!-- Basic Text with title and description --> <div class="contact-middle-text green hover" data-maxheight="0" id="cghzdtsdblouqgpowmem" > <div class="contact-middle-icon1"> <p> <img src="https://qbi.ucsf.edu/site-assets/images/1484693623_contact-icon8.png" alt="" class="img-responsive" /> </p> <div class="clearfix"></div> </div><!-- end contact midle icon1 --> <div class="dynamic-height-wrap" > <p> Co- Administrators: <br><br> UC San Francisco <br> <a href="admin-qbi@ucsf.edu">admin-qbi@ucsf.edu</a><br><br> UC Berkeley <br> <a href="alin3491@berkeley.edu">alin3491@berkeley.edu</a> </p> </div> <button class="js-dynamic-show-hide read-mobile-contact hvr-icon-float-away" title="Read more" data-replace-text="脳 close" onclick="$(this).toggleClass('hvr-icon-float-away')" style="display: block;">Read more</button> <span class="contact-readmore"></span> <span><a href="https://hpmi.ucsf.edu" class="hvr-icon-float-away" target="_blank">Visit Site</a></span> </div> <script> </script> </div> <div class="col-xs-12 col-sm-4 col-md-4 padding-left-ten padding-tablet-right" > <!-- Basic Text with title and description --> <div class="contact-middle-text purple hover" data-maxheight="0" id="nazhbmqnsjeuplutemwg" > <div class="contact-middle-icon1"> <p> <img src="https://qbi.ucsf.edu/site-assets/images/1484693628_contact-icon9.png" alt="" class="img-responsive" /> </p> <div class="clearfix"></div> </div><!-- end contact midle icon1 --> <div class="dynamic-height-wrap" > <p> Co- Administrators: <br><br> UC San Francisco <br> admin-qbi@ucsf.edu</a> </p> </div> <button class="js-dynamic-show-hide read-mobile-contact hvr-icon-float-away" title="Read more" data-replace-text="脳 close" onclick="$(this).toggleClass('hvr-icon-float-away')" style="display: block;">Read more</button> <span class="contact-readmore"></span> <span><a href="https://pcmi.ucsf.edu" class="hvr-icon-float-away" target="_blank">Visit Site</a></span> </div> <script> </script> </div> <div class="clearfix"></div> </div><div class="row"> <div class="col-xs-12 col-sm-12 col-md-4 padding-right-ten"> <div class="column"> <div class="recent text_object_fill quote orange small-block"> <h3>"NOTHING IN LIFE IS TO BE FEARED; IT IS ONLY TO BE UNDERSTOOD. "</h3> <span class="names quote-names">MARIE CURIE </span> </div> </div> </div> <div class="col-xs-12 col-sm-12 col-md-8 padding-left-ten"> <div class="column"><!--start column--> <div class="grey"> <div class="col-xs-12 col-sm-12 col-md-6 col-md-push-6 padding-right small-block-strict" style="padding-left:0px;"> <div class="overlay"></div> <img src="https://qbi.ucsf.edu/site-assets/images/1484693802_contact-img1.jpg" alt="" class="img-responsive newsletter-img" /> </div> <div class="col-xs-12 col-sm-12 col-md-6 col-md-pull-6 no-padding"> <div class="recentft newsletter-txt no-fade-txt small-block"><!--start recentft--> <h2>Newsletter signup</h2> <form id="athhtfreunitoghazoqe"> <p id="rngflxkyqepqywyrcpwx" style="display:none">Please enter valid email</p> <input type="text" placeholder="E-mail" class="newsletter-input last" id="ceqqlxrkliodvvigstfj"> </form> </div><!--end recentft--> </div> <div class="clearfix"></div> </div> </div> <script> $(document).ready(function(){ $('#athhtfreunitoghazoqe').submit(function(){ console.log("Form submitted"); $('#rngflxkyqepqywyrcpwx').fadeOut(); if(ValidateEmail($('#ceqqlxrkliodvvigstfj').val())) { $.ajax({ url:"register_email.php", data:"email="+$('#ceqqlxrkliodvvigstfj').val(), success:function(msg){ if(msg==1) { $('#ceqqlxrkliodvvigstfj').hide().parent().parent().find('h2').first().html('Thank You!'); } } }) } else { $('#rngflxkyqepqywyrcpwx').fadeIn(); } return false; }) }); /** * @return {boolean} */ function ValidateEmail(email) { var expr = /^([\w-\.]+)@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.)|(([\w-]+\.)+))([a-zA-Z]{2,4}|[0-9]{1,3})(\]?)$/; return expr.test(email); } </script> </div> <div class="clearfix"></div> </div> <!-- Modules End over here --> </div> </section><!--end topcontain--> <footer><!-- start footer --> <div class="container"><!-- start container --> <div class="row footer-logo"><!-- start row --> <ul><li><a href="" target="_blank"><img src="" alt="" class="img-responsive"></a></li></ul> </div><!-- end row --> <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><!-- end container --> </footer><!-- end 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> <!-- START POPUP --> <!--<div class="support-covid remodal" data-remodal-id="support-covid">--> <!-- <div class="covid-left"> <!-- <img src="images/ucsf_logo.png" alt="Logo" class="covid-logo">--> <!-- <h2>Support COVID-19<br>Research</h2>--> <!-- <h3>Be part of the solution</h3>--> <!-- <a target="_blank" href="http://makeagift.ucsf.edu/QCRG" class="or-btn">DONATE NOW</a>--> <!-- <a href="http://qbi.ucsf.edu/COVID-19" class="rgt-btn">Find out more</a>--> <!-- </div> -->--> <!-- <div class="story-container">--> <!-- <div class="inner-container">--> <!-- <iframe src="https://onl.st/qbi-anniversary/"></iframe> --> <!-- </div> --> <!-- </div>--> <!--</div>--> <!-- END POPUP --> <!--<script src="scripts/jquery.remodal.js"></script>--> <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>