CINXE.COM
The Office of Barack and Michelle Obama
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="description" content=""> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>The Office of Barack and Michelle Obama</title> <meta name="description" content="As President Obama has said, the change we seek will take longer than one term or one presidency. Real change鈥攂ig change鈥攖akes many years and requires each generation to embrace the obligations and opportunities that come with the title of Citizen."> <meta name="msapplication-tap-highlight" content="no"> <meta property="og:url" content="https://www.barackobama.com"> <meta property="og:type" content="website"> <meta property="og:title" content="The Office of Barack and Michelle Obama"> <meta property="og:description" content="As President Obama has said, the change we seek will take longer than one term or one presidency. Real change鈥攂ig change鈥攖akes many years and requires each generation to embrace the obligations and opportunities that come with the title of Citizen."> <meta property="og:image" content="https://www.barackobama.com/img/share.png"> <link href="https://cloud.typography.com/6742156/7045372/css/fonts.css" rel="stylesheet" type="text/css"> <link href="/css/main.css" rel="stylesheet" type="text/css"> <link rel="canonical" href="https://www.barackobama.com"> <link rel="apple-touch-icon" sizes="192x192" href="/apple-icon.png"> <link rel="icon" type="image/png" href="/favicon-96x96.png" sizes="96x96"> <link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32"> <link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16"> <link rel="manifest" href="/manifest.json"> </head> <body class="page-landing"><a class="sr-only sr-only-focusable" href="#content">Skip to main content</a> <div class="page-wrapper"> <header class="main-header"><a class="site-logo header-logo" href="/"><img class="logo-mark" src="/img/logo-seal.png"> <h1 class="logo-type">The Office of Barack and Michelle Obama</h1></a><a class="nav-toggle js-nav-toggle" href="#main-nav" role="button" aria-label="Navigation Menu" aria-controls="navigation"><span></span></a> <nav class="main-header-nav" id="main-nav"> <div class="main-header-nav-inner"> <ul class="site-nav nav-list"> <li><a href="/about/">About</a></li> <li><a href="/press/">Press</a></li> <li><a href="/scheduling/">Scheduling</a></li> <li><a href="/contact/">Contact</a></li> <li><a href="/greetings/">Request a Greeting</a></li> </ul> <ul class="social-nav nav-list"> <li><a href="https://www.facebook.com/barackobama" target="_blank"> <svg class="icon icon-facebook"> <use xlink:href="#icon-facebook"></use> </svg><span class="sr-only">Facebook</span></a></li> <li><a href="https://twitter.com/barackobama" target="_blank"> <svg class="icon icon-twitter"> <use xlink:href="#icon-twitter"></use> </svg><span class="sr-only">Twitter</span></a></li> <li><a href="https://www.youtube.com/barackobama" target="_blank"> <svg class="icon icon-youtube"> <use xlink:href="#icon-youtube"></use> </svg><span class="sr-only">YouTube</span></a></li> <li><a href="https://www.instagram.com/barackobama" target="_blank"> <svg class="icon icon-instagram"> <use xlink:href="#icon-instagram"></use> </svg><span class="sr-only">Instagram</span></a></li> </ul> </div> </nav> </header> <main class="main-content" id="content"> <div class="hero"> <h2 class="welcome">Welcome to the Office of Barack and Michelle Obama</h2> <p class="jumbo">We Love You Back</p> <ul class="nav-list hero-ctas"> <li><a class="btn btn-inverted btn-block js-show-video" href="#video">Play video</a></li> </ul> </div> </main> <footer class="main-footer"> <nav class="main-footer-nav"> <div class="container"> <div class="box"><a class="site-logo footer-logo" href="/"><img class="logo-mark" src="/img/logo-seal.png"> <div class="text"> <div class="logo-type">The Office of Barack and Michelle Obama</div> </div></a></div> <div class="box spacer"></div> <div class="box"><a class="footer-logo" href="https://www.obama.org" target="_blank"> <svg class="icon logo-obama-foundation"> <use xlink:href="#logo-obama-foundation"></use> </svg> <div class="text"> <div class="logo-type">Obama Foundation</div> <div class="nav-site-url">obama.org</div> </div></a></div> </div> </nav> <div class="legal">© 2023 | <a href="/privacy/">Legal & Privacy</a></div> </footer> </div> <div class="hidden video-modal js-video-modal" id="video" data-video="https://www.youtube.com/embed/uWRmBjFxttc?autoplay=1&modestbranding=1&rel=0&showinfo=0"> <div class="video-modal-content"> <button class="video-modal-close js-hide-video" data-target="#video"><span aria-hidden="true">×</span> Close video</button> <div class="js-video-wrapper video-wrapper"></div> </div> </div> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-90639908-1', 'auto'); ga('send', 'pageview'); </script> <script src="/js/main.min.js"></script> <!-- Cloudflare Pages Analytics --><script defer src='https://static.cloudflareinsights.com/beacon.min.js' data-cf-beacon='{"token": "0303fff6b1ce4fea877d737d5e7d7a44"}'></script><!-- Cloudflare Pages Analytics --></body> </html>