</ iframe></noscript> <!-- End Google Tag Manager (noscript) --> <div class="wrapper"> <header class="new-header"> <nav class="navbar "> <div class="container"> <!-- logo --> <div class="top-header"> <div class="logo-section"> <a href="https://www.columbusmuseum.org/" class="navbar-brand" id="site-logo" title="Columbus Museum of Art" rel="home"> <img src="http://www.columbusmuseum.org/wp-content/uploads/2015/10/logo.png" alt="Columbus Museum of Art"> </a> </div> <!-- right search bar and menu icon --> <div class="right-section test"> <div class='navigation'> <ul id="menu-middle-navigation" class="middle-nav"><li id="menu-item-160" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-160"><a href="https://www.columbusmuseum.org/about-cma/">About</a></li> <li id="menu-item-169" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-169"><a href="https://www.columbusmuseum.org/resources/">Resources</a></li> <li id="menu-item-39787" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-39787"><a href="https://www.columbusmuseum.org/cma-blog/">Blog</a></li> <li id="menu-item-39827" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-39827"><a href="https://www.columbusmuseum.org/accessibility/">Accessibility</a></li> </ul> <ul class="social-nav"> <div class="textwidget"><li><a href='http://www.facebook.com/columbusmuseum' target='_blank' rel="noopener"><i class="fa fa-facebook"></i></a></li> <li><a href='https://twitter.com/columbusmuseum' target='_blank' rel="noopener"><i class="fa fa-twitter"></i></a></li> <li><a href='http://www.instagram.com/columbusmuseum' target='_blank' rel="noopener"><i class="fa fa-instagram"></i></a></li> <li><a href='https://www.youtube.com/user/columbusmuseum' target='_blank' rel="noopener"><i class="fa fa-youtube"></i></a></li> </div> </ul> <div class="clearfix"></div> </div> <div class="right_search mobile-search search-section"> <div class="srch-area desktp-view"> <i class='fa fa-search'></i> <form method="get" class="search-form" id="searchform" action="https://www.columbusmuseum.org/"> <label> <span class="screen-reader-text">Search for:</span> <input type="search" class="search-field" name="s" id="s" placeholder="Search..." /> </label> <input type="submit" class="submit" name="submit" id="searchsubmit" value="Search" /> </form> </div> </div> </div> </div> </div> <div class="right_search mobile-search-landscape search-section"> <div class="srch-area desktp-view"> <i class='fa fa-search'></i> <form method="get" class="search-form" id="searchform" action="https://www.columbusmuseum.org/"> <label> <span class="screen-reader-text">Search for:</span> <input type="search" class="search-field" name="s" id="s" placeholder="Search..." /> </label> <input type="submit" class="submit" name="submit" id="searchsubmit" value="Search" /> </form> </div> </div> <div class="bottom-header"> <div class="menu-icon"> MENU </div> <div class='big-menu'> <div class="container"> <div class="inner"> <!---- Navigation Section ----> <ul id="menu-main-navigation" class="main-nav"><li id="menu-item-30304" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-30304"><a href="https://www.columbusmuseum.org/visit/">Visit</a></li> <li id="menu-item-25265" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-25265"><a href="https://www.columbusmuseum.org/art-exhibitions/">Art & Exhibitions</a></li> <li id="menu-item-102" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-102"><a href="https://www.columbusmuseum.org/calendar-and-events/">Events & Programs</a></li> <li id="menu-item-151" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-151"><a href="https://www.columbusmuseum.org/join-give/">Join & Give</a></li> <li id="menu-item-145" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-145"><a href="https://www.columbusmuseum.org/host-your-event/">Host Your Event</a></li> <li id="menu-item-15027" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-15027"><a href="http://museumstore.columbusmuseum.org">Museum Store</a></li> </ul> <div class="mobile-top-menu"> <div class='navigation'> <ul id="menu-middle-navigation-1" class="middle-nav"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-160"><a href="https://www.columbusmuseum.org/about-cma/">About</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-169"><a href="https://www.columbusmuseum.org/resources/">Resources</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-39787"><a href="https://www.columbusmuseum.org/cma-blog/">Blog</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-39827"><a href="https://www.columbusmuseum.org/accessibility/">Accessibility</a></li> </ul> <ul class="social-nav"> <div class="textwidget"><li><a href='http://www.facebook.com/columbusmuseum' target='_blank' rel="noopener"><i class="fa fa-facebook"></i></a></li> <li><a href='https://twitter.com/columbusmuseum' target='_blank' rel="noopener"><i class="fa fa-twitter"></i></a></li> <li><a href='http://www.instagram.com/columbusmuseum' target='_blank' rel="noopener"><i class="fa fa-instagram"></i></a></li> <li><a href='https://www.youtube.com/user/columbusmuseum' target='_blank' rel="noopener"><i class="fa fa-youtube"></i></a></li> </div> </ul> <div class="clearfix"></div> </div> </div> <!--- Social Links ---> </div> </div> </div> </div> <div class="right_search full-screen-search"> <div class="srch-area mobile-view"> <i class='fa fa-search'></i> <form method="get" class="search-form" id="searchform" action="https://www.columbusmuseum.org/"> <label> <span class="screen-reader-text">Search for:</span> <input type="search" class="search-field" name="s" id="s" placeholder="Search..." /> </label> <input type="submit" class="submit" name="submit" id="searchsubmit" value="Search" /> </form> </div> </div> </div> </nav> </header> </div> <div class="wrap cx"> <div class="container"> <div id="section-heading" class="blog"> <h1><a href="/blog/">CMA Blog</a></h1> </div><!-- #section-heading --> <div id="content"> <div class="primary"> <div class="full box post-box"> <div id="post-19146" class="post-19146 post type-post status-publish format-standard has-post-thumbnail hentry category-exhibitions-2 tag-aminah-robinson tag-michelle-obama tag-president-barack-obama"> <div class="photo"> <a href="https://www.columbusmuseum.org/blog/2016/10/13/inspired-by-hope-how-the-election-of-president-barack-obama-inspired-the-last-major-body-of-work-from-macarthur-genius-artist-aminah-robinson/" title="Inspired by Hope: How the Election of President Barack Obama Inspired one of the Last Major Bodies of Work by MacArthur Genius Artist Aminah Robinson"><img src="https://www.columbusmuseum.org/wp-content/uploads/2016/10/RoseGarden627.jpg" alt="Inspired by Hope: How the Election of President Barack Obama Inspired one of the Last Major Bodies of Work by MacArthur Genius Artist Aminah Robinson" ></a> </div> <h2 class="post-title"> <a href="https://www.columbusmuseum.org/blog/2016/10/13/inspired-by-hope-how-the-election-of-president-barack-obama-inspired-the-last-major-body-of-work-from-macarthur-genius-artist-aminah-robinson/" rel="bookmark" title="Permanent Link to Inspired by Hope: How the Election of President Barack Obama Inspired one of the Last Major Bodies of Work by MacArthur Genius Artist Aminah Robinson">Inspired by Hope: How the Election of President Barack Obama Inspired one of the Last Major Bodies of Work by MacArthur Genius Artist Aminah Robinson</a> </h2> <div class="post-meta"> <small>October 13th, 2016 by <a href="https://www.columbusmuseum.org/blog/author/cgenshaft/" title="Posts by Carole Genshaft" rel="author">Carole Genshaft</a></small> </div> <div class="entry"> <div class="at-above-post-arch-page addthis_tool" data-url="https://www.columbusmuseum.org/blog/2016/10/13/inspired-by-hope-how-the-election-of-president-barack-obama-inspired-the-last-major-body-of-work-from-macarthur-genius-artist-aminah-robinson/"></div> <p>Columbus, Ohio artist, and MacArthur Genius grant winner Aminah Robinson said that she received a vision from God to create the art for Aminah’s Presidential Suite, one of the last major bodies of work she produced before her death in <a href="https://www.columbusmuseum.org/blog/2016/10/13/inspired-by-hope-how-the-election-of-president-barack-obama-inspired-the-last-major-body-of-work-from-macarthur-genius-artist-aminah-robinson/">Read More…</a><!-- AddThis Advanced Settings above via filter on get_the_excerpt --><!-- AddThis Advanced Settings below via filter on get_the_excerpt --><!-- AddThis Advanced Settings generic via filter on get_the_excerpt --><!-- AddThis Share Buttons above via filter on get_the_excerpt --><!-- AddThis Share Buttons below via filter on get_the_excerpt --></p> <div class="at-below-post-arch-page addthis_tool" data-url="https://www.columbusmuseum.org/blog/2016/10/13/inspired-by-hope-how-the-election-of-president-barack-obama-inspired-the-last-major-body-of-work-from-macarthur-genius-artist-aminah-robinson/"></div> <p><!-- AddThis Share Buttons generic via filter on get_the_excerpt --></p> </div> <div class="post-utility"> <small>Posted in <a href="https://www.columbusmuseum.org/blog/category/exhibitions-2/" rel="category tag">Exhibitions</a></small> </div> </div> <div class="clear"></div> </div><!-- .box --> </div><!-- .primary --> </div><!-- .content --> </div><!--/.container--> </div><!--/.wrap--> <!-- footer starts here --> <div class="container"> <footer> <div class="row"> <div class="col-xs-12 col-sm-4 col-md-4 footer-col-1"> <div class="menu-annual-report-container"><ul id="menu-annual-report" class="menu"><li id="menu-item-30306" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-30306"><a href="https://www.columbusmuseum.org/visit/">Visit</a></li> <li id="menu-item-137" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-137"><a href="http://www.columbusmuseum.org/art-exhibitions/">Art & Exhibitions</a></li> <li id="menu-item-103" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-103"><a href="https://www.columbusmuseum.org/calendar-and-events/">Events & Programs</a></li> <li id="menu-item-14876" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-14876"><a href="https://www.columbusmuseum.org/host-your-event/">Host Your Event</a></li> <li id="menu-item-152" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-152"><a href="https://www.columbusmuseum.org/join-give/">Join & Give</a></li> <li id="menu-item-15028" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-15028"><a href="http://museumstore.columbusmuseum.org">Museum Store</a></li> </ul></div> </div> <div class="col-xs-12 col-sm-4 col-md-4 footer-col-2"> <ul> <div class="textwidget"><strong>Hours</strong> <li>Tues: 10:00 AM – 5:00 PM</li> <li>Weds: 10:00 AM – 5:00 PM</li> <li>Thurs: 10:00 AM – 9:00 PM</li> <li>Fri – Sun: 10:00 AM – 5:00 PM</li> <li>Mon: Closed</li> <br /> <div class="createsend-button" style="height:27px;display:inline-block;" data-listid="j/EF/D60/2CA/86BCE9D8CBD1B5CD"> </div><script type="text/javascript">(function () { var e = document.createElement('script'); e.type = 'text/javascript'; e.async = true; e.src = ('https:' == document.location.protocol ? 'https' : 'http') + '://btn.createsend1.com/js/sb.min.js?v=3'; e.className = 'createsend-script'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(e, s); })();</script></div> </ul> </div> <div id="ttdUniversalPixelTagc083a37a0cc14cd789bc8675d3e965ac" style="display:none"> <script src="https://js.adsrvr.org/up_loader.1.1.0.js" type="text/javascript"></script> <script type="text/javascript"> (function(global) { if (typeof TTDUniversalPixelApi === 'function') { var universalPixelApi = new TTDUniversalPixelApi(); universalPixelApi.init("g1sju7p", ["pfyd4mj"], "https://insight.adsrvr.org/track/up", "ttdUniversalPixelTagc083a37a0cc14cd789bc8675d3e965ac"); } })(this); </script> </div> <div class="col-xs-12 col-sm-4 col-md-4 footer-col-3"> <ul> <li> <img src="http://www.columbusmuseum.org/wp-content/uploads/2015/10/logo.png" alt="Columbus Museum of Art"> </li> <div class="textwidget"> <li>© <script> var d = new Date(); var n = d.getFullYear(); document.write(n); </script> Columbus Museum of Art</li> <li>480 East Broad Street, Columbus, OH 43215</li> <li>614.221.6801</li></div> </ul> </div> </div> </footer> </div> </div> <li id="custom_html-2" class="widget_text widget widget_custom_html"><div class="textwidget custom-html-widget"><div id="myModal" class="modal fade" role="dialog"> <div class="modal-dialog"> <!-- Modal content--> <div class="modal-content"> <button type="button" class="close" data-dismiss="modal">×</button> <div class="modal-body"> <div class="image-wrap"> <img src="http://www.columbusmuseum.org/wp-content/uploads/2020/05/Schokko-Make-a-Gift.jpg" alt="Make a Gift" title='Make a Gift'> </div> <div class="button-wrap"> <a class="donate_btn" rel="noopener noreferrer">Donate Now</a> <p class="Loader" style="display:none;">Redirecting...</p> </div> </div> </div> </div> </div></div></li> <script type="text/javascript" alt='evo_map_styles'> /*<![CDATA[*/ var gmapstyles = 'default'; /* ]]> */ </script> <div id="su-footer-links" style="text-align: center;"></div><noscript><img height="1" width="1" style="display: none;" src="https://www.facebook.com/tr?id=370084730976584&ev=PageView&noscript=1&cd%5Bpost_category%5D=Exhibitions&cd%5Bpage_title%5D=President+Barack+Obama&cd%5Bpost_type%5D=tag&cd%5Bpost_id%5D=462&cd%5Bplugin%5D=PixelYourSite&cd%5Buser_role%5D=guest&cd%5Bevent_url%5D=www.columbusmuseum.org%2Fblog%2Ftag%2Fpresident-barack-obama%2F" alt=""></noscript> <div class='evo_lightboxes' style='display:block'> <div class='evo_lightbox eventcard eventon_events_list' id='' > <div class="evo_content_in"> <div class="evo_content_inin"> <div class="evo_lightbox_content"> <a class='evolbclose '>X</a> <div class='evo_lightbox_body eventon_list_event evo_pop_body evcal_eventcard'> </div> </div> </div> </div> </div> </div><script data-cfasync="false" type="text/javascript">if (window.addthis_product === undefined) { window.addthis_product = "wpp"; } if (window.wp_product_version === undefined) { window.wp_product_version = "wpp-6.2.7"; } if (window.addthis_share === undefined) { window.addthis_share = {}; } if (window.addthis_config === undefined) { window.addthis_config = {"data_track_clickback":true,"ignore_server_config":true,"ui_atversion":"300"}; } if (window.addthis_layers === undefined) { window.addthis_layers = {}; } if (window.addthis_layers_tools === undefined) { window.addthis_layers_tools = []; } else { } if (window.addthis_plugin_info === undefined) { window.addthis_plugin_info = {"info_status":"enabled","cms_name":"WordPress","plugin_name":"Share Buttons by AddThis","plugin_version":"6.2.7","plugin_mode":"WordPress","anonymous_profile_id":"wp-cfc01b81209beecf252448a52d42969c","page_info":{"template":"archives","post_type":["post","news_room"]},"sharing_enabled_on_post_via_metabox":false}; } (function() { var first_load_interval_id = setInterval(function () { if (typeof window.addthis !== 'undefined') { window.clearInterval(first_load_interval_id); if (typeof window.addthis_layers !== 'undefined' && Object.getOwnPropertyNames(window.addthis_layers).length > 0) { window.addthis.layers(window.addthis_layers); } if (Array.isArray(window.addthis_layers_tools)) { for (i = 0; i < window.addthis_layers_tools.length; i++) { window.addthis.layers(window.addthis_layers_tools[i]); } } } },1000) }()); </script><script type='text/javascript' src='https://www.columbusmuseum.org/wp-content/plugins/contact-form-7/includes/swv/js/index.js?ver=5.7.6' id='swv-js'></script> <script type='text/javascript' id='contact-form-7-js-extra'> /* <![CDATA[ */ var wpcf7 = {"api":{"root":"https:\/\/www.columbusmuseum.org\/wp-json\/","namespace":"contact-form-7\/v1"}}; /* ]]> */ </script> <script type='text/javascript' src='https://www.columbusmuseum.org/wp-content/plugins/contact-form-7/includes/js/index.js?ver=5.7.6' id='contact-form-7-js'></script> <script type='text/javascript' id='ppress-frontend-script-js-extra'> /* <![CDATA[ */ var pp_ajax_form = {"ajaxurl":"https:\/\/www.columbusmuseum.org\/wp-admin\/admin-ajax.php","confirm_delete":"Are you sure?","deleting_text":"Deleting...","deleting_error":"An error occurred. Please try again.","nonce":"92cde919e9","disable_ajax_form":"false","is_checkout":"0","is_checkout_tax_enabled":"0"}; /* ]]> */ </script> <script type='text/javascript' src='https://www.columbusmuseum.org/wp-content/plugins/wp-user-avatar/assets/js/frontend.min.js?ver=4.10.2' id='ppress-frontend-script-js'></script> <script type='text/javascript' id='wp-jquery-lightbox-js-extra'> /* <![CDATA[ */ var JQLBSettings = {"fitToScreen":"1","resizeSpeed":"400","displayDownloadLink":"0","navbarOnTop":"0","loopImages":"","resizeCenter":"","marginSize":"0","linkTarget":"","help":"","prevLinkTitle":"previous image","nextLinkTitle":"next image","prevLinkText":"\u00ab Previous","nextLinkText":"Next \u00bb","closeTitle":"close image gallery","image":"Image ","of":" of ","download":"Download","jqlb_overlay_opacity":"80","jqlb_overlay_color":"#000000","jqlb_overlay_close":"1","jqlb_border_width":"10","jqlb_border_color":"#ffffff","jqlb_border_radius":"0","jqlb_image_info_background_transparency":"100","jqlb_image_info_bg_color":"#ffffff","jqlb_image_info_text_color":"#000000","jqlb_image_info_text_fontsize":"10","jqlb_show_text_for_image":"1","jqlb_next_image_title":"next image","jqlb_previous_image_title":"previous image","jqlb_next_button_image":"https:\/\/www.columbusmuseum.org\/wp-content\/plugins\/wp-lightbox-2\/styles\/images\/next.gif","jqlb_previous_button_image":"https:\/\/www.columbusmuseum.org\/wp-content\/plugins\/wp-lightbox-2\/styles\/images\/prev.gif","jqlb_maximum_width":"","jqlb_maximum_height":"","jqlb_show_close_button":"1","jqlb_close_image_title":"close image gallery","jqlb_close_image_max_heght":"22","jqlb_image_for_close_lightbox":"https:\/\/www.columbusmuseum.org\/wp-content\/plugins\/wp-lightbox-2\/styles\/images\/closelabel.gif","jqlb_keyboard_navigation":"1","jqlb_popup_size_fix":"0"}; /* ]]> */ </script> <script type='text/javascript' src='https://www.columbusmuseum.org/wp-content/plugins/wp-lightbox-2/js/dist/wp-lightbox-2.min.js?ver=1.3.4.1' id='wp-jquery-lightbox-js'></script> <script type='text/javascript' src='//www.columbusmuseum.org/wp-content/plugins/eventON/assets/js/eventon_functions.js?ver=2.6.11' id='evcal_functions-js'></script> <script type='text/javascript' src='https://www.columbusmuseum.org/wp-content/plugins/eventON/assets/js/handlebars.js?ver=2.6.11' id='evo_handlebars-js'></script> <script type='text/javascript' src='https://www.columbusmuseum.org/wp-content/plugins/eventON/assets/js/jquery.mobile.min.js?ver=2.6.11' id='evo_mobile-js'></script> <script type='text/javascript' src='//www.columbusmuseum.org/wp-content/plugins/eventON/assets/js/jquery.mousewheel.min.js?ver=2.6.11' id='evo_mouse-js'></script> <script type='text/javascript' id='evcal_ajax_handle-js-extra'> /* <![CDATA[ */ var the_ajax_script = {"ajaxurl":"https:\/\/www.columbusmuseum.org\/wp-admin\/admin-ajax.php","postnonce":"55062b7f48"}; /* ]]> */ </script> <script type='text/javascript' src='//www.columbusmuseum.org/wp-content/plugins/eventON/assets/js/eventon_script.js?ver=2.6.11' id='evcal_ajax_handle-js'></script> <script type='text/javascript' src='https://s7.addthis.com/js/300/addthis_widget.js?ver=6.1.3#pubid=wp-cfc01b81209beecf252448a52d42969c' id='addthis_widget-js'></script> <script type='text/javascript' src='https://www.google.com/recaptcha/api.js?render=6LemFtEiAAAAADqElD9ao6Z-VntRmc28YMqHVnwu&ver=3.0' id='google-recaptcha-js'></script> <script type='text/javascript' src='https://www.columbusmuseum.org/wp-includes/js/dist/vendor/regenerator-runtime.min.js?ver=0.13.9' id='regenerator-runtime-js'></script> <script type='text/javascript' src='https://www.columbusmuseum.org/wp-includes/js/dist/vendor/wp-polyfill.min.js?ver=3.15.0' id='wp-polyfill-js'></script> <script type='text/javascript' id='wpcf7-recaptcha-js-extra'> /* <![CDATA[ */ var wpcf7_recaptcha = {"sitekey":"6LemFtEiAAAAADqElD9ao6Z-VntRmc28YMqHVnwu","actions":{"homepage":"homepage","contactform":"contactform"}}; /* ]]> */ </script> <script type='text/javascript' src='https://www.columbusmuseum.org/wp-content/plugins/contact-form-7/modules/recaptcha/index.js?ver=5.7.6' id='wpcf7-recaptcha-js'></script> <script type="text/javascript"> jQuery.noConflict(); ( function ( $ ) { $( function () { $( "area[href*=\\#],a[href*=\\#]:not([href=\\#]):not([href^='\\#tab']):not([href^='\\#quicktab']):not([href^='\\#pane']):not([href^='#tab']):not([href^='#pane']):not([href^='#quicktab'])" ).click( function () { if ( location.pathname.replace( /^\//, '' ) == this.pathname.replace( /^\//, '' ) && location.hostname == this.hostname ) { var target = $( this.hash ); target = target.length ? target : $( '[name=' + this.hash.slice( 1 ) + ']' ); if ( target.length ) { $( 'html,body' ).animate( { scrollTop: target.offset().top - 20 },500 , 'easeInOutCirc' ); return false; } } } ); } ); } )( jQuery ); </script> <!-- Facebook Comments Plugin for WordPress: http://peadig.com/wordpress-plugins/facebook-comments/ --> <div id="fb-root"></div> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&appId=220052401435660&version=v2.3"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script> <script type="text/javascript"> var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www."); document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E")); </script> <script type="text/javascript"> var pageTracker = _gat._getTracker("UA-4638578-1"); pageTracker._initData(); pageTracker._trackPageview(); jQuery(document).ready(function($) { jQuery(window).scroll(function(){ if (jQuery(window).scrollTop() >= 180) { jQuery('.bottom-header').addClass('fixed-header'); } else { jQuery('.bottom-header').removeClass('fixed-header'); } }); }); </script> <script> jQuery(document).ready(function($) { $(".check-cal").click(function(event){ $('html, body').animate({ scrollTop: $("#cal-div").offset().top - 87 }, 2000); }); }); </script> <!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> --> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script> </body> </html>