Hall of Fame Exhibit | Atlanta Fan Attraction | College Football Hall of Fame

<!doctype html> <html class="no-js" lang="en-US"> <head> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <link rel="icon" type="image/png" href="/favicon.png"> <title> Hall of Fame Exhibit | Atlanta Fan Attraction | College Football Hall of Fame </title> <meta name="Description" content="Welcome to the official site for the Chick-fil-A College Football Hall of Fame in Atlanta, GA. Visit us today or learn more at CFBHall.com!" /> <meta name="Name" content="Hall of Fame Exhibit | Atlanta Fan Attraction" /> <meta name="Keywords" content="college,football,hall of fame,college football hall of fame,atlanta attraction,things to do,things to do in atlanta,SEC,ACC,ESPN" /> <link rel="canonical" href="https://www.cfbhall.com/" /> <meta property="og:type" content="article" /> <meta property="og:url" content="https://www.cfbhall.com/" /> <meta property="og:title" content="Hall of Fame Exhibit | Atlanta Fan Attraction" /> <meta property="og:description" content="Welcome to the official site for the Chick-fil-A College Football Hall of Fame in Atlanta, GA. Visit us today or learn more at CFBHall.com!" /> <meta property="og:image" content="https://www.cfbhall.com/images/socialimage.png"> <meta property="og:image:type" content="image/png"> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:title" content="Hall of Fame Exhibit | Atlanta Fan Attraction"> <meta name="twitter:description" content="Welcome to the official site for the Chick-fil-A College Football Hall of Fame in Atlanta, GA. Visit us today or learn more at CFBHall.com!"> <meta name="twitter:image" content="https://www.cfbhall.com/images/socialimage.png"> <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no"> <meta name="facebook-domain-verification" content="gkfiw44okad57v9w78kq202oaea5rj" /> <link rel="stylesheet" href="https://use.typekit.net/acw8nkk.css"> <link rel="stylesheet" href="/css/output.min.css?v=iVPACt22Phmo5QCgCqh5UeyK_uMoNzQH_x2ehuR2UnA" /> <link rel="stylesheet" href="/css/RTE.css?v=vrjfmF-ZSEEtqA7kBjnFDRbQXLlWlUHZoiRnPubtAQ8" /> <script integrity="sha256-2Pmvv0kuTBOenSvLm6bvfBSSHrUJ+3A7x6P5Ebd07/g=" crossorigin="anonymous" src="https://cdn.jsdelivr.net/npm/jquery@3.7.0/dist/jquery.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/gsap@3.12.2/dist/gsap.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/aos@2.3.1/dist/aos.min.js"></script> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/aos@2.3.1/dist/aos.min.css"> <script src="/js/bundle.js?v=y1bnhua3dmgK33naBsiA2U-O_4RtTQ2oNmBGthXMbAo"></script> <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css" />  <script> (function (w, d, s, l, i) { w[l] = w[l] || []; w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' }); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'dataLayer', 'GTM-5X5ZJ8');</script>   <script> !function (f, b, e, v, n, t, s) { if (f.fbq) return; n = f.fbq = function () { n.callMethod ? n.callMethod.apply(n, arguments) : n.queue.push(arguments) }; if (!f._fbq) f._fbq = n; n.push = n; n.loaded = !0; n.version = '2.0'; n.queue = []; t = b.createElement(e); t.async = !0; t.src = v; s = b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t, s) }(window, document, 'script', '//connect.facebook.net/en_US/fbevents.js'); // Insert Your Facebook Pixel ID below. fbq('init', '1706665039591843'); fbq('track', 'PageView'); </script>  <noscript> <img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=1706665039591843&ev=PageView&noscript=1" /> </noscript>  </head> <body class="template-homepage page-home"> <script> window.ga = function () { ga.q.push(arguments) }; ga.q = []; ga.l = +new Date; ga('create', 'UA-2053516-23', 'auto'); ga('send', 'pageview') </script> <div class="daily-status z-[2500] lg:ml-[280px] xl:ml-[328px] bg-[#000000] lg:bg-transparent relative lg:absolute top-0 lg:px-8 xl:px-16 2xl:px-20" role="complementary" > <div id="daily-status-toggle"> <div class="p-4 md:p-6 lg:pl-0 lg:pr-0 border-white lg:border-b flex justify-between lg:justify-start lg:items-end"> <a data-nav-toggle="time" href="/about/hours-information/" class="font-neusa-next text-normal text-white text-[0.8rem] lg:text-[1.5rem] leading-none"> <span class="font-neusa-next font-medium text-white text-[0.9rem] lg:text-[1.5rem] pr-[4px]">Closed Now </span>10:00am-5:00pm </a> <p class="font-neusa-next text-normal text-white text-[0.9rem] lg:text-[1rem] lg:ml-10 flex items-center leading-none">Important Details <span class="close-ico"></span></p> </div> <div class="nav-info" data-menu="time"> <div class="2xl:flex"> <div class="attention p-4 py-8 md:p-6 bg-[#B5202B]"> <p class="font-kaneda text-bold text-white text-[2.5rem] leading-[0.8] mb-3 uppercase">ATTENTION</p> <p><p><span class="heading-three"><strong>CHANGES IN OPERATING HOURS</strong></span></p> <hr /> <p> </p> <p><span class="heading-three"><strong>HOLIDAY HOURS</strong></span></p> <p><strong>Thu, Nov 21 - Mon, Dec 2</strong></p> <p>Open Daily, 10 a.m. - 5 p.m.</p> <p><em>Closed Thanksgiving Day</em></p> <p> </p> <p><strong>Thu, Dec 19 - Mon, Jan 6</strong></p> <p>Open Daily, 10 a.m. - 5 p.m.</p> <p><em>Closed Christmas Day</em></p></p> </div> <div class="hours-parking flex p-4 py-8 md:p-6 items-start text-black"> <div > <a href="/visit/hours-information/" class="font-kaneda text-bold text-[2.5rem] leading-none mb-3 underline uppercase block hours-directions-link">Hours, Directions & Parking</a> <div class="lg:flex"> <div class="lg:pr-6 xl:pr-8"> <p class="font-neusa-next-std-compact uppercase text-[1.5rem] text-[#888A8E] leading-none mb-2">Hours of Operation</p> <span class="w-full flex flex-wrap text-black mb-4"> <p><span class="w-full"> <b> Open Thursday - Monday </b></p> <p><span class="w-full">10:00 a.m. - 5:00 p.m. </span></p> <p><span class="w-full"><i> Closed Tuesday & Wednesday </i></span></p> </span> <span><p><strong>Box office closes at 4:30 PM</strong></p> <p><em>Hours subject to change</em></p> <p> </p> <p><span style="text-decoration: underline;"><strong>HOLIDAY HOURS</strong></span></p> <p><strong>Thu, Nov 21 - Mon, Dec 2</strong></p> <p>Open Daily, 10 a.m. - 5 p.m.</p> <p><em>Closed Thanksgiving Day</em></p> <p> </p> <p><strong>Thu, Dec 19 - Mon, Jan 6</strong></p> <p>Open Daily, 10 a.m. - 5 p.m.</p> <p><em>Closed Christmas Day</em></p> <p> </p> <p><span style="text-decoration: underline;"><strong>HALL OF FAME STORE</strong></span></p> <p><strong>Open Daily</strong></p> <p>10 a.m. - 6 p.m.</p> <p><em>Closed Thanksgiving Day</em></p> <p><em>Closed Christmas Day</em><span class="paragraph"></span></p> <p> </p></span> </div> <div class="pt-6 lg:pt-0 lg:pr-6 xl:pr-8"> <p class="font-neusa-next-std-compact uppercase text-[1.5rem] text-[#888A8E] leading-none mb-2">Address</p> <p> <a class="address-line" href="https://www.bing.com/maps?osid=bccacb51-f6eb-4b65-8678-c5ba1b899f2a&cp=33.760008~-84.406006&lvl=16&pi=0&imgid=38da4654-a578-407d-beb1-342467c71ba3&v=2&sV=2&form=S00027" target="_blank">250 Marietta St., N.W<br /> Atlanta, GA 30313<br /></a> </p> <p class="font-neusa-next-std-compact uppercase text-[1.5rem] text-[#888A8E] leading-none mt-2 mb-2">Phone</p> <p><a href="tel:4048804800">[404] 880-4800</a></p> </div> </div> </div> <div class="map lg:block"> <a href="/visit/hours-information/"> <img src="/images/static-map.png" height="140" alt="map" class="border-2" /> </a> </div> </div> </div> </div> </div> </div> <div class="mobile-header flex justify-between items-center relative z-10 px-4 py-2 border-b-2 bg-white lg:hidden"> <button class="hamburger-button" id="hamburgerButton" aria-label="Menu Toggle"> <div class="hamburger-button__bar--top"></div> <div class="hamburger-button__bar--middle"></div> <div class="hamburger-button__bar--bottom"></div> </button> <a href="/" class="mobile-logo"> <img src="/images/logo.png" alt="College Football Hall Of Fame Logo" class="logo-cfhof"> </a> <a href="/visit/tickets" class="btn btn--outline btn-sm max-w-[85px]">Tickets</a> </div>  <header class="main-navigation absolute md:fixed z-[1000] top-0 left-0 flex flex-col w-full h-screen max-w-[328px] lg:max-w-[280px] xl:max-w-[328px] pt-14 lg:pt-0 bg-white" role="banner"> <div class="nav-header"> <span id="submenu-back">Back</span> <button class="btn-close-navigation mr-2" id="closePrimaryNav" aria-label="Menu Toggle"></button> </div>  <div class="primary-nav max-w-[328px] lg:max-w-[280px] xl:max-w-[328px] flex flex-col lg:pt-6 content-start items-start justify-start w-full h-screen border-r-2 border-[#C0C1C3] overflow-hidden overflow-y-scroll"> <a href="/" class="desktop-logo"> <img src="/images/logo.png" alt="College Football Hall Of Fame Logo" class="logo-cfhof"> </a> <ul class="nav nav-quick-links flex flex-row justify-between flex-wrap pt-7 px-7 lg:pt-14"> <li class="w-full"><a class="btn btn--primary min-h-[3.4375rem] pt-[0.4rem] mb-4" href="/visit/tickets/">Tickets</a></li> <li class="w-1/2 max-w-[47%] mr-[3%]"><a class="btn btn--outline btn-sm" href="/make-a-donation/" target="_blank">Donate</a></li> <li class="w-1/2 max-w-[47%] ml-[3%]"><a class="btn btn--outline btn-sm" href="/membership/" target="">Membership</a></li> </ul> <ul class="nav-main flex flex-col content-start items-stretch justify-stretch pt-8 mb-12 px-7 w-full"> <li class="has-sub-nav" data-menu='hall-of-fame'>Hall of Fame</li> <li class="has-sub-nav" data-menu='experience'>Experience</li> <li class="has-sub-nav" data-menu='visit'>Visit</li> <li class="has-sub-nav" data-menu='news---happenings'>News & Happenings</li> <li><a href="/book-event/">Venue Rental</a></li> <li><a href="/save-with-citypass/">Save with CityPASS®</a></li> </ul> <div class="flex flex-col content-end items-end justify-end w-full grow h-auto p-7"> <a href="https://tickets.cfbhall.com/events/0b5b1565-9012-4d77-78c8-cf87f56bb173" onclick="ga('send', 'event', 'Main Nav', 'Click', 'Become a Member')" target="_blank" class="img-link w-full h-52 px-4 py-1" style="background-image: url('/images/img-become-a-member.jpg');"> <span>Become a Member</span> </a> </div> </div> <div class="sub-navigation relative flex flex-col w-full h-full max-w-[328px] lg:max-w-[280px] xl:max-w-[328px] pt-[4.5rem] px-7 overflow-hidden overflow-y-scroll" id="hall-of-fame-SubMenu"> <button class="btn-close-navigation mr-2 desktop-close-subnav" aria-label="Menu Toggle"></button> <a href="/hall-of-fame/" class="sub-navigation-tile">Hall of Fame</a> <p class="block mt-1 mb-6 pb-6 w-full text-sm text-black border-b-2 border-[#C0C1C3]">0.02% of College Football players and coaches can claim the honor of being in the Hall.</p> <ul class="nav-sub h-auto"> <li class="subnav-group"> <span class="nav-title">Hall of Famers</span> <ul> <li><a href="/inductees/">Inductees</a></li> <li><a href="/selection-process/">Induction Process</a></li> </ul> </li> <li class="subnav-group"> <span class="nav-title">Support</span> <ul> <li><a href="/make-a-donation/">Donate</a></li> <li><a href="/membership/">Membership</a></li> <li><a href="/brick-locator/">Brick Locator</a></li> <li><a href="/partners/">Partners</a></li> </ul> </li> <li class="subnav-group"> <span class="nav-title">About the Hall</span> <ul> <li><a href="/history/">History</a></li> <li><a href="/nff/">NFF</a></li> </ul> </li> </ul> <a href="/inductees/" class="img-link w-full h-52 min-h-[208px] mt-8 mb-10 px-4 pb-1" style="background-image: url('/media/1i5j33yw/2024-cfbhall-class-image-nff.png');"> <span>Class of 2024</span> </a> </div> <div class="sub-navigation relative flex flex-col w-full h-full max-w-[328px] lg:max-w-[280px] xl:max-w-[328px] pt-[4.5rem] px-7 overflow-hidden overflow-y-scroll" id="experience-SubMenu"> <button class="btn-close-navigation mr-2 desktop-close-subnav" aria-label="Menu Toggle"></button> <a href="/experience/" class="sub-navigation-tile">Experience</a> <p class="block mt-1 mb-6 pb-6 w-full text-sm text-black border-b-2 border-[#C0C1C3]"> Where Legends Live, Play, Visit & Learn.</p> <ul class="nav-sub h-auto"> <li class="subnav-group"> <span class="nav-title"></span> <ul> <li><a href="/exhibits/">Galleries & Exhibits</a></li> <li><a href="/all-access/">All-Access Pass</a></li> <li><a href="/vip-tour/">VIP Tours</a></li> <li><a href="/meet-fumbles/">Meet Fumbles</a></li> </ul> </li> </ul> <a href="/membership/" class="img-link w-full h-52 min-h-[208px] mt-8 mb-10 px-4 pb-1" style="background-image: url('/media/2mwbwexi/navigation_promotile_becomemember.jpg');"> <span>Become a Member</span> </a> </div> <div class="sub-navigation relative flex flex-col w-full h-full max-w-[328px] lg:max-w-[280px] xl:max-w-[328px] pt-[4.5rem] px-7 overflow-hidden overflow-y-scroll" id="visit-SubMenu"> <button class="btn-close-navigation mr-2 desktop-close-subnav" aria-label="Menu Toggle"></button> <a href="/visit/" class="sub-navigation-tile">Visit</a> <p class="block mt-1 mb-6 pb-6 w-full text-sm text-black border-b-2 border-[#C0C1C3]"> Plan Your Visit Through the Past, Present and Future of College Football Page.</p> <ul class="nav-sub h-auto"> <li class="subnav-group"> <span class="nav-title">Tickets</span> <ul> <li><a href="/visit/tickets/">Tickets & Pricing</a></li> <li><a href="/membership/">Membership</a></li> <li><a href="/vip-tour/">VIP Tour</a></li> <li><a href="/save-with-citypass/">Save with CityPASS®</a></li> <li><a href="/groups/">Group Tickets</a></li> </ul> </li> <li class="subnav-group"> <span class="nav-title">Group Packages</span> <ul> <li><a href="/groups/field-trips/">Field Trips</a></li> <li><a href="/groups/birthday-parties/">Birthday Parties</a></li> <li><a href="/groups/corporate-team-building/">Team Building</a></li> <li><a href="/groups/family-reunions/">Family Outings</a></li> <li><a href="/groups/football-banquet/">Football Banquet</a></li> </ul> </li> <li class="subnav-group"> <span class="nav-title">Book an Event</span> <ul> <li><a href="/book-event/">Venue Rental</a></li> </ul> </li> <li class="subnav-group"> <span class="nav-title">Visitor Info</span> <ul> <li><a href="/visit/hours-information/">Hours & Directions</a></li> <li><a href="/accommodations/">OMNI Accommodations</a></li> <li><a href="/health-and-safety/">Health & Safety</a></li> <li><a href="/attractions/">Atlanta Attractions</a></li> <li><a href="/faq/">FAQs</a></li> </ul> </li> </ul> <a href="/vip-tour/" class="img-link w-full h-52 min-h-[208px] mt-8 mb-10 px-4 pb-1" style="background-image: url('/media/tprhy3sp/img-vip-guided-tour.jpg');"> <span>VIP Guided Tour</span> </a> </div> <div class="sub-navigation relative flex flex-col w-full h-full max-w-[328px] lg:max-w-[280px] xl:max-w-[328px] pt-[4.5rem] px-7 overflow-hidden overflow-y-scroll" id="news---happenings-SubMenu"> <button class="btn-close-navigation mr-2 desktop-close-subnav" aria-label="Menu Toggle"></button> <a href="/news-and-happenings/" class="sub-navigation-tile">News & Happenings</a> <p class="block mt-1 mb-6 pb-6 w-full text-sm text-black border-b-2 border-[#C0C1C3]">Experience Endless Fun Legendary Moments.</p> <ul class="nav-sub h-auto"> <li class="subnav-group"> <span class="nav-title"></span> <ul> <li><a href="/happenings/">Happenings</a></li> <li><a href="/news-and-happenings/news/">News</a></li> <li><a href="/news-and-happenings/blog/">Blog</a></li> </ul> </li> </ul> <a href="/happenings/down-set-game-on/" class="img-link w-full h-52 min-h-[208px] mt-8 mb-10 px-4 pb-1" style="background-image: url('/media/lo3g5dhd/cfbhall-10th-anniversary-graphic-2-960x670.png');"> <span>Down, Set, Game On!</span> </a> </div>  </header> <main class="lg:ml-[280px] xl:ml-[328px]" role="main" data-version="20241105"> <div class="container-fluid main-body"> <div class="hero-carousel flex flex-col-reverse content-start items-start justify-end w-full h-[615px] lg:h-[744px] md:flex-row md:content-center md:items-stretch bg-gray-800 slider" id="f9b0be8e-5348-4232-b824-bab7a0161cc2"> <div class="slick-slide" data-id="e76446cc-4751-425f-9268-934694ca6a70"> <div class="relative flex flex-col content-start items-start justify-end lg:justify-center w-full h-full px-5 md:px-10 xl:px-16 2xl:px-20 md:pt-[4.5rem] py-5 2xl:w-4/5 md:h-full"> <div class="relative w-full pb-20 text-white"> <h1 class="flex flex-col content-start items-start justify-start font-kaneda font-bold text-[3.75rem] md:text-[6rem] xl:text-[8rem] leading-[0.85] lg:leading-[0.8] tracking-[1px] uppercase mb-4"> <span class="transparent-header white">New AI-Tech</span> <span class="text-white">Makes You a Star</span> </h1> <p class="w-[90%] xl:max-w-[60%] font-neusa-next text-base md:mb-12">Lace 'em up and bring your AI-game, it's time to experience college football like never before! Our new, cutting-edge AI technology gets you in the game and makes you the star of the story. You have to see it to believe it! So, what are you waiting for? Down, set, GAME ON!</p> <a href="/visit/tickets/" class="btn btn--outline btn--outline-dark w-full lg:w-max mt-5">SEE IT TO BELIEVE IT!</a> </div> </div> </div> <div class="slick-slide" data-id="daf8ef72-25b4-4243-97f4-6eac4cc732b9"> <div class="relative flex flex-col content-start items-start justify-end lg:justify-center w-full h-full px-5 md:px-10 xl:px-16 2xl:px-20 md:pt-[4.5rem] py-5 2xl:w-4/5 md:h-full"> <div class="relative w-full pb-20 text-white"> <h1 class="flex flex-col content-start items-start justify-start font-kaneda font-bold text-[3.75rem] md:text-[6rem] xl:text-[8rem] leading-[0.85] lg:leading-[0.8] tracking-[1px] uppercase mb-4"> <span class="transparent-header white">More Than A Game</span> <span class="text-white">More Than A Museum</span> </h1> <p class="w-[90%] xl:max-w-[60%] font-neusa-next text-base md:mb-12">Connecting and Honoring College Football’s Excellence: Educate, Inspire, Entertain.</p> <a href="/experience/" class="btn btn--outline btn--outline-dark w-full lg:w-max mt-5">Experience the hall</a> </div> </div> </div> <div class="slick-slide" data-id="7b579587-4b7e-4307-91dd-e821306521a8"> <div class="relative flex flex-col content-start items-start justify-end lg:justify-center w-full h-full px-5 md:px-10 xl:px-16 2xl:px-20 md:pt-[4.5rem] py-5 2xl:w-4/5 md:h-full"> <div class="relative w-full pb-20 text-white"> <h1 class="flex flex-col content-start items-start justify-start font-kaneda font-bold text-[3.75rem] md:text-[6rem] xl:text-[8rem] leading-[0.85] lg:leading-[0.8] tracking-[1px] uppercase mb-4"> <span class="transparent-header white">Sightseeing in</span> <span class="text-white">Atlanta?</span> </h1> <h2 class="font-kaneda text-bold text-white text-[1.75rem] lg:text-[2.5rem] leading-none uppercase mb-5 lg:mb-8">Save 48% with Atlanta CityPASS®</h2> <p class="w-[90%] xl:max-w-[60%] font-neusa-next text-base md:mb-12">Visiting Atlanta’s top five attractions, including the College Football Hall of Fame, is easy and affordable with Atlanta CityPASS®! One purchase and mobile ticket delivery saves you time and money.</p> <a href="https://www.citypass.com/atlanta?mv_source=cfbhall&campaign=home" class="btn btn--outline btn--outline-dark w-full lg:w-max mt-5">Purchase CityPASS®</a> </div> </div> </div> </div> <script> $(document).ready(function(){ $('.slider').slick({ autoplay: true, dots: true, infinite: true, speed: 500, fade: true, cssEase: 'linear' }); }); </script> <style> @media screen and (min-width: 1024px) { .hero-carousel [data-id='e76446cc-4751-425f-9268-934694ca6a70'] { background: url('https://cfhof-media.azureedge.net/media/media/0zcnc2xz/ai-boy-excited1-1.jpg') center no-repeat !important; background-size: cover !important; } } </style> <style> .hero-carousel [data-id='daf8ef72-25b4-4243-97f4-6eac4cc732b9'] { background: url('https://cfhof-media.azureedge.net/media/media/pxoehls3/hall-of-fame_exterior-mobile.jpg') no-repeat; background-position: top center; background-size: cover; } </style> <style> @media screen and (min-width: 1024px) { .hero-carousel [data-id='daf8ef72-25b4-4243-97f4-6eac4cc732b9'] { background: url('https://cfhof-media.azureedge.net/media/media/5iod1m3o/hall-of-fame_exterior.jpg') center no-repeat !important; background-size: cover !important; } } </style> <style> @media screen and (min-width: 1024px) { .hero-carousel [data-id='7b579587-4b7e-4307-91dd-e821306521a8'] { background: url('https://cfhof-media.azureedge.net/media/media/gbppb4ad/4-17-23-aerials-3.jpg') center no-repeat !important; background-size: cover !important; } } </style> <div id="homeIntro"></div> <section class="home-intro relative flex flex-col content-start items-stretch justify-stretch w-full h-auto min-h-[575px] mx-auto md:flex-row xl:content-center xl:justify-start" id="7dfae506-fc61-4b91-90a0-078638c1ff49"> <div class="relative flex flex-col content-start items-start justify-start w-full md:w-1/2 md:grow 2xl:w-3/4 h-auto pl-5 pt-16 pb-6 md:pl-8 xl:pl-16 2xl:pl-20 xl:pr-0 xl:pb-0 2xl:pr-10 bg-texture-top-right-bottom-left"> <h2 class="block w-full md:w-11/12 font-kaneda text-bold text-black text-6xl md:text-[4rem] 2xl:text-[6rem] md:max-w-[25.625rem] xl:max-w-[28.125rem] 2xl:max-w-[43.75rem] leading-[0.8] tracking-[1px] uppercase">The Destination For College Football</h2> <p class="block mt-6 font-neusa-next text-black md:w-10/12 md:max-w-[25.625rem] xl:max-w-[28.125rem] 2xl:max-w-[43.75rem]">Our mission is to inspire and entertain by celebrating the passion and traditions of college football and its greatest players and coaches.</p> <div class="mini-card-grid flex-row content-start items-stretch justify-start mt-12 w-full overflow-x-scroll 2xl:overflow-visible 2xl:pr-0 2xl:mb-16"> <div class="small-card relative flex flex-col content-start items-start justify-start bg-lightgray w-1/3 min-w-[17rem] lg:min-w-[19rem] 2xl:min-w-0 mr-4 py-5 px-8 h-auto" data-aos="fade-up" data-aos-anchor-placement="top-bottom" data-aos-anchor="#homeIntro" data-aos-delay="100"> <a href="/visit/tickets/" class="absolute top-0 left-0 w-full h-full px-8"> <span class="sr-only">Tickets</span> </a> <h3 class="block mb-3 font-kaneda text-bold text-black text-4xl uppercase">Tickets</h3> <p class="font-neusa-next text-black mt-1 grow">Score a Touchdown Today! Secure Your Tickets!</p> <div class="flex flex-row content-start items-start justify-end w-full mt-5 mb-3"> <svg class="ml-2 mb-1" xmlns="http://www.w3.org/2000/svg" width="29.957" height="15.741" viewBox="0 0 29.957 15.741"> <g transform="translate(0.554 0.594)"> <path class="arrow" d="M4.962,27.288A247.338,247.338,0,0,1,8.322,1.24.616.616,0,0,0,7.2.768C4.883,3.8,2.5,6.784.141,9.79c-.473.6.355,1.47.861.861C2.343,9.035,3.7,7.435,5.051,5.828S7.662,2.529,8.988.894L8.1.524C8,5.444,8.068,10.749,10.029,15.354c.415.974,1.95.272,1.682-.709-.628-2.3-1.434-4.535-1.908-6.882A30.277,30.277,0,0,1,9.141.524.528.528,0,0,0,8.249.155c-1.357,1.6-2.78,3.139-4.11,4.761S1.483,8.173.141,9.79L1,10.651C3.388,7.6,5.743,4.529,8.164,1.51L7.141.914A113.908,113.908,0,0,0,3.982,27.288a.49.49,0,0,0,.98,0Z" transform="matrix(0.105, 0.995, -0.995, 0.105, 27.608, 0)" fill="#000000" stroke="#000000" stroke-width="1" /> </g> </svg> </div> </div> <div class="small-card relative flex flex-col content-start items-start justify-start bg-lightgray w-1/3 min-w-[17rem] lg:min-w-[19rem] 2xl:min-w-0 mr-4 py-5 px-8 h-auto" data-aos="fade-up" data-aos-anchor-placement="top-bottom" data-aos-anchor="#homeIntro" data-aos-delay="200"> <a href="/groups/group-outings/" class="absolute top-0 left-0 w-full h-full px-8"> <span class="sr-only">Group Outings</span> </a> <h3 class="block mb-3 font-kaneda text-bold text-black text-4xl uppercase">Group Outings</h3> <p class="font-neusa-next text-black mt-1 grow">Lead Your Team to Victory! Score your Group Tickets!</p> <div class="flex flex-row content-start items-start justify-end w-full mt-5 mb-3"> <svg class="ml-2 mb-1" xmlns="http://www.w3.org/2000/svg" width="29.957" height="15.741" viewBox="0 0 29.957 15.741"> <g transform="translate(0.554 0.594)"> <path class="arrow" d="M4.962,27.288A247.338,247.338,0,0,1,8.322,1.24.616.616,0,0,0,7.2.768C4.883,3.8,2.5,6.784.141,9.79c-.473.6.355,1.47.861.861C2.343,9.035,3.7,7.435,5.051,5.828S7.662,2.529,8.988.894L8.1.524C8,5.444,8.068,10.749,10.029,15.354c.415.974,1.95.272,1.682-.709-.628-2.3-1.434-4.535-1.908-6.882A30.277,30.277,0,0,1,9.141.524.528.528,0,0,0,8.249.155c-1.357,1.6-2.78,3.139-4.11,4.761S1.483,8.173.141,9.79L1,10.651C3.388,7.6,5.743,4.529,8.164,1.51L7.141.914A113.908,113.908,0,0,0,3.982,27.288a.49.49,0,0,0,.98,0Z" transform="matrix(0.105, 0.995, -0.995, 0.105, 27.608, 0)" fill="#000000" stroke="#000000" stroke-width="1" /> </g> </svg> </div> </div> <div class="small-card relative flex flex-col content-start items-start justify-start bg-lightgray w-1/3 min-w-[17rem] lg:min-w-[19rem] 2xl:min-w-0 mr-4 py-5 px-8 h-auto" data-aos="fade-up" data-aos-anchor-placement="top-bottom" data-aos-anchor="#homeIntro" data-aos-delay="300"> <a href="/news-and-happenings/news/a-star-studded-2024-college-football-hall-of-fame-class/" class="absolute top-0 left-0 w-full h-full px-8" target=""> <span class="sr-only">A Star-Studded 2024 College Football Hall of Fame Class</span> </a> <h3 class="block mb-3 font-kaneda text-bold text-black text-4xl uppercase">2024 Hall of Fame Class</h3> <p class="font-neusa-next text-black mt-1 grow">Meet the 2024 Inductees!</p> <div class="flex flex-row content-start items-start justify-end w-full mt-5 mb-3"> <svg class="ml-2 mb-1" xmlns="http://www.w3.org/2000/svg" width="29.957" height="15.741" viewBox="0 0 29.957 15.741"> <g transform="translate(0.554 0.594)"> <path class="arrow" d="M4.962,27.288A247.338,247.338,0,0,1,8.322,1.24.616.616,0,0,0,7.2.768C4.883,3.8,2.5,6.784.141,9.79c-.473.6.355,1.47.861.861C2.343,9.035,3.7,7.435,5.051,5.828S7.662,2.529,8.988.894L8.1.524C8,5.444,8.068,10.749,10.029,15.354c.415.974,1.95.272,1.682-.709-.628-2.3-1.434-4.535-1.908-6.882A30.277,30.277,0,0,1,9.141.524.528.528,0,0,0,8.249.155c-1.357,1.6-2.78,3.139-4.11,4.761S1.483,8.173.141,9.79L1,10.651C3.388,7.6,5.743,4.529,8.164,1.51L7.141.914A113.908,113.908,0,0,0,3.982,27.288a.49.49,0,0,0,.98,0Z" transform="matrix(0.105, 0.995, -0.995, 0.105, 27.608, 0)" fill="#000000" stroke="#000000" stroke-width="1" /> </g> </svg> </div> </div> </div> </div> <div class="relative flex flex-row content-start items-start justify-center w-full h-auto md:w-[24.25rem] px-5 py-5 sm:p-0"> <div class="flex flex-col content-start items-stretch justify-start w-full h-full mb-10 bg-white border-2 border-gray md:border-t-0 md:border-b-0 max-w-[25rem]"> <div class="flex flex-row content-center items-center justify-between px-6 py-6 lg:py-9 w-full"> <p class="font-kaneda font-medium text-black text-[2.5rem] lg:text-[3.5rem] leading-[0.8] uppercase">Happenings</p> <a href="/happenings" class="text-black text-bold flex content-center items-center !px-0"> View All <svg class="ml-2" xmlns="http://www.w3.org/2000/svg" width="6.123" height="10.125" viewBox="0 0 6.123 10.125"> <g transform="translate(22901.6 20580.654)"> <path class="chevron" d="M-22900.535-20571.594l4-4-4-4" transform="translate(-0.002 0.002)" fill="none" stroke="#292e34" stroke-linecap="round" stroke-width="1.5" /> </g> </svg> </a> </div> <div class="carousel-happenings relative flex flex-col content-start items-start justify-start h-full" id="home-happenings-slider"> <a href="/happenings/down-set-game-on/" class="slick-slide card-zoom w-[388px] h-full flex-col" title="Down, Set, Game On! "> <div class="img card-zoom-container block w-full h-64"> <img src='/media/bc1ktfax/cfbhall_exterior_with_10th_anniversary_logo_-_960x670px-1.png?width=380&format=webp' alt="/media/bc1ktfax/cfbhall_exterior_with_10th_anniversary_logo_-_960x670px-1.png" class="block w-full h-full object-cover" /> </div> <h2 class="block font-neusa-next-std-compact text-black text-[1.75rem] md:text-[2rem] leading-[1.1] pt-5 px-5">Down, Set, Game On! </h2> <div class="happenings-date flex flex-row content-start items-center justify-start w-full mt-5"> <div class="pt-1 px-5 mb-4 flex flex-row content-center items-center justify-start w-full"> <svg class="mt-[-0.1rem] mr-3 min-w-[0.9375rem]" xmlns="http://www.w3.org/2000/svg" width="15.135" height="17.297" viewBox="0 0 15.135 17.297"> <path d="M.405,6.486H14.729a.407.407,0,0,1,.405.405v8.784A1.622,1.622,0,0,1,13.513,17.3H1.622A1.622,1.622,0,0,1,0,15.675V6.892A.407.407,0,0,1,.405,6.486ZM15.135,5V3.784a1.622,1.622,0,0,0-1.622-1.622H11.892V.405A.407.407,0,0,0,11.486,0H10.135a.407.407,0,0,0-.405.405V2.162H5.405V.405A.407.407,0,0,0,5,0H3.649a.407.407,0,0,0-.405.405V2.162H1.622A1.622,1.622,0,0,0,0,3.784V5a.407.407,0,0,0,.405.405H14.729A.407.407,0,0,0,15.135,5Z"/> </svg> <p class="leading-none text-black">The Hall Celebrates 10 Years in Atlanta </p> </div> </div> <div class="hidden flex-row content-start items-start justify-end w-full mt-5 mb-3 px-5"> <svg class="ml-2 mb-1" xmlns="http://www.w3.org/2000/svg" width="29.957" height="15.741" viewBox="0 0 29.957 15.741"> <g transform="translate(0.554 0.594)"> <path class="arrow" d="M4.962,27.288A247.338,247.338,0,0,1,8.322,1.24.616.616,0,0,0,7.2.768C4.883,3.8,2.5,6.784.141,9.79c-.473.6.355,1.47.861.861C2.343,9.035,3.7,7.435,5.051,5.828S7.662,2.529,8.988.894L8.1.524C8,5.444,8.068,10.749,10.029,15.354c.415.974,1.95.272,1.682-.709-.628-2.3-1.434-4.535-1.908-6.882A30.277,30.277,0,0,1,9.141.524.528.528,0,0,0,8.249.155c-1.357,1.6-2.78,3.139-4.11,4.761S1.483,8.173.141,9.79L1,10.651C3.388,7.6,5.743,4.529,8.164,1.51L7.141.914A113.908,113.908,0,0,0,3.982,27.288a.49.49,0,0,0,.98,0Z" transform="matrix(0.105, 0.995, -0.995, 0.105, 27.608, 0)" fill="#b5212a" stroke="#b5212a" stroke-width="1" /> </g> </svg> </div> </a> <a href="/happenings/vip-guest-tours-at-the-chick-fil-a-college-football-hall-of-fame/" class="slick-slide card-zoom w-[388px] h-full flex-col" title="College Football Hall of Fame V.I.P. Guided Tours Now Available!"> <div class="img card-zoom-container block w-full h-64"> <img src='/media/0k4dtxtm/vip-guided-tours-960x670.png?width=380&format=webp' alt="/media/0k4dtxtm/vip-guided-tours-960x670.png" class="block w-full h-full object-cover" /> </div> <h2 class="block font-neusa-next-std-compact text-black text-[1.75rem] md:text-[2rem] leading-[1.1] pt-5 px-5">College Football Hall of Fame V.I.P. Guided Tours Now Available!</h2> <div class="happenings-date flex flex-row content-start items-center justify-start w-full mt-5"> </div> <div class="hidden flex-row content-start items-start justify-end w-full mt-5 mb-3 px-5"> <svg class="ml-2 mb-1" xmlns="http://www.w3.org/2000/svg" width="29.957" height="15.741" viewBox="0 0 29.957 15.741"> <g transform="translate(0.554 0.594)"> <path class="arrow" d="M4.962,27.288A247.338,247.338,0,0,1,8.322,1.24.616.616,0,0,0,7.2.768C4.883,3.8,2.5,6.784.141,9.79c-.473.6.355,1.47.861.861C2.343,9.035,3.7,7.435,5.051,5.828S7.662,2.529,8.988.894L8.1.524C8,5.444,8.068,10.749,10.029,15.354c.415.974,1.95.272,1.682-.709-.628-2.3-1.434-4.535-1.908-6.882A30.277,30.277,0,0,1,9.141.524.528.528,0,0,0,8.249.155c-1.357,1.6-2.78,3.139-4.11,4.761S1.483,8.173.141,9.79L1,10.651C3.388,7.6,5.743,4.529,8.164,1.51L7.141.914A113.908,113.908,0,0,0,3.982,27.288a.49.49,0,0,0,.98,0Z" transform="matrix(0.105, 0.995, -0.995, 0.105, 27.608, 0)" fill="#b5212a" stroke="#b5212a" stroke-width="1" /> </g> </svg> </div> </a> </div> </div> </div> </section> <script> $(document).ready(function(){ $('#home-happenings-slider').slick({ autoplay: true, dots: true, infinite: true, speed: 500, fade: true, cssEase: 'linear' }); }); </script> <div id="animation-anchor-5"></div> <section class="section-quote-content sbs-quote relative flex content-start items-stretch justify-stretch flex-wrap w-full mx-auto lg:content-center lg:items-stretch lg:justify-between " id="ac1da54a-de55-436c-9f1e-9c841e455da0"> <div class="relative flex flex-col content-center items-start justify-start w-full lg:justify-start pt-20 xl:w-1/2 px-5 md:px-10 lg:py-20 xl:pl-16 2xl:pl-20 2xl:py-24"> <h2 class="font-kaneda mb-8 swoosh " data-aos="fade-up" data-aos-anchor="#animation-anchor-5" data-aos-anchor-placement="top-bottom"><span class="transparent-header">Join the Legacy</span> Unleash Exclusive Benefits </h2> <div class="content-body mb-4" data-aos="fade-up" data-aos-delay="50" data-aos-anchor="#animation-anchor-5" data-aos-anchor-placement="top-bottom"> <p>Join the legacy of the College Football Hall of Fame and unleash a world of exclusive benefits, engagement, and more.</p> </div> <div class="relative flex flex-row content-start items-start justify-start flex-wrap w-full mt-4 text-black z-50" data-aos="fade-up" data-aos-delay="100" data-aos-anchor="#animation-anchor-5" data-aos-anchor-placement="top-bottom"> <a href="/membership/" class="btn btn--outline min-w-full min-[450px]:min-w-0" target="">Join the Legacy Today</a> </div> </div> <div class="relative flex flex-row content-end items-center justify-center w-full xl:w-1/2 pt-20 pb-0 px-5 md:px-10 md:pt-14 xl:pr-20 xl:pt-24 2xl:pt-32 overflow-hidden"> <div class="flex flex-row content-start items-start justify-start flex-wrap w-full h-full" data-aos="fade-up" data-aos-anchor="#animation-anchor-5" data-aos-anchor-placement="top-bottom"> <div class="outer-container flex flex-row content-start items-start justify-start w-full h-full min-h-[500px]"> <div class="testimonial-container relative sm:max-w-[29rem] mx-auto 2xl:max-w-[31rem]"> <div class="individual-testimonial py-16 px-8 h-auto text-left bg-white 2xl:px-16 2xl:pt-24 border-2 border-gray"> <div class="testimonial-body w-2/3 mb-12 2xl:w-11/12"> <p class="text text-base 2xl:text-2xl">"None of us are here on our own. We're here because there are so many people that influenced us and inspired us, lead us 
and encouraged us and picked us up when we were down."</p> <p class="font-neusa-next font-bold uppercase text-xs tracking-wide xl:text-sm mt-6 xl:mt-10">– Tim Tebow - Class of 2023</p> </div> </div> <div class="testimonial-overlay"> <img src="https://cfhofuseast.blob.core.windows.net/media/Inductees/Tebow,_Tim.png" alt="Tim Tebow - Class of 2023"> </div> </div> </div> </div> </div> </section> <style> .sbs-quote { background-image: url('/media/pfbmgsan/00_homepage_celebratingexcellence_desktop.jpg'); background-repeat: no-repeat; background-position: top center; background-size: auto 500px; color: #FFF; } .sbs-quote::after { position: absolute; top: 0; left: 0; content: ''; width: 100%; height: 100%; background: rgb(0, 0, 0, 0); background: linear-gradient(0deg, rgba(0, 0, 0, 1) 50%, rgba(255, 255, 255, 0) 100%); z-index: 1; } .sbs-quote h2.swoosh { color: #FFF; } .sbs-quote h2.swoosh span { -webkit-text-stroke-color: white; } .sbs-quote div { z-index: 5; } .sbs-quote.bg-texture-right { background: none; } .sbs-quote .btn--outline { color: #FFF; background-color: transparent; border: 2px solid #FFF; } .sbs-quote .btn--outline:hover { color: #fff; background-color: #b5202b; border-color: #b5202b; } @media screen and (min-width: 1024px) { .sbs-quote::after { background: linear-gradient(90deg, rgba(0, 0, 0, 0.4) 70%, rgba(255, 255, 255, 0) 100%); } .sbs-quote { background-position: center; background-size: cover; } } </style> <section class="section section-small-text-cta three-col w-full p-5 py-12 md:px-8 lg:px-8 xl:px-16 2xl:px-20 " id="9d7075bb-e5c3-45c7-adc5-2d95844044bc"> <div class="xl:flex lg:mx-auto"> <div class="grow lg:mr-8 lg:max-w-[50%] 2xl:max-w-[65%]"> <p><span class="heading-three">Unforgettable Events Await </span></p> </div> <div class="xl:w-4/4 mt-4 xl:mt-0 flex justify-center flex-col"> <p>Elevate your private events with our exclusive Hall of Fame venue. Contact us to book for a truly legendary private event experience.</p> </div> <div class="link-grid xl:w-3/12 justify-between sm:justify-evenly flex mt-8 xl:mt-0 xl:ml-8"> <a href="/groups/" class="font-kaneda text-bold uppercase text-[1.5rem] tracking-[0.05rem] leading-none xl:justify-end has-arrow"> Groups <svg xmlns="http://www.w3.org/2000/svg" width="12.403" height="12.403" viewBox="0 0 12.403 12.403" class="icon w-3 h-3 ml-4 mb-1 hidden"> <path d="M4.651,0V4.651H1.55L6.2,9.3l4.651-4.651h-3.1V0ZM0,10.853V12.4H12.4v-1.55Z" /> </svg> </a> <a href="/book-event/" class="font-kaneda text-bold uppercase text-[1.5rem] tracking-[0.05rem] leading-none xl:justify-end has-arrow"> Rent the hall <svg xmlns="http://www.w3.org/2000/svg" width="12.403" height="12.403" viewBox="0 0 12.403 12.403" class="icon w-3 h-3 ml-4 mb-1 hidden"> <path d="M4.651,0V4.651H1.55L6.2,9.3l4.651-4.651h-3.1V0ZM0,10.853V12.4H12.4v-1.55Z" /> </svg> </a> </div> </div> </section> <section class="sideBySideVideoFeature relative flex flex-col content-start items-stretch justify-stretch w-full h-auto mx-auto 2xl:flex-row xl:content-center xl:items-stretch xl:justify-start border-b-2 border-gray 2xl:min-h-[35.9375rem]" id="e9a56793-12d3-488b-b033-0f1bf65bff80"> <div class="relative section section-video-content bg-cover lg:bg-center 2xl:w-2/3" id="section-video-e9a56793-12d3-488b-b033-0f1bf65bff80"> <div class="relative cover centered-content centered-text w-full" id="cover-e9a56793-12d3-488b-b033-0f1bf65bff80"> <div class="flex flex-col justify-center items-center w-full h-full text-center 2xl:flex-row bg-black bg-opacity-70"> <h2 class="font-kaneda text-bold text-[3.5rem] md:text-[125px] xl:text-[160px] leading-[0.8] uppercase transparent-header white 2xl:text-left">AI Meets Football <span class="text-white block">New Experience at the Hall</span> </h2> <button id="playStart" class="video-btn 2xl:ml-10"><span class="sr-only">Play video</span></button> </div> </div> <video id="videoContent-e9a56793-12d3-488b-b033-0f1bf65bff80" class="newVid" preload="auto" playsinline> <source id="mp4" src="https://cfhof-media.azureedge.net/media/media/rhyfgfvp/cfbhall-ai-promo-reel-1920x1080mp4.mp4#t=0.06" type="video/mp4"> <p>Your user agent does not support the HTML5 Video element.</p> </video> </div> <div class="bg-all-access relative flex flex-col content-start items-start justify-center w-full min-h-[40.25rem] sm:min-h-[500px] 2xl:w-1/3 h-auto px-5 py-16 md:px-8 xl:py-20 lg:px-16 2xl:pl-16 2xl:pr-0"> <h2 class="relative flex flex-col content-start items-start justify-start font-kaneda font-bold text-[2.5rem] md:text-[3.5rem] leading-[0.8] tracking-[1px] text-black uppercase mb-5 xl:mb-10 w-3/4 lg:w-11/12 2xl:w-7/12">Meet Fumbles</h2> <p class="relative w-1/2 xl:w-3/4 pr-2 min-[550px]:w-2/3 font-neusa-next text-base mb-8 text-black 2xl:w-5/12">When it comes to college football fanaticism, no one can compete with our beloved mascot Fumbles. He's all play and no game! Fumbles is the perfect fanimal to spread college football excitement and fandom to all. He is the self-proclaimed “realest college football fan,” and his unmatched spirit and enthusiasm for the game led him to join our team in August 2014.</p> <a href="/meet-fumbles/" class="relative btn btn--outline z-50">Meet Fumbles</a> </div> </section> <style> .sideBySideVideoFeature .bg-all-access { background-image: url('/media/sumctxoq/experience_fumbles_masked_desktop.jpg'); } </style> <script> $("#cover-e9a56793-12d3-488b-b033-0f1bf65bff80").on('click', function (e) { var title = document.getElementsByTagName("title")[0].innerHTML; var vid = document.getElementById("videoContent-e9a56793-12d3-488b-b033-0f1bf65bff80"); vid.paused ? play() : pause(); vid.onended = function (e) { $('#section-video-e9a56793-12d3-488b-b033-0f1bf65bff80').removeClass('active'); ga('send', 'event', 'Home', 'Finished', 'CFBHALL AI Promo Reel 1920X1080.Mp4'); }; function play() { vid.play(); $('#section-video-e9a56793-12d3-488b-b033-0f1bf65bff80').addClass('active'); vid.removeAttribute('muted'); vid.setAttribute('controls', ''); ga('send', 'event', 'Home', 'Play', 'CFBHALL AI Promo Reel 1920X1080.Mp4'); } function pause() { $('#section-video-e9a56793-12d3-488b-b033-0f1bf65bff80').removeClass('active'); vid.pause(); ga('send', 'event', 'Home', 'Pause', 'CFBHALL AI Promo Reel 1920X1080.Mp4'); } }); </script> <section class="section-latest-news relative flex flex-row content-start items-stretch justify-stretch flex-wrap w-full mx-auto lg:flex-row lg:content-center lg:items-stretch lg:justify-between bg-white"> <div class="relative flex flex-col content-center items-start justify-start w-full lg:justify-start xl:w-1/2 px-5 pt-16 md:pl-10 lg:pl-16 lg:pt-12 xl:pb-12 2xl:pl-20 2xl:pt-20"> <h2 class="flex flex-col content-start items-start justify-start font-kaneda font-bold text-6xl md:text-8xl xl:text-9xl tracking-[1px] uppercase leading-none mb-5 md:mb-7 2xl:w-10/12 2xl:mt-0"> <span class="font-kaneda text-bold text-white text-stroke-black text-9xl 2xl:text-[12.5rem] uppercase leading-[0.92] md:leading-[0.9] xl:leading-[0.85]">2025</span> <span class="font-kaneda text-bold text-black text-6xl lg:text-8xl tracking-[1px] 2xl:leading-[0.82] uppercase leading-[0.92] md:leading-[0.9] xl:leading-[0.85]">College Football Hall of Fame Ballot Announcement </span> </h2> <p class="relative w-full 2xl:pr-8 font-neusa-next text-base text-black mt-0">On June 3, 2024, The National Football Foundation (NFF) & College Hall of Fame announced the names on the 2025 ballot for induction into the College Football Hall of Fame. The list includes 77 players and nine coaches from the Football Bowl Subdivision, as well as 101 players and 34 coaches from the divisional ranks.</p> <div class="relative flex flex-row content-start items-start justify-start flex-wrap mt-12 w-full text-black"> <a href="/news-and-happenings/news/2025-college-football-hall-of-fame-ballot-announcement/" class="btn btn--primary btn--primary-dark mb-4 mr-6 min-w-full min-[450px]:min-w-0">Class of 2025 Ballot Announcement</a> <a href="/inductees/" class="btn btn--outline min-w-full min-[450px]:min-w-0 mb-4">View All Hall of Famers</a> </div> </div> <div class="relative flex flex-row content-start items-start justify-center w-full xl:w-1/2 pt-0 pb-0 pl-5 md:px-16 md:pt-14 md:pb-5 lg:pt-5 xl:pb-10 2xl:pt-20 2xl:pl-0 lg:pr-0"> <div class="flex flex-row content-start items-start justify-start flex-wrap w-full"> <div class="flex flex-row content-start items-start justify-start w-full"> <div class="w-full lg:mx-auto"> <div class="flex flex-row content-center items-center justify-between pl-0 pr-5 pt-5 pb-2 w-full"> <p class="font-kaneda text-bold text-black text-4xl uppercase">The Latest News</p> <a href="/news-and-happenings/news/" class="text-black text-bold flex content-center items-center !px-0"> View All <svg class="ml-2" xmlns="http://www.w3.org/2000/svg" width="6.123" height="10.125" viewBox="0 0 6.123 10.125"> <g transform="translate(22901.6 20580.654)"> <path class="chevron" d="M-22900.535-20571.594l4-4-4-4" transform="translate(-0.002 0.002)" fill="none" stroke="#292e34" stroke-linecap="round" stroke-width="1.5" /> </g> </svg> </a> </div> <div class="relative flex flex-row content-start items-stretch justify-start flex-nowrap w-full h-full pb-[3.5rem] cursor-pointer"> <div class="carousel-latest-news w-full" id="2f8a62b3-3f5d-4c67-8b1f-ed151402a41a"> <div class="slick-slide card-zoom relative flex flex-col content-start items-stretch justify-start bg-white border border-gray w-full min-w-[298px] xl:min-w-[350px] mr-4"> <div class="card-zoom-container block w-full h-64 border-b-8 border-red img"> <img src="/media/fixnaggt/bday-brick-stills-4.jpg?width=350&format=webp" alt="" class="block w-full h-full object-cover"> </div> <div class="flex flex-col content-start items-stretch justify-start flex-wrap w-full py-6 px-8 grow"> <p class="block w-full mb-1 text-xs text-black font-neusa-next">November 21, 2024</p> <h3 class="block font-neusa-next-std-compact text-bold text-black text-[1.5rem] leading-[1.3] mb-4 capitalize">College Football Hall of Fame Legacy Brick Revealed to Recipient after 12 Years</h3> <p class="block w-full text-black text-[0.875rem]">College Football Hall of Fame Legacy Brick Revealed to Recipient after 12 Years Grandson of former G ...</p> <a class="absolute top-0 left-0 flex flex-row content-end items-end justify-end w-full h-full px-8 py-6" href="/news-and-happenings/news/college-football-hall-of-fame-legacy-brick-revealed-to-recipient-after-12-years/"> <span class="sr-only">College Football Hall of Fame Legacy Brick Revealed to Recipient after 12 Years</span> </a> </div> </div> <div class="slick-slide card-zoom relative flex flex-col content-start items-stretch justify-start bg-white border border-gray w-full min-w-[298px] xl:min-w-[350px] mr-4"> <div class="card-zoom-container block w-full h-64 border-b-8 border-red img"> <img src="/images/blog-news.jpg?width=350&format=webp" alt="" class="block w-full h-full object-cover"> </div> <div class="flex flex-col content-start items-stretch justify-start flex-wrap w-full py-6 px-8 grow"> <p class="block w-full mb-1 text-xs text-black font-neusa-next">November 05, 2024</p> <h3 class="block font-neusa-next-std-compact text-bold text-black text-[1.5rem] leading-[1.3] mb-4 capitalize">College Football Hall of Fame Partnering with the Pro Football Hall of Fame to Provide Reciprocal Membership Admission</h3> <p class="block w-full text-black text-[0.875rem]">College Football Hall of Fame Partnering with the Pro Football Hall of Fame to Provide Reciprocal Me ...</p> <a class="absolute top-0 left-0 flex flex-row content-end items-end justify-end w-full h-full px-8 py-6" href="/news-and-happenings/news/college-football-hall-of-fame-partnering-with-the-pro-football-hall-of-fame-to-provide-reciprocal-membership-admission/"> <span class="sr-only">College Football Hall of Fame Partnering with the Pro Football Hall of Fame to Provide Reciprocal Membership Admission</span> </a> </div> </div> <div class="slick-slide card-zoom relative flex flex-col content-start items-stretch justify-start bg-white border border-gray w-full min-w-[298px] xl:min-w-[350px] mr-4"> <div class="card-zoom-container block w-full h-64 border-b-8 border-red img"> <img src="/media/g2yj0f3z/military-exhibit-8-23-24-6.jpg?width=350&format=webp" alt="" class="block w-full h-full object-cover"> </div> <div class="flex flex-col content-start items-stretch justify-start flex-wrap w-full py-6 px-8 grow"> <p class="block w-full mb-1 text-xs text-black font-neusa-next">September 13, 2024</p> <h3 class="block font-neusa-next-std-compact text-bold text-black text-[1.5rem] leading-[1.3] mb-4 capitalize">College Football Hall of Fame names Aflac title partner of new “Military and Football Exhibit”</h3> <p class="block w-full text-black text-[0.875rem]">College Football Hall of Fame names Aflac title partner of new “Military and Football Exhibit” Partn ...</p> <a class="absolute top-0 left-0 flex flex-row content-end items-end justify-end w-full h-full px-8 py-6" href="/news-and-happenings/news/college-football-hall-of-fame-names-aflac-title-partner-of-new-military-and-football-exhibit/"> <span class="sr-only">College Football Hall of Fame names Aflac title partner of new “Military and Football Exhibit”</span> </a> </div> </div> <div class="slick-slide card-zoom relative flex flex-col content-start items-stretch justify-start bg-white border border-gray w-full min-w-[298px] xl:min-w-[350px] mr-4"> <div class="card-zoom-container block w-full h-64 border-b-8 border-red img"> <img src="/media/tyxkvtjv/ai-reaction-shot-8-19-24-1.jpg?width=350&format=webp" alt="" class="block w-full h-full object-cover"> </div> <div class="flex flex-col content-start items-stretch justify-start flex-wrap w-full py-6 px-8 grow"> <p class="block w-full mb-1 text-xs text-black font-neusa-next">August 28, 2024</p> <h3 class="block font-neusa-next-std-compact text-bold text-black text-[1.5rem] leading-[1.3] mb-4 capitalize">College Football Hall of Fame Puts Fans Directly into the Game with New AI Experience</h3> <p class="block w-full text-black text-[0.875rem]">The Chick-fil-A College Football Hall of Fame Puts Fans Directly Into the Game With Its New AI Exper ...</p> <a class="absolute top-0 left-0 flex flex-row content-end items-end justify-end w-full h-full px-8 py-6" href="/news-and-happenings/news/college-football-hall-of-fame-puts-fans-directly-into-the-game-with-new-ai-experience/"> <span class="sr-only">College Football Hall of Fame Puts Fans Directly into the Game with New AI Experience</span> </a> </div> </div> <div class="slick-slide card-zoom relative flex flex-col content-start items-stretch justify-start bg-white border border-gray w-full min-w-[298px] xl:min-w-[350px] mr-4"> <div class="card-zoom-container block w-full h-64 border-b-8 border-red img"> <img src="/media/g4rhbwd5/10-celebration.png?width=350&format=webp" alt="" class="block w-full h-full object-cover"> </div> <div class="flex flex-col content-start items-stretch justify-start flex-wrap w-full py-6 px-8 grow"> <p class="block w-full mb-1 text-xs text-black font-neusa-next">August 07, 2024</p> <h3 class="block font-neusa-next-std-compact text-bold text-black text-[1.5rem] leading-[1.3] mb-4 capitalize">The College Football Hall of Fame is Celebrating a Decade in Atlanta and the Kickoff of the College Football Season</h3> <p class="block w-full text-black text-[0.875rem]">The College Football Hall of Fame is Celebrating a Decade in Atlanta and the Kickoff of the College ...</p> <a class="absolute top-0 left-0 flex flex-row content-end items-end justify-end w-full h-full px-8 py-6" href="/news-and-happenings/news/the-college-football-hall-of-fame-is-celebrating-a-decade-in-atlanta-and-the-kickoff-of-the-college-football-season/"> <span class="sr-only">The College Football Hall of Fame is Celebrating a Decade in Atlanta and the Kickoff of the College Football Season</span> </a> </div> </div> </div> </div> </div> </div> </div> </div> </section> <script> $('#2f8a62b3-3f5d-4c67-8b1f-ed151402a41a').slick({ infinite: true, speed: 200, slidesToShow: 3, slidesToScroll: 1, initialSlide: 0, variableWidth: true, responsive: [ { breakpoint: 1024, settings: { slidesToShow: 1, slidesToScroll: 1, } }, { breakpoint: 600, settings: { slidesToShow: 1, slidesToScroll: 1 } }, { breakpoint: 480, settings: { slidesToShow: 1, slidesToScroll: 1 } } ] }); </script> <section class="section featured-partners relative flex flex-col content-start items-stretch justify-stretch w-full h-auto min-h-[575px] mx-auto 2xl:flex-row xl:content-center xl:items-stretch xl:justify-start bg-black bg-cover" style="background-image: url('/images/bg-sponsors.jpg?format=webp');" id="b5f38bec-a040-40d3-b971-60027f995c92"> <div class="relative flex flex-col content-start items-start justify-start w-full 2xl:w-2/5 h-auto pt-10 px-5 pb-0 lg:pt-16 md:px-8 lg:px-16 xl:py-20 xl:pb-0 2xl:px-20 2xl:pt-0 2xl:justify-center"> <h2 class="flex flex-col content-start items-start justify-start font-kaneda font-bold text-[3.75rem] md:text-[6rem] xl:text-[8rem] tracking-[1px] uppercase mb-5 leading-[0.8]"> <span class="transparent-header white">The Game</span> <span class="text-white">Changers</span></h2> <p class="relative w-full font-neusa-next text-base mb-8 text-white">We could not be more proud of our 5-star roster!
These excellent brands have teamed up to support our mission - to inspire and entertain by celebrating the passion and traditions of college football and its greatest players and coaches.</p> </div> <div class="relative flex flex-col content-start items-start justify-center w-full 2xl:items-end h-auto 2xl:w-3/5 pt-4 pb-8 px-5 md:px-10 md:pt-14 md:pb-14 xl:pb-20 xl:px-20 2xl:pt-20"> <p class="block font-neusa-next-std-compact text-bold text-[1.5rem] leading-[1.3] mb-6 mx-auto uppercase">Founding Partners</p> <div class="flex flex-row flex-wrap content-center items-center justify-start border-b-2 border-white mx-auto pb-5 w-full max-w-[728px]"> <div class="founding-partners-grid mx-auto content-center items-stretch justify-start flex-wrap pl-1"> <div class="flex flex-row content-end items-center justify-center"> <img src="/media/a0ootkdx/chick-fil-a_logo_2012.png?rnd=133621534120800000" alt="Chick Fil A Logo 2012" class="w-48 object-contain"> </div> <div class="flex flex-row content-end items-center justify-center"> <img src="/media/rh3dyhdo/coca-cola-wht.png?rnd=133748815206130000" alt="Coca Cola Wht" class="w-48 object-contain"> </div> <div class="flex flex-row content-end items-center justify-center"> <img src="/media/gsohfnoq/1216_kia_basic_logo_white_no_background-3.png?rnd=133621534122100000" alt="1216 Kia Basic Logo White No Background 3" class="w-48 object-contain"> </div> <div class="flex flex-row content-end items-center justify-center peach-logo"> <img src="/media/fbdj2kan/peachbowllogo.png?rnd=133621534116630000" alt="Peachbowllogo" class="w-48 object-contain"> </div> </div> </div> <div class="partners-grid mx-auto py-10 w-full max-w-[728px] lg:max-w-[700px]"> <div class="flex flex-row content-start items-center justify-center w-auto h-auto"> <img src="/media/xk1dhfqm/arrow_white_200x100.png?rnd=133619166985870000" alt="Arrow White 200X100" class="mx-auto h-auto object-contain"> </div> <div class="flex flex-row content-start items-center justify-center w-auto h-auto"> <img src="/media/ruweloao/fca-logo.png?rnd=133621534112170000" alt="Fca Logo" class="mx-auto h-auto object-contain"> </div> <div class="flex flex-row content-start items-center justify-center w-auto h-auto"> <img src="/media/fnajqdl5/gpc-foundation_white.png?rnd=133621534110730000" alt="Gpc Foundation White" class="mx-auto h-auto object-contain"> </div> <div class="flex flex-row content-start items-center justify-center w-auto h-auto"> <img src="/media/v04fe03u/bs_thd_logo_primary_wo_themeline_outline.png?rnd=133621534113930000" alt="Bs Thd Logo Primary Wo Themeline Outline" class="mx-auto h-auto object-contain"> </div> <div class="flex flex-row content-start items-center justify-center w-auto h-auto"> <img src="/media/ucobvr2v/northside_white_200x100.png?rnd=133621533730330000" alt="Northside White 200X100" class="mx-auto h-auto object-contain"> </div> <div class="flex flex-row content-start items-center justify-center w-auto h-auto"> <img src="/media/zudpzzr3/omni.png?rnd=133621534109200000" alt="Omni" class="mx-auto h-auto object-contain"> </div> <div class="flex flex-row content-start items-center justify-center w-auto h-auto"> <img src="/media/uvhdi1fv/regions.png?rnd=133621534107800000" alt="Regions" class="mx-auto h-auto object-contain"> </div> <div class="flex flex-row content-start items-center justify-center w-auto h-auto"> <img src="/media/zp4n0pqp/southernco_v_w.png?rnd=133621533728930000" alt="Southernco V W (1)" class="mx-auto h-auto object-contain"> </div> <div class="flex flex-row content-start items-center justify-center w-auto h-auto"> <img src="/media/lvdbvyic/hl_logo_vert_k-002-white.png?rnd=133621533724670000" alt="HL Logo Vert K (002) White" class="mx-auto h-auto object-contain"> </div> <div class="flex flex-row content-start items-center justify-center w-auto h-auto"> <img src="/media/204d0tcg/astroturf-logo-white.png?rnd=133578397839130000" alt="Astroturf Logo WHITE" class="mx-auto h-auto object-contain"> </div> <div class="flex flex-row content-start items-center justify-center w-auto h-auto"> <img src="/media/lh3gmcha/thumbnail_aflacpluslogoplusrgb_rev403x.png?rnd=133668431995030000" alt="Thumbnail Aflac+Logo+RGB Rev%403X" class="mx-auto h-auto object-contain"> </div> </div> <div class="partner-banner flex content-center items-center justify-center w-full max-w-[728px] h-[3.125rem] lg:h-[5.625rem] mt-4 mb-6 mx-auto"> <a href="https://www.kia.com/us/en/sorento" target="_blank" onclick="ga('send', 'event', 'Home', 'Click' , 'KIA' )"> <img src="/media/gc1lgejy/cfhof_digital-banner_728x150-6.jpg" alt="KIA" /> </a> <script> ga('send', 'event', 'Home', 'Impression', 'KIA') </script> </div> </div> </section> <section class="section-category-content mx-auto pt-12 md:px-8 lg:px-8 xl:px-16 2xl:px-20" id="365d4ce5-c247-45a5-a44a-da15e02c2c1e"> <div class=" relative flex flex-row content-start items-stretch justify-stretch flex-wrap w-full h-auto mx-auto md:flex-row xl:content-center xl:justify-start"> <div class="video-launcher featured-media-box relative cover bg-cover w-full min-h-[13.75rem] min-[450px]:min-h-[16rem] sm:min-h-[25rem] xl:min-h-[29.5rem] 2xl:w-[60%] bg-center" data-video="https://www.youtube.com/embed/ndmjuRxZNAA?autoplay=1&rel=0" data-title="Arthur Blank Supports the College Football Hall of Fame"> <div class="relative flex flex-col content-end items-end justify-start w-full h-full"> <div class="relative video-overlay flex flex-row content-center items-end justify-between w-full h-full text-center px-5 pb-6 md:px-10 2xl:flex-row z-50"> <p class="font-kaneda text-bold text-white text-[2rem] sm:text-6xl xl:text-8xl uppercase w-1/2 xl:w-3/4 text-left leading-[0.92] sm:leading-[0.9] xl:leading-[0.85]">Arthur Blank Supports the College Football Hall of Fame</p> <button class="video-btn"><span class="sr-only">Play video</span></button> </div> </div> <div class="newVid absolute top-0 left-0 h-full z-20 object-cover" style="background-image: url(https://img.youtube.com/vi/ndmjuRxZNAA/sddefault.jpg); background-size: 118%; background-position: center; width: 100%;"> </div> </div> <div class="flex flex-row content-start items-stretch justify-start pl-5 md:pl-0 pt-8 py-5 2xl:pl-5 pb-12 w-full overflow-x-scroll md:overflow-visible 2xl:w-[40%] 2xl:py-0 2xl:flex-wrap 2xl:content-between 2xl:pr-0">  <div class="video-launcher featured-content-box relative flex flex-col content-start items-start justify-start bg-white w-1/3 min-w-[298px] md:w-1/2 md:min-w-0 mr-4 h-full border-2 border-gray 2xl:w-full 2xl:flex-row 2xl:items-stretch 2xl:h-auto 2xl:min-h-[13.875rem] 2xl:mr-0 cursor-pointer" data-video="https://www.youtube.com/embed/A52UStTPZBE?autoplay=1&rel=0" data-title="Dan Cathy Supports the College Football Hall of Fame"> <div class="relative w-full h-[11.6875rem] md:h-[13.875rem] 2xl:w-3/5 2xl:h-full video-overlay"> <div class="flex flex-col content-end items-end justify-start w-full h-full" style="background-image: url(https://img.youtube.com/vi/A52UStTPZBE/sddefault.jpg); background-size: 118%; background-position: center;"> <div class="relative video-overlay flex flex-row content-center items-end justify-between w-full h-full text-center px-5 pb-6 md:px-10 2xl:flex-row z-50"> <button class="video-btn"><span class="sr-only">Play video</span></button> </div> </div> </div> <div class="relative w-full py-8 2xl:w-2/5 2xl:flex 2xl:flex-col 2xl:content-center 2xl:items-center 2xl:justify-center"> <p class="block font-neusa-next-std-compact text-black text-2xl px-5 2xl:w-full 2xl:px-4">Dan Cathy Supports the College Football Hall of Fame</p> </div> <div class="absolute bottom-2 right-0"> <svg xmlns="http://www.w3.org/2000/svg" width="55" height="100%" viewBox="0 0 40.82 20.64"> <g transform="translate(0.554 0.594)"> <path class="arrow" d="M4.962,27.288A247.338,247.338,0,0,1,8.322,1.24.616.616,0,0,0,7.2.768C4.883,3.8,2.5,6.784.141,9.79c-.473.6.355,1.47.861.861C2.343,9.035,3.7,7.435,5.051,5.828S7.662,2.529,8.988.894L8.1.524C8,5.444,8.068,10.749,10.029,15.354c.415.974,1.95.272,1.682-.709-.628-2.3-1.434-4.535-1.908-6.882A30.277,30.277,0,0,1,9.141.524.528.528,0,0,0,8.249.155c-1.357,1.6-2.78,3.139-4.11,4.761S1.483,8.173.141,9.79L1,10.651C3.388,7.6,5.743,4.529,8.164,1.51L7.141.914A113.908,113.908,0,0,0,3.982,27.288a.49.49,0,0,0,.98,0Z" transform="matrix(0.105, 0.995, -0.995, 0.105, 27.608, 0)" fill="#b5212a" stroke="#b5212a" stroke-width="1" /> </g> </svg> </div> </div>   <div class="video-launcher featured-content-box relative flex flex-col content-start items-start justify-start bg-white w-1/3 min-w-[298px] md:w-1/2 md:min-w-0 h-full border-2 border-gray 2xl:w-full 2xl:flex-row 2xl:items-stretch 2xl:h-auto 2xl:min-h-[13.875rem] mr-5 sm:mr-0 2xl:mr-0 cursor-pointer" data-video="https://www.youtube.com/embed/pFER-3lO-5g?autoplay=1&rel=0" data-title="Support the College Football Hall of Fame"> <div class="relative w-full h-[11.6875rem] md:h-[13.875rem] 2xl:w-3/5 2xl:h-full video-overlay"> <div class="flex flex-col content-end items-end justify-start w-full h-full" style="background-image: url(https://img.youtube.com/vi/pFER-3lO-5g/sddefault.jpg); background-size: 118%; background-position: center;"> <div class="relative video-overlay flex flex-row content-center items-end justify-between w-full h-full text-center px-5 pb-6 md:px-10 2xl:flex-row z-50"> <button class="video-btn"><span class="sr-only">Play video</span></button> </div> </div> </div> <div class="relative w-full py-8 2xl:w-2/5 2xl:flex 2xl:flex-col 2xl:content-center 2xl:items-center 2xl:justify-center"> <p class="block font-neusa-next-std-compact text-black text-2xl px-5 2xl:w-full 2xl:px-4">Support the College Football Hall of Fame</p> </div> <div class="absolute bottom-2 right-0"> <svg xmlns="http://www.w3.org/2000/svg" width="55" height="100%" viewBox="0 0 40.82 20.64"> <g transform="translate(0.554 0.594)"> <path class="arrow" d="M4.962,27.288A247.338,247.338,0,0,1,8.322,1.24.616.616,0,0,0,7.2.768C4.883,3.8,2.5,6.784.141,9.79c-.473.6.355,1.47.861.861C2.343,9.035,3.7,7.435,5.051,5.828S7.662,2.529,8.988.894L8.1.524C8,5.444,8.068,10.749,10.029,15.354c.415.974,1.95.272,1.682-.709-.628-2.3-1.434-4.535-1.908-6.882A30.277,30.277,0,0,1,9.141.524.528.528,0,0,0,8.249.155c-1.357,1.6-2.78,3.139-4.11,4.761S1.483,8.173.141,9.79L1,10.651C3.388,7.6,5.743,4.529,8.164,1.51L7.141.914A113.908,113.908,0,0,0,3.982,27.288a.49.49,0,0,0,.98,0Z" transform="matrix(0.105, 0.995, -0.995, 0.105, 27.608, 0)" fill="#b5212a" stroke="#b5212a" stroke-width="1" /> </g> </svg> </div> </div>  </div> </div> </section>  <div class="modal fade" id="videoModal" tabindex="-1" role="dialog" aria-labelledby="alertLabel"> <div class="modal-dialog" role="document"> <div class="modal-content centered-text"> <div class="modal-header p-4"> <button type="button" class="close fixed-x" data-dismiss="modal" aria-label="Close"> <i class="fa fa-times-circle blue text-large" aria-hidden="true"></i> </button> <h4 class="modal-title text-center font-neusa-next-std-compact text-black text-2xl" id="videoTitle"></h4> </div> <div class="modal-body text-center p-4"> <iframe id="embeddedVideo" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe> <button type="button" id="closeVideoModal" class="btn btn--outline min-w-[150px] mt-6 mx-auto" data-dismiss="modal" aria-label="Close"> Close </button> </div> </div> </div> </div> <script> $('.video-launcher').on('click', function (e) { e.preventDefault(); e.stopPropagation(); let videoToEmbed = $(this).attr("data-video"); let videoTitle = $(this).attr("data-title"); $("#embeddedVideo").attr('src', videoToEmbed); $("#videoTitle").html(videoTitle); $("#videoModal").addClass("visible"); $('#site-mask').addClass('modal-open'); $(document).one('click', function (e) { if(!$(e.target).is('.modal-dialog')) { $("#embeddedVideo").attr('src', ''); $("#videoTitle").html(''); $("#videoModal").removeClass("visible"); $('#site-mask').removeClass('modal-open'); } }); }); $(".modal-dialog").click(function(e){ e.stopPropagation(); }); </script> <section class="section section-hall-feature testimonial relative w-full pt-4 text-black" id="2ab8e62f-2024-427e-bef0-9e2f618e0c6e"> <div class="marquee relative overflow-hidden"> <div> <h2 class="marquee-title font-kaneda text-bold leading-[0.8] uppercase transparent-header">The home of <span class="text-black block">College Football</span> </h2> </div> <div> <h2 class="marquee-title font-kaneda text-bold leading-[0.8] uppercase transparent-header">The home of <span class="text-black block">College Football</span> </h2> </div> <div> <h2 class="marquee-title font-kaneda text-bold leading-[0.8] uppercase transparent-header">The home of <span class="text-black block">College Football</span> </h2> </div> </div> <div class="section-body relative lg:max-w-[1480px] lg:mx-auto"> <div class="image-side lg:w-4/6 2xl:w-3/5"> <img src="/images/HOF-Logos_Graphic.jpg?format=webp" alt="College Football Hall of Fame entrance"> </div> <div class="text-side w-full p-5 pt-12 lg:pt-8 pb-8 lg:p-12 lg:px-10 2xl:p-16"> <div class="testimonial-container pt-14 pb-4 px-4 lg:px-10 relative "> <div class="slider-container"> <div class="testimonial-slider relative"> <div class="individual-testimonial text-center slick-slide"> <div class="testimonial-body mb-12"> <div class="stars"><img src="/images/star-rating.svg" alt="5-star rating" class="mx-auto my-4"></div> <p class="text">The best museum in Atlanta. The exhibits are designed so that even non-college football fans can enjoy and marvel at the pageantry of the great game. Very interactive and customizable experience. Definitely a must for anyone visiting Atlanta! </p> <p class="font-neusa-next font-bold uppercase text-xs mt-6">- Tommy Lyczko</p> </div> </div> <div class="individual-testimonial text-center slick-slide"> <div class="testimonial-body mb-12"> <div class="stars"><img src="/images/star-rating.svg" alt="5-star rating" class="mx-auto my-4"></div> <p class="text">PRO TIPS: 1) Go early in the morning, 3) wear athletic shoes, 4) park at the Georgia Aquarium (safe and secure), 5) spend plenty of time at The Playing Field, 6) eat a late lunch in the city, 7) be impressed!</p> <p class="font-neusa-next font-bold uppercase text-xs mt-6">- Craig Janney</p> </div> </div> <div class="individual-testimonial text-center slick-slide"> <div class="testimonial-body mb-12"> <div class="stars"><img src="/images/star-rating.svg" alt="5-star rating" class="mx-auto my-4"></div> <p class="text">It's way better than I expected! Being that I'm not a football fanatic, I didn't expect to be too into it. However, they have a lot of interactive things throughout the visit that can suit anyone and everyone.</p> <p class="font-neusa-next font-bold uppercase text-xs mt-6">- Quinteria Taylor</p> </div> </div> </div> </div> </div> </div> </div> <script> $(document).ready(function(){ $('.testimonial-slider').slick({ autoplay: true, dots: true, infinite: true, speed: 1000, slidesToShow: 1, fade: true }); }); // MARQUEE TEXT ANIMATION const wrapper = document.querySelector(".marquee"); const boxes = gsap.utils.toArray(".marquee-title"); const loop = horizontalLoop(boxes, { paused: false, repeat: -1, speed: 0.75, }); function horizontalLoop(items, config) { items = gsap.utils.toArray(items); config = config || {}; let tl = gsap.timeline({repeat: config.repeat, paused: config.paused, defaults: {ease: "none"}, onReverseComplete: () => tl.totalTime(tl.rawTime() + tl.duration() * 100)}), length = items.length, startX = items[0].offsetLeft, times = [], widths = [], xPercents = [], curIndex = 0, pixelsPerSecond = (config.speed || 1) * 100, snap = config.snap === false ? v => v : gsap.utils.snap(config.snap || 1), // some browsers shift by a pixel to accommodate flex layouts, so for example if width is 20% the first element's width might be 242px, and the next 243px, alternating back and forth. So we snap to 5 percentage points to make things look more natural totalWidth, curX, distanceToStart, distanceToLoop, item, i; gsap.set(items, { // convert "x" to "xPercent" to make things responsive, and populate the widths/xPercents Arrays to make lookups faster. xPercent: (i, el) => { let w = widths[i] = parseFloat(gsap.getProperty(el, "width", "px")); xPercents[i] = snap(parseFloat(gsap.getProperty(el, "x", "px")) / w * 100 + gsap.getProperty(el, "xPercent")); return xPercents[i]; } }); gsap.set(items, {x: 0}); totalWidth = items[length-1].offsetLeft + xPercents[length-1] / 100 * widths[length-1] - startX + items[length-1].offsetWidth * gsap.getProperty(items[length-1], "scaleX") + (parseFloat(config.paddingRight) || 0); for (i = 0; i < length; i++) { item = items[i]; curX = xPercents[i] / 100 * widths[i]; distanceToStart = item.offsetLeft + curX - startX; distanceToLoop = distanceToStart + widths[i] * gsap.getProperty(item, "scaleX"); tl.to(item, {xPercent: snap((curX - distanceToLoop) / widths[i] * 100), duration: distanceToLoop / pixelsPerSecond}, 0) .fromTo(item, {xPercent: snap((curX - distanceToLoop + totalWidth) / widths[i] * 100)}, {xPercent: xPercents[i], duration: (curX - distanceToLoop + totalWidth - curX) / pixelsPerSecond, immediateRender: false}, distanceToLoop / pixelsPerSecond) .add("label" + i, distanceToStart / pixelsPerSecond); times[i] = distanceToStart / pixelsPerSecond; } function toIndex(index, vars) { vars = vars || {}; (Math.abs(index - curIndex) > length / 2) && (index += index > curIndex ? -length : length); // always go in the shortest direction let newIndex = gsap.utils.wrap(0, length, index), time = times[newIndex]; if (time > tl.time() !== index > curIndex) { // if we're wrapping the timeline's playhead, make the proper adjustments vars.modifiers = {time: gsap.utils.wrap(0, tl.duration())}; time += tl.duration() * (index > curIndex ? 1 : -1); } curIndex = newIndex; vars.overwrite = true; return tl.tweenTo(time, vars); } tl.next = vars => toIndex(curIndex+1, vars); tl.previous = vars => toIndex(curIndex-1, vars); tl.current = () => curIndex; tl.toIndex = (index, vars) => toIndex(index, vars); tl.times = times; tl.progress(1, true).progress(0, true); // pre-render for performance if (config.reversed) { tl.vars.onReverseComplete(); tl.reverse(); } return tl; } </script> </section> <div id="animation-anchor-9"></div> <section class="section section-socialfeed w-full pt-12 pb-8 lg:pb-12 2xl:py-16 text-white bg-black" id="social-feed-section"> <div class=" w-full px-5 md:px-8 xl:px-16 2xl:px-20"> <h2 class="font-kaneda swoosh reverse" data-aos="fade-up" data-aos-anchor="#animation-anchor-9" data-aos-anchor-placement="top-bottom"><span class="mr-2">Follow us</span> @CFBHALL</h2> </div> <ul class="juicer-feed" data-feed-id="cfbhall-f2a12225-5a07-4745-9d23-9e6bb3ce6677" data-origin="embed-code"></ul> <script type="text/javascript"> function loadJuicerAssets() { // Load CSS dynamically var cssLink = document.createElement('link'); cssLink.href = 'https://assets.juicer.io/embed.css'; cssLink.rel = 'stylesheet'; cssLink.type = 'text/css'; document.head.appendChild(cssLink); // Load JavaScript dynamically var script = document.createElement('script'); script.src = 'https://assets.juicer.io/embed.js'; document.body.appendChild(script); } function isElementNearViewport(el) { var rect = el.getBoundingClientRect(); return ( rect.top <= (window.innerHeight*2 || document.documentElement.clientHeight*2) ); } function onScroll() { var juicerFeed = document.querySelector('.juicer-feed'); if (isElementNearViewport(juicerFeed)) { loadJuicerAssets(); window.removeEventListener('scroll', onScroll); } } window.addEventListener('scroll', onScroll); </script> </section> </div> <section class="section section-bottom-cta w-full p-5 pt-8 pb-8 md:p-10 xl:p-16 2xl:px-20 text-black"> <div class="container xl:flex xl:gap-x-4 2xl:gap-x-8 lg:max-w-[1430px] lg:mx-auto"> <div class="cta flex 2xl:w-1/3"> <div class="icon-container"> <img src="/media/ql3jxgji/icon_tickets.svg" alt="Icon Tickets"> </div> <div class="ml-4"> <a href="/visit/tickets/" class="font-kaneda text-bold text-black text-[2.5rem] lg:text-[3.5rem] uppercase block leading-none has-arrow">Tickets</a> <p><small>Secure your tickets now and be apart of the legacy. Don’t miss the chance to experience greatness firsthand!</small></p> </div> </div> <div class="cta flex 2xl:w-1/3"> <div class="icon-container"> <img src="/media/ilkj0thi/icon-membership.svg" alt="Icon Membership"> </div> <div class="ml-4"> <a href="/membership/" class="font-kaneda text-bold text-black text-[2.5rem] lg:text-[3.5rem] uppercase block leading-none has-arrow">Membership</a> <p><small>Unlock exclusive access and be part of something legendary. Join our community and enjoy premium benefits today!</small></p> </div> </div> <div class="cta flex 2xl:w-1/3"> <div class="icon-container"> <img src="/media/g50co2rj/icon_shop.svg" alt="Icon Shop"> </div> <div class="ml-4"> <a href="https://shop.cfbhall.com/" class="font-kaneda text-bold text-black text-[2.5rem] lg:text-[3.5rem] uppercase block leading-none has-arrow">Shop</a> <p><small>Take a piece of greatness home. Shop our exclusive collection of themed items and preserve the legacy in your own way!</small></p> </div> </div> </div> </section> <footer class="flex flex-col content-start items-start justify-start w-full mx-auto bg-black lg:flex-row lg:justify-center"> <div class="flex flex-row content-start items-start justify-between flex-wrap w-full mx-auto px-6 pb-12 bg-black md:px-10 xl:pt-6 xl:px-16 2xl:px-20 lg:max-w-[1600px]"> <div class="flex flex-row content-start items-stretch justify-start flex-wrap w-full pt-10 lg:items-start lg:grow xl:w-1/3 xl:max-w-xl xl:pr-10 2xl:pr-16 2xl:xl:pr-24"> <div class="w-full lg:w-1/2 xl:w-full"> <p class="block mb-1 font-kaneda text-bold text-white text-4xl uppercase">Stay In The Know</p> <p class="block w-full font-neusa-next text-sm mb-4 max-w-sm pr-2">Sign up for exclusive updates, discounts, and promotions. You can unsubscribe at any time.</p> <form class="form-subscribe flex flex-row flex-wrap content-center items-stretch justify-start w-full lg:max-w-xl" action="/umbraco/api/subscribeapi/Newsletter" id="emailsignup"> <input type="email" required pattern="[a-zA-Z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,4}$" title="email@domain.com" name="email" placeholder="Your email" aria-label="Email Address" class="grow px-4 font-neusa-next text-sm focus:outline-none"> <button type="submit" aria-label="Subscribe Button" class="signUp flex flex-row content-center items-center justify-between px-5 font-kaneda text-bold text-white text-2xl uppercase border-2 border-white h-[55px] w-full min-[344px]:w-1/2 min-[344px]:max-w-[150px]"> <span class="">Subscribe</span> <svg class="ml-2" xmlns="http://www.w3.org/2000/svg" width="29.957" height="15.741" viewBox="0 0 29.957 15.741"> <g id="Arrow_-_Sketch_" data-name="Arrow - Sketch*" transform="translate(0.554 0.594)"> <path id="Path_419992" data-name="Path 419992" d="M4.962,27.288A247.338,247.338,0,0,1,8.322,1.24.616.616,0,0,0,7.2.768C4.883,3.8,2.5,6.784.141,9.79c-.473.6.355,1.47.861.861C2.343,9.035,3.7,7.435,5.051,5.828S7.662,2.529,8.988.894L8.1.524C8,5.444,8.068,10.749,10.029,15.354c.415.974,1.95.272,1.682-.709-.628-2.3-1.434-4.535-1.908-6.882A30.277,30.277,0,0,1,9.141.524.528.528,0,0,0,8.249.155c-1.357,1.6-2.78,3.139-4.11,4.761S1.483,8.173.141,9.79L1,10.651C3.388,7.6,5.743,4.529,8.164,1.51L7.141.914A113.908,113.908,0,0,0,3.982,27.288a.49.49,0,0,0,.98,0Z" transform="matrix(0.105, 0.995, -0.995, 0.105, 27.608, 0)" fill="#ffffff" stroke="#ffffff" stroke-width="1"/> </g> </svg> </button> </form> </div> <div class="w-full lg:w-1/2 lg:pl-16 xl:w-full xl:pl-0 xl:pt-6"> <div class="block"> <ul class="nav-social py-6 lg:pt-0"> <li><a href="https://www.facebook.com/cfbhall/" target="_blank" class="icon icon-facebook">Facebook</a></li> <li><a href="https://www.instagram.com/cfbhall/" target="_blank" class="icon icon-instagram">Instagram</a></li> <li><a href="https://twitter.com/CFBHall" target="_blank" class="icon icon-twitter">Twitter</a></li> <li><a href="https://www.youtube.com/user/cfbhallatl" target="_blank" class="icon icon-youtube">Youtube</a></li> <li><a href="https://www.tiktok.com/@cfbhall_official" class="icon icon-tiktok">TikTok</a></li> <li><a href="https://www.linkedin.com/company/atlanta-hall-management" target="_blank" class="icon icon-linkedin">LinkedIn</a></li> </ul> </div> <div class="flex flex-row content-center items-center justify-between flex-wrap lg:flex-nowrap py-5 border-t border-b border-white lg:border-b-0 xl:pt-10 xl:pb-2"> <p class="block font-neusa-next-std-compact tracking-wider font-normal w-1/2 text-sm min-w-[170px] max-w-[170px] min-[420px]:w-3/5 min-[420px]:max-w-[80%] min-[420px]:grow lg:w-full lg:max-w-full lg:pr-4 xl:text-base">See what people have to say about the Hall of Fame:</p> <div class="lg:w-2/4 lg:min-w-[106px] lg:pl-2"> <ul class="nav-social xxl:justify-start"> <li><a href="https://www.yelp.com/biz/chick-fil-a-college-football-hall-of-fame-atlanta-2" target="_blank" class="icon icon-yelp mr-2">Yelp</a></li> <li><a href="http://www.tripadvisor.com/Attraction_Review-g60898-d7092286-Reviews-College_Football_Hall_of_Fame-Atlanta_Georgia.html" target="_blank" class="icon icon-tripadvisor">TripAdvisor</a></li> </ul> </div> </div> </div> </div> <div class="flex flex-row content-start items-stretch justify-start flex-wrap w-full pt-10 sm:w-2/4 lg:pr-6 xl:w-1/3 lg:justify-center lg:max-w-[460px] lg:grow"> <div class="w-1/2 lg:w-1/2 lg:max-w-[180px]"> <ul class="nav-footer"> <li><p class="heading">About</p></li> <li><a href="/contact/">Contact</a></li> <li><a href="/media/">Media</a></li> <li><a href="/employees/">Employees</a></li> <li><a href="/careers/">Careers</a></li> <li><a href="/faq/">FAQs</a></li> <li><a href="/brick-locator/">Brick Locator</a></li> </ul> </div> <div class="w-1/2 lg:max-w-[200px] xl:max-w-[200px] sm:pr-6"> <div class="flex flex-col content-start items-start justify-start mb-8"> <p class="heading">Address</p> <a class="flex flex-col content-start items-start justify-start w-full font-neusa-next text-sm" href="https://www.bing.com/maps?osid=bccacb51-f6eb-4b65-8678-c5ba1b899f2a&cp=33.760008~-84.406006&lvl=16&pi=0&imgid=38da4654-a578-407d-beb1-342467c71ba3&v=2&sV=2&form=S00027" target="_blank">250 Marietta St. N.W. <span>Atlanta, GA 30313</span></a> <p class="heading mt-8">Phone</p> <a href="tel:4048804800" class="font-neusa-next text-sm">[404] 880-4800</a> </div> <div class="footer-partner hidden md:block lg:w-full h-auto mx-auto mt-5 text-left"> <a href="https://www.citypass.com/atlanta?mv_source=cfbhall&campaign=footer" target="_blank"> <img src="/images/img-atlanta-city-pass.png" alt="Atlanta CityPASS" class="block w-full max-w-[171px] h-auto mx-0 mt-5 lg:mt-9"> </a> </div> </div> </div> <div class="footer-partner block md:hidden lg:w-full h-auto mx-auto my-5"> <a href="https://www.citypass.com/atlanta?mv_source=cfbhall&campaign=footer" target="_blank"> <img src="/images/img-atlanta-city-pass.png" alt="Atlanta CityPASS" class="block w-full max-w-[171px] h-auto mx-0"> </a> </div> <div class="flex flex-col content-start items-start justify-start w-full sm:w-2/4 sm:pt-5 sm:justify-end xl:w-1/3 sm:max-w-[300px] lg:content-center lg:items-center lg:justify-center lg:pt-6"> <div class="ad-banner flex flex-col content-center items-center justify-center w-full max-w-[300px] mt-6 lg:mb-0 mx-auto"> <a href="https://www.citypass.com/atlanta?mv_source=cfbhall&campaign=footer-ad" target="_blank" onclick="ga('send', 'event', 'Home', 'Click' , 'AtlantaCityPASS_FooterAd_111924' )"> <img src="/media/biqnvb4c/atlanta-640x440-incl-cfbh-48-77.jpg" alt="AtlantaCityPASS_FooterAd_111924" /> </a> <script> ga('send', 'event', 'Home', 'Impression', 'AtlantaCityPASS_FooterAd_111924') </script> </div> </div> </div> </footer> <div class="copyright flex flex-row content-center items-center justify-center flex-wrap w-full py-8 bg-black border-t border-white text-xs text-center md:flex-nowrap md:justify-center font-neusa-next"> <div class="w-full lg:w-2/4 px-5 text-xs md:px-10 md:text-left md:text-sm xl:px-16 2xl:px-20 lg:max-w-[800px]">©2024 College Football Hall of Fame, All Rights Reserved</div> <div class="w-full lg:w-2/4 px-5 md:px-10 xl:px-16 2xl:px-20 lg:max-w-[800px]"> <nav> <ul class="flex flex-row content-center items-center justify-center mt-4 md:mt-0 md:justify-end"> <li><a href="/privacy-policy/" class="block px-3 text-sm underline">Privacy Policy</a></li> <li><a href="/terms-conditions/" class="block px-3 text-sm underline">Terms & Conditions</a></li> </ul> </nav> </div> </div> <div id="site-mask"></div> </main> <script> AOS.init({ duration: 700, easing: 'ease-in-out-back' }); </script> <script type="text/javascript" src="/Scripts/jquery.validate.min.js"></script> <script type="text/javascript" src="/Scripts/jquery.validate.unobtrusive.min.js"></script> <script type="text/javascript" src="/Scripts/jquery.unobtrusive-ajax.min.js"></script> <script src="https://www.google-analytics.com/analytics.js"></script> <script type='application/ld+json'> { "@context":"http://schema.org", "@type":"LocalBusiness", "image": "http://www.cfbhall.com/images/logo.png", "@id":"http://www.cfbhall.com/", "name": "College Football Hall of Fame", "sameAs": ["https://www.twitter.com/CFBHall", "https://www.facebook.com/cfbhall", "https://www.instagram.com/cfbhall", "http://www.pinterest.com/cfbhall", "http://www.youtube.com/user/cfbhallatl", "http://www.yelp.com/biz/college-football-hall-of-fame-atlanta-4", "http://www.tripadvisor.com/Attraction_Review-g60898-d7092286-Reviews-College_Football_Hall_of_Fame-Atlanta_Georgia.html"], "address":{ "@type":"PostalAddress", "streetAddress":"250 Marietta St. N.W.", "addressLocality":"Atlanta", "addressRegion":"GA", "postalCode":"30313", "addressCountry":"US" }, "telephone": "4048804800", "geo":{ "@type":"GeoCoordinates", "latitude":33.760191, "longitude":-84.395532 }, "openingHoursSpecification": [{ "@type": "OpeningHoursSpecification", "dayOfWeek": ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday"], "opens": "10:00", "closes": "17:00" }, { "@type": "OpeningHoursSpecification", "dayOfWeek": ["Saturday"], "opens": "09:00", "closes": "18:00" } ] } </script> <script type='application/ld+json'> { "@context": "http://schema.org/", "@type": "TouristAttraction", "address": { "@type": "PostalAddress", "addressCountry": "United States", "addressLocality": "Atlanta", "addressRegion": "Georgia", "postalCode": "30313", "streetAddress": "250 Marietta St. N.W.", "email": "info@cfbhall.com", "telephone": "(404) 880-4800", "name": "College Football Hall of Fame" }, "logo": { "@type": "ImageObject", "caption": "College Football Hall of Fame Logo", "embedUrl": "https://www.cfbhall.com/images/logo.png" }, "telephone": "(404) 880-4800", "mainEntityOfPage": "https://www.cfbhall.com/", "name": "College Football Hall of Fame" } </script> <script type='application/ld+json'> { "@context": "http://schema.org/", "@type": "Museum", "openingHours": [ "Sunday - Friday 10:00am - 5:00pm", "Saturday 9:00am - 6:00pm" ], "SmokingAllowed": false } </script> </body> </html>

CINXE.COM

Hall of Fame Exhibit | Atlanta Fan Attraction | College Football Hall of Fame