CINXE.COM
The GitHub Insider
<!-- Archive Stuff --> <style> .signup { background-color: #d9f2fe; border-bottom: 1px solid #b8dbfc; color: #32383f; font-family: sans-serif; font-size: 1em; padding: 1.4rem 0; text-align: center; width: 100%; } .signup a { color: #0969da; text-decoration: underline; } .signup a:hover { color: black !important; text-decoration: none !important; } @media screen and (max-width:800px) { .signup a { display: block; margin-top: 1rem; } } </style> <div class="signup"> Get new issues of <em>The GitHub Insider</em> in your inbox. <a href="https://resources.github.com/newsletter?utm_medium=web&utm_source=github&utm_campaign=insider-archive-page">Sign up now →</a> </div> <!DOCTYPE html> <html lang="en" dir="ltr" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width,initial-scale=1"> <meta name="format-detection" content="telephone=no, date=no, address=no, email=no"> <meta name="x-apple-disable-message-reformatting"> <meta name="color-scheme" content="light dark"> <meta name="supported-color-schemes" content="light dark"> <title>The GitHub Insider</title> <!--[if mso]> <xml> <o:OfficeDocumentSettings> <o:AllowPNG/> <o:PixelsPerInch>96</o:PixelsPerInch> </o:OfficeDocumentSettings> </xml> <![endif]--> <style> /* General reset styles. */ body, table, td, a { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } table, td { mso-table-lspace: 0pt; mso-table-rspace: 0pt; } img { -ms-interpolation-mode: bicubic; } img { border: 0; height: auto; line-height: 100%; outline: none; text-decoration: none; } table { border-collapse: collapse !important; } body { height: 100% !important; margin: 0 !important; padding: 0 !important; width: 100% !important; } a[x-apple-data-detectors] { color: inherit !important; text-decoration: none !important; font-size: inherit !important; font-family: inherit !important; font-weight: inherit !important; line-height: inherit !important; } u+#body a { color: inherit; text-decoration: none; font-size: inherit; font-family: inherit; font-weight: inherit; line-height: inherit; } #MessageViewBody a { color: inherit; text-decoration: none; font-size: inherit; font-family: inherit; font-weight: inherit; line-height: inherit; } u+.body .glist { margin-left: 0 !important; } @media only screen and (max-width: 640px) { u+.body .glist { margin-left: 40px !important; } } /* Set default link styles here. Override them on hover to show users they are interactive. */ a { color: #0969da; font-weight: normal; text-decoration: none; } a:hover { color: #0969da !important; text-decoration: underline !important; } a.button { text-align: center; } a.button:hover { background-color: #2c974b !important; border-color: #2c974b !important; color: #ffffff !important; text-decoration: none !important; } @media screen and (max-width: 600px) { a.button { display: block !important; } } </style> <!-- Set your dark mode styles below. --> <style> :root { color-scheme: light dark; supported-color-schemes: light dark; } @media (prefers-color-scheme: dark ) { body, .email-container, .content-container, .callout { background-color: #000000 !important; color: #ffffff !important; } h1, h2, h3, strong { color: #ffffff !important; } a { color: #ffffff !important; text-decoration: underline !important; } .footer a { color: #999999 !important; text-decoration: none !important; } a:hover { color: #ffffff !important; text-decoration: none !important; } .footer a:hover { text-decoration: underline !important; } a.button { color: #ffffff !important; text-decoration: none !important; } .dark-mode-hide { display: none !important; } .dark-mode-show { display: block !important; } .callout a.button { background-color: #2ea44f !important; border-color: #2ea44f !important; } .callout a.button:hover { background-color: #2c974b !important; border-color: #2c974b !important; color: #ffffff !important; text-decoration: none !important; } } </style> </head> <body id="body" class="body" style="background-color: #ffffff; margin: 0 !important; padding: 0 !important;"> <div style="display:none"> Unlock the step-by-step guide to crafting a standout portfolio on GitHub. ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ ͏‌ </div> <!-- This is the main container div, where we set some accessibility basics. --> <div class="email-container" role="article" aria-roledescription="email" aria-label="" lang="en" dir="ltr" style="background-color: #ffffff; font-size: medium; font-size: max(16px, 1rem);"> <!--[if (gte mso 9)|(IE)]> <table cellspacing="0" cellpadding="0" border="0" width="600" align="center" role="presentation"><tr><td> <![endif]--> <div class="content-container" style="color: #000000; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; line-height: 1.5; margin: 1rem auto; max-width: 600px; padding: 1em;"> <a href="https://github.com?utm_source=insider&utm_medium=email&utm_campaign=2024q1-em-GitHub-Insider-October-3" style="display: block; margin: 0 0 2em 0;"> <img alt="GitHub" src="https://images.github.media/EloquaImages/clients/GitHubInc/%7B06958555-b158-43f9-9f4c-f7cc10a305a0%7D_github-logo-email.png" width="100" border="0" style="display: block;" class="dark-mode-hide"> <!--[if !mso]><!--> <img alt="GitHub" src="https://images.github.media/EloquaImages/clients/GitHubInc/%7B369cff35-9244-420e-9a83-1a9040d9e311%7D_github-logo-email-dark-mode.png" width="100" border="0" style="display: none;" class="dark-mode-show"> <!--<![endif]--> </a> <!-- Header --> <p style="margin: 2em 0 2em 0;"> <a href="https://github.com?utm_source=insider&utm_medium=email&utm_campaign=2024q1-em-GitHub-Insider-October-3"> <img alt="" src="https://images.github.media/EloquaImages/clients/GitHubInc/%7B0da1dee9-e914-4030-a21c-f4f02cc63994%7D_github-insider-header-2024.png" width="600" border="0" style="border-radius: 4px; color: #000000; font-size: 1.8em; line-height: 1.4; display: block; max-width: 100%; min-width: 100px; width: 100%;"> </a> </p> <p style="margin: 2em 0 2em 0;"> No secret here: the job market is a bit challenging for us techies these days. 😓 </p> <p style="margin: 2em 0 2em 0;"> But here’s the good news—there’s a lot you can do to showcase your skills, champion your work, and put your best foot forward. And did you know that GitHub can help? 💡 </p> <p style="margin: 2em 0 2em 0;"> In this edition of <em>The GitHub Insider</em>, we’ll show you how to set up a robust and impressive portfolio with our free website hosting service, GitHub Pages. </p> <p style="margin: 2em 0 2em 0;"> Whether you’re looking to land that new job (💪) or simply boost your online presence to set yourself up for future opportunities (🚀), this newsletter is your ultimate guide to creating a brilliant online portfolio that will make you stand out to potential employers and prospects. </p> <p style="margin: 2em 0 2em 0;"> Let’s get started! </p> <h2 style="color: #000000; font-size: 1.4em; font-weight: bold; line-height: 1.2; margin: 2em 0 0 0;"> Step #1: Setting up your GitHub repository 👩🏽‍💻 </h2> <p style="margin: 2em 0 2em 0;"> Before we dive into building your portfolio, let’s start with the foundation: a GitHub repository. This repository will be the home for all your website files, i.e. the engine that powers your online presence. By the end of this step, you’ll have your very own repository ready to be transformed into a polished portfolio site. </p> <p style="margin: 2em 0 2em 0;"> <ul> <li style="margin-bottom: 0.4em;">Go to your GitHub account</li> <li style="margin-bottom: 0.4em;">Click on the <strong>New</strong> repository button</li> <li style="margin-bottom: 0.4em;">Name your repository as <code style="color: #2da44e ;">username‌.github‌.io</code>, where username is your GitHub username. This will be the URL for your portfolio site (e.g. <code style="color: #2da44e ;">ht‌tps‌://username.github‌.io</code>).</li> <li style="margin-bottom: 0.4em;">Set the repository to <strong>Public</strong></li> <li style="margin-bottom: 0.4em;">Optionally, you can also initialize the repository with a <code style="color: #2da44e ;">README</code> file.</li> </ul> </p> <p style="margin: 2em 0 2em 0;"> Then, you’re going to clone the repository to your local machine using Git: </p> <!-- IMG --> <p style="margin: 2em 0 0 0;"> <center> <img alt="" src="https://images.github.media/EloquaImages/clients/GitHubInc/%7Bf1178bee-7c2b-4d27-b800-c388a954512e%7D_gh-insider-oct-2024-1-1.png" width="600" border="0" style="border-radius: 4px; color: #000000; font-size: 1.8em; line-height: 1.4; display: block; max-width: 100%; min-width: 100px; width: 100%;"> </center> </p> <h2 style="color: #000000; font-size: 1.4em; font-weight: bold; line-height: 1.2; margin: 2em 0 0 0;"> Step #2: Design your portfolio 🎨 </h2> <p style="margin: 2em 0 2em 0;"> Now that your repository is good to go, it's time to hit the green on bringing your portfolio to life. This is where you can tap into your creativity and design something that highlights your skills and personal brand. Remember, your portfolio doesn’t need to be everything to everyone, unless you’re trying to impress your cat and grandma at the same time! 🐱👵 Instead, focus on making it uniquely yours, telling your story in a way that sets you apart. </p> <!-- IMG --> <p style="margin: 2em 0 0 0;"> <center> <img alt="" src="https://images.github.media/EloquaImages/clients/GitHubInc/%7B84756b75-efb9-48bd-b3c6-9a3888c05531%7D_gh-insider-oct-2024-1-2.png" width="600" border="0" style="border-radius: 4px; color: #000000; font-size: 1.8em; line-height: 1.4; display: block; max-width: 100%; min-width: 100px; width: 100%;"> </center> </p> <p style="margin: 2em 0 2em 0;"> <strong>Create or find a template:</strong> </p> <p style="margin: 2em 0 2em 0;"> You can design your portfolio from scratch using HTML, CSS, and Javascript, or you can choose from many pre-built templates and themes online: </p> <p style="margin: 2em 0 2em 0;"> <ul> <li style="margin-bottom: 0.4em;"><a href="https://startbootstrap.com/theme/resume?utm_source=insider&utm_medium=email&utm_campaign=2024q1-em-GitHub-Insider-October-3" style="color: #0969da; font-weight: normal; text-decoration: none;">Start Boostrap templates</a></li> <li style="margin-bottom: 0.4em;"><a href="https://pages.github.com/themes/?utm_source=insider&utm_medium=email&utm_campaign=2024q1-em-GitHub-Insider-October-3" style="color: #0969da; font-weight: normal; text-decoration: none;">GitHub Pages themes</a></li> <li style="margin-bottom: 0.4em;"><a href="https://jekyllthemes.io/?utm_source=insider&utm_medium=email&utm_campaign=2024q1-em-GitHub-Insider-October-3" style="color: #0969da; font-weight: normal; text-decoration: none;">Jekyll themes</a></li> </ul> </p> <p style="margin: 2em 0 2em 0;"> <strong>Customize your content:</strong> </p> <p style="margin: 2em 0 2em 0;"> <ul> <li style="margin-bottom: 0.4em;">Modify the files to include your information, including your name, skills, projects, contact information, etc.</li> <li style="margin-bottom: 0.4em;">Update the CSS to match your personal branding or style (whatever looks good to you!) with colors, fonts, and layout.</li> </ul> </p> <h2 style="color: #000000; font-size: 1.4em; font-weight: bold; line-height: 1.2; margin: 2em 0 0 0;"> Step #3: Add your content to the repository 📃 </h2> <p style="margin: 2em 0 2em 0;"> With your design in place, it’s time to fill your portfolio with the content that showcases who you are as a professional. This is where you take all the hard work you’ve put into crafting your career—your projects, skills, resume, and experience—and bring it to life in your repository. Think of it as decorating your new digital home with everything that makes you unique. Ready to move in? </p> <p style="margin: 2em 0 2em 0;"> <strong>Add your files:</strong> </p> <p style="margin: 2em 0 2em 0;"> <ul> <li style="margin-bottom: 0.4em;">Place your HTML, CSS, and any other necessary files (like images or JavaScript files) into the cloned repository folder.</li> <li style="margin-bottom: 0.4em;">If you’re using a Jekyll theme, make sure the <code style="color: #2da44e ;">_config.yml</code> file is configured correctly for your site.</li> </ul> </p> <p style="margin: 2em 0 2em 0;"> <strong>Commit and push changes:</strong> </p> <p style="margin: 2em 0 2em 0;"> After adding and customizing your files, commit and push them to your GitHub repository: </p> <!-- IMG --> <p style="margin: 2em 0 0 0;"> <center> <img alt="" src="https://images.github.media/EloquaImages/clients/GitHubInc/%7Beb70d5f3-1ee6-44f7-93e2-9984f0e9b667%7D_gh-insider-oct-2024-1-3.png" width="600" border="0" style="border-radius: 4px; color: #000000; font-size: 1.8em; line-height: 1.4; display: block; max-width: 100%; min-width: 100px; width: 100%;"> </center> </p> <h2 style="color: #000000; font-size: 1.4em; font-weight: bold; line-height: 1.2; margin: 2em 0 0 0;"> Step #4: Deploy your site 🔥 </h2> <p style="margin: 2em 0 2em 0;"> The moment of truth has arrived. It's time to launch your portfolio into the world! With just a few clicks, your site will be up and running, ready to impress potential employers, clients, or anyone else who stops by. It’s kind of like rolling out the red carpet for your online debut. Let’s make this official! 💍 </p> <p style="margin: 2em 0 2em 0;"> <strong>Enable GitHub Pages:</strong> </p> <p style="margin: 2em 0 2em 0;"> <ul> <li style="margin-bottom: 0.4em;">Go to the settings of your repository on GitHub.</li> <li style="margin-bottom: 0.4em;">Scroll down to the <strong>GitHub Pages</strong> section.</li> <li style="margin-bottom: 0.4em;">Under <strong>Source</strong>, select the branch you want to deploy from (usually <code style="color: #2da44e ;">main</code> or <code style="color: #2da44e ;">master</code>).</li> <li style="margin-bottom: 0.4em;">If you’re using a specific folder (like <code style="color: #2da44e ;">/docs</code>) for your site files, specify that folder.</li> </ul> </p> <p style="margin: 2em 0 2em 0;"> <strong>Check your site:</strong> </p> <p style="margin: 2em 0 2em 0;"> <ul> <li style="margin-bottom: 0.4em;">After a few minutes, your site should be live at <code style="color: #2da44e ;">ht‌tps‌://username.github‌.io</code> (remember that “username” is your own).</li> <li style="margin-bottom: 0.4em;">If there are any issues, check the <strong>Actions</strong> tab in your repository for build errors or warnings.</li> </ul> </p> <h2 style="color: #000000; font-size: 1.4em; font-weight: bold; line-height: 1.2; margin: 2em 0 0 0;"> Step #5: Keep your site updated ✅ </h2> <p style="margin: 2em 0 2em 0;"> Congratulations! Your portfolio is live, but the journey doesn’t end here. Like any great project, your site needs regular updates to stay fresh and relevant. Whether you’re adding new projects, updating your resume, or refining your design, keeping your site current ensures that it continues to represent the best version of you. Let’s explore how to maintain your portfolio so it always shines: </p> <p style="margin: 2em 0 2em 0;"> <strong>Add projects and update your resume:</strong> </p> <p style="margin: 2em 0 2em 0;"> <ul> <li style="margin-bottom: 0.4em;">As you complete gigs and add more opportunities to your resume, make sure to update your portfolio accordingly.</li> </ul> </p> <p style="margin: 2em 0 2em 0;"> <strong>Monitor your site:</strong> </p> <p style="margin: 2em 0 2em 0;"> <ul> <li style="margin-bottom: 0.4em;">Regularly check your site to ensure everything is functioning properly, especially after making updates.</li> </ul> </p> <p style="margin: 2em 0 2em 0;"> <strong>Add goodies:</strong> </p> <p style="margin: 2em 0 2em 0;"> <ul> <li style="margin-bottom: 0.4em;">Have your own custom domain? Whether you already have one or want to create one for your new portfolio, you can set this up in the GitHub Pages settings and configure your DNS settings accordingly.</li> <li style="margin-bottom: 0.4em;">To keep track of who’s visiting your site, integrate Google Analytics or another tracking service to monitor your site’s traffic.</li> <li style="margin-bottom: 0.4em;">For better or worse, it’s all about SEO these days. Optimize your search engines by adding meta tags, descriptions, and relevant keywords to your HTML files.</li> </ul> </p> <p style="margin: 2em 0 2em 0;"> Voila! You now have your own little online ecosystem to host your work and show the world your mighty developer prowess. Also, remember to link to your <a href="https://www.linkedin.com/pulse/how-glitz-up-your-github-profile-advance-career-github-efyxc/?utm_source=insider&utm_medium=email&utm_campaign=2024q1-em-GitHub-Insider-October-3" style="color: #0969da; font-weight: normal; text-decoration: none;">GitHub profile</a> and <a href="https://reemus.dev/article/how-to-embed-a-github-gist-in-your-website?utm_source=insider&utm_medium=email&utm_campaign=2024q1-em-GitHub-Insider-October-3" style="color: #0969da; font-weight: normal; text-decoration: none;">display any GitHub Gists</a> you’d like to showcase. These final touches make it easy for visitors to explore your work and see your skills in action. All the best to you as you apply to jobs and connect with colleagues with your newfound digital presence—may your new portfolio open many doors to exciting, fulfilling opportunities. ☀️ </p> <p style="margin: 2em 0 2em 0;"> </p> <p style="margin: 2em 0 2em 0;"> </p> <!-- Callout block --> <!--[if (gte mso 9)|(IE)]> <table cellspacing="0" cellpadding="0" border="0" width="100%" align="center" role="presentation"><tr><td style="background-color: #fff7c2;"> <![endif]--> <div style="background-color: #fbefff; border: 1px solid #ecd8ff; border-radius: 4px; padding: 2em 2em 2em 2em; text-align: center;" class="callout"> <h3 style="font-size: 1.2em; font-weight: bold; margin: 0 0 1em 0;"> 💡 Looking for inspo for building your site? 💡 </h3> <p style="margin: 1em 0 1em 0;"> Check out these portfolios: </p> <p style="margin: 2em 0 0 0;"> ✍🏻 <a href="https://www.lauralindeman.com/?utm_source=insider&utm_medium=email&utm_campaign=2024q1-em-GitHub-Insider-October-3" style="color: #0969da; font-weight: normal; text-decoration: none;">Laura Lindeman, blog editor</a><br> 💻 <a href="https://jayantgoel001.github.io/?utm_source=insider&utm_medium=email&utm_campaign=2024q1-em-GitHub-Insider-October-3" style="color: #0969da; font-weight: normal; text-decoration: none;">Jayant Goel, full stack developer</a><br> 🤖 <a href="https://pr2tik1.github.io/?utm_source=insider&utm_medium=email&utm_campaign=2024q1-em-GitHub-Insider-October-3" style="color: #0969da; font-weight: normal; text-decoration: none;">Pratik Kumar, software engineer</a> </p> </div> <!--[if (gte mso 9)|(IE)]> </td></tr></table> <![endif]--> <!-- A button block. --> <p style="margin: 4em 0 4em 0; text-align: center;"> <a class="button" href="https://pages.github.com/?utm_source=insider&utm_medium=email&utm_campaign=2024q1-em-GitHub-Insider-October-3" style="background: #2ea44f; border: 2px solid #2ea44f; text-decoration: none; padding: 10px 20px; color: #ffffff; border-radius: 4px; display: inline-block; font-weight: bold; mso-padding-alt: 0; text-underline-color: #2ea44f"><!--[if mso]><i style="letter-spacing: 20px;mso-font-width:-100%;mso-text-raise:30pt" hidden> </i><![endif]--><span style="mso-text-raise:15pt;">Start building your portfolio today</span><!--[if mso]><i style="letter-spacing: 25px;mso-font-width:-100%" hidden> </i><![endif]--> </a> </p> <hr style="border-width: 0; background: #eaeaea; color: #eaeaea; height: 1px"> <p style="margin: 2em 0 2em 0; text-align: center;"> <small>✨ This newsletter was written and produced by <a href="https://github.com/purpledragon85/?utm_source=insider&utm_medium=email&utm_campaign=2024q1-em-GitHub-Insider-October-3" style="color: #0969da; font-weight: normal; text-decoration: none;">Gwen Davis</a>. ✨</small> </p> <!-- Connect with us section. --> <!-- Callout block --> <!--[if (gte mso 9)|(IE)]> <table cellspacing="0" cellpadding="0" border="0" width="100%" align="center" role="presentation"><tr><td style="background-color: #fff7c2;"> <![endif]--> <div style="background-color: #f5f7f9; border: 1px solid #dbdee2; border-radius: 4px; padding: 2em 2em 2em 2em; text-align: center;" class="callout"> <h3 style="font-size: 1.8em; font-weight: bold; margin: 0 0 0 0;"> More to explore 🌎 </h3> </div> <!--[if (gte mso 9)|(IE)]> </td></tr></table> <![endif]--> <br><br> <!-- Callout block --> <!--[if (gte mso 9)|(IE)]> <table cellspacing="0" cellpadding="0" border="0" width="100%" align="center" role="presentation"><tr><td style="background-color: #fff7c2;"> <![endif]--> <div style="background-color: #fff7c2; border: 1px solid #ebd8b0; border-radius: 4px; padding: 2em 2em 2em 2em; text-align: center;" class="callout"> <h3 style="font-size: 1.2em; font-weight: bold; margin: 0 0 1em 0;"> Join our GitHub Pages conversations 🤖 </h3> <p style="margin: 1em 0 1em 0;"> Visit our community forum to see what people are saying + offer your own two cents. </p> <p style="margin: 2em 0 0 0;"> <a class="button" href="https://github.com/orgs/community/discussions/categories/pages?utm_source=insider&utm_medium=email&utm_campaign=2024q1-em-GitHub-Insider-October-3" style="background: #000000; border: 2px solid #000000; text-decoration: none; padding: 10px 20px; color: #ffffff; border-radius: 4px; display: inline-block; font-weight: bold; mso-padding-alt: 0; text-underline-color: #000000"><!--[if mso]><i style="letter-spacing: 20px;mso-font-width:-100%;mso-text-raise:30pt" hidden> </i><![endif]--><span style="mso-text-raise:15pt;">Visit now</span><!--[if mso]><i style="letter-spacing: 25px;mso-font-width:-100%" hidden> </i><![endif]--> </a> </p> </div> <!--[if (gte mso 9)|(IE)]> </td></tr></table> <![endif]--> <br><br> <!-- Callout block --> <!--[if (gte mso 9)|(IE)]> <table cellspacing="0" cellpadding="0" border="0" width="100%" align="center" role="presentation"><tr><td style="background-color: #d9f2fe;"> <![endif]--> <div style="background-color: #d9f2fe; border: 1px solid #b8dbfc; border-radius: 4px; padding: 2em 2em 2em 2em; text-align: center;" class="callout"> <h3 style="font-size: 1.2em; font-weight: bold; margin: 0 0 1em 0;"> Stay updated on GitHub products 📦 </h3> <p style="margin: 1em 0 1em 0;"> Discover the latest ships, launches, and improvements in our Changelog. </p> <p style="margin: 2em 0 0 0;"> <a class="button" href="https://github.blog/changelog/?utm_source=insider&utm_medium=email&utm_campaign=2024q1-em-GitHub-Insider-October-3" style="background: #000000; border: 2px solid #000000; text-decoration: none; padding: 10px 20px; color: #ffffff; border-radius: 4px; display: inline-block; font-weight: bold; mso-padding-alt: 0; text-underline-color: #000000"><!--[if mso]><i style="letter-spacing: 20px;mso-font-width:-100%;mso-text-raise:30pt" hidden> </i><![endif]--><span style="mso-text-raise:15pt;">Explore now</span><!--[if mso]><i style="letter-spacing: 25px;mso-font-width:-100%" hidden> </i><![endif]--> </a> </p> </div> <!--[if (gte mso 9)|(IE)]> </td></tr></table> <![endif]--> <br><br> <!-- Callout block --> <!--[if (gte mso 9)|(IE)]> <table cellspacing="0" cellpadding="0" border="0" width="100%" align="center" role="presentation"><tr><td style="background-color: #fff7c2;"> <![endif]--> <div style="background-color: #fff1e5; border: 1px solid #ffd8b5; border-radius: 4px; padding: 2em 2em 2em 2em; text-align: center;" class="callout"> <h3 style="font-size: 1.2em; font-weight: bold; margin: 0 0 1em 0;"> Subscribe to our LinkedIn newsletter 🚀 </h3> <p style="margin: 1em 0 1em 0;"> Do your best work on GitHub. Subscribe to our LinkedIn newsletter, <em>Branching Out_</em>. </p> <p style="margin: 2em 0 0 0;"> <a class="button" href="https://www.linkedin.com/newsletters/6958196028076429312/?utm_source=insider&utm_medium=email&utm_campaign=2024q1-em-GitHub-Insider-October-3" style="background: #000000; border: 2px solid #000000; text-decoration: none; padding: 10px 20px; color: #ffffff; border-radius: 4px; display: inline-block; font-weight: bold; mso-padding-alt: 0; text-underline-color: #000000"><!--[if mso]><i style="letter-spacing: 20px;mso-font-width:-100%;mso-text-raise:30pt" hidden> </i><![endif]--><span style="mso-text-raise:15pt;">Sign up now</span><!--[if mso]><i style="letter-spacing: 25px;mso-font-width:-100%" hidden> </i><![endif]--> </a> </p> </div> <!--[if (gte mso 9)|(IE)]> </td></tr></table> <![endif]--> <br><br> <!-- Callout block --> <!--[if (gte mso 9)|(IE)]> <table cellspacing="0" cellpadding="0" border="0" width="100%" align="center" role="presentation"><tr><td style="background-color: #fff7c2;"> <![endif]--> <div style="background-color: #d6fadf; border: 1px solid #4ac26b66; border-radius: 4px; padding: 2em 2em 2em 2em; text-align: center;" class="callout"> <h3 style="font-size: 1.2em; font-weight: bold; margin: 0 0 1em 0;"> Attend GitHub Universe 🪐 </h3> <p style="margin: 1em 0 1em 0;"> Experience the world’s fair of software at the historic Fort Mason Center, October 29-20. </p> <p style="margin: 2em 0 0 0;"> <a class="button" href="https://githubuniverse.com/?utm_source=insider&utm_medium=email&utm_campaign=2024q1-em-GitHub-Insider-October-3" style="background: #000000; border: 2px solid #000000; text-decoration: none; padding: 10px 20px; color: #ffffff; border-radius: 4px; display: inline-block; font-weight: bold; mso-padding-alt: 0; text-underline-color: #000000"><!--[if mso]><i style="letter-spacing: 20px;mso-font-width:-100%;mso-text-raise:30pt" hidden> </i><![endif]--><span style="mso-text-raise:15pt;">Buy your tickets now</span><!--[if mso]><i style="letter-spacing: 25px;mso-font-width:-100%" hidden> </i><![endif]--> </a> </p> </div> <!--[if (gte mso 9)|(IE)]> </td></tr></table> <![endif]--> <br><br> <hr style="border-width: 0; background: #eaeaea; color: #eaeaea; height: 1px"> </div> <!--[if (gte mso 9)|(IE)]> </td></tr></table> <![endif]--> <!--[if (gte mso 9)|(IE)]> <table cellspacing="0" cellpadding="0" border="0" width="580" align="center" role="presentation"><tr><td> <![endif]--> <div class="content-container" style="color: #000000; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; line-height: 1.5; margin: 1rem auto; max-width: 580px; padding: 1em;"><!-- This is the footer. --> <center><a href="https://github.com?utm_source=insider&utm_medium=email&utm_campaign=2024q1-em-GitHub-Insider-October-3" style="display: block; margin: 0 0 2em 0;"><img alt="GitHub" border="0" class="dark-mode-hide" src="https://images.github.media/EloquaImages/clients/GitHubInc/%7B06958555-b158-43f9-9f4c-f7cc10a305a0%7D_github-logo-email.png" style="display: block;" width="100" /> <!--[if !mso]><!--> <img alt="GitHub" border="0" class="dark-mode-show" src="https://images.github.media/EloquaImages/clients/GitHubInc/%7B369cff35-9244-420e-9a83-1a9040d9e311%7D_github-logo-email-dark-mode.png" style="display: none;" width="100" /> <!--<![endif]--> </a></center> <p style="font-size: 1.2em; color: #999999; margin: 0 0 2em 0; text-align: center;">The world’s leading AI-powered developer platform.</p> </div> <!--[if (gte mso 9)|(IE)]> </td></tr></table> <![endif]--> </div> </body> </html>