GitHub Student Developer Pack

<!DOCTYPE html> <html data-a11y-link-underlines=true lang="en" class="height-full" data-color-mode="light" data-light-theme="light"> <head> <title>GitHub Student Developer Pack - GitHub Education</title> <meta name="description" content="The GitHub Student Developer Pack is all you need to learn how to code. Get your Pack now."> <meta itemprop="browser-errors-url" content="/api/javascript_errors"> <meta itemprop="controller" content="pack"> <meta itemprop="action" content="index"> <script src="/assets/failbot-feb876525d9e00886987460e113e37637324964cd3b93244282122269a675903.js" crossorigin="anonymous" type="module" integrity="sha256-/rh2Ul2eAIhph0YOET43Y3MklkzTuTJEKCEiJppnWQM="></script> <link rel="stylesheet" crossorigin="anonymous" href="/assets/public-8a9e3ce51d7379e39c1d642fe84ed7ede29a5025a4b448054a65b92e82dfeb0b.css" media="screen" integrity="sha256-ip485R1zeeOcHWQv6E7X7eKaUCWktEgFSmW5LoLf6ws=" /> <link rel="stylesheet" crossorigin="anonymous" href="/assets/print-6ba34b1cb8a625610e20cb4b3ceeb71f63e9f2e96b27acf74508e5648ee177ab.css" media="print" integrity="sha256-a6NLHLimJWEOIMtLPO63H2Pp8ulrJ6z3RQjlZI7hd6s=" /> <script src="/assets/public-492edb64473f0dfc26d58929f21fc593d1fefee827b3b23c2c84003028b0a0a5.js" crossorigin="anonymous" integrity="sha256-SS7bZEc/Dfwm1Ykp8h/Fk9H+/ugns7I8LIQAMCiwoKU="></script> <script src="/assets/skip_to_main-d9cc808460d7eec555e080662196aaf66fa025756ed9e09070eda4ad2c3641e9.js" crossorigin="anonymous" integrity="sha256-2cyAhGDX7sVV4IBmIZaq9m+gJXVu2eCQcO2krSw2Qek="></script> <meta name="csrf-param" content="authenticity_token" /> <meta name="csrf-token" content="bSovSXPJH0we5VLfaEJFqIp61-yWWx4N3lHc28j92xDSLThigZC_SH7AHegoUYbay9c-XGQYWX_QHKOKpHiZaA" /> <meta name="ha-url" content="https://collector.githubapp.com/education-web/collect"> <script src="https://analytics.githubassets.com/hydro-marketing.min.js"></script> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=5"> <meta name="twitter:site" content="@GitHubEducation" /><meta name="twitter:site:id" content="1943578656" /><meta name="twitter:creator" content="@GitHubEducation" /><meta name="twitter:creator:id" content="1943578656" /><meta name="twitter:card" content="summary_large_image" /><meta name="twitter:title" content="GitHub Student Developer Pack" /><meta name="twitter:description" content="The best developer tools, free for students. Get your GitHub Student Developer Pack now." /><meta name="twitter:image:src" content="https://education.github.com/assets/pack/twitter-summary-card-image-bec1d1f933d223919ff0576af8838cffe3975633b24641e9d7b1c4317066ae24.png" /><meta name="twitter:image:width" content="1120" /><meta name="twitter:image:height" content="600" /> <meta property="og:site_name" content="GitHub Education" /><meta property="og:author" content="https://www.facebook.com/GitHub" /><meta property="og:url" content="https://education.github.com/pack" /><meta property="og:type" content="object" /><meta property="og:image" content="https://education.github.com/assets/pack/opengraph-image-c6d692948bb5fbf237b8a72d6576b4dcc84586335b522a6036904fc16ec7eccd.png" /><meta property="og:image:width" content="1200" /><meta property="og:image:height" content="630" /><meta property="og:title" content="GitHub Student Developer Pack" /><meta property="og:description" content="The best developer tools, free for students. Get your GitHub Student Developer Pack now." /><meta property="fb:app_id" content="1470168793264145" /> </head> <body class="_pack _index d-flex flex-column height-full" > <a href="#start-of-content" class="p-3 color-bg-accent-emphasis color-fg-on-emphasis show-on-focus js-skip-to-content">Skip to content</a> <div class="flex-auto"> <header> <div class="d-md-block py-2 color-bg-emphasis"> <div class="p-responsive d-flex flex-md-justify-between"> <a class="d-block color-fg-on-emphasis no-underline" href="https://github.com">GitHub.com</a> </div> </div> <div class="py-4 color-bg-default border-bottom"> <div class="d-flex flex-column flex-lg-row flex-lg-items-center flex-lg-justify-between container-xl p-responsive flex-items-center"> <div class="f2-mktg"> <a class="color-fg-default" aria-label="Education homepage" href="/"> <svg class="octicon octicon-mark-github mr-2" fill="#000000" viewBox="0 0 16 16" width="31" height="31" version="1.1" aria-hidden="true"><path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59 0.4 0.07 0.55-0.17 0.55-0.38 0-0.19-0.01-0.82-0.01-1.49-2.01 0.37-2.53-0.49-2.69-0.94-0.09-0.23-0.48-0.94-0.82-1.13-0.28-0.15-0.68-0.52-0.01-0.53 0.63-0.01 1.08 0.58 1.23 0.82 0.72 1.21 1.87 0.87 2.33 0.66 0.07-0.52 0.28-0.87 0.51-1.07-1.78-0.2-3.64-0.89-3.64-3.95 0-0.87 0.31-1.59 0.82-2.15-0.08-0.2-0.36-1.02 0.08-2.12 0 0 0.67-0.21 2.2 0.82 0.64-0.18 1.32-0.27 2-0.27 0.68 0 1.36 0.09 2 0.27 1.53-1.04 2.2-0.82 2.2-0.82 0.44 1.1 0.16 1.92 0.08 2.12 0.51 0.56 0.82 1.27 0.82 2.15 0 3.07-1.87 3.75-3.65 3.95 0.29 0.25 0.54 0.73 0.54 1.48 0 1.07-0.01 1.93-0.01 2.2 0 0.21 0.15 0.46 0.55 0.38C13.71 14.53 16 11.53 16 8 16 3.58 12.42 0 8 0z"></path></svg>Education </a> </div> <nav class="mt-3 mt-md-0" aria-label="Global"> <ul class="d-flex flex-wrap flex-justify-center flex-items-center flex-md-justify-end list-style-none"> <li class="mb-2 mb-sm-3 mb-md-0"> <action-menu data-select-variant="none" data-view-component="true"> <focus-group direction="vertical" mnemonics retain> <button id="action-menu-d0d65892-083c-4678-b662-b51f2e1a0592-button" popovertarget="action-menu-d0d65892-083c-4678-b662-b51f2e1a0592-overlay" aria-controls="action-menu-d0d65892-083c-4678-b662-b51f2e1a0592-list" aria-haspopup="true" type="button" data-view-component="true" class="Button--invisible Button--medium Button text-normal"> <span class="Button-content"> <span class="Button-label">Students</span> </span> <span class="Button-visual Button-trailingAction"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-triangle-down"> <path d="m4.427 7.427 3.396 3.396a.25.25 0 0 0 .354 0l3.396-3.396A.25.25 0 0 0 11.396 7H4.604a.25.25 0 0 0-.177.427Z"></path> </svg> </span> </button> <anchored-position id="action-menu-d0d65892-083c-4678-b662-b51f2e1a0592-overlay" anchor="action-menu-d0d65892-083c-4678-b662-b51f2e1a0592-button" align="start" side="outside-bottom" anchor-offset="normal" popover="auto" data-view-component="true"> <div data-view-component="true" class="Overlay Overlay--size-auto"> <div data-view-component="true" class="Overlay-body Overlay-body--paddingNone"> <action-list> <div data-view-component="true"> <ul aria-labelledby="action-menu-d0d65892-083c-4678-b662-b51f2e1a0592-button" id="action-menu-d0d65892-083c-4678-b662-b51f2e1a0592-list" role="menu" data-view-component="true" class="ActionListWrap--inset ActionListWrap"> <li data-targets="action-list.items" role="none" data-view-component="true" class="ActionListItem"> <a tabindex="-1" id="item-12df0148-24f7-4048-a7ea-13315b251464" href="/students" role="menuitem" data-view-component="true" class="ActionListContent"> <span data-view-component="true" class="ActionListItem-label"> Explore Student Programs </span></a> </li> <li role="presentation" aria-hidden="true" data-view-component="true" class="ActionList-sectionDivider"></li> <li data-targets="action-list.items" role="none" data-view-component="true" class="ActionListItem"> <a tabindex="-1" id="item-462aec93-4d3f-4a9c-85fb-cfb6a293e76a" href="/pack" role="menuitem" data-view-component="true" class="ActionListContent"> <span data-view-component="true" class="ActionListItem-label"> Get Your Student Developer Pack </span></a> </li> <li role="presentation" aria-hidden="true" data-view-component="true" class="ActionList-sectionDivider"></li> <li data-targets="action-list.items" role="none" data-view-component="true" class="ActionListItem"> <a tabindex="-1" id="item-fa40ba27-6061-461f-9e42-600a408a3e91" href="/experts" role="menuitem" data-view-component="true" class="ActionListContent"> <span data-view-component="true" class="ActionListItem-label"> Become a Campus Expert </span></a> </li> </ul> </div></action-list> </div> </div></anchored-position> </focus-group> </action-menu> </li> <li class="mb-2 mb-sm-3 mb-md-0"> <action-menu data-select-variant="none" data-view-component="true"> <focus-group direction="vertical" mnemonics retain> <button id="action-menu-79c2bead-5ac6-4761-ad42-86098095c1da-button" popovertarget="action-menu-79c2bead-5ac6-4761-ad42-86098095c1da-overlay" aria-controls="action-menu-79c2bead-5ac6-4761-ad42-86098095c1da-list" aria-haspopup="true" type="button" data-view-component="true" class="Button--invisible Button--medium Button text-normal"> <span class="Button-content"> <span class="Button-label">Teachers</span> </span> <span class="Button-visual Button-trailingAction"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-triangle-down"> <path d="m4.427 7.427 3.396 3.396a.25.25 0 0 0 .354 0l3.396-3.396A.25.25 0 0 0 11.396 7H4.604a.25.25 0 0 0-.177.427Z"></path> </svg> </span> </button> <anchored-position id="action-menu-79c2bead-5ac6-4761-ad42-86098095c1da-overlay" anchor="action-menu-79c2bead-5ac6-4761-ad42-86098095c1da-button" align="start" side="outside-bottom" anchor-offset="normal" popover="auto" data-view-component="true"> <div data-view-component="true" class="Overlay Overlay--size-auto"> <div data-view-component="true" class="Overlay-body Overlay-body--paddingNone"> <action-list> <div data-view-component="true"> <ul aria-labelledby="action-menu-79c2bead-5ac6-4761-ad42-86098095c1da-button" id="action-menu-79c2bead-5ac6-4761-ad42-86098095c1da-list" role="menu" data-view-component="true" class="ActionListWrap--inset ActionListWrap"> <li data-targets="action-list.items" role="none" data-view-component="true" class="ActionListItem"> <a tabindex="-1" id="item-a401f1e0-4cd4-48e5-b6f5-5be8867a6b31" href="/teachers" role="menuitem" data-view-component="true" class="ActionListContent"> <span data-view-component="true" class="ActionListItem-label"> Explore Teacher Programs </span></a> </li> <li role="presentation" aria-hidden="true" data-view-component="true" class="ActionList-sectionDivider"></li> <li data-targets="action-list.items" role="none" data-view-component="true" class="ActionListItem"> <a tabindex="-1" id="item-6c67460f-07a0-4a8e-9548-73891520c05b" href="https://classroom.github.com" role="menuitem" data-view-component="true" class="ActionListContent"> <span data-view-component="true" class="ActionListItem-label"> Learn About GitHub Classroom </span></a> </li> </ul> </div></action-list> </div> </div></anchored-position> </focus-group> </action-menu> </li> <li class="d-flex flex-items-center mx-3 mb-2 mb-sm-3 mb-md-0"> <a href="/schools" data-view-component="true" class="Link color-fg-default">Schools</a> </li> <li class="d-flex flex-items-center mx-3 mb-2 mb-sm-3 mb-md-0"> <a href="/events" data-view-component="true" class="Link color-fg-default">Events</a> </li> <li class="d-flex flex-items-center ml-1 mr-3 mb-2 mb-sm-3 mb-md-0"> <a href="/sign_in" data-view-component="true" class="Button--secondary Button--medium Button color-border-default"> <span class="Button-content"> <span class="Button-label">Sign in</span> </span> </a> </li> </ul> </nav> </div> </div> </header> <div id="start-of-content" class="show-on-focus"></div> <main> <script src="/assets/landing-page-1853255fe10cf8c833dfae2a969e199ca77647d1c81c4c0eecea7c9e8f0782d2.js" crossorigin="anonymous" integrity="sha256-GFMlX+EM+Mgz364qlp4ZnKd2R9HIHEwO7Op8no8HgtI="></script> <script src="/assets/pack-page-8f6e6a182604a199e81fa42b3983d5c4123d38c163b806af12673274a5bc0b66.js" crossorigin="anonymous" integrity="sha256-j25qGCYEoZnoH6QrOYPVxBI9OMFjuAavEmcydKW8C2Y="></script> <script src="/assets/twitter-id-b3a536506c41ff94ad360625d2f02383617e98e32aacab1ee7bbb1ab4b0170dd.js" crossorigin="anonymous" integrity="sha256-s6U2UGxB/5StNgYl0vAjg2F+mOMqrKse57uxq0sBcN0="></script> <script src="/assets/social-media-1f3e98e429c792a59cdaa39c7878bd8e1541db64d44e5dde67e389ed08813f3b.js" crossorigin="anonymous" integrity="sha256-Hz6Y5CnHkqWc2qOceHi9jhVB22TUTl3eZ+OJ7QiBPzs="></script> <div class="tan-gradient"> <div class="container-xl pt-1 pt-md-6 pb-2 p-responsive pack-header-image"> <div class="d-flex flex-justify-between flex-items-center mb-4 mt-3"> <h1 class="f0-mktg lh-condensed text-left d-inline-block">GitHub Student Developer Pack</h1> </div> <p class="f3 mb-5 color-fg-default col-8"> <span class="text-bold">Learn to ship software like a pro.</span> There's no substitute for hands-on experience. But for most students, real world tools can be cost-prohibitive. That's why we created the GitHub Student Developer Pack with some of our partners and friends. </p> <div class="mb-3"> <a href="/discount_requests/application?type=student" style="height: auto;" data-link-location="3" data-link-target-type="8" data-view-component="true" class="js-landing-page-link btn-large-mktg Button--primary Button--medium Button f4 text-normal"> <span class="Button-content"> <span class="Button-label">Sign up for Student Developer Pack</span> </span> </a> <div class="text-left mt-5"> <p class="f5 text-bold">Love the pack? Spread the word</p> <div class="d-flex mt-3 flex-items-start"> <div class="d-inline-block twitter-share-button mr-2"> <a href="https://twitter.com/share" class="js-landing-page-link twitter-share-button v-hidden" data-text="The best developer tools, free for students:" data-url="https://education.github.com/pack" data-via="githubeducation" data-size="large" data-link-location="1" data-link-target-type="6">Tweet</a> </div> <div class="fb-like position-relative" data-href="https://education.github.com/pack" data-size="large" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false"></div> <div id="fb-root"></div> </div> </div> </div> </div> </div> <div class="container-xl pt-1 pt-md-8 pb-6 p-responsive"> <h2 class="my-4 mt-md-0">Experiences</h2> <p style="max-width: 63.125rem" data-view-component="true" class="f4 mb-8">Discover the best ways to use pack offers with Experiences. Experiences are curated bundles of pack partner products, GitHub tools, and other resources that are designed for you learn new skills and make the most out of the Student Developer Pack and your journey in GitHub Education.</p> <div class="pack-offer-grid pack-offer-grid--experience-cards mb-4" > <div class="border rounded-2 p-4"> <img alt="Blue, purple and green GitHub Copilot logo" class="width-fit mb-4" style="height: 75px" src="https://blobaccountproduction.blob.core.windows.net/educationwebblobstorage/wcqnijjurrjxj1to6bivp6thvw8w?sp=r&sv=2018-11-09&se=2025-02-17T10%3A38%3A55Z&rscd=inline%3B+filename%3D%22Copilot+Glow+logo.png%22%3B+filename*%3DUTF-8%27%27Copilot%2520Glow%2520logo.png&rsct=image%2Fpng&sr=b&sig=5wnUr9gc04JV7%2F7ne7zLddj2VRMgVodSbgoOAvZFfJk%3D" /> <hgroup role="group" aria-roledescription="Experience Group"> <p aria-roledescription="subtitle" data-view-component="true" class="color-fg-muted">LaunchPad</p> <h3 class="mb-3">Intro to Copilot</h3> </hgroup> <p data-view-component="true" class="color-fg-muted mb-4">What is Copilot and how do you get started using it? Use this Experience as a Primer on Copilot. We share tutorials, guides and templates to learn how to use AI in your development process.</p> <p class="text-normal f5 mb-3">Offers in this bundle</p> <ul class="d-flex flex-wrap list-style-none pack__experiences__offers__wrapper pb-2"> <li class="Label--small d-flex flex-items-center" aria-label="GitHub" style="margin: 0px 0px;"> <span class="mr-2"> <img alt="" height="26" width="26" style="border-radius: 50%; border: 1px solid #E1E4E8" class="" src="/assets/pack/icon_github-3f2eb02545ca7c3e81beb0a464e85fb5340ec9d689133db563d1869350d6416c.png" /> </span> GitHub </li> <li class="Label--small d-flex flex-items-center" aria-label="GitHub Copilot" style="margin: 0px 0px;"> <span class="mr-2"> <img alt="" height="26" width="26" style="border-radius: 50%; border: 1px solid #E1E4E8" class="" src="https://blobaccountproduction.blob.core.windows.net/educationwebblobstorage/jkvw7r03doo05xlfzdmytznxwhdv?sp=r&sv=2018-11-09&se=2025-02-17T10%3A38%3A55Z&rscd=inline%3B+filename%3D%22copilot+b_w.png%22%3B+filename*%3DUTF-8%27%27copilot%2520b_w.png&rsct=image%2Fpng&sr=b&sig=VJM%2FdrqaovzN%2For4WFHm8hpiGGcZhjHYwXLXMo7lDMI%3D" /> </span> GitHub Copilot </li> <li class="Label--small d-flex flex-items-center" aria-label="GitHub Codespaces" style="margin: 0px 0px;"> <span class="mr-2"> <img alt="" height="26" width="26" style="border-radius: 50%; border: 1px solid #E1E4E8" class="" src="/assets/pack/logo-github-codespaces-eb3a2e161fe5bce9f79532cba1b765f886924849709a90762005bd76ab2f96e0.jpg" /> </span> GitHub Codespaces </li> <li class="Label--small d-flex flex-items-center" aria-label="Visual Studio Code" style="margin: 0px 0px;"> <span class="mr-2"> <img alt="" height="26" width="26" style="border-radius: 50%; border: 1px solid #E1E4E8" class="" src="/assets/pack/logo-student-vscode-58a8771230903732938f2ae22dccbd19541671f5b4d335b1d37f5104e8ee2d11.jpg" /> </span> Visual Studio Code </li> </ul> <a data-link-location="3" data-link-target-type="7" href="/experiences/intro_to_copilot" data-view-component="true" class="js-landing-page-link text-bold Link"> Learn more about Intro to Copilot <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-chevron-right"> <path d="M6.22 3.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L9.94 8 6.22 4.28a.75.75 0 0 1 0-1.06Z"></path> </svg> </a></div> <div class="border rounded-2 p-4"> <img alt="black and white markdown logo" class="width-fit mb-4" style="height: 75px" src="https://blobaccountproduction.blob.core.windows.net/educationwebblobstorage/zagakuq0nu5ecihvcs1isnj5oyit?sp=r&sv=2018-11-09&se=2025-02-17T10%3A38%3A55Z&rscd=inline%3B+filename%3D%22Markdown-mark.svg.png%22%3B+filename*%3DUTF-8%27%27Markdown-mark.svg.png&rsct=image%2Fpng&sr=b&sig=uuWzIfscMamkUseV6tgbm7qKdJTrcfIJhbQTLscC%2FKE%3D" /> <hgroup role="group" aria-roledescription="Experience Group"> <p aria-roledescription="subtitle" data-view-component="true" class="color-fg-muted">LaunchPad</p> <h3 class="mb-3">Understanding Markdown</h3> </hgroup> <p data-view-component="true" class="color-fg-muted mb-4">Markdown is a lightweight markup language for creating formatted text using a plain-text editor. More simply put, Markdown is a way to write content for the web and one of the most important ways developers can make their communication clear and organized in issues and pull requests. This Experience walks you through the common uses of Markdown in GitHub so that you can feel confident communicating on the platform.</p> <p class="text-normal f5 mb-3">Offers in this bundle</p> <ul class="d-flex flex-wrap list-style-none pack__experiences__offers__wrapper pb-2"> <li class="Label--small d-flex flex-items-center" aria-label="GitHub" style="margin: 0px 0px;"> <span class="mr-2"> <img alt="" height="26" width="26" style="border-radius: 50%; border: 1px solid #E1E4E8" class="" src="/assets/pack/icon_github-3f2eb02545ca7c3e81beb0a464e85fb5340ec9d689133db563d1869350d6416c.png" /> </span> GitHub </li> </ul> <a data-link-location="3" data-link-target-type="7" href="/experiences/understanding_markdown" data-view-component="true" class="js-landing-page-link text-bold Link"> Learn more about Understanding Markdown <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-chevron-right"> <path d="M6.22 3.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L9.94 8 6.22 4.28a.75.75 0 0 1 0-1.06Z"></path> </svg> </a></div> <div class="border rounded-2 p-4"> <img alt="black and white mona" class="width-fit mb-4" style="height: 75px" src="https://blobaccountproduction.blob.core.windows.net/educationwebblobstorage/3h22xdmetosg3v08of868icmzt5t?sp=r&sv=2018-11-09&se=2025-02-17T10%3A38%3A55Z&rscd=inline%3B+filename%3D%22logo-communityexchange-3f2eb02545ca7c3e81beb0a464e85fb5340ec9d689133db563d1869350d6416c.png%22%3B+filename*%3DUTF-8%27%27logo-communityexchange-3f2eb02545ca7c3e81beb0a464e85fb5340ec9d689133db563d1869350d6416c.png&rsct=image%2Fpng&sr=b&sig=bJjTiyakUPumfJGyvsJWS3gMCoRuMocd5bJVxChEfEU%3D" /> <hgroup role="group" aria-roledescription="Experience Group"> <p aria-roledescription="subtitle" data-view-component="true" class="color-fg-muted">LaunchPad</p> <h3 class="mb-3">Intro to GitHub</h3> </hgroup> <p data-view-component="true" class="color-fg-muted mb-4">GitHub flow is a lightweight, branch-based workflow. In this Experience you'll learn the basics of the GitHub Flow including creating and making changes to branches within a repository, as well as creating and merging pull requests. The GitHub flow is useful for everyone, not just developers.</p> <p class="text-normal f5 mb-3">Offers in this bundle</p> <ul class="d-flex flex-wrap list-style-none pack__experiences__offers__wrapper pb-2"> <li class="Label--small d-flex flex-items-center" aria-label="GitHub" style="margin: 0px 0px;"> <span class="mr-2"> <img alt="" height="26" width="26" style="border-radius: 50%; border: 1px solid #E1E4E8" class="" src="/assets/pack/icon_github-3f2eb02545ca7c3e81beb0a464e85fb5340ec9d689133db563d1869350d6416c.png" /> </span> GitHub </li> </ul> <a data-link-location="3" data-link-target-type="7" href="/experiences/intro_to_github" data-view-component="true" class="js-landing-page-link text-bold Link"> Learn more about Intro to GitHub <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-chevron-right"> <path d="M6.22 3.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L9.94 8 6.22 4.28a.75.75 0 0 1 0-1.06Z"></path> </svg> </a></div> <div class="border rounded-2 p-4"> <img alt="credly certifications exam badge" class="width-fit mb-4" style="height: 75px" src="https://blobaccountproduction.blob.core.windows.net/educationwebblobstorage/e8nsfu8ns7kfay3811ezvzhm7tbh?sp=r&sv=2018-11-09&se=2025-02-17T10%3A38%3A55Z&rscd=inline%3B+filename%3D%22GitHub+Foundations+Badge.png%22%3B+filename*%3DUTF-8%27%27GitHub%2520Foundations%2520Badge.png&rsct=image%2Fpng&sr=b&sig=C7SAxPzULpIYTZHwzYKM%2BBBjQT%2BUzdXzi38hJbMi%2FYI%3D" /> <hgroup role="group" aria-roledescription="Experience Group"> <p aria-roledescription="subtitle" data-view-component="true" class="color-fg-muted">Tools</p> <h3 class="mb-3">GitHub Foundations Certification</h3> </hgroup> <p data-view-component="true" class="color-fg-muted mb-4">Everything you need to get started preparing for and taking the GitHub Foundations Certification exam including FAQs, guides, prep courses, and more.</p> <p class="text-normal f5 mb-3">Offers in this bundle</p> <ul class="d-flex flex-wrap list-style-none pack__experiences__offers__wrapper pb-2"> <li class="Label--small d-flex flex-items-center" aria-label="DataCamp" style="margin: 0px 0px;"> <span class="mr-2"> <img alt="" height="26" width="26" style="border-radius: 50%; border: 1px solid #E1E4E8" class="" src="/assets/pack/icon_datacamp-34def0594ebefed343c67d3a1fc2b4db633b0ee0c1e25ecc51a8ff23aa983a41.png" /> </span> DataCamp </li> <li class="Label--small d-flex flex-items-center" aria-label="GitHub" style="margin: 0px 0px;"> <span class="mr-2"> <img alt="" height="26" width="26" style="border-radius: 50%; border: 1px solid #E1E4E8" class="" src="/assets/pack/icon_github-3f2eb02545ca7c3e81beb0a464e85fb5340ec9d689133db563d1869350d6416c.png" /> </span> GitHub </li> <li class="Label--small d-flex flex-items-center" aria-label="Microsoft Azure" style="margin: 0px 0px;"> <span class="mr-2"> <img alt="" height="26" width="26" style="border-radius: 50%; border: 1px solid #E1E4E8" class="" src="/assets/pack/icon_microsoft-ebd52232a00bfc45e679a4e378d329c041516c1865356ae4297c60caf5bbb318.png" /> </span> Microsoft Azure </li> </ul> <a data-link-location="3" data-link-target-type="7" href="/experiences/foundations_certificate" data-view-component="true" class="js-landing-page-link text-bold Link"> Learn more about GitHub Foundations Certification <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-chevron-right"> <path d="M6.22 3.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L9.94 8 6.22 4.28a.75.75 0 0 1 0-1.06Z"></path> </svg> </a></div> <div class="border rounded-2 p-4"> <img alt="Multiple Mona octocats popping out of a box" class="width-fit mb-4" style="height: 75px" src="https://blobaccountproduction.blob.core.windows.net/educationwebblobstorage/kl04mfwc1n1p4lmcfozabegw7tby?sp=r&sv=2018-11-09&se=2025-02-17T10%3A38%3A55Z&rscd=inline%3B+filename%3D%22repo.png%22%3B+filename*%3DUTF-8%27%27repo.png&rsct=image%2Fpng&sr=b&sig=d%2FIbGs4KwBZciqdzdGnMvixeZwWNtTC%2B7VIrRZxUU8M%3D" /> <hgroup role="group" aria-roledescription="Experience Group"> <p aria-roledescription="subtitle" data-view-component="true" class="color-fg-muted">Tools</p> <h3 class="mb-3">Intro to Open Source</h3> </hgroup> <p data-view-component="true" class="color-fg-muted mb-4">Everything you need to know to understand the origins of open source work, how to become a contributor, a maintainer or a sponsor of an open source project and how to propel open source work into a career. Start with the basics including intro guides, how to find good first issues and basic open source vocabulary. Then begin to explore some of the best tools and thought leadership that will help you discover new ways of contributing.</p> <p class="text-normal f5 mb-3">Offers in this bundle</p> <ul class="d-flex flex-wrap list-style-none pack__experiences__offers__wrapper pb-2"> <li class="Label--small d-flex flex-items-center" aria-label="Travis CI" style="margin: 0px 0px;"> <span class="mr-2"> <img alt="" height="26" width="26" style="border-radius: 50%; border: 1px solid #E1E4E8" class="" src="/assets/pack/icon_travis-6d1b7751f14fea9773639f0a7f3b26a40f927d31afa1befdca91e7a244c265f4.png" /> </span> Travis CI </li> <li class="Label--small d-flex flex-items-center" aria-label="GitHub" style="margin: 0px 0px;"> <span class="mr-2"> <img alt="" height="26" width="26" style="border-radius: 50%; border: 1px solid #E1E4E8" class="" src="/assets/pack/icon_github-3f2eb02545ca7c3e81beb0a464e85fb5340ec9d689133db563d1869350d6416c.png" /> </span> GitHub </li> <li class="Label--small d-flex flex-items-center" aria-label="OpenSauced" style="margin: 0px 0px;"> <span class="mr-2"> <img alt="" height="26" width="26" style="border-radius: 50%; border: 1px solid #E1E4E8" class="" src="https://blobaccountproduction.blob.core.windows.net/educationwebblobstorage/a26u8mvkdmwrwtkba7377dbsmpn5?sp=r&sv=2018-11-09&se=2025-02-17T10%3A38%3A55Z&rscd=inline%3B+filename%3D%22Orange+Slice.png%22%3B+filename*%3DUTF-8%27%27Orange%2520Slice.png&rsct=image%2Fpng&sr=b&sig=9230Md8jjpwZ2PkpHLaV8%2FbDiQwNs%2FyTltmHG31na6Q%3D" /> </span> OpenSauced </li> <li class="Label--small d-flex flex-items-center" aria-label="GitHub Codespaces" style="margin: 0px 0px;"> <span class="mr-2"> <img alt="" height="26" width="26" style="border-radius: 50%; border: 1px solid #E1E4E8" class="" src="/assets/pack/logo-github-codespaces-eb3a2e161fe5bce9f79532cba1b765f886924849709a90762005bd76ab2f96e0.jpg" /> </span> GitHub Codespaces </li> <li class="pl-2 color-fg-default "> <button outline="false" style="border-radius: 2em;" id="dialog-show-more-experience-offers-for-intro-to-open-source" data-show-dialog-id="more-experience-offers-for-intro-to-open-source" type="button" data-view-component="true" class="border Button--invisible Button--small Button Button--invisible-noVisuals no-underline"> <span class="Button-content"> <span class="Button-label">+4</span> </span> </button> <dialog-helper> <dialog id="more-experience-offers-for-intro-to-open-source" aria-modal="true" aria-labelledby="more-experience-offers-for-intro-to-open-source-title" aria-describedby="more-experience-offers-for-intro-to-open-source-description" data-view-component="true" class="Overlay Overlay-whenNarrow Overlay--size-medium-portrait Overlay--motion-scaleFade"> <div data-view-component="true" class="Overlay-header Overlay-header--divided color-bg-inset rounded-top-2"> <div class="Overlay-headerContentWrap"> <div class="Overlay-titleWrap"> <h1 class="Overlay-title " id="more-experience-offers-for-intro-to-open-source-title"> Intro to Open Source offers (Total 8) </h1> </div> <div class="Overlay-actionWrap"> <button data-close-dialog-id="more-experience-offers-for-intro-to-open-source" aria-label="Close" type="button" data-view-component="true" class="close-button Overlay-closeButton"><svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-x"> <path d="M3.72 3.72a.75.75 0 0 1 1.06 0L8 6.94l3.22-3.22a.749.749 0 0 1 1.275.326.749.749 0 0 1-.215.734L9.06 8l3.22 3.22a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215L8 9.06l-3.22 3.22a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L6.94 8 3.72 4.78a.75.75 0 0 1 0-1.06Z"></path> </svg></button> </div> </div> </div> <scrollable-region data-labelled-by="more-experience-offers-for-intro-to-open-source-title"> <div data-view-component="true" class="Overlay-body p-0"> <div class="Box-row d-flex flex-column flex-sm-row flex-sm-items-center py-2 company-list"> <h2 id="offer_modal_experience_tools_165_travis-student" class="text-small text-bold flex-auto"> <span class="d-flex flex-items-center"> <span class="mr-3"> <img alt="" height="36" width="36" style="border-radius: 50%; border: 1px solid #E1E4E8" src="/assets/pack/icon_travis-6d1b7751f14fea9773639f0a7f3b26a40f927d31afa1befdca91e7a244c265f4.png" /> </span> Travis CI </span> </h2> <ul class="list-style-none d-flex flex-wrap flex-sm-justify-end flex-items-center company-list-offer-tags list-item-tags" aria-labelledby="offer_modal_experience_tools_165_travis-student"> <li><span class="Label--small Label--blue-standard no-wrap m-0">Developer tools</span></li> <li><span class="Label--small Label--blue-standard no-wrap m-0">Infrastructure & APIs</span></li> </ul> </div> <div class="Box-row d-flex flex-column flex-sm-row flex-sm-items-center py-2 company-list"> <h2 id="offer_modal_experience_tools_165_github-student-pro" class="text-small text-bold flex-auto"> <span class="d-flex flex-items-center"> <span class="mr-3"> <img alt="" height="36" width="36" style="border-radius: 50%; border: 1px solid #E1E4E8" src="/assets/pack/icon_github-3f2eb02545ca7c3e81beb0a464e85fb5340ec9d689133db563d1869350d6416c.png" /> </span> GitHub </span> </h2> <ul class="list-style-none d-flex flex-wrap flex-sm-justify-end flex-items-center company-list-offer-tags list-item-tags" aria-labelledby="offer_modal_experience_tools_165_github-student-pro"> <li><span class="Label--small Label--blue-standard no-wrap m-0">Developer tools</span></li> </ul> </div> <div class="Box-row d-flex flex-column flex-sm-row flex-sm-items-center py-2 company-list"> <h2 id="offer_modal_experience_tools_165_opensauced-student" class="text-small text-bold flex-auto"> <span class="d-flex flex-items-center"> <span class="mr-3"> <img alt="" height="36" width="36" style="border-radius: 50%; border: 1px solid #E1E4E8" src="https://blobaccountproduction.blob.core.windows.net/educationwebblobstorage/a26u8mvkdmwrwtkba7377dbsmpn5?sp=r&sv=2018-11-09&se=2025-02-17T10%3A38%3A55Z&rscd=inline%3B+filename%3D%22Orange+Slice.png%22%3B+filename*%3DUTF-8%27%27Orange%2520Slice.png&rsct=image%2Fpng&sr=b&sig=9230Md8jjpwZ2PkpHLaV8%2FbDiQwNs%2FyTltmHG31na6Q%3D" /> </span> OpenSauced </span> </h2> <ul class="list-style-none d-flex flex-wrap flex-sm-justify-end flex-items-center company-list-offer-tags list-item-tags" aria-labelledby="offer_modal_experience_tools_165_opensauced-student"> <li><span class="Label--small Label--blue-standard no-wrap m-0">Developer tools</span></li> <li><span class="Label--small Label--blue-standard no-wrap m-0">Learn</span></li> </ul> </div> <div class="Box-row d-flex flex-column flex-sm-row flex-sm-items-center py-2 company-list"> <h2 id="offer_modal_experience_tools_165_github-codespaces" class="text-small text-bold flex-auto"> <span class="d-flex flex-items-center"> <span class="mr-3"> <img alt="" height="36" width="36" style="border-radius: 50%; border: 1px solid #E1E4E8" src="https://blobaccountproduction.blob.core.windows.net/educationwebblobstorage/packcompany/296/blobs/7i8cc5a2rg92rviyeby05i0v6vkp?sp=r&sv=2018-11-09&se=2025-02-17T10%3A38%3A55Z&rscd=inline%3B+filename%3D%22Microsoft.VisualStudio.Services.Icons.png%22%3B+filename*%3DUTF-8%27%27Microsoft.VisualStudio.Services.Icons.png&rsct=image%2Fpng&sr=b&sig=ItzzzLnn6ae8zbu79mnz%2FlWptggb2WvH4y9ut2nd5nI%3D" /> </span> GitHub Codespaces </span> </h2> <ul class="list-style-none d-flex flex-wrap flex-sm-justify-end flex-items-center company-list-offer-tags list-item-tags" aria-labelledby="offer_modal_experience_tools_165_github-codespaces"> </ul> </div> <div class="Box-row d-flex flex-column flex-sm-row flex-sm-items-center py-2 company-list"> <h2 id="offer_modal_experience_tools_165_codedex-student" class="text-small text-bold flex-auto"> <span class="d-flex flex-items-center"> <span class="mr-3"> <img alt="" height="36" width="36" style="border-radius: 50%; border: 1px solid #E1E4E8" src="https://blobaccountproduction.blob.core.windows.net/educationwebblobstorage/xwhlgstakg79xko6d7kreaobxwvh?sp=r&sv=2018-11-09&se=2025-02-17T10%3A38%3A55Z&rscd=inline%3B+filename%3D%22bot-logo.png%22%3B+filename*%3DUTF-8%27%27bot-logo.png&rsct=image%2Fpng&sr=b&sig=PveP5GhX%2FEOxiBIUwJi%2BNgQCEIwtcQL0sO2Nq9L983k%3D" /> </span> Codedex </span> </h2> <ul class="list-style-none d-flex flex-wrap flex-sm-justify-end flex-items-center company-list-offer-tags list-item-tags" aria-labelledby="offer_modal_experience_tools_165_codedex-student"> <li><span class="Label--small Label--blue-standard no-wrap m-0">Learn</span></li> <li><span class="Label--small Label--blue-standard no-wrap m-0">Developer tools</span></li> <li><span class="Label--small Label--blue-standard no-wrap m-0">Virtual Events</span></li> </ul> </div> <div class="Box-row d-flex flex-column flex-sm-row flex-sm-items-center py-2 company-list"> <h2 id="offer_modal_experience_tools_165_vscode-student" class="text-small text-bold flex-auto"> <span class="d-flex flex-items-center"> <span class="mr-3"> <img alt="" height="36" width="36" style="border-radius: 50%; border: 1px solid #E1E4E8" src="https://blobaccountproduction.blob.core.windows.net/educationwebblobstorage/packcompany/226/blobs/2bkz16qw81t4pqqne16vp40f90b1?sp=r&sv=2018-11-09&se=2025-02-17T10%3A38%3A55Z&rscd=inline%3B+filename%3D%22vscode.png%22%3B+filename*%3DUTF-8%27%27vscode.png&rsct=image%2Fpng&sr=b&sig=YJhBO30u3I1nyOHWZkqpCEsuTkLNWBjtJHksa8qur7g%3D" /> </span> Visual Studio Code </span> </h2> <ul class="list-style-none d-flex flex-wrap flex-sm-justify-end flex-items-center company-list-offer-tags list-item-tags" aria-labelledby="offer_modal_experience_tools_165_vscode-student"> <li><span class="Label--small Label--blue-standard no-wrap m-0">Developer tools</span></li> </ul> </div> <div class="Box-row d-flex flex-column flex-sm-row flex-sm-items-center py-2 company-list"> <h2 id="offer_modal_experience_tools_165_gitlens-student" class="text-small text-bold flex-auto"> <span class="d-flex flex-items-center"> <span class="mr-3"> <img alt="" height="36" width="36" style="border-radius: 50%; border: 1px solid #E1E4E8" src="https://blobaccountproduction.blob.core.windows.net/educationwebblobstorage/66kh49krckqd43mbwmztmqt15hv9?sp=r&sv=2018-11-09&se=2025-02-17T10%3A38%3A55Z&rscd=inline%3B+filename%3D%22gitlens-icon.png%22%3B+filename*%3DUTF-8%27%27gitlens-icon.png&rsct=image%2Fpng&sr=b&sig=k565LdAzH2dU8epBX8M7uoeFln3aq6yNJLbLkMFqPYA%3D" /> </span> GitLens </span> </h2> <ul class="list-style-none d-flex flex-wrap flex-sm-justify-end flex-items-center company-list-offer-tags list-item-tags" aria-labelledby="offer_modal_experience_tools_165_gitlens-student"> <li><span class="Label--small Label--blue-standard no-wrap m-0">Developer tools</span></li> </ul> </div> <div class="Box-row d-flex flex-column flex-sm-row flex-sm-items-center py-2 company-list"> <h2 id="offer_modal_experience_tools_165_gitkraken-student" class="text-small text-bold flex-auto"> <span class="d-flex flex-items-center"> <span class="mr-3"> <img alt="" height="36" width="36" style="border-radius: 50%; border: 1px solid #E1E4E8" src="https://blobaccountproduction.blob.core.windows.net/educationwebblobstorage/ki075yf7lvxymxjoxukrt72huf7b?sp=r&sv=2018-11-09&se=2025-02-17T10%3A38%3A55Z&rscd=inline%3B+filename%3D%22gitkraken-desktop-icon.png%22%3B+filename*%3DUTF-8%27%27gitkraken-desktop-icon.png&rsct=image%2Fpng&sr=b&sig=a7gOA7ibCDVhcPYkT6xwFlEHX%2F2B5vgBY0o28EBMt0s%3D" /> </span> GitKraken </span> </h2> <ul class="list-style-none d-flex flex-wrap flex-sm-justify-end flex-items-center company-list-offer-tags list-item-tags" aria-labelledby="offer_modal_experience_tools_165_gitkraken-student"> <li><span class="Label--small Label--blue-standard no-wrap m-0">Developer tools</span></li> </ul> </div> </div> </scrollable-region> <div data-view-component="true" class="Overlay-footer Overlay-footer--alignEnd Overlay-footer--divided flex-justify-start"> <a data-link-location="3" data-link-target-type="7" href="/experiences/intro_to_open_source" data-view-component="true" class="js-landing-page-link Button--primary Button--medium Button"> <span class="Button-content"> <span class="Button-label">Explore the experience</span> </span> </a> </div> </dialog></dialog-helper> </li> </ul> <a data-link-location="3" data-link-target-type="7" href="/experiences/intro_to_open_source" data-view-component="true" class="js-landing-page-link text-bold Link"> Learn more about Intro to Open Source <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-chevron-right"> <path d="M6.22 3.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L9.94 8 6.22 4.28a.75.75 0 0 1 0-1.06Z"></path> </svg> </a></div> <div class="border rounded-2 p-4"> <img alt="Mona the Octocat logo carrying books with a red hat and glasses on" class="width-fit mb-4" style="height: 75px" src="https://blobaccountproduction.blob.core.windows.net/educationwebblobstorage/1ssvkk5mxni9kcp22tkl7be038uz?sp=r&sv=2018-11-09&se=2025-02-17T10%3A38%3A55Z&rscd=inline%3B+filename%3D%22Screenshot+2024-01-18+at+3.31.53%253FPM.png%22%3B+filename*%3DUTF-8%27%27Screenshot%25202024-01-18%2520at%25203.31.53%25E2%2580%25AFPM.png&rsct=image%2Fpng&sr=b&sig=ITD987opUlpSsX5x4TF8WPVE%2BevxfpGmwIR1Oiy0w6g%3D" /> <hgroup role="group" aria-roledescription="Experience Group"> <p aria-roledescription="subtitle" data-view-component="true" class="color-fg-muted">Tools</p> <h3 class="mb-3">AI Prompting & Technical Writing</h3> </hgroup> <p data-view-component="true" class="color-fg-muted mb-4">This Experience offers the tools, top tips and resources you'll need to get started becoming a technical wizard with words.</p> <p class="text-normal f5 mb-3">Offers in this bundle</p> <ul class="d-flex flex-wrap list-style-none pack__experiences__offers__wrapper pb-2"> <li class="Label--small d-flex flex-items-center" aria-label="GitHub" style="margin: 0px 0px;"> <span class="mr-2"> <img alt="" height="26" width="26" style="border-radius: 50%; border: 1px solid #E1E4E8" class="" src="/assets/pack/icon_github-3f2eb02545ca7c3e81beb0a464e85fb5340ec9d689133db563d1869350d6416c.png" /> </span> GitHub </li> <li class="Label--small d-flex flex-items-center" aria-label="Microsoft Azure" style="margin: 0px 0px;"> <span class="mr-2"> <img alt="" height="26" width="26" style="border-radius: 50%; border: 1px solid #E1E4E8" class="" src="/assets/pack/icon_microsoft-ebd52232a00bfc45e679a4e378d329c041516c1865356ae4297c60caf5bbb318.png" /> </span> Microsoft Azure </li> <li class="Label--small d-flex flex-items-center" aria-label="Educative" style="margin: 0px 0px;"> <span class="mr-2"> <img alt="" height="26" width="26" style="border-radius: 50%; border: 1px solid #E1E4E8" class="" src="https://blobaccountproduction.blob.core.windows.net/educationwebblobstorage/heu8blqfnsm8vyp0lupfaoe8mwxk?sp=r&sv=2018-11-09&se=2025-02-17T10%3A38%3A55Z&rscd=inline%3B+filename%3D%22Educative_Icon_Color.png%22%3B+filename*%3DUTF-8%27%27Educative_Icon_Color.png&rsct=image%2Fpng&sr=b&sig=GucbIXonmsxnD57hPXVKgrpiufPrdMNUDqCk%2FGXwK5o%3D" /> </span> Educative </li> <li class="Label--small d-flex flex-items-center" aria-label="POEditor" style="margin: 0px 0px;"> <span class="mr-2"> <img alt="" height="26" width="26" style="border-radius: 50%; border: 1px solid #E1E4E8" class="" src="/assets/pack/icon_poeditor-2e15f511563024908bd5be53eb786a4cf52cca7eca9ff786c9535702cf80ff13.png" /> </span> POEditor </li> <li class="pl-2 color-fg-default "> <button outline="false" style="border-radius: 2em;" id="dialog-show-more-experience-offers-for-ai-prompting-technical-writing" data-show-dialog-id="more-experience-offers-for-ai-prompting-technical-writing" type="button" data-view-component="true" class="border Button--invisible Button--small Button Button--invisible-noVisuals no-underline"> <span class="Button-content"> <span class="Button-label">+3</span> </span> </button> <dialog-helper> <dialog id="more-experience-offers-for-ai-prompting-technical-writing" aria-modal="true" aria-labelledby="more-experience-offers-for-ai-prompting-technical-writing-title" aria-describedby="more-experience-offers-for-ai-prompting-technical-writing-description" data-view-component="true" class="Overlay Overlay-whenNarrow Overlay--size-medium-portrait Overlay--motion-scaleFade"> <div data-view-component="true" class="Overlay-header Overlay-header--divided color-bg-inset rounded-top-2"> <div class="Overlay-headerContentWrap"> <div class="Overlay-titleWrap"> <h1 class="Overlay-title " id="more-experience-offers-for-ai-prompting-technical-writing-title"> AI Prompting & Technical Writing offers (Total 7) </h1> </div> <div class="Overlay-actionWrap"> <button data-close-dialog-id="more-experience-offers-for-ai-prompting-technical-writing" aria-label="Close" type="button" data-view-component="true" class="close-button Overlay-closeButton"><svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-x"> <path d="M3.72 3.72a.75.75 0 0 1 1.06 0L8 6.94l3.22-3.22a.749.749 0 0 1 1.275.326.749.749 0 0 1-.215.734L9.06 8l3.22 3.22a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215L8 9.06l-3.22 3.22a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L6.94 8 3.72 4.78a.75.75 0 0 1 0-1.06Z"></path> </svg></button> </div> </div> </div> <scrollable-region data-labelled-by="more-experience-offers-for-ai-prompting-technical-writing-title"> <div data-view-component="true" class="Overlay-body p-0"> <div class="Box-row d-flex flex-column flex-sm-row flex-sm-items-center py-2 company-list"> <h2 id="offer_modal_experience_tools_132_github-student-pro" class="text-small text-bold flex-auto"> <span class="d-flex flex-items-center"> <span class="mr-3"> <img alt="" height="36" width="36" style="border-radius: 50%; border: 1px solid #E1E4E8" src="/assets/pack/icon_github-3f2eb02545ca7c3e81beb0a464e85fb5340ec9d689133db563d1869350d6416c.png" /> </span> GitHub </span> </h2> <ul class="list-style-none d-flex flex-wrap flex-sm-justify-end flex-items-center company-list-offer-tags list-item-tags" aria-labelledby="offer_modal_experience_tools_132_github-student-pro"> <li><span class="Label--small Label--blue-standard no-wrap m-0">Developer tools</span></li> </ul> </div> <div class="Box-row d-flex flex-column flex-sm-row flex-sm-items-center py-2 company-list"> <h2 id="offer_modal_experience_tools_132_microsoft-azure-student" class="text-small text-bold flex-auto"> <span class="d-flex flex-items-center"> <span class="mr-3"> <img alt="" height="36" width="36" style="border-radius: 50%; border: 1px solid #E1E4E8" src="/assets/pack/icon_microsoft-ebd52232a00bfc45e679a4e378d329c041516c1865356ae4297c60caf5bbb318.png" /> </span> Microsoft Azure </span> </h2> <ul class="list-style-none d-flex flex-wrap flex-sm-justify-end flex-items-center company-list-offer-tags list-item-tags" aria-labelledby="offer_modal_experience_tools_132_microsoft-azure-student"> <li><span class="Label--small Label--blue-standard no-wrap m-0">Cloud</span></li> <li><span class="Label--small Label--blue-standard no-wrap m-0">Virtual Events</span></li> </ul> </div> <div class="Box-row d-flex flex-column flex-sm-row flex-sm-items-center py-2 company-list"> <h2 id="offer_modal_experience_tools_132_educative-student" class="text-small text-bold flex-auto"> <span class="d-flex flex-items-center"> <span class="mr-3"> <img alt="" height="36" width="36" style="border-radius: 50%; border: 1px solid #E1E4E8" src="https://blobaccountproduction.blob.core.windows.net/educationwebblobstorage/heu8blqfnsm8vyp0lupfaoe8mwxk?sp=r&sv=2018-11-09&se=2025-02-17T10%3A38%3A55Z&rscd=inline%3B+filename%3D%22Educative_Icon_Color.png%22%3B+filename*%3DUTF-8%27%27Educative_Icon_Color.png&rsct=image%2Fpng&sr=b&sig=GucbIXonmsxnD57hPXVKgrpiufPrdMNUDqCk%2FGXwK5o%3D" /> </span> Educative </span> </h2> <ul class="list-style-none d-flex flex-wrap flex-sm-justify-end flex-items-center company-list-offer-tags list-item-tags" aria-labelledby="offer_modal_experience_tools_132_educative-student"> <li><span class="Label--small Label--blue-standard no-wrap m-0">Learn</span></li> </ul> </div> <div class="Box-row d-flex flex-column flex-sm-row flex-sm-items-center py-2 company-list"> <h2 id="offer_modal_experience_tools_132_poeditor-student" class="text-small text-bold flex-auto"> <span class="d-flex flex-items-center"> <span class="mr-3"> <img alt="" height="36" width="36" style="border-radius: 50%; border: 1px solid #E1E4E8" src="/assets/pack/icon_poeditor-2e15f511563024908bd5be53eb786a4cf52cca7eca9ff786c9535702cf80ff13.png" /> </span> POEditor </span> </h2> <ul class="list-style-none d-flex flex-wrap flex-sm-justify-end flex-items-center company-list-offer-tags list-item-tags" aria-labelledby="offer_modal_experience_tools_132_poeditor-student"> <li><span class="Label--small Label--blue-standard no-wrap m-0">Developer tools</span></li> <li><span class="Label--small Label--blue-standard no-wrap m-0">Infrastructure & APIs</span></li> </ul> </div> <div class="Box-row d-flex flex-column flex-sm-row flex-sm-items-center py-2 company-list"> <h2 id="offer_modal_experience_tools_132_bump-student" class="text-small text-bold flex-auto"> <span class="d-flex flex-items-center"> <span class="mr-3"> <img alt="" height="36" width="36" style="border-radius: 50%; border: 1px solid #E1E4E8" src="https://blobaccountproduction.blob.core.windows.net/educationwebblobstorage/6zefqeqod2cq0jfy82anxw78m6k8?sp=r&sv=2018-11-09&se=2025-02-17T10%3A38%3A55Z&rscd=inline%3B+filename%3D%22bump+logo+small.png%22%3B+filename*%3DUTF-8%27%27bump%2520logo%2520small.png&rsct=image%2Fpng&sr=b&sig=XTFfSpGrR0IpX%2BNEKeH%2FW0%2F3zWxTl%2BeaUXIh5uNjwtU%3D" /> </span> Bump.sh </span> </h2> <ul class="list-style-none d-flex flex-wrap flex-sm-justify-end flex-items-center company-list-offer-tags list-item-tags" aria-labelledby="offer_modal_experience_tools_132_bump-student"> <li><span class="Label--small Label--blue-standard no-wrap m-0">Infrastructure & APIs</span></li> <li><span class="Label--small Label--blue-standard no-wrap m-0">Developer tools</span></li> </ul> </div> <div class="Box-row d-flex flex-column flex-sm-row flex-sm-items-center py-2 company-list"> <h2 id="offer_modal_experience_tools_132_copilot-student" class="text-small text-bold flex-auto"> <span class="d-flex flex-items-center"> <span class="mr-3"> <img alt="" height="36" width="36" style="border-radius: 50%; border: 1px solid #E1E4E8" src="https://blobaccountproduction.blob.core.windows.net/educationwebblobstorage/jkvw7r03doo05xlfzdmytznxwhdv?sp=r&sv=2018-11-09&se=2025-02-17T10%3A38%3A55Z&rscd=inline%3B+filename%3D%22copilot+b_w.png%22%3B+filename*%3DUTF-8%27%27copilot%2520b_w.png&rsct=image%2Fpng&sr=b&sig=VJM%2FdrqaovzN%2For4WFHm8hpiGGcZhjHYwXLXMo7lDMI%3D" /> </span> GitHub Copilot </span> </h2> <ul class="list-style-none d-flex flex-wrap flex-sm-justify-end flex-items-center company-list-offer-tags list-item-tags" aria-labelledby="offer_modal_experience_tools_132_copilot-student"> <li><span class="Label--small Label--blue-standard no-wrap m-0">Machine Learning & AI</span></li> </ul> </div> <div class="Box-row d-flex flex-column flex-sm-row flex-sm-items-center py-2 company-list"> <h2 id="offer_modal_experience_tools_132_visme-student" class="text-small text-bold flex-auto"> <span class="d-flex flex-items-center"> <span class="mr-3"> <img alt="" height="36" width="36" style="border-radius: 50%; border: 1px solid #E1E4E8" src="https://blobaccountproduction.blob.core.windows.net/educationwebblobstorage/packcompany/297/blobs/v9i2xlg6mg8r4bl415vlzen8evys?sp=r&sv=2018-11-09&se=2025-02-17T10%3A38%3A55Z&rscd=inline%3B+filename%3D%22visme_logo_H+dark.png%22%3B+filename*%3DUTF-8%27%27visme_logo_H%2520dark.png&rsct=image%2Fpng&sr=b&sig=mKlLoEj4IG3veqjhn%2BmgdU3oCvMdr01u0y55nA01gW4%3D" /> </span> Visme </span> </h2> <ul class="list-style-none d-flex flex-wrap flex-sm-justify-end flex-items-center company-list-offer-tags list-item-tags" aria-labelledby="offer_modal_experience_tools_132_visme-student"> <li><span class="Label--small Label--blue-standard no-wrap m-0">Productivity</span></li> <li><span class="Label--small Label--blue-standard no-wrap m-0">Design</span></li> </ul> </div> </div> </scrollable-region> <div data-view-component="true" class="Overlay-footer Overlay-footer--alignEnd Overlay-footer--divided flex-justify-start"> <a data-link-location="3" data-link-target-type="7" href="/experiences/ai_prompt_tech_writing" data-view-component="true" class="js-landing-page-link Button--primary Button--medium Button"> <span class="Button-content"> <span class="Button-label">Explore the experience</span> </span> </a> </div> </dialog></dialog-helper> </li> </ul> <a data-link-location="3" data-link-target-type="7" href="/experiences/ai_prompt_tech_writing" data-view-component="true" class="js-landing-page-link text-bold Link"> Learn more about AI Prompting & Technical Writing <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-chevron-right"> <path d="M6.22 3.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L9.94 8 6.22 4.28a.75.75 0 0 1 0-1.06Z"></path> </svg> </a></div> <div class="border rounded-2 p-4"> <img alt="Mona the Octocat as an inspector with a hat, coat and magnifying glass over one eye" class="width-fit mb-4" style="height: 75px" src="https://blobaccountproduction.blob.core.windows.net/educationwebblobstorage/gfj3r6jt3nads0pjy6y7wfozfi6h?sp=r&sv=2018-11-09&se=2025-02-17T10%3A38%3A55Z&rscd=inline%3B+filename%3D%22security-and-monitoring-logo.png%22%3B+filename*%3DUTF-8%27%27security-and-monitoring-logo.png&rsct=image%2Fpng&sr=b&sig=Fv4gcss6TdvSEQAJw6OqF%2Bv55muJuL2IZtQBR6YYK8Y%3D" /> <hgroup role="group" aria-roledescription="Experience Group"> <p aria-roledescription="subtitle" data-view-component="true" class="color-fg-muted">Tools</p> <h3 class="mb-3">Security and Monitoring</h3> </hgroup> <p data-view-component="true" class="color-fg-muted mb-4">Explore industry standard tools that keep your code safe, your permissions secure and your infrastructure monitored so that you can confidently scale your brilliant ideas.</p> <p class="text-normal f5 mb-3">Offers in this bundle</p> <ul class="d-flex flex-wrap list-style-none pack__experiences__offers__wrapper pb-2"> <li class="Label--small d-flex flex-items-center" aria-label="GitHub" style="margin: 0px 0px;"> <span class="mr-2"> <img alt="" height="26" width="26" style="border-radius: 50%; border: 1px solid #E1E4E8" class="" src="/assets/pack/icon_github-3f2eb02545ca7c3e81beb0a464e85fb5340ec9d689133db563d1869350d6416c.png" /> </span> GitHub </li> <li class="Label--small d-flex flex-items-center" aria-label="Blackfire" style="margin: 0px 0px;"> <span class="mr-2"> <img alt="" height="26" width="26" style="border-radius: 50%; border: 1px solid #E1E4E8" class="" src="/assets/pack/icon_blackfire-b14031b245d27133a9d6921f535e054a76f8612f1587a23342ccfa1624891e40.png" /> </span> Blackfire </li> <li class="Label--small d-flex flex-items-center" aria-label="Honeybadger" style="margin: 0px 0px;"> <span class="mr-2"> <img alt="" height="26" width="26" style="border-radius: 50%; border: 1px solid #E1E4E8" class="" src="/assets/pack/icon_honeybadger-8ca80f6fa8900c9f5b7134bd2714f20681fdac15d5db04e9f6a9338f85c0781b.png" /> </span> Honeybadger </li> <li class="Label--small d-flex flex-items-center" aria-label="AstraSecurity" style="margin: 0px 0px;"> <span class="mr-2"> <img alt="" height="26" width="26" style="border-radius: 50%; border: 1px solid #E1E4E8" class="" src="/assets/pack/icon_astra-bd122ea188d01dcd6e7b81ad99ee27efb9e7c22576b6788551f5b326878ca21f.png" /> </span> AstraSecurity </li> <li class="pl-2 color-fg-default "> <button outline="false" style="border-radius: 2em;" id="dialog-show-more-experience-offers-for-security-and-monitoring" data-show-dialog-id="more-experience-offers-for-security-and-monitoring" type="button" data-view-component="true" class="border Button--invisible Button--small Button Button--invisible-noVisuals no-underline"> <span class="Button-content"> <span class="Button-label">+4</span> </span> </button> <dialog-helper> <dialog id="more-experience-offers-for-security-and-monitoring" aria-modal="true" aria-labelledby="more-experience-offers-for-security-and-monitoring-title" aria-describedby="more-experience-offers-for-security-and-monitoring-description" data-view-component="true" class="Overlay Overlay-whenNarrow Overlay--size-medium-portrait Overlay--motion-scaleFade"> <div data-view-component="true" class="Overlay-header Overlay-header--divided color-bg-inset rounded-top-2"> <div class="Overlay-headerContentWrap"> <div class="Overlay-titleWrap"> <h1 class="Overlay-title " id="more-experience-offers-for-security-and-monitoring-title"> Security and Monitoring offers (Total 8) </h1> </div> <div class="Overlay-actionWrap"> <button data-close-dialog-id="more-experience-offers-for-security-and-monitoring" aria-label="Close" type="button" data-view-component="true" class="close-button Overlay-closeButton"><svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-x"> <path d="M3.72 3.72a.75.75 0 0 1 1.06 0L8 6.94l3.22-3.22a.749.749 0 0 1 1.275.326.749.749 0 0 1-.215.734L9.06 8l3.22 3.22a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215L8 9.06l-3.22 3.22a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L6.94 8 3.72 4.78a.75.75 0 0 1 0-1.06Z"></path> </svg></button> </div> </div> </div> <scrollable-region data-labelled-by="more-experience-offers-for-security-and-monitoring-title"> <div data-view-component="true" class="Overlay-body p-0"> <div class="Box-row d-flex flex-column flex-sm-row flex-sm-items-center py-2 company-list"> <h2 id="offer_modal_experience_tools_99_github-student-pro" class="text-small text-bold flex-auto"> <span class="d-flex flex-items-center"> <span class="mr-3"> <img alt="" height="36" width="36" style="border-radius: 50%; border: 1px solid #E1E4E8" src="/assets/pack/icon_github-3f2eb02545ca7c3e81beb0a464e85fb5340ec9d689133db563d1869350d6416c.png" /> </span> GitHub </span> </h2> <ul class="list-style-none d-flex flex-wrap flex-sm-justify-end flex-items-center company-list-offer-tags list-item-tags" aria-labelledby="offer_modal_experience_tools_99_github-student-pro"> <li><span class="Label--small Label--blue-standard no-wrap m-0">Developer tools</span></li> </ul> </div> <div class="Box-row d-flex flex-column flex-sm-row flex-sm-items-center py-2 company-list"> <h2 id="offer_modal_experience_tools_99_blackfire-student" class="text-small text-bold flex-auto"> <span class="d-flex flex-items-center"> <span class="mr-3"> <img alt="" height="36" width="36" style="border-radius: 50%; border: 1px solid #E1E4E8" src="/assets/pack/icon_blackfire-b14031b245d27133a9d6921f535e054a76f8612f1587a23342ccfa1624891e40.png" /> </span> Blackfire </span> </h2> <ul class="list-style-none d-flex flex-wrap flex-sm-justify-end flex-items-center company-list-offer-tags list-item-tags" aria-labelledby="offer_modal_experience_tools_99_blackfire-student"> <li><span class="Label--small Label--blue-standard no-wrap m-0">Security & analytics</span></li> </ul> </div> <div class="Box-row d-flex flex-column flex-sm-row flex-sm-items-center py-2 company-list"> <h2 id="offer_modal_experience_tools_99_honeybadger-student" class="text-small text-bold flex-auto"> <span class="d-flex flex-items-center"> <span class="mr-3"> <img alt="" height="36" width="36" style="border-radius: 50%; border: 1px solid #E1E4E8" src="/assets/pack/icon_honeybadger-8ca80f6fa8900c9f5b7134bd2714f20681fdac15d5db04e9f6a9338f85c0781b.png" /> </span> Honeybadger </span> </h2> <ul class="list-style-none d-flex flex-wrap flex-sm-justify-end flex-items-center company-list-offer-tags list-item-tags" aria-labelledby="offer_modal_experience_tools_99_honeybadger-student"> <li><span class="Label--small Label--blue-standard no-wrap m-0">Security & analytics</span></li> </ul> </div> <div class="Box-row d-flex flex-column flex-sm-row flex-sm-items-center py-2 company-list"> <h2 id="offer_modal_experience_tools_99_astra-student" class="text-small text-bold flex-auto"> <span class="d-flex flex-items-center"> <span class="mr-3"> <img alt="" height="36" width="36" style="border-radius: 50%; border: 1px solid #E1E4E8" src="/assets/pack/icon_astra-bd122ea188d01dcd6e7b81ad99ee27efb9e7c22576b6788551f5b326878ca21f.png" /> </span> AstraSecurity </span> </h2> <ul class="list-style-none d-flex flex-wrap flex-sm-justify-end flex-items-center company-list-offer-tags list-item-tags" aria-labelledby="offer_modal_experience_tools_99_astra-student"> <li><span class="Label--small Label--blue-standard no-wrap m-0">Security & analytics</span></li> </ul> </div> <div class="Box-row d-flex flex-column flex-sm-row flex-sm-items-center py-2 company-list"> <h2 id="offer_modal_experience_tools_99_1password-student" class="text-small text-bold flex-auto"> <span class="d-flex flex-items-center"> <span class="mr-3"> <img alt="" height="36" width="36" style="border-radius: 50%; border: 1px solid #E1E4E8" src="https://blobaccountproduction.blob.core.windows.net/educationwebblobstorage/oe5g2k836mnzr9mwpj66ctoltnju?sp=r&sv=2018-11-09&se=2025-02-17T10%3A38%3A55Z&rscd=inline%3B+filename%3D%221P-logo-1024px.png%22%3B+filename*%3DUTF-8%27%271P-logo-1024px.png&rsct=image%2Fpng&sr=b&sig=%2BPV5G34%2FO95CvqoQQ230qCXk3wPZ4qylTTQXMIsM50M%3D" /> </span> 1Password </span> </h2> <ul class="list-style-none d-flex flex-wrap flex-sm-justify-end flex-items-center company-list-offer-tags list-item-tags" aria-labelledby="offer_modal_experience_tools_99_1password-student"> <li><span class="Label--small Label--blue-standard no-wrap m-0">Developer tools</span></li> <li><span class="Label--small Label--blue-standard no-wrap m-0">Security & analytics</span></li> </ul> </div> <div class="Box-row d-flex flex-column flex-sm-row flex-sm-items-center py-2 company-list"> <h2 id="offer_modal_experience_tools_99_doppler-student" class="text-small text-bold flex-auto"> <span class="d-flex flex-items-center"> <span class="mr-3"> <img alt="" height="36" width="36" style="border-radius: 50%; border: 1px solid #E1E4E8" src="https://blobaccountproduction.blob.core.windows.net/educationwebblobstorage/zon4jw4naq0m001pu1omoeq9oqpr?sp=r&sv=2018-11-09&se=2025-02-17T10%3A38%3A55Z&rscd=inline%3B+filename%3D%22Doppler_sm.jpg%22%3B+filename*%3DUTF-8%27%27Doppler_sm.jpg&rsct=image%2Fjpeg&sr=b&sig=oK9QkoJD%2FIZ4XmXofkYzoNob%2FIK%2B%2FSKItYHsyQNjQ2g%3D" /> </span> Doppler </span> </h2> <ul class="list-style-none d-flex flex-wrap flex-sm-justify-end flex-items-center company-list-offer-tags list-item-tags" aria-labelledby="offer_modal_experience_tools_99_doppler-student"> <li><span class="Label--small Label--blue-standard no-wrap m-0">Infrastructure & APIs</span></li> <li><span class="Label--small Label--blue-standard no-wrap m-0">Security & analytics</span></li> <li><span class="Label--small Label--blue-standard no-wrap m-0">Developer tools</span></li> </ul> </div> <div class="Box-row d-flex flex-column flex-sm-row flex-sm-items-center py-2 company-list"> <h2 id="offer_modal_experience_tools_99_newrelic-student" class="text-small text-bold flex-auto"> <span class="d-flex flex-items-center"> <span class="mr-3"> <img alt="" height="36" width="36" style="border-radius: 50%; border: 1px solid #E1E4E8" src="https://blobaccountproduction.blob.core.windows.net/educationwebblobstorage/hqxg8fpegkcry96o1c4sq1qtrg28?sp=r&sv=2018-11-09&se=2025-02-17T10%3A38%3A55Z&rscd=inline%3B+filename%3D%22NR_EMBLEM_RGB.png%22%3B+filename*%3DUTF-8%27%27NR_EMBLEM_RGB.png&rsct=image%2Fpng&sr=b&sig=AgBVmDLsiqghHtw8LImXAfJzoBmUM69LuWynOZuU7JA%3D" /> </span> New Relic </span> </h2> <ul class="list-style-none d-flex flex-wrap flex-sm-justify-end flex-items-center company-list-offer-tags list-item-tags" aria-labelledby="offer_modal_experience_tools_99_newrelic-student"> <li><span class="Label--small Label--blue-standard no-wrap m-0">Developer tools</span></li> <li><span class="Label--small Label--blue-standard no-wrap m-0">Cloud</span></li> <li><span class="Label--small Label--blue-standard no-wrap m-0">Security & analytics</span></li> </ul> </div> </div> </scrollable-region> <div data-view-component="true" class="Overlay-footer Overlay-footer--alignEnd Overlay-footer--divided flex-justify-start"> <a data-link-location="3" data-link-target-type="7" href="/experiences/security_monitoring" data-view-component="true" class="js-landing-page-link Button--primary Button--medium Button"> <span class="Button-content"> <span class="Button-label">Explore the experience</span> </span> </a> </div> </dialog></dialog-helper> </li> </ul> <a data-link-location="3" data-link-target-type="7" href="/experiences/security_monitoring" data-view-component="true" class="js-landing-page-link text-bold Link"> Learn more about Security and Monitoring <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-chevron-right"> <path d="M6.22 3.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L9.94 8 6.22 4.28a.75.75 0 0 1 0-1.06Z"></path> </svg> </a></div> <div class="border rounded-2 p-4"> <img alt="Purple briefcase with a small octocat logo on the side" class="width-fit mb-4" style="height: 75px" src="https://blobaccountproduction.blob.core.windows.net/educationwebblobstorage/czxiufy4z8k60hb3am05nlk2hfdq?sp=r&sv=2018-11-09&se=2025-02-17T10%3A38%3A55Z&rscd=inline%3B+filename%3D%22career_readiness-6923f00697e9be51e1cf12dc976272525d1e926bae6b464402d65c5ee58ab364.png%22%3B+filename*%3DUTF-8%27%27career_readiness-6923f00697e9be51e1cf12dc976272525d1e926bae6b464402d65c5ee58ab364.png&rsct=image%2Fpng&sr=b&sig=A7kSDs0BJO2ATSTqEo5kv6OpG%2BVNsN8Hahi6CrGpuWI%3D" /> <hgroup role="group" aria-roledescription="Experience Group"> <p aria-roledescription="subtitle" data-view-component="true" class="color-fg-muted">Tools</p> <h3 class="mb-3">Career Readiness</h3> </hgroup> <p data-view-component="true" class="color-fg-muted mb-4">Whether you’re approaching graduation or just want to get a head start, it’s never too early to prepare for your future in the industry.</p> <p class="text-normal f5 mb-3">Offers in this bundle</p> <ul class="d-flex flex-wrap list-style-none pack__experiences__offers__wrapper pb-2"> <li class="Label--small d-flex flex-items-center" aria-label="Educative" style="margin: 0px 0px;"> <span class="mr-2"> <img alt="" height="26" width="26" style="border-radius: 50%; border: 1px solid #E1E4E8" class="" src="https://blobaccountproduction.blob.core.windows.net/educationwebblobstorage/heu8blqfnsm8vyp0lupfaoe8mwxk?sp=r&sv=2018-11-09&se=2025-02-17T10%3A38%3A55Z&rscd=inline%3B+filename%3D%22Educative_Icon_Color.png%22%3B+filename*%3DUTF-8%27%27Educative_Icon_Color.png&rsct=image%2Fpng&sr=b&sig=GucbIXonmsxnD57hPXVKgrpiufPrdMNUDqCk%2FGXwK5o%3D" /> </span> Educative </li> <li class="Label--small d-flex flex-items-center" aria-label="InterviewCake" style="margin: 0px 0px;"> <span class="mr-2"> <img alt="" height="26" width="26" style="border-radius: 50%; border: 1px solid #E1E4E8" class="" src="/assets/pack/icon_interviewcake-8c74cf1b04cb24863894235d112435776591b423ea9af49b54cd54f9e5fc8a8f.png" /> </span> InterviewCake </li> <li class="Label--small d-flex flex-items-center" aria-label="DailyBot" style="margin: 0px 0px;"> <span class="mr-2"> <img alt="" height="26" width="26" style="border-radius: 50%; border: 1px solid #E1E4E8" class="" src="/assets/pack/icon_dailybot-259d6a3fbd3dee852e6bed219423ad820c7b3751d0809f51e748c585825e9863.png" /> </span> DailyBot </li> <li class="Label--small d-flex flex-items-center" aria-label="GitHub Pages " style="margin: 0px 0px;"> <span class="mr-2"> <img alt="" height="26" width="26" style="border-radius: 50%; border: 1px solid #E1E4E8" class="" src="/assets/pack/icon_github-pages-3f2eb02545ca7c3e81beb0a464e85fb5340ec9d689133db563d1869350d6416c.png" /> </span> GitHub Pages </li> <li class="pl-2 color-fg-default "> <button outline="false" style="border-radius: 2em;" id="dialog-show-more-experience-offers-for-career-readiness" data-show-dialog-id="more-experience-offers-for-career-readiness" type="button" data-view-component="true" class="border Button--invisible Button--small Button Button--invisible-noVisuals no-underline"> <span class="Button-content"> <span class="Button-label">+2</span> </span> </button> <dialog-helper> <dialog id="more-experience-offers-for-career-readiness" aria-modal="true" aria-labelledby="more-experience-offers-for-career-readiness-title" aria-describedby="more-experience-offers-for-career-readiness-description" data-view-component="true" class="Overlay Overlay-whenNarrow Overlay--size-medium-portrait Overlay--motion-scaleFade"> <div data-view-component="true" class="Overlay-header Overlay-header--divided color-bg-inset rounded-top-2"> <div class="Overlay-headerContentWrap"> <div class="Overlay-titleWrap"> <h1 class="Overlay-title " id="more-experience-offers-for-career-readiness-title"> Career Readiness offers (Total 6) </h1> </div> <div class="Overlay-actionWrap"> <button data-close-dialog-id="more-experience-offers-for-career-readiness" aria-label="Close" type="button" data-view-component="true" class="close-button Overlay-closeButton"><svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-x"> <path d="M3.72 3.72a.75.75 0 0 1 1.06 0L8 6.94l3.22-3.22a.749.749 0 0 1 1.275.326.749.749 0 0 1-.215.734L9.06 8l3.22 3.22a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215L8 9.06l-3.22 3.22a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L6.94 8 3.72 4.78a.75.75 0 0 1 0-1.06Z"></path> </svg></button> </div> </div> </div> <scrollable-region data-labelled-by="more-experience-offers-for-career-readiness-title"> <div data-view-component="true" class="Overlay-body p-0"> <div class="Box-row d-flex flex-column flex-sm-row flex-sm-items-center py-2 company-list"> <h2 id="offer_modal_experience_tools_63_educative-student" class="text-small text-bold flex-auto"> <span class="d-flex flex-items-center"> <span class="mr-3"> <img alt="" height="36" width="36" style="border-radius: 50%; border: 1px solid #E1E4E8" src="https://blobaccountproduction.blob.core.windows.net/educationwebblobstorage/heu8blqfnsm8vyp0lupfaoe8mwxk?sp=r&sv=2018-11-09&se=2025-02-17T10%3A38%3A55Z&rscd=inline%3B+filename%3D%22Educative_Icon_Color.png%22%3B+filename*%3DUTF-8%27%27Educative_Icon_Color.png&rsct=image%2Fpng&sr=b&sig=GucbIXonmsxnD57hPXVKgrpiufPrdMNUDqCk%2FGXwK5o%3D" /> </span> Educative </span> </h2> <ul class="list-style-none d-flex flex-wrap flex-sm-justify-end flex-items-center company-list-offer-tags list-item-tags" aria-labelledby="offer_modal_experience_tools_63_educative-student"> <li><span class="Label--small Label--blue-standard no-wrap m-0">Learn</span></li> </ul> </div> <div class="Box-row d-flex flex-column flex-sm-row flex-sm-items-center py-2 company-list"> <h2 id="offer_modal_experience_tools_63_interviewcake-student" class="text-small text-bold flex-auto"> <span class="d-flex flex-items-center"> <span class="mr-3"> <img alt="" height="36" width="36" style="border-radius: 50%; border: 1px solid #E1E4E8" src="/assets/pack/icon_interviewcake-8c74cf1b04cb24863894235d112435776591b423ea9af49b54cd54f9e5fc8a8f.png" /> </span> InterviewCake </span> </h2> <ul class="list-style-none d-flex flex-wrap flex-sm-justify-end flex-items-center company-list-offer-tags list-item-tags" aria-labelledby="offer_modal_experience_tools_63_interviewcake-student"> <li><span class="Label--small Label--blue-standard no-wrap m-0">Learn</span></li> </ul> </div> <div class="Box-row d-flex flex-column flex-sm-row flex-sm-items-center py-2 company-list"> <h2 id="offer_modal_experience_tools_63_dailybot-student" class="text-small text-bold flex-auto"> <span class="d-flex flex-items-center"> <span class="mr-3"> <img alt="" height="36" width="36" style="border-radius: 50%; border: 1px solid #E1E4E8" src="/assets/pack/icon_dailybot-259d6a3fbd3dee852e6bed219423ad820c7b3751d0809f51e748c585825e9863.png" /> </span> DailyBot </span> </h2> <ul class="list-style-none d-flex flex-wrap flex-sm-justify-end flex-items-center company-list-offer-tags list-item-tags" aria-labelledby="offer_modal_experience_tools_63_dailybot-student"> <li><span class="Label--small Label--blue-standard no-wrap m-0">Productivity</span></li> </ul> </div> <div class="Box-row d-flex flex-column flex-sm-row flex-sm-items-center py-2 company-list"> <h2 id="offer_modal_experience_tools_63_ghpages-student" class="text-small text-bold flex-auto"> <span class="d-flex flex-items-center"> <span class="mr-3"> <img alt="" height="36" width="36" style="border-radius: 50%; border: 1px solid #E1E4E8" src="/assets/pack/icon_github-pages-3f2eb02545ca7c3e81beb0a464e85fb5340ec9d689133db563d1869350d6416c.png" /> </span> GitHub Pages </span> </h2> <ul class="list-style-none d-flex flex-wrap flex-sm-justify-end flex-items-center company-list-offer-tags list-item-tags" aria-labelledby="offer_modal_experience_tools_63_ghpages-student"> <li><span class="Label--small Label--blue-standard no-wrap m-0">Developer tools</span></li> </ul> </div> <div class="Box-row d-flex flex-column flex-sm-row flex-sm-items-center py-2 company-list"> <h2 id="offer_modal_experience_tools_63_visme-student" class="text-small text-bold flex-auto"> <span class="d-flex flex-items-center"> <span class="mr-3"> <img alt="" height="36" width="36" style="border-radius: 50%; border: 1px solid #E1E4E8" src="https://blobaccountproduction.blob.core.windows.net/educationwebblobstorage/packcompany/297/blobs/v9i2xlg6mg8r4bl415vlzen8evys?sp=r&sv=2018-11-09&se=2025-02-17T10%3A38%3A55Z&rscd=inline%3B+filename%3D%22visme_logo_H+dark.png%22%3B+filename*%3DUTF-8%27%27visme_logo_H%2520dark.png&rsct=image%2Fpng&sr=b&sig=mKlLoEj4IG3veqjhn%2BmgdU3oCvMdr01u0y55nA01gW4%3D" /> </span> Visme </span> </h2> <ul class="list-style-none d-flex flex-wrap flex-sm-justify-end flex-items-center company-list-offer-tags list-item-tags" aria-labelledby="offer_modal_experience_tools_63_visme-student"> <li><span class="Label--small Label--blue-standard no-wrap m-0">Productivity</span></li> <li><span class="Label--small Label--blue-standard no-wrap m-0">Design</span></li> </ul> </div> <div class="Box-row d-flex flex-column flex-sm-row flex-sm-items-center py-2 company-list"> <h2 id="offer_modal_experience_tools_63_algoexpert-student" class="text-small text-bold flex-auto"> <span class="d-flex flex-items-center"> <span class="mr-3"> <img alt="" height="36" width="36" style="border-radius: 50%; border: 1px solid #E1E4E8" src="https://blobaccountproduction.blob.core.windows.net/educationwebblobstorage/packcompany/332/blobs/388sg78baz07f45xqdbgre3qo4k5?sp=r&sv=2018-11-09&se=2025-02-17T10%3A38%3A55Z&rscd=inline%3B+filename%3D%22ae_logo.png%22%3B+filename*%3DUTF-8%27%27ae_logo.png&rsct=image%2Fpng&sr=b&sig=O%2Fanz%2FLrKFK5oWnYtstV%2BVuaUOnj2AIByg93aGij7qo%3D" /> </span> AlgoExpert </span> </h2> <ul class="list-style-none d-flex flex-wrap flex-sm-justify-end flex-items-center company-list-offer-tags list-item-tags" aria-labelledby="offer_modal_experience_tools_63_algoexpert-student"> <li><span class="Label--small Label--blue-standard no-wrap m-0">Learn</span></li> <li><span class="Label--small Label--blue-standard no-wrap m-0">Personal Portfolio</span></li> </ul> </div> </div> </scrollable-region> <div data-view-component="true" class="Overlay-footer Overlay-footer--alignEnd Overlay-footer--divided flex-justify-start"> <a data-link-location="3" data-link-target-type="7" href="/experiences/career_readiness" data-view-component="true" class="js-landing-page-link Button--primary Button--medium Button"> <span class="Button-content"> <span class="Button-label">Explore the experience</span> </span> </a> </div> </dialog></dialog-helper> </li> </ul> <a data-link-location="3" data-link-target-type="7" href="/experiences/career_readiness" data-view-component="true" class="js-landing-page-link text-bold Link"> Learn more about Career Readiness <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-chevron-right"> <path d="M6.22 3.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L9.94 8 6.22 4.28a.75.75 0 0 1 0-1.06Z"></path> </svg> </a></div> <div class="border rounded-2 p-4"> <img alt="A light purple desktop monitor with a GitHub logo on the screen" class="width-fit mb-4" style="height: 75px" src="https://blobaccountproduction.blob.core.windows.net/educationwebblobstorage/7hg11bgpu1k186a5hpdsva9cvv9a?sp=r&sv=2018-11-09&se=2025-02-17T10%3A38%3A55Z&rscd=inline%3B+filename%3D%22github-web-development-kit-logo-7b7457f9366e7e245815871a994d0e2ebacdbd84549a53182b308d795b46d88d.png%22%3B+filename*%3DUTF-8%27%27github-web-development-kit-logo-7b7457f9366e7e245815871a994d0e2ebacdbd84549a53182b308d795b46d88d.png&rsct=image%2Fpng&sr=b&sig=IuOVC772axUMxUm02g741AgYRYK8tJrfa0e22y%2F41zw%3D" /> <hgroup role="group" aria-roledescription="Experience Group"> <p aria-roledescription="subtitle" data-view-component="true" class="color-fg-muted">Tools</p> <h3 class="mb-3">Intro to Web Dev</h3> </hgroup> <p data-view-component="true" class="color-fg-muted mb-4">Everything you need to build your next website. Learn how to design and build your own website as you learn the basics of web development.</p> <p class="text-normal f5 mb-3">Offers in this bundle</p> <ul class="d-flex flex-wrap list-style-none pack__experiences__offers__wrapper pb-2"> <li class="Label--small d-flex flex-items-center" aria-label="LambdaTest" style="margin: 0px 0px;"> <span class="mr-2"> <img alt="" height="26" width="26" style="border-radius: 50%; border: 1px solid #E1E4E8" class="" src="/assets/pack/icon_lambdatest-d36af430d691974bf8d9853e9689433de125d81923ced85a32e95d1016638dde.png" /> </span> LambdaTest </li> <li class="Label--small d-flex flex-items-center" aria-label="Polypane" style="margin: 0px 0px;"> <span class="mr-2"> <img alt="" height="26" width="26" style="border-radius: 50%; border: 1px solid #E1E4E8" class="" src="/assets/pack/icon_polypane-65103bdb7d3bf6a3b499fbc4316c8407f7f3462eec0cadcecce3569007d2f6b1.png" /> </span> Polypane </li> <li class="Label--small d-flex flex-items-center" aria-label="Bootstrap Studio" style="margin: 0px 0px;"> <span class="mr-2"> <img alt="" height="26" width="26" style="border-radius: 50%; border: 1px solid #E1E4E8" class="" src="/assets/pack/icon_bootstrapstudio-9f875d533e725b939fb5687a7bff29cd679a04979fdac5922446ca17fc7d6a3e.png" /> </span> Bootstrap Studio </li> <li class="Label--small d-flex flex-items-center" aria-label="DigitalOcean" style="margin: 0px 0px;"> <span class="mr-2"> <img alt="" height="26" width="26" style="border-radius: 50%; border: 1px solid #E1E4E8" class="" src="/assets/pack/icon_digitalocean-a06c6484381ad74aff6bd3672cbe68fa5f620ce004da6428e6fd59315a08034d.png" /> </span> DigitalOcean </li> <li class="pl-2 color-fg-default "> <button outline="false" style="border-radius: 2em;" id="dialog-show-more-experience-offers-for-intro-to-web-dev" data-show-dialog-id="more-experience-offers-for-intro-to-web-dev" type="button" data-view-component="true" class="border Button--invisible Button--small Button Button--invisible-noVisuals no-underline"> <span class="Button-content"> <span class="Button-label">+4</span> </span> </button> <dialog-helper> <dialog id="more-experience-offers-for-intro-to-web-dev" aria-modal="true" aria-labelledby="more-experience-offers-for-intro-to-web-dev-title" aria-describedby="more-experience-offers-for-intro-to-web-dev-description" data-view-component="true" class="Overlay Overlay-whenNarrow Overlay--size-medium-portrait Overlay--motion-scaleFade"> <div data-view-component="true" class="Overlay-header Overlay-header--divided color-bg-inset rounded-top-2"> <div class="Overlay-headerContentWrap"> <div class="Overlay-titleWrap"> <h1 class="Overlay-title " id="more-experience-offers-for-intro-to-web-dev-title"> Intro to Web Dev offers (Total 8) </h1> </div> <div class="Overlay-actionWrap"> <button data-close-dialog-id="more-experience-offers-for-intro-to-web-dev" aria-label="Close" type="button" data-view-component="true" class="close-button Overlay-closeButton"><svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-x"> <path d="M3.72 3.72a.75.75 0 0 1 1.06 0L8 6.94l3.22-3.22a.749.749 0 0 1 1.275.326.749.749 0 0 1-.215.734L9.06 8l3.22 3.22a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215L8 9.06l-3.22 3.22a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L6.94 8 3.72 4.78a.75.75 0 0 1 0-1.06Z"></path> </svg></button> </div> </div> </div> <scrollable-region data-labelled-by="more-experience-offers-for-intro-to-web-dev-title"> <div data-view-component="true" class="Overlay-body p-0"> <div class="Box-row d-flex flex-column flex-sm-row flex-sm-items-center py-2 company-list"> <h2 id="offer_modal_experience_tools_65_lambdatest-student" class="text-small text-bold flex-auto"> <span class="d-flex flex-items-center"> <span class="mr-3"> <img alt="" height="36" width="36" style="border-radius: 50%; border: 1px solid #E1E4E8" src="/assets/pack/icon_lambdatest-d36af430d691974bf8d9853e9689433de125d81923ced85a32e95d1016638dde.png" /> </span> LambdaTest </span> </h2> <ul class="list-style-none d-flex flex-wrap flex-sm-justify-end flex-items-center company-list-offer-tags list-item-tags" aria-labelledby="offer_modal_experience_tools_65_lambdatest-student"> <li><span class="Label--small Label--blue-standard no-wrap m-0">Developer tools</span></li> </ul> </div> <div class="Box-row d-flex flex-column flex-sm-row flex-sm-items-center py-2 company-list"> <h2 id="offer_modal_experience_tools_65_polypane-student" class="text-small text-bold flex-auto"> <span class="d-flex flex-items-center"> <span class="mr-3"> <img alt="" height="36" width="36" style="border-radius: 50%; border: 1px solid #E1E4E8" src="/assets/pack/icon_polypane-65103bdb7d3bf6a3b499fbc4316c8407f7f3462eec0cadcecce3569007d2f6b1.png" /> </span> Polypane </span> </h2> <ul class="list-style-none d-flex flex-wrap flex-sm-justify-end flex-items-center company-list-offer-tags list-item-tags" aria-labelledby="offer_modal_experience_tools_65_polypane-student"> <li><span class="Label--small Label--blue-standard no-wrap m-0">Design</span></li> <li><span class="Label--small Label--blue-standard no-wrap m-0">Developer tools</span></li> </ul> </div> <div class="Box-row d-flex flex-column flex-sm-row flex-sm-items-center py-2 company-list"> <h2 id="offer_modal_experience_tools_65_bootstrapstudio-student" class="text-small text-bold flex-auto"> <span class="d-flex flex-items-center"> <span class="mr-3"> <img alt="" height="36" width="36" style="border-radius: 50%; border: 1px solid #E1E4E8" src="/assets/pack/icon_bootstrapstudio-9f875d533e725b939fb5687a7bff29cd679a04979fdac5922446ca17fc7d6a3e.png" /> </span> Bootstrap Studio </span> </h2> <ul class="list-style-none d-flex flex-wrap flex-sm-justify-end flex-items-center company-list-offer-tags list-item-tags" aria-labelledby="offer_modal_experience_tools_65_bootstrapstudio-student"> <li><span class="Label--small Label--blue-standard no-wrap m-0">Design</span></li> <li><span class="Label--small Label--blue-standard no-wrap m-0">Developer tools</span></li> </ul> </div> <div class="Box-row d-flex flex-column flex-sm-row flex-sm-items-center py-2 company-list"> <h2 id="offer_modal_experience_tools_65_digitalocean-student" class="text-small text-bold flex-auto"> <span class="d-flex flex-items-center"> <span class="mr-3"> <img alt="" height="36" width="36" style="border-radius: 50%; border: 1px solid #E1E4E8" src="/assets/pack/icon_digitalocean-a06c6484381ad74aff6bd3672cbe68fa5f620ce004da6428e6fd59315a08034d.png" /> </span> DigitalOcean </span> </h2> <ul class="list-style-none d-flex flex-wrap flex-sm-justify-end flex-items-center company-list-offer-tags list-item-tags" aria-labelledby="offer_modal_experience_tools_65_digitalocean-student"> <li><span class="Label--small Label--blue-standard no-wrap m-0">Cloud</span></li> </ul> </div> <div class="Box-row d-flex flex-column flex-sm-row flex-sm-items-center py-2 company-list"> <h2 id="offer_modal_experience_tools_65_microsoft-azure-student" class="text-small text-bold flex-auto"> <span class="d-flex flex-items-center"> <span class="mr-3"> <img alt="" height="36" width="36" style="border-radius: 50%; border: 1px solid #E1E4E8" src="/assets/pack/icon_microsoft-ebd52232a00bfc45e679a4e378d329c041516c1865356ae4297c60caf5bbb318.png" /> </span> Microsoft Azure </span> </h2> <ul class="list-style-none d-flex flex-wrap flex-sm-justify-end flex-items-center company-list-offer-tags list-item-tags" aria-labelledby="offer_modal_experience_tools_65_microsoft-azure-student"> <li><span class="Label--small Label--blue-standard no-wrap m-0">Cloud</span></li> <li><span class="Label--small Label--blue-standard no-wrap m-0">Virtual Events</span></li> </ul> </div> <div class="Box-row d-flex flex-column flex-sm-row flex-sm-items-center py-2 company-list"> <h2 id="offer_modal_experience_tools_65_educative-student" class="text-small text-bold flex-auto"> <span class="d-flex flex-items-center"> <span class="mr-3"> <img alt="" height="36" width="36" style="border-radius: 50%; border: 1px solid #E1E4E8" src="https://blobaccountproduction.blob.core.windows.net/educationwebblobstorage/heu8blqfnsm8vyp0lupfaoe8mwxk?sp=r&sv=2018-11-09&se=2025-02-17T10%3A38%3A55Z&rscd=inline%3B+filename%3D%22Educative_Icon_Color.png%22%3B+filename*%3DUTF-8%27%27Educative_Icon_Color.png&rsct=image%2Fpng&sr=b&sig=GucbIXonmsxnD57hPXVKgrpiufPrdMNUDqCk%2FGXwK5o%3D" /> </span> Educative </span> </h2> <ul class="list-style-none d-flex flex-wrap flex-sm-justify-end flex-items-center company-list-offer-tags list-item-tags" aria-labelledby="offer_modal_experience_tools_65_educative-student"> <li><span class="Label--small Label--blue-standard no-wrap m-0">Learn</span></li> </ul> </div> <div class="Box-row d-flex flex-column flex-sm-row flex-sm-items-center py-2 company-list"> <h2 id="offer_modal_experience_tools_65_ghpages-student" class="text-small text-bold flex-auto"> <span class="d-flex flex-items-center"> <span class="mr-3"> <img alt="" height="36" width="36" style="border-radius: 50%; border: 1px solid #E1E4E8" src="/assets/pack/icon_github-pages-3f2eb02545ca7c3e81beb0a464e85fb5340ec9d689133db563d1869350d6416c.png" /> </span> GitHub Pages </span> </h2> <ul class="list-style-none d-flex flex-wrap flex-sm-justify-end flex-items-center company-list-offer-tags list-item-tags" aria-labelledby="offer_modal_experience_tools_65_ghpages-student"> <li><span class="Label--small Label--blue-standard no-wrap m-0">Developer tools</span></li> </ul> </div> <div class="Box-row d-flex flex-column flex-sm-row flex-sm-items-center py-2 company-list"> <h2 id="offer_modal_experience_tools_65_microsoft-azure-student-13" class="text-small text-bold flex-auto"> <span class="d-flex flex-items-center"> <span class="mr-3"> <img alt="" height="36" width="36" style="border-radius: 50%; border: 1px solid #E1E4E8" src="https://blobaccountproduction.blob.core.windows.net/educationwebblobstorage/5mjri21n42nt3xlhfgikn53jojdw?sp=r&sv=2018-11-09&se=2025-02-17T10%3A38%3A55Z&rscd=inline%3B+filename%3D%22microsoft-small.png%22%3B+filename*%3DUTF-8%27%27microsoft-small.png&rsct=image%2Fpng&sr=b&sig=seuH%2BiMvbTIdfP7XO7GGKsRkk8lJRIXvehU%2BVFS%2F9gc%3D" /> </span> Microsoft Azure (for ages 13-17) </span> </h2> <ul class="list-style-none d-flex flex-wrap flex-sm-justify-end flex-items-center company-list-offer-tags list-item-tags" aria-labelledby="offer_modal_experience_tools_65_microsoft-azure-student-13"> <li><span class="Label--small Label--blue-standard no-wrap m-0">Developer tools</span></li> <li><span class="Label--small Label--blue-standard no-wrap m-0">Cloud</span></li> </ul> </div> </div> </scrollable-region> <div data-view-component="true" class="Overlay-footer Overlay-footer--alignEnd Overlay-footer--divided flex-justify-start"> <a data-link-location="3" data-link-target-type="7" href="/experiences/intro_to_web_dev" data-view-component="true" class="js-landing-page-link Button--primary Button--medium Button"> <span class="Button-content"> <span class="Button-label">Explore the experience</span> </span> </a> </div> </dialog></dialog-helper> </li> </ul> <a data-link-location="3" data-link-target-type="7" href="/experiences/intro_to_web_dev" data-view-component="true" class="js-landing-page-link text-bold Link"> Learn more about Intro to Web Dev <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-chevron-right"> <path d="M6.22 3.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L9.94 8 6.22 4.28a.75.75 0 0 1 0-1.06Z"></path> </svg> </a></div> <div class="border rounded-2 p-4"> <img alt="A light purple cloud with a GitHub logo on the lower left" class="width-fit mb-4" style="height: 75px" src="https://blobaccountproduction.blob.core.windows.net/educationwebblobstorage/psy5mtbah3gdu63byl0nswjxtdrv?sp=r&sv=2018-11-09&se=2025-02-17T10%3A38%3A55Z&rscd=inline%3B+filename%3D%22hackathon-in-the-cloud-2db1dc5ba023b0686d6977de6a67cc66cd258c00a446609b14ad59b4d5954359.png%22%3B+filename*%3DUTF-8%27%27hackathon-in-the-cloud-2db1dc5ba023b0686d6977de6a67cc66cd258c00a446609b14ad59b4d5954359.png&rsct=image%2Fpng&sr=b&sig=vzMSX6WSUSGIH46H4dUwgqqK2D%2FJVfqQ10mOIBkINbQ%3D" /> <hgroup role="group" aria-roledescription="Experience Group"> <p aria-roledescription="subtitle" data-view-component="true" class="color-fg-muted">Tools</p> <h3 class="mb-3">Hackathon in the Cloud</h3> </hgroup> <p data-view-component="true" class="color-fg-muted mb-4">Learn how to organize, promote, and communicate your next codefest or hackday. Whether you're hosting your first or you’re a pro, the Hackathon in the Cloud Experience gives students the tools to help empower student hacker communities.</p> <p class="text-normal f5 mb-3">Offers in this bundle</p> <ul class="d-flex flex-wrap list-style-none pack__experiences__offers__wrapper pb-2"> <li class="Label--small d-flex flex-items-center" aria-label="GitHub Pages " style="margin: 0px 0px;"> <span class="mr-2"> <img alt="" height="26" width="26" style="border-radius: 50%; border: 1px solid #E1E4E8" class="" src="/assets/pack/icon_github-pages-3f2eb02545ca7c3e81beb0a464e85fb5340ec9d689133db563d1869350d6416c.png" /> </span> GitHub Pages </li> <li class="Label--small d-flex flex-items-center" aria-label="HackMIT" style="margin: 0px 0px;"> <span class="mr-2"> <img alt="" height="26" width="26" style="border-radius: 50%; border: 1px solid #E1E4E8" class="" src="https://blobaccountproduction.blob.core.windows.net/educationwebblobstorage/ji5ez6ys3aisfqyiv89ye5rckxph?sp=r&sv=2018-11-09&se=2025-02-17T10%3A38%3A55Z&rscd=inline%3B+filename%3D%22hackmit.png%22%3B+filename*%3DUTF-8%27%27hackmit.png&rsct=image%2Fpng&sr=b&sig=3AqcEZte7q2MAMZxJptiKeU03Xxj%2FXbwIxqghDk9UoA%3D" /> </span> HackMIT </li> <li class="Label--small d-flex flex-items-center" aria-label="Visual Studio Code" style="margin: 0px 0px;"> <span class="mr-2"> <img alt="" height="26" width="26" style="border-radius: 50%; border: 1px solid #E1E4E8" class="" src="/assets/pack/logo-student-vscode-58a8771230903732938f2ae22dccbd19541671f5b4d335b1d37f5104e8ee2d11.jpg" /> </span> Visual Studio Code </li> <li class="Label--small d-flex flex-items-center" aria-label="GitLens" style="margin: 0px 0px;"> <span class="mr-2"> <img alt="" height="26" width="26" style="border-radius: 50%; border: 1px solid #E1E4E8" class="" src="https://blobaccountproduction.blob.core.windows.net/educationwebblobstorage/66kh49krckqd43mbwmztmqt15hv9?sp=r&sv=2018-11-09&se=2025-02-17T10%3A38%3A55Z&rscd=inline%3B+filename%3D%22gitlens-icon.png%22%3B+filename*%3DUTF-8%27%27gitlens-icon.png&rsct=image%2Fpng&sr=b&sig=k565LdAzH2dU8epBX8M7uoeFln3aq6yNJLbLkMFqPYA%3D" /> </span> GitLens </li> <li class="pl-2 color-fg-default "> <button outline="false" style="border-radius: 2em;" id="dialog-show-more-experience-offers-for-hackathon-in-the-cloud" data-show-dialog-id="more-experience-offers-for-hackathon-in-the-cloud" type="button" data-view-component="true" class="border Button--invisible Button--small Button Button--invisible-noVisuals no-underline"> <span class="Button-content"> <span class="Button-label">+1</span> </span> </button> <dialog-helper> <dialog id="more-experience-offers-for-hackathon-in-the-cloud" aria-modal="true" aria-labelledby="more-experience-offers-for-hackathon-in-the-cloud-title" aria-describedby="more-experience-offers-for-hackathon-in-the-cloud-description" data-view-component="true" class="Overlay Overlay-whenNarrow Overlay--size-medium-portrait Overlay--motion-scaleFade"> <div data-view-component="true" class="Overlay-header Overlay-header--divided color-bg-inset rounded-top-2"> <div class="Overlay-headerContentWrap"> <div class="Overlay-titleWrap"> <h1 class="Overlay-title " id="more-experience-offers-for-hackathon-in-the-cloud-title"> Hackathon in the Cloud offers (Total 5) </h1> </div> <div class="Overlay-actionWrap"> <button data-close-dialog-id="more-experience-offers-for-hackathon-in-the-cloud" aria-label="Close" type="button" data-view-component="true" class="close-button Overlay-closeButton"><svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-x"> <path d="M3.72 3.72a.75.75 0 0 1 1.06 0L8 6.94l3.22-3.22a.749.749 0 0 1 1.275.326.749.749 0 0 1-.215.734L9.06 8l3.22 3.22a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215L8 9.06l-3.22 3.22a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L6.94 8 3.72 4.78a.75.75 0 0 1 0-1.06Z"></path> </svg></button> </div> </div> </div> <scrollable-region data-labelled-by="more-experience-offers-for-hackathon-in-the-cloud-title"> <div data-view-component="true" class="Overlay-body p-0"> <div class="Box-row d-flex flex-column flex-sm-row flex-sm-items-center py-2 company-list"> <h2 id="offer_modal_experience_tools_64_ghpages-student" class="text-small text-bold flex-auto"> <span class="d-flex flex-items-center"> <span class="mr-3"> <img alt="" height="36" width="36" style="border-radius: 50%; border: 1px solid #E1E4E8" src="/assets/pack/icon_github-pages-3f2eb02545ca7c3e81beb0a464e85fb5340ec9d689133db563d1869350d6416c.png" /> </span> GitHub Pages </span> </h2> <ul class="list-style-none d-flex flex-wrap flex-sm-justify-end flex-items-center company-list-offer-tags list-item-tags" aria-labelledby="offer_modal_experience_tools_64_ghpages-student"> <li><span class="Label--small Label--blue-standard no-wrap m-0">Developer tools</span></li> </ul> </div> <div class="Box-row d-flex flex-column flex-sm-row flex-sm-items-center py-2 company-list"> <h2 id="offer_modal_experience_tools_64_vscode-student" class="text-small text-bold flex-auto"> <span class="d-flex flex-items-center"> <span class="mr-3"> <img alt="" height="36" width="36" style="border-radius: 50%; border: 1px solid #E1E4E8" src="https://blobaccountproduction.blob.core.windows.net/educationwebblobstorage/packcompany/226/blobs/2bkz16qw81t4pqqne16vp40f90b1?sp=r&sv=2018-11-09&se=2025-02-17T10%3A38%3A55Z&rscd=inline%3B+filename%3D%22vscode.png%22%3B+filename*%3DUTF-8%27%27vscode.png&rsct=image%2Fpng&sr=b&sig=YJhBO30u3I1nyOHWZkqpCEsuTkLNWBjtJHksa8qur7g%3D" /> </span> Visual Studio Code </span> </h2> <ul class="list-style-none d-flex flex-wrap flex-sm-justify-end flex-items-center company-list-offer-tags list-item-tags" aria-labelledby="offer_modal_experience_tools_64_vscode-student"> <li><span class="Label--small Label--blue-standard no-wrap m-0">Developer tools</span></li> </ul> </div> <div class="Box-row d-flex flex-column flex-sm-row flex-sm-items-center py-2 company-list"> <h2 id="offer_modal_experience_tools_64_gitlens-student" class="text-small text-bold flex-auto"> <span class="d-flex flex-items-center"> <span class="mr-3"> <img alt="" height="36" width="36" style="border-radius: 50%; border: 1px solid #E1E4E8" src="https://blobaccountproduction.blob.core.windows.net/educationwebblobstorage/66kh49krckqd43mbwmztmqt15hv9?sp=r&sv=2018-11-09&se=2025-02-17T10%3A38%3A55Z&rscd=inline%3B+filename%3D%22gitlens-icon.png%22%3B+filename*%3DUTF-8%27%27gitlens-icon.png&rsct=image%2Fpng&sr=b&sig=k565LdAzH2dU8epBX8M7uoeFln3aq6yNJLbLkMFqPYA%3D" /> </span> GitLens </span> </h2> <ul class="list-style-none d-flex flex-wrap flex-sm-justify-end flex-items-center company-list-offer-tags list-item-tags" aria-labelledby="offer_modal_experience_tools_64_gitlens-student"> <li><span class="Label--small Label--blue-standard no-wrap m-0">Developer tools</span></li> </ul> </div> <div class="Box-row d-flex flex-column flex-sm-row flex-sm-items-center py-2 company-list"> <h2 id="offer_modal_experience_tools_64_mailgun-student" class="text-small text-bold flex-auto"> <span class="d-flex flex-items-center"> <span class="mr-3"> <img alt="" height="36" width="36" style="border-radius: 50%; border: 1px solid #E1E4E8" src="/assets/pack/icon_mailgun-0b56b50b309e90dfb818574601faa390e84a976cef630eacb143d7b2a2cdd3c0.png" /> </span> Mailgun </span> </h2> <ul class="list-style-none d-flex flex-wrap flex-sm-justify-end flex-items-center company-list-offer-tags list-item-tags" aria-labelledby="offer_modal_experience_tools_64_mailgun-student"> <li><span class="Label--small Label--blue-standard no-wrap m-0">Infrastructure & APIs</span></li> </ul> </div> </div> </scrollable-region> <div data-view-component="true" class="Overlay-footer Overlay-footer--alignEnd Overlay-footer--divided flex-justify-start"> <a data-link-location="3" data-link-target-type="7" href="/experiences/hackathon_in_the_cloud" data-view-component="true" class="js-landing-page-link Button--primary Button--medium Button"> <span class="Button-content"> <span class="Button-label">Explore the experience</span> </span> </a> </div> </dialog></dialog-helper> </li> </ul> <a data-link-location="3" data-link-target-type="7" href="/experiences/hackathon_in_the_cloud" data-view-component="true" class="js-landing-page-link text-bold Link"> Learn more about Hackathon in the Cloud <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-chevron-right"> <path d="M6.22 3.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L9.94 8 6.22 4.28a.75.75 0 0 1 0-1.06Z"></path> </svg> </a></div> <div class="border rounded-2 p-4"> <img alt="A magenta pink cup with the Github logo on the front. There are artist tools inside of the cup including a pen, pencil and ruler" class="width-fit mb-4" style="height: 75px" src="https://blobaccountproduction.blob.core.windows.net/educationwebblobstorage/qemqi44i1k8t8un34xxx51rqrb3l?sp=r&sv=2018-11-09&se=2025-02-17T10%3A38%3A55Z&rscd=inline%3B+filename%3D%22aspiring-designers-kit-logo-ef996342665daccfb25913e3e8cd5784e8ecd7f9258345399f54cc7d74b63746.png%22%3B+filename*%3DUTF-8%27%27aspiring-designers-kit-logo-ef996342665daccfb25913e3e8cd5784e8ecd7f9258345399f54cc7d74b63746.png&rsct=image%2Fpng&sr=b&sig=erYsmqLLNexsAUw%2BzaQEGhCfxllnRV0ZXUp%2FFxGUzyA%3D" /> <hgroup role="group" aria-roledescription="Experience Group"> <p aria-roledescription="subtitle" data-view-component="true" class="color-fg-muted">Tools</p> <h3 class="mb-3">Aspiring Creatives</h3> </hgroup> <p data-view-component="true" class="color-fg-muted mb-4">Working on a creative project? Develop your design and collaboration skills to get your clever intentions off the ground. Unleash your originality and start to tinker with the Aspiring Creatives Experience.</p> <p class="text-normal f5 mb-3">Offers in this bundle</p> <ul class="d-flex flex-wrap list-style-none pack__experiences__offers__wrapper pb-2"> <li class="Label--small d-flex flex-items-center" aria-label="Icons8" style="margin: 0px 0px;"> <span class="mr-2"> <img alt="" height="26" width="26" style="border-radius: 50%; border: 1px solid #E1E4E8" class="" src="/assets/pack/icon_icons8-598e511e35107ace4bd1a8d24275be1af71cd8b4b08d9fc0e7e43ee5bced0072.png" /> </span> Icons8 </li> <li class="Label--small d-flex flex-items-center" aria-label="Octicons" style="margin: 0px 0px;"> <span class="mr-2"> <img alt="" height="26" width="26" style="border-radius: 50%; border: 1px solid #E1E4E8" class="" src="/assets/pack/logo-octicons-0a24bcd97002fc3de7b1a07e57677748ce3122b84cd7567744451ba9886e1d8d.jpg" /> </span> Octicons </li> <li class="Label--small d-flex flex-items-center" aria-label="IconScout" style="margin: 0px 0px;"> <span class="mr-2"> <img alt="" height="26" width="26" style="border-radius: 50%; border: 1px solid #E1E4E8" class="" src="/assets/pack/icon_iconscout-fb622461cbdc898bdddca8a3509e38641af7126355af239aec283f37d0c9edf5.png" /> </span> IconScout </li> <li class="pl-2 color-fg-default "> <button outline="false" style="border-radius: 2em;" id="dialog-show-more-experience-offers-for-aspiring-creatives" data-show-dialog-id="more-experience-offers-for-aspiring-creatives" type="button" data-view-component="true" class="border Button--invisible Button--small Button Button--invisible-noVisuals no-underline"> <span class="Button-content"> <span class="Button-label">+2</span> </span> </button> <dialog-helper> <dialog id="more-experience-offers-for-aspiring-creatives" aria-modal="true" aria-labelledby="more-experience-offers-for-aspiring-creatives-title" aria-describedby="more-experience-offers-for-aspiring-creatives-description" data-view-component="true" class="Overlay Overlay-whenNarrow Overlay--size-medium-portrait Overlay--motion-scaleFade"> <div data-view-component="true" class="Overlay-header Overlay-header--divided color-bg-inset rounded-top-2"> <div class="Overlay-headerContentWrap"> <div class="Overlay-titleWrap"> <h1 class="Overlay-title " id="more-experience-offers-for-aspiring-creatives-title"> Aspiring Creatives offers (Total 5) </h1> </div> <div class="Overlay-actionWrap"> <button data-close-dialog-id="more-experience-offers-for-aspiring-creatives" aria-label="Close" type="button" data-view-component="true" class="close-button Overlay-closeButton"><svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-x"> <path d="M3.72 3.72a.75.75 0 0 1 1.06 0L8 6.94l3.22-3.22a.749.749 0 0 1 1.275.326.749.749 0 0 1-.215.734L9.06 8l3.22 3.22a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215L8 9.06l-3.22 3.22a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L6.94 8 3.72 4.78a.75.75 0 0 1 0-1.06Z"></path> </svg></button> </div> </div> </div> <scrollable-region data-labelled-by="more-experience-offers-for-aspiring-creatives-title"> <div data-view-component="true" class="Overlay-body p-0"> <div class="Box-row d-flex flex-column flex-sm-row flex-sm-items-center py-2 company-list"> <h2 id="offer_modal_experience_tools_62_icons8-student" class="text-small text-bold flex-auto"> <span class="d-flex flex-items-center"> <span class="mr-3"> <img alt="" height="36" width="36" style="border-radius: 50%; border: 1px solid #E1E4E8" src="/assets/pack/icon_icons8-598e511e35107ace4bd1a8d24275be1af71cd8b4b08d9fc0e7e43ee5bced0072.png" /> </span> Icons8 </span> </h2> <ul class="list-style-none d-flex flex-wrap flex-sm-justify-end flex-items-center company-list-offer-tags list-item-tags" aria-labelledby="offer_modal_experience_tools_62_icons8-student"> <li><span class="Label--small Label--blue-standard no-wrap m-0">Design</span></li> </ul> </div> <div class="Box-row d-flex flex-column flex-sm-row flex-sm-items-center py-2 company-list"> <h2 id="offer_modal_experience_tools_62_communityexchange" class="text-small text-bold flex-auto"> <span class="d-flex flex-items-center"> <span class="mr-3"> <img alt="" height="36" width="36" style="border-radius: 50%; border: 1px solid #E1E4E8" src="/assets/pack/logo-communityexchange-3f2eb02545ca7c3e81beb0a464e85fb5340ec9d689133db563d1869350d6416c.jpg" /> </span> GitHub Community Exchange </span> </h2> <ul class="list-style-none d-flex flex-wrap flex-sm-justify-end flex-items-center company-list-offer-tags list-item-tags" aria-labelledby="offer_modal_experience_tools_62_communityexchange"> </ul> </div> <div class="Box-row d-flex flex-column flex-sm-row flex-sm-items-center py-2 company-list"> <h2 id="offer_modal_experience_tools_62_octicons " class="text-small text-bold flex-auto"> <span class="d-flex flex-items-center"> <span class="mr-3"> <img alt="" height="36" width="36" style="border-radius: 50%; border: 1px solid #E1E4E8" src="https://blobaccountproduction.blob.core.windows.net/educationwebblobstorage/packcompany/295/blobs/6rdaybpqk8tviydrs68oxjh1tq5p?sp=r&sv=2018-11-09&se=2025-02-17T10%3A38%3A55Z&rscd=inline%3B+filename%3D%22octicons.png%22%3B+filename*%3DUTF-8%27%27octicons.png&rsct=image%2Fpng&sr=b&sig=DzvC%2BWgaXs3cruDGQJxRXr1TN%2F5C1hf5Uto5CXntJYc%3D" /> </span> Octicons </span> </h2> <ul class="list-style-none d-flex flex-wrap flex-sm-justify-end flex-items-center company-list-offer-tags list-item-tags" aria-labelledby="offer_modal_experience_tools_62_octicons "> </ul> </div> <div class="Box-row d-flex flex-column flex-sm-row flex-sm-items-center py-2 company-list"> <h2 id="offer_modal_experience_tools_62_iconscout-student" class="text-small text-bold flex-auto"> <span class="d-flex flex-items-center"> <span class="mr-3"> <img alt="" height="36" width="36" style="border-radius: 50%; border: 1px solid #E1E4E8" src="/assets/pack/icon_iconscout-fb622461cbdc898bdddca8a3509e38641af7126355af239aec283f37d0c9edf5.png" /> </span> IconScout </span> </h2> <ul class="list-style-none d-flex flex-wrap flex-sm-justify-end flex-items-center company-list-offer-tags list-item-tags" aria-labelledby="offer_modal_experience_tools_62_iconscout-student"> <li><span class="Label--small Label--blue-standard no-wrap m-0">Design</span></li> </ul> </div> </div> </scrollable-region> <div data-view-component="true" class="Overlay-footer Overlay-footer--alignEnd Overlay-footer--divided flex-justify-start"> <a data-link-location="3" data-link-target-type="7" href="/experiences/aspiring_creatives" data-view-component="true" class="js-landing-page-link Button--primary Button--medium Button"> <span class="Button-content"> <span class="Button-label">Explore the experience</span> </span> </a> </div> </dialog></dialog-helper> </li> </ul> <a data-link-location="3" data-link-target-type="7" href="/experiences/aspiring_creatives" data-view-component="true" class="js-landing-page-link text-bold Link"> Learn more about Aspiring Creatives <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-chevron-right"> <path d="M6.22 3.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L9.94 8 6.22 4.28a.75.75 0 0 1 0-1.06Z"></path> </svg> </a></div> <div class="border rounded-2 p-4"> <img alt="Purple space galaxy swirl with a small octocat logo in the center" class="width-fit mb-4" style="height: 75px" src="https://blobaccountproduction.blob.core.windows.net/educationwebblobstorage/xotcumj2ev7d62yv7i7vvsqrbl41?sp=r&sv=2018-11-09&se=2025-02-17T10%3A38%3A56Z&rscd=inline%3B+filename%3D%22data-science-machine-learning-logo.png%22%3B+filename*%3DUTF-8%27%27data-science-machine-learning-logo.png&rsct=image%2Fpng&sr=b&sig=vnEjC77FUbDf2Z0ui14VW9EcASVgHPCKHwU7J1v1%2Fj8%3D" /> <hgroup role="group" aria-roledescription="Experience Group"> <p aria-roledescription="subtitle" data-view-component="true" class="color-fg-muted">Tools</p> <h3 class="mb-3">Data Science & Machine Learning</h3> </hgroup> <p data-view-component="true" class="color-fg-muted mb-4">Flex your skills in data collection, cleaning, analysis, visualization, programming, and machine learning. The Data Science & Machine Learning experience gives you the tools to analyze, collaborate and harness the power of predictive data to build amazing projects.</p> <p class="text-normal f5 mb-3">Offers in this bundle</p> <ul class="d-flex flex-wrap list-style-none pack__experiences__offers__wrapper pb-2"> <li class="Label--small d-flex flex-items-center" aria-label="Datadog" style="margin: 0px 0px;"> <span class="mr-2"> <img alt="" height="26" width="26" style="border-radius: 50%; border: 1px solid #E1E4E8" class="" src="/assets/pack/icon_datadog-8c405cb9fc86da8f0e0efbb6bd7c7de52a92b36741fae8b831c1573a06be2ca2.png" /> </span> Datadog </li> <li class="Label--small d-flex flex-items-center" aria-label="SQLGate" style="margin: 0px 0px;"> <span class="mr-2"> <img alt="" height="26" width="26" style="border-radius: 50%; border: 1px solid #E1E4E8" class="" src="/assets/pack/icon_sqlgate-721de95de97eff616dc368486618730f3474c3a85d196e60655cca1d3422ab3b.png" /> </span> SQLGate </li> <li class="Label--small d-flex flex-items-center" aria-label="GitHub Codespaces" style="margin: 0px 0px;"> <span class="mr-2"> <img alt="" height="26" width="26" style="border-radius: 50%; border: 1px solid #E1E4E8" class="" src="/assets/pack/logo-github-codespaces-eb3a2e161fe5bce9f79532cba1b765f886924849709a90762005bd76ab2f96e0.jpg" /> </span> GitHub Codespaces </li> <li class="Label--small d-flex flex-items-center" aria-label="Deepnote" style="margin: 0px 0px;"> <span class="mr-2"> <img alt="" height="26" width="26" style="border-radius: 50%; border: 1px solid #E1E4E8" class="" src="/assets/pack/icon_deepnote-54c4aabb53281ad59d971e779e98704c95d20082f280ee4024f7fd83f0e24874.png" /> </span> Deepnote </li> <li class="pl-2 color-fg-default "> <button outline="false" style="border-radius: 2em;" id="dialog-show-more-experience-offers-for-data-science-machine-learning" data-show-dialog-id="more-experience-offers-for-data-science-machine-learning" type="button" data-view-component="true" class="border Button--invisible Button--small Button Button--invisible-noVisuals no-underline"> <span class="Button-content"> <span class="Button-label">+2</span> </span> </button> <dialog-helper> <dialog id="more-experience-offers-for-data-science-machine-learning" aria-modal="true" aria-labelledby="more-experience-offers-for-data-science-machine-learning-title" aria-describedby="more-experience-offers-for-data-science-machine-learning-description" data-view-component="true" class="Overlay Overlay-whenNarrow Overlay--size-medium-portrait Overlay--motion-scaleFade"> <div data-view-component="true" class="Overlay-header Overlay-header--divided color-bg-inset rounded-top-2"> <div class="Overlay-headerContentWrap"> <div class="Overlay-titleWrap"> <h1 class="Overlay-title " id="more-experience-offers-for-data-science-machine-learning-title"> Data Science & Machine Learning offers (Total 6) </h1> </div> <div class="Overlay-actionWrap"> <button data-close-dialog-id="more-experience-offers-for-data-science-machine-learning" aria-label="Close" type="button" data-view-component="true" class="close-button Overlay-closeButton"><svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-x"> <path d="M3.72 3.72a.75.75 0 0 1 1.06 0L8 6.94l3.22-3.22a.749.749 0 0 1 1.275.326.749.749 0 0 1-.215.734L9.06 8l3.22 3.22a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215L8 9.06l-3.22 3.22a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L6.94 8 3.72 4.78a.75.75 0 0 1 0-1.06Z"></path> </svg></button> </div> </div> </div> <scrollable-region data-labelled-by="more-experience-offers-for-data-science-machine-learning-title"> <div data-view-component="true" class="Overlay-body p-0"> <div class="Box-row d-flex flex-column flex-sm-row flex-sm-items-center py-2 company-list"> <h2 id="offer_modal_experience_tools_61_datadog-student" class="text-small text-bold flex-auto"> <span class="d-flex flex-items-center"> <span class="mr-3"> <img alt="" height="36" width="36" style="border-radius: 50%; border: 1px solid #E1E4E8" src="/assets/pack/icon_datadog-8c405cb9fc86da8f0e0efbb6bd7c7de52a92b36741fae8b831c1573a06be2ca2.png" /> </span> Datadog </span> </h2> <ul class="list-style-none d-flex flex-wrap flex-sm-justify-end flex-items-center company-list-offer-tags list-item-tags" aria-labelledby="offer_modal_experience_tools_61_datadog-student"> <li><span class="Label--small Label--blue-standard no-wrap m-0">Security & analytics</span></li> </ul> </div> <div class="Box-row d-flex flex-column flex-sm-row flex-sm-items-center py-2 company-list"> <h2 id="offer_modal_experience_tools_61_sqlgate-student" class="text-small text-bold flex-auto"> <span class="d-flex flex-items-center"> <span class="mr-3"> <img alt="" height="36" width="36" style="border-radius: 50%; border: 1px solid #E1E4E8" src="/assets/pack/icon_sqlgate-721de95de97eff616dc368486618730f3474c3a85d196e60655cca1d3422ab3b.png" /> </span> SQLGate </span> </h2> <ul class="list-style-none d-flex flex-wrap flex-sm-justify-end flex-items-center company-list-offer-tags list-item-tags" aria-labelledby="offer_modal_experience_tools_61_sqlgate-student"> <li><span class="Label--small Label--blue-standard no-wrap m-0">Developer tools</span></li> </ul> </div> <div class="Box-row d-flex flex-column flex-sm-row flex-sm-items-center py-2 company-list"> <h2 id="offer_modal_experience_tools_61_github-codespaces" class="text-small text-bold flex-auto"> <span class="d-flex flex-items-center"> <span class="mr-3"> <img alt="" height="36" width="36" style="border-radius: 50%; border: 1px solid #E1E4E8" src="https://blobaccountproduction.blob.core.windows.net/educationwebblobstorage/packcompany/296/blobs/7i8cc5a2rg92rviyeby05i0v6vkp?sp=r&sv=2018-11-09&se=2025-02-17T10%3A38%3A56Z&rscd=inline%3B+filename%3D%22Microsoft.VisualStudio.Services.Icons.png%22%3B+filename*%3DUTF-8%27%27Microsoft.VisualStudio.Services.Icons.png&rsct=image%2Fpng&sr=b&sig=Wt4o8sFDSHcFawp2oQ4BtiSKkAGwZwiubvG6Iqn7JVc%3D" /> </span> GitHub Codespaces </span> </h2> <ul class="list-style-none d-flex flex-wrap flex-sm-justify-end flex-items-center company-list-offer-tags list-item-tags" aria-labelledby="offer_modal_experience_tools_61_github-codespaces"> </ul> </div> <div class="Box-row d-flex flex-column flex-sm-row flex-sm-items-center py-2 company-list"> <h2 id="offer_modal_experience_tools_61_deepnote-student" class="text-small text-bold flex-auto"> <span class="d-flex flex-items-center"> <span class="mr-3"> <img alt="" height="36" width="36" style="border-radius: 50%; border: 1px solid #E1E4E8" src="/assets/pack/icon_deepnote-54c4aabb53281ad59d971e779e98704c95d20082f280ee4024f7fd83f0e24874.png" /> </span> Deepnote </span> </h2> <ul class="list-style-none d-flex flex-wrap flex-sm-justify-end flex-items-center company-list-offer-tags list-item-tags" aria-labelledby="offer_modal_experience_tools_61_deepnote-student"> <li><span class="Label--small Label--blue-standard no-wrap m-0">Developer tools</span></li> <li><span class="Label--small Label--blue-standard no-wrap m-0">Machine Learning & AI</span></li> </ul> </div> <div class="Box-row d-flex flex-column flex-sm-row flex-sm-items-center py-2 company-list"> <h2 id="offer_modal_experience_tools_61_datacamp-student" class="text-small text-bold flex-auto"> <span class="d-flex flex-items-center"> <span class="mr-3"> <img alt="" height="36" width="36" style="border-radius: 50%; border: 1px solid #E1E4E8" src="/assets/pack/icon_datacamp-34def0594ebefed343c67d3a1fc2b4db633b0ee0c1e25ecc51a8ff23aa983a41.png" /> </span> DataCamp </span> </h2> <ul class="list-style-none d-flex flex-wrap flex-sm-justify-end flex-items-center company-list-offer-tags list-item-tags" aria-labelledby="offer_modal_experience_tools_61_datacamp-student"> <li><span class="Label--small Label--blue-standard no-wrap m-0">Learn</span></li> </ul> </div> <div class="Box-row d-flex flex-column flex-sm-row flex-sm-items-center py-2 company-list"> <h2 id="offer_modal_experience_tools_61_mongodb-student" class="text-small text-bold flex-auto"> <span class="d-flex flex-items-center"> <span class="mr-3"> <img alt="" height="36" width="36" style="border-radius: 50%; border: 1px solid #E1E4E8" src="/assets/pack/icon_mongodb-eed34b146565af9a35545db4e2cffcff3473f56245a030da838774124bd66646.png" /> </span> MongoDB </span> </h2> <ul class="list-style-none d-flex flex-wrap flex-sm-justify-end flex-items-center company-list-offer-tags list-item-tags" aria-labelledby="offer_modal_experience_tools_61_mongodb-student"> <li><span class="Label--small Label--blue-standard no-wrap m-0">Infrastructure & APIs</span></li> </ul> </div> </div> </scrollable-region> <div data-view-component="true" class="Overlay-footer Overlay-footer--alignEnd Overlay-footer--divided flex-justify-start"> <a data-link-location="3" data-link-target-type="7" href="/experiences/ml_ds" data-view-component="true" class="js-landing-page-link Button--primary Button--medium Button"> <span class="Button-content"> <span class="Button-label">Explore the experience</span> </span> </a> </div> </dialog></dialog-helper> </li> </ul> <a data-link-location="3" data-link-target-type="7" href="/experiences/ml_ds" data-view-component="true" class="js-landing-page-link text-bold Link"> Learn more about Data Science & Machine Learning <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-chevron-right"> <path d="M6.22 3.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L9.94 8 6.22 4.28a.75.75 0 0 1 0-1.06Z"></path> </svg> </a></div> <div class="border rounded-2 p-4"> <img alt="image of a purple mobile device with github education logo" class="width-fit mb-4" style="height: 75px" src="https://blobaccountproduction.blob.core.windows.net/educationwebblobstorage/2blo2ksh3rufatrfo6b63cpsuysh?sp=r&sv=2018-11-09&se=2025-02-17T10%3A38%3A56Z&rscd=inline%3B+filename%3D%22app-dev-program-logo.png%22%3B+filename*%3DUTF-8%27%27app-dev-program-logo.png&rsct=image%2Fpng&sr=b&sig=BrwivCnJkRDxD2Bg9h7pfsvlKEcSYsYSxVk0H8jcs5Y%3D" /> <hgroup role="group" aria-roledescription="Experience Group"> <p aria-roledescription="subtitle" data-view-component="true" class="color-fg-muted">Tools</p> <h3 class="mb-3">Mobile App Development</h3> </hgroup> <p data-view-component="true" class="color-fg-muted mb-4">Have an idea for a mobile app you'd like to bring to life? This Mobile App Development Experience gives you the tools, resources and inspiration to design, build, test and deploy your next mobile application.</p> <p class="text-normal f5 mb-3">Offers in this bundle</p> <ul class="d-flex flex-wrap list-style-none pack__experiences__offers__wrapper pb-2"> <li class="Label--small d-flex flex-items-center" aria-label="Microsoft Azure" style="margin: 0px 0px;"> <span class="mr-2"> <img alt="" height="26" width="26" style="border-radius: 50%; border: 1px solid #E1E4E8" class="" src="/assets/pack/icon_microsoft-ebd52232a00bfc45e679a4e378d329c041516c1865356ae4297c60caf5bbb318.png" /> </span> Microsoft Azure </li> <li class="Label--small d-flex flex-items-center" aria-label="FrontendMasters" style="margin: 0px 0px;"> <span class="mr-2"> <img alt="" height="26" width="26" style="border-radius: 50%; border: 1px solid #E1E4E8" class="" src="/assets/pack/icon_frontendmasters-526ba4d05b68081c8b4d007a07b51763b6898065d643b850f532318c88d004f5.png" /> </span> FrontendMasters </li> <li class="Label--small d-flex flex-items-center" aria-label="LambdaTest" style="margin: 0px 0px;"> <span class="mr-2"> <img alt="" height="26" width="26" style="border-radius: 50%; border: 1px solid #E1E4E8" class="" src="/assets/pack/icon_lambdatest-d36af430d691974bf8d9853e9689433de125d81923ced85a32e95d1016638dde.png" /> </span> LambdaTest </li> <li class="Label--small d-flex flex-items-center" aria-label="Kodika" style="margin: 0px 0px;"> <span class="mr-2"> <img alt="" height="26" width="26" style="border-radius: 50%; border: 1px solid #E1E4E8" class="" src="/assets/pack/icon_kodika-13751009124078e061aabe17cc4df77c6e34347c2d76308b94b234106f819014.png" /> </span> Kodika </li> <li class="pl-2 color-fg-default "> <button outline="false" style="border-radius: 2em;" id="dialog-show-more-experience-offers-for-mobile-app-development" data-show-dialog-id="more-experience-offers-for-mobile-app-development" type="button" data-view-component="true" class="border Button--invisible Button--small Button Button--invisible-noVisuals no-underline"> <span class="Button-content"> <span class="Button-label">+4</span> </span> </button> <dialog-helper> <dialog id="more-experience-offers-for-mobile-app-development" aria-modal="true" aria-labelledby="more-experience-offers-for-mobile-app-development-title" aria-describedby="more-experience-offers-for-mobile-app-development-description" data-view-component="true" class="Overlay Overlay-whenNarrow Overlay--size-medium-portrait Overlay--motion-scaleFade"> <div data-view-component="true" class="Overlay-header Overlay-header--divided color-bg-inset rounded-top-2"> <div class="Overlay-headerContentWrap"> <div class="Overlay-titleWrap"> <h1 class="Overlay-title " id="more-experience-offers-for-mobile-app-development-title"> Mobile App Development offers (Total 8) </h1> </div> <div class="Overlay-actionWrap"> <button data-close-dialog-id="more-experience-offers-for-mobile-app-development" aria-label="Close" type="button" data-view-component="true" class="close-button Overlay-closeButton"><svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-x"> <path d="M3.72 3.72a.75.75 0 0 1 1.06 0L8 6.94l3.22-3.22a.749.749 0 0 1 1.275.326.749.749 0 0 1-.215.734L9.06 8l3.22 3.22a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215L8 9.06l-3.22 3.22a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L6.94 8 3.72 4.78a.75.75 0 0 1 0-1.06Z"></path> </svg></button> </div> </div> </div> <scrollable-region data-labelled-by="more-experience-offers-for-mobile-app-development-title"> <div data-view-component="true" class="Overlay-body p-0"> <div class="Box-row d-flex flex-column flex-sm-row flex-sm-items-center py-2 company-list"> <h2 id="offer_modal_experience_tools_60_microsoft-azure-student" class="text-small text-bold flex-auto"> <span class="d-flex flex-items-center"> <span class="mr-3"> <img alt="" height="36" width="36" style="border-radius: 50%; border: 1px solid #E1E4E8" src="/assets/pack/icon_microsoft-ebd52232a00bfc45e679a4e378d329c041516c1865356ae4297c60caf5bbb318.png" /> </span> Microsoft Azure </span> </h2> <ul class="list-style-none d-flex flex-wrap flex-sm-justify-end flex-items-center company-list-offer-tags list-item-tags" aria-labelledby="offer_modal_experience_tools_60_microsoft-azure-student"> <li><span class="Label--small Label--blue-standard no-wrap m-0">Cloud</span></li> <li><span class="Label--small Label--blue-standard no-wrap m-0">Virtual Events</span></li> </ul> </div> <div class="Box-row d-flex flex-column flex-sm-row flex-sm-items-center py-2 company-list"> <h2 id="offer_modal_experience_tools_60_frontendmasters-student" class="text-small text-bold flex-auto"> <span class="d-flex flex-items-center"> <span class="mr-3"> <img alt="" height="36" width="36" style="border-radius: 50%; border: 1px solid #E1E4E8" src="/assets/pack/icon_frontendmasters-526ba4d05b68081c8b4d007a07b51763b6898065d643b850f532318c88d004f5.png" /> </span> FrontendMasters </span> </h2> <ul class="list-style-none d-flex flex-wrap flex-sm-justify-end flex-items-center company-list-offer-tags list-item-tags" aria-labelledby="offer_modal_experience_tools_60_frontendmasters-student"> <li><span class="Label--small Label--blue-standard no-wrap m-0">Learn</span></li> </ul> </div> <div class="Box-row d-flex flex-column flex-sm-row flex-sm-items-center py-2 company-list"> <h2 id="offer_modal_experience_tools_60_lambdatest-student" class="text-small text-bold flex-auto"> <span class="d-flex flex-items-center"> <span class="mr-3"> <img alt="" height="36" width="36" style="border-radius: 50%; border: 1px solid #E1E4E8" src="/assets/pack/icon_lambdatest-d36af430d691974bf8d9853e9689433de125d81923ced85a32e95d1016638dde.png" /> </span> LambdaTest </span> </h2> <ul class="list-style-none d-flex flex-wrap flex-sm-justify-end flex-items-center company-list-offer-tags list-item-tags" aria-labelledby="offer_modal_experience_tools_60_lambdatest-student"> <li><span class="Label--small Label--blue-standard no-wrap m-0">Developer tools</span></li> </ul> </div> <div class="Box-row d-flex flex-column flex-sm-row flex-sm-items-center py-2 company-list"> <h2 id="offer_modal_experience_tools_60_bump-student" class="text-small text-bold flex-auto"> <span class="d-flex flex-items-center"> <span class="mr-3"> <img alt="" height="36" width="36" style="border-radius: 50%; border: 1px solid #E1E4E8" src="https://blobaccountproduction.blob.core.windows.net/educationwebblobstorage/6zefqeqod2cq0jfy82anxw78m6k8?sp=r&sv=2018-11-09&se=2025-02-17T10%3A38%3A56Z&rscd=inline%3B+filename%3D%22bump+logo+small.png%22%3B+filename*%3DUTF-8%27%27bump%2520logo%2520small.png&rsct=image%2Fpng&sr=b&sig=FN2yZ3%2FAVFEa39geJhgP5FvxXI20Lojsu8tqqQmd7tY%3D" /> </span> Bump.sh </span> </h2> <ul class="list-style-none d-flex flex-wrap flex-sm-justify-end flex-items-center company-list-offer-tags list-item-tags" aria-labelledby="offer_modal_experience_tools_60_bump-student"> <li><span class="Label--small Label--blue-standard no-wrap m-0">Infrastructure & APIs</span></li> <li><span class="Label--small Label--blue-standard no-wrap m-0">Developer tools</span></li> </ul> </div> <div class="Box-row d-flex flex-column flex-sm-row flex-sm-items-center py-2 company-list"> <h2 id="offer_modal_experience_tools_60_github-codespaces" class="text-small text-bold flex-auto"> <span class="d-flex flex-items-center"> <span class="mr-3"> <img alt="" height="36" width="36" style="border-radius: 50%; border: 1px solid #E1E4E8" src="https://blobaccountproduction.blob.core.windows.net/educationwebblobstorage/packcompany/296/blobs/7i8cc5a2rg92rviyeby05i0v6vkp?sp=r&sv=2018-11-09&se=2025-02-17T10%3A38%3A56Z&rscd=inline%3B+filename%3D%22Microsoft.VisualStudio.Services.Icons.png%22%3B+filename*%3DUTF-8%27%27Microsoft.VisualStudio.Services.Icons.png&rsct=image%2Fpng&sr=b&sig=Wt4o8sFDSHcFawp2oQ4BtiSKkAGwZwiubvG6Iqn7JVc%3D" /> </span> GitHub Codespaces </span> </h2> <ul class="list-style-none d-flex flex-wrap flex-sm-justify-end flex-items-center company-list-offer-tags list-item-tags" aria-labelledby="offer_modal_experience_tools_60_github-codespaces"> </ul> </div> </div> </scrollable-region> <div data-view-component="true" class="Overlay-footer Overlay-footer--alignEnd Overlay-footer--divided flex-justify-start"> <a data-link-location="3" data-link-target-type="7" href="/experiences/mobile_app_development" data-view-component="true" class="js-landing-page-link Button--primary Button--medium Button"> <span class="Button-content"> <span class="Button-label">Explore the experience</span> </span> </a> </div> </dialog></dialog-helper> </li> </ul> <a data-link-location="3" data-link-target-type="7" href="/experiences/mobile_app_development" data-view-component="true" class="js-landing-page-link text-bold Link"> Learn more about Mobile App Development <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-chevron-right"> <path d="M6.22 3.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L9.94 8 6.22 4.28a.75.75 0 0 1 0-1.06Z"></path> </svg> </a></div> <div class="border rounded-2 p-4"> <img alt="A purple planet with a yellow ring around it. There is a mona octocat on the yellow ring" class="width-fit mb-4" style="height: 75px" src="https://blobaccountproduction.blob.core.windows.net/educationwebblobstorage/peyohc82lo1z03rr1py2ikrjzlza?sp=r&sv=2018-11-09&se=2025-02-17T10%3A38%3A56Z&rscd=inline%3B+filename%3D%22devops-kit-logo.png%22%3B+filename*%3DUTF-8%27%27devops-kit-logo.png&rsct=image%2Fpng&sr=b&sig=ivdj5HslgzIyr%2FKaHGyHGkQj3F1AHEMBh6D33uQRax4%3D" /> <hgroup role="group" aria-roledescription="Experience Group"> <p aria-roledescription="subtitle" data-view-component="true" class="color-fg-muted">Tools</p> <h3 class="mb-3">Developer Operations</h3> </hgroup> <p data-view-component="true" class="color-fg-muted mb-4">Developer Operations (DevOps) is the symbiotic relationship between teams, culture and development that allows for collaboration, growth and continuous improvement. Used as a set of practices and tools, DevOps integrates and automates the work of software development and operations as a means for improving the development life cycle.</p> <p class="text-normal f5 mb-3">Offers in this bundle</p> <ul class="d-flex flex-wrap list-style-none pack__experiences__offers__wrapper pb-2"> <li class="Label--small d-flex flex-items-center" aria-label="Travis CI" style="margin: 0px 0px;"> <span class="mr-2"> <img alt="" height="26" width="26" style="border-radius: 50%; border: 1px solid #E1E4E8" class="" src="/assets/pack/icon_travis-6d1b7751f14fea9773639f0a7f3b26a40f927d31afa1befdca91e7a244c265f4.png" /> </span> Travis CI </li> <li class="Label--small d-flex flex-items-center" aria-label="GitHub" style="margin: 0px 0px;"> <span class="mr-2"> <img alt="" height="26" width="26" style="border-radius: 50%; border: 1px solid #E1E4E8" class="" src="/assets/pack/icon_github-3f2eb02545ca7c3e81beb0a464e85fb5340ec9d689133db563d1869350d6416c.png" /> </span> GitHub </li> <li class="Label--small d-flex flex-items-center" aria-label="Sentry" style="margin: 0px 0px;"> <span class="mr-2"> <img alt="" height="26" width="26" style="border-radius: 50%; border: 1px solid #E1E4E8" class="" src="/assets/pack/icon_sentry-b4e4df15fa9abdf14389d3ea148e3f1c0abbd00912b51b151fdfd5a2b96f94db.png" /> </span> Sentry </li> <li class="Label--small d-flex flex-items-center" aria-label="BrowserStack" style="margin: 0px 0px;"> <span class="mr-2"> <img alt="" height="26" width="26" style="border-radius: 50%; border: 1px solid #E1E4E8" class="" src="/assets/pack/icon_browserstack-34313704bbf2bc1cb9b5774cc15507212a639e1c25b37d01fa7dac56eed432a9.png" /> </span> BrowserStack </li> <li class="pl-2 color-fg-default "> <button outline="false" style="border-radius: 2em;" id="dialog-show-more-experience-offers-for-developer-operations" data-show-dialog-id="more-experience-offers-for-developer-operations" type="button" data-view-component="true" class="border Button--invisible Button--small Button Button--invisible-noVisuals no-underline"> <span class="Button-content"> <span class="Button-label">+3</span> </span> </button> <dialog-helper> <dialog id="more-experience-offers-for-developer-operations" aria-modal="true" aria-labelledby="more-experience-offers-for-developer-operations-title" aria-describedby="more-experience-offers-for-developer-operations-description" data-view-component="true" class="Overlay Overlay-whenNarrow Overlay--size-medium-portrait Overlay--motion-scaleFade"> <div data-view-component="true" class="Overlay-header Overlay-header--divided color-bg-inset rounded-top-2"> <div class="Overlay-headerContentWrap"> <div class="Overlay-titleWrap"> <h1 class="Overlay-title " id="more-experience-offers-for-developer-operations-title"> Developer Operations offers (Total 7) </h1> </div> <div class="Overlay-actionWrap"> <button data-close-dialog-id="more-experience-offers-for-developer-operations" aria-label="Close" type="button" data-view-component="true" class="close-button Overlay-closeButton"><svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-x"> <path d="M3.72 3.72a.75.75 0 0 1 1.06 0L8 6.94l3.22-3.22a.749.749 0 0 1 1.275.326.749.749 0 0 1-.215.734L9.06 8l3.22 3.22a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215L8 9.06l-3.22 3.22a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L6.94 8 3.72 4.78a.75.75 0 0 1 0-1.06Z"></path> </svg></button> </div> </div> </div> <scrollable-region data-labelled-by="more-experience-offers-for-developer-operations-title"> <div data-view-component="true" class="Overlay-body p-0"> <div class="Box-row d-flex flex-column flex-sm-row flex-sm-items-center py-2 company-list"> <h2 id="offer_modal_experience_tools_59_travis-student" class="text-small text-bold flex-auto"> <span class="d-flex flex-items-center"> <span class="mr-3"> <img alt="" height="36" width="36" style="border-radius: 50%; border: 1px solid #E1E4E8" src="/assets/pack/icon_travis-6d1b7751f14fea9773639f0a7f3b26a40f927d31afa1befdca91e7a244c265f4.png" /> </span> Travis CI </span> </h2> <ul class="list-style-none d-flex flex-wrap flex-sm-justify-end flex-items-center company-list-offer-tags list-item-tags" aria-labelledby="offer_modal_experience_tools_59_travis-student"> <li><span class="Label--small Label--blue-standard no-wrap m-0">Developer tools</span></li> <li><span class="Label--small Label--blue-standard no-wrap m-0">Infrastructure & APIs</span></li> </ul> </div> <div class="Box-row d-flex flex-column flex-sm-row flex-sm-items-center py-2 company-list"> <h2 id="offer_modal_experience_tools_59_github-student-pro" class="text-small text-bold flex-auto"> <span class="d-flex flex-items-center"> <span class="mr-3"> <img alt="" height="36" width="36" style="border-radius: 50%; border: 1px solid #E1E4E8" src="/assets/pack/icon_github-3f2eb02545ca7c3e81beb0a464e85fb5340ec9d689133db563d1869350d6416c.png" /> </span> GitHub </span> </h2> <ul class="list-style-none d-flex flex-wrap flex-sm-justify-end flex-items-center company-list-offer-tags list-item-tags" aria-labelledby="offer_modal_experience_tools_59_github-student-pro"> <li><span class="Label--small Label--blue-standard no-wrap m-0">Developer tools</span></li> </ul> </div> <div class="Box-row d-flex flex-column flex-sm-row flex-sm-items-center py-2 company-list"> <h2 id="offer_modal_experience_tools_59_sentry-student" class="text-small text-bold flex-auto"> <span class="d-flex flex-items-center"> <span class="mr-3"> <img alt="" height="36" width="36" style="border-radius: 50%; border: 1px solid #E1E4E8" src="/assets/pack/icon_sentry-b4e4df15fa9abdf14389d3ea148e3f1c0abbd00912b51b151fdfd5a2b96f94db.png" /> </span> Sentry </span> </h2> <ul class="list-style-none d-flex flex-wrap flex-sm-justify-end flex-items-center company-list-offer-tags list-item-tags" aria-labelledby="offer_modal_experience_tools_59_sentry-student"> <li><span class="Label--small Label--blue-standard no-wrap m-0">Infrastructure & APIs</span></li> <li><span class="Label--small Label--blue-standard no-wrap m-0">Developer tools</span></li> </ul> </div> <div class="Box-row d-flex flex-column flex-sm-row flex-sm-items-center py-2 company-list"> <h2 id="offer_modal_experience_tools_59_browserstack-student" class="text-small text-bold flex-auto"> <span class="d-flex flex-items-center"> <span class="mr-3"> <img alt="" height="36" width="36" style="border-radius: 50%; border: 1px solid #E1E4E8" src="/assets/pack/icon_browserstack-34313704bbf2bc1cb9b5774cc15507212a639e1c25b37d01fa7dac56eed432a9.png" /> </span> BrowserStack </span> </h2> <ul class="list-style-none d-flex flex-wrap flex-sm-justify-end flex-items-center company-list-offer-tags list-item-tags" aria-labelledby="offer_modal_experience_tools_59_browserstack-student"> <li><span class="Label--small Label--blue-standard no-wrap m-0">Developer tools</span></li> </ul> </div> <div class="Box-row d-flex flex-column flex-sm-row flex-sm-items-center py-2 company-list"> <h2 id="offer_modal_experience_tools_59_devcycle" class="text-small text-bold flex-auto"> <span class="d-flex flex-items-center"> <span class="mr-3"> <img alt="" height="36" width="36" style="border-radius: 50%; border: 1px solid #E1E4E8" src="https://blobaccountproduction.blob.core.windows.net/educationwebblobstorage/3qjths7g4z25djxzcct67zzm7md0?sp=r&sv=2018-11-09&se=2025-02-17T10%3A38%3A56Z&rscd=inline%3B+filename%3D%22small+devcycle+logo+new+Color-logo-horizontal.png%22%3B+filename*%3DUTF-8%27%27small%2520devcycle%2520logo%2520new%2520Color-logo-horizontal.png&rsct=image%2Fpng&sr=b&sig=C1rUvbU8z1HVhAiX6J3xDd%2FRmNiw1RgfIcvl33URAco%3D" /> </span> DevCycle </span> </h2> <ul class="list-style-none d-flex flex-wrap flex-sm-justify-end flex-items-center company-list-offer-tags list-item-tags" aria-labelledby="offer_modal_experience_tools_59_devcycle"> <li><span class="Label--small Label--blue-standard no-wrap m-0">Developer tools</span></li> <li><span class="Label--small Label--blue-standard no-wrap m-0">Security & analytics</span></li> </ul> </div> <div class="Box-row d-flex flex-column flex-sm-row flex-sm-items-center py-2 company-list"> <h2 id="offer_modal_experience_tools_59_codescene-student" class="text-small text-bold flex-auto"> <span class="d-flex flex-items-center"> <span class="mr-3"> <img alt="" height="36" width="36" style="border-radius: 50%; border: 1px solid #E1E4E8" src="/assets/pack/icon_codescene-b5d359d117255e2c65676ba5d4f9cb523459341f7f3c17e3a0f7a1604aeb74ae.png" /> </span> CodeScene </span> </h2> <ul class="list-style-none d-flex flex-wrap flex-sm-justify-end flex-items-center company-list-offer-tags list-item-tags" aria-labelledby="offer_modal_experience_tools_59_codescene-student"> <li><span class="Label--small Label--blue-standard no-wrap m-0">Security & analytics</span></li> <li><span class="Label--small Label--blue-standard no-wrap m-0">Developer tools</span></li> </ul> </div> <div class="Box-row d-flex flex-column flex-sm-row flex-sm-items-center py-2 company-list"> <h2 id="offer_modal_experience_tools_59_newrelic-student" class="text-small text-bold flex-auto"> <span class="d-flex flex-items-center"> <span class="mr-3"> <img alt="" height="36" width="36" style="border-radius: 50%; border: 1px solid #E1E4E8" src="https://blobaccountproduction.blob.core.windows.net/educationwebblobstorage/hqxg8fpegkcry96o1c4sq1qtrg28?sp=r&sv=2018-11-09&se=2025-02-17T10%3A38%3A56Z&rscd=inline%3B+filename%3D%22NR_EMBLEM_RGB.png%22%3B+filename*%3DUTF-8%27%27NR_EMBLEM_RGB.png&rsct=image%2Fpng&sr=b&sig=uKEOrLmRLTn%2B9jVPdguoXDfpWPVz8D8QY90QC4ydGjc%3D" /> </span> New Relic </span> </h2> <ul class="list-style-none d-flex flex-wrap flex-sm-justify-end flex-items-center company-list-offer-tags list-item-tags" aria-labelledby="offer_modal_experience_tools_59_newrelic-student"> <li><span class="Label--small Label--blue-standard no-wrap m-0">Developer tools</span></li> <li><span class="Label--small Label--blue-standard no-wrap m-0">Cloud</span></li> <li><span class="Label--small Label--blue-standard no-wrap m-0">Security & analytics</span></li> </ul> </div> </div> </scrollable-region> <div data-view-component="true" class="Overlay-footer Overlay-footer--alignEnd Overlay-footer--divided flex-justify-start"> <a data-link-location="3" data-link-target-type="7" href="/experiences/dev_ops" data-view-component="true" class="js-landing-page-link Button--primary Button--medium Button"> <span class="Button-content"> <span class="Button-label">Explore the experience</span> </span> </a> </div> </dialog></dialog-helper> </li> </ul> <a data-link-location="3" data-link-target-type="7" href="/experiences/dev_ops" data-view-component="true" class="js-landing-page-link text-bold Link"> Learn more about Developer Operations <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-chevron-right"> <path d="M6.22 3.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L9.94 8 6.22 4.28a.75.75 0 0 1 0-1.06Z"></path> </svg> </a></div> <div class="border rounded-2 p-4"> <img alt="An open purple laptop with the github octocat logo on the screen" class="width-fit mb-4" style="height: 75px" src="https://blobaccountproduction.blob.core.windows.net/educationwebblobstorage/6fdhsaqqdnnh1i9lbhm6bzrwlow5?sp=r&sv=2018-11-09&se=2025-02-17T10%3A38%3A56Z&rscd=inline%3B+filename%3D%22virtual-event-kit-icon-37a665f41a85865fe51a9db5c9b050f4bdc684d42b379e80688ec078e11a6114.png%22%3B+filename*%3DUTF-8%27%27virtual-event-kit-icon-37a665f41a85865fe51a9db5c9b050f4bdc684d42b379e80688ec078e11a6114.png&rsct=image%2Fpng&sr=b&sig=HJl3Uvmmegq0tZyWu3B3EGFf3MzAv1GXd58ravKZNok%3D" /> <hgroup role="group" aria-roledescription="Experience Group"> <p aria-roledescription="subtitle" data-view-component="true" class="color-fg-muted">Tools</p> <h3 class="mb-3">Virtual Event Kit</h3> </hgroup> <p data-view-component="true" class="color-fg-muted mb-4">Everything you need for your virtual event. Design for engagement and we'll take care of the tools. The Virtual Event Kit gives students the resources to make running online events simple and accessible.</p> <p class="text-normal f5 mb-3">Offers in this bundle</p> <ul class="d-flex flex-wrap list-style-none pack__experiences__offers__wrapper pb-2"> <li class="Label--small d-flex flex-items-center" aria-label="Namecheap" style="margin: 0px 0px;"> <span class="mr-2"> <img alt="" height="26" width="26" style="border-radius: 50%; border: 1px solid #E1E4E8" class="" src="/assets/pack/icon_namecheap-0deb429f557eb6b0d45800c789c82af2cde2f29480a43ad2d17c0e4fc9965979.png" /> </span> Namecheap </li> <li class="Label--small d-flex flex-items-center" aria-label="Microsoft Azure" style="margin: 0px 0px;"> <span class="mr-2"> <img alt="" height="26" width="26" style="border-radius: 50%; border: 1px solid #E1E4E8" class="" src="/assets/pack/icon_microsoft-ebd52232a00bfc45e679a4e378d329c041516c1865356ae4297c60caf5bbb318.png" /> </span> Microsoft Azure </li> <li class="Label--small d-flex flex-items-center" aria-label="Name.com" style="margin: 0px 0px;"> <span class="mr-2"> <img alt="" height="26" width="26" style="border-radius: 50%; border: 1px solid #E1E4E8" class="" src="/assets/pack/icon_namecom-e90770e72a99dbd45292d44e8b3770db8741bd6e5185767baf6515711b230ccf.png" /> </span> Name.com </li> </ul> <a data-link-location="3" data-link-target-type="7" href="/experiences/virtual_event_kit" data-view-component="true" class="js-landing-page-link text-bold Link"> Learn more about Virtual Event Kit <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-chevron-right"> <path d="M6.22 3.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L9.94 8 6.22 4.28a.75.75 0 0 1 0-1.06Z"></path> </svg> </a></div> <div class="border rounded-2 p-4"> <img alt="Education telescope moon and stars" class="width-fit mb-4" style="height: 75px" src="https://blobaccountproduction.blob.core.windows.net/educationwebblobstorage/vez1n64t6tnvc3jr9yca0md4y3ey?sp=r&sv=2018-11-09&se=2025-02-17T10%3A38%3A56Z&rscd=inline%3B+filename%3D%22Explore+Primer+Logo+copy.png%22%3B+filename*%3DUTF-8%27%27Explore%2520Primer%2520Logo%2520copy.png&rsct=image%2Fpng&sr=b&sig=kRTuppO%2B9evJ99lcC27F34WYY8HxuHo6ywOIllHtzLY%3D" /> <hgroup role="group" aria-roledescription="Experience Group"> <p aria-roledescription="subtitle" data-view-component="true" class="color-fg-muted">Primer</p> <h3 class="mb-3">Explore GitHub</h3> </hgroup> <p data-view-component="true" class="color-fg-muted mb-4">This Primer makes it easy by giving you the guidance and resources you need to start exploring the platform, begin following projects, and find your community on GitHub.</p> <p class="text-normal f5 mb-3">Offers in this bundle</p> <ul class="d-flex flex-wrap list-style-none pack__experiences__offers__wrapper pb-2"> <li class="Label--small d-flex flex-items-center" aria-label="GitHub" style="margin: 0px 0px;"> <span class="mr-2"> <img alt="" height="26" width="26" style="border-radius: 50%; border: 1px solid #E1E4E8" class="" src="/assets/pack/icon_github-3f2eb02545ca7c3e81beb0a464e85fb5340ec9d689133db563d1869350d6416c.png" /> </span> GitHub </li> <li class="Label--small d-flex flex-items-center" aria-label="Github Campus Experts" style="margin: 0px 0px;"> <span class="mr-2"> <img alt="" height="26" width="26" style="border-radius: 50%; border: 1px solid #E1E4E8" class="" src="/assets/pack/icon_github-campus-experts-6ef8130a9d367027128836deb5e393d0833ede1e4b01bf5369c4ac79c3814950.png" /> </span> Github Campus Experts </li> </ul> <a data-link-location="3" data-link-target-type="7" href="/experiences/primer_explore_github" data-view-component="true" class="js-landing-page-link text-bold Link"> Learn more about Explore GitHub <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-chevron-right"> <path d="M6.22 3.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L9.94 8 6.22 4.28a.75.75 0 0 1 0-1.06Z"></path> </svg> </a></div> <div class="border rounded-2 p-4"> <img alt="profile README logo" class="width-fit mb-4" style="height: 75px" src="https://blobaccountproduction.blob.core.windows.net/educationwebblobstorage/ix9c729uluc8a5tk8vp2p5hrvshr?sp=r&sv=2018-11-09&se=2025-02-17T10%3A38%3A56Z&rscd=inline%3B+filename%3D%22filmtocat.png%22%3B+filename*%3DUTF-8%27%27filmtocat.png&rsct=image%2Fpng&sr=b&sig=xd%2FvNwDjIVZTQ7A%2FNDgawKSn53ldKmuCa%2BoEpGycZ1g%3D" /> <hgroup role="group" aria-roledescription="Experience Group"> <p aria-roledescription="subtitle" data-view-component="true" class="color-fg-muted">LaunchPad</p> <h3 class="mb-3">Profile README</h3> </hgroup> <p data-view-component="true" class="color-fg-muted mb-4">Say ‘Hello world’ with a profile README that lets you introduce yourself to the GitHub community. You decide what information to include in your profile README, so you have full control over how you present yourself on GitHub. This experience walks you through a quick tutorial to create your profile README.</p> <p class="text-normal f5 mb-3">Offers in this bundle</p> <ul class="d-flex flex-wrap list-style-none pack__experiences__offers__wrapper pb-2"> <li class="Label--small d-flex flex-items-center" aria-label="GitHub" style="margin: 0px 0px;"> <span class="mr-2"> <img alt="" height="26" width="26" style="border-radius: 50%; border: 1px solid #E1E4E8" class="" src="/assets/pack/icon_github-3f2eb02545ca7c3e81beb0a464e85fb5340ec9d689133db563d1869350d6416c.png" /> </span> GitHub </li> </ul> <a data-link-location="3" data-link-target-type="7" href="/experiences/launchpad_profile_readme" data-view-component="true" class="js-landing-page-link text-bold Link"> Learn more about Profile README <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-chevron-right"> <path d="M6.22 3.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L9.94 8 6.22 4.28a.75.75 0 0 1 0-1.06Z"></path> </svg> </a></div> <div class="border rounded-2 p-4"> <img alt="logo-alt" class="width-fit mb-4" style="height: 75px" src="https://blobaccountproduction.blob.core.windows.net/educationwebblobstorage/3wh8bv61lxzv49y5s01chmulj9t2?sp=r&sv=2018-11-09&se=2025-02-17T10%3A38%3A56Z&rscd=inline%3B+filename%3D%22codespaces-primer-logo+%25281%2529.png%22%3B+filename*%3DUTF-8%27%27codespaces-primer-logo%2520%25281%2529.png&rsct=image%2Fpng&sr=b&sig=CiRgW2Gk7gjrljtqaYk3Rd13%2F9bVvK1W3jvLbi5qUiY%3D" /> <hgroup role="group" aria-roledescription="Experience Group"> <p aria-roledescription="subtitle" data-view-component="true" class="color-fg-muted">Primer</p> <h3 class="mb-3">Primer: Codespaces</h3> </hgroup> <p data-view-component="true" class="color-fg-muted mb-4">Wondering how to get started with Codespaces? This Primer makes it easy by giving you the templates, videos and step-by-step resources you need to get you started running, testing, debugging and pushing code using this instant cloud developer environment.</p> <a data-link-location="3" data-link-target-type="7" href="/experiences/primer_codespaces" data-view-component="true" class="js-landing-page-link text-bold Link"> Learn more about Primer: Codespaces <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-chevron-right"> <path d="M6.22 3.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L9.94 8 6.22 4.28a.75.75 0 0 1 0-1.06Z"></path> </svg> </a></div> <div class="border rounded-2 p-4"> <img alt="Yellow Javascript logo" class="width-fit mb-4" style="height: 75px" src="https://blobaccountproduction.blob.core.windows.net/educationwebblobstorage/rayhtxucls52afxzdesla7wyii4r?sp=r&sv=2018-11-09&se=2025-02-17T10%3A38%3A56Z&rscd=inline%3B+filename%3D%22Unofficial_JavaScript_logo_2.svg.png%22%3B+filename*%3DUTF-8%27%27Unofficial_JavaScript_logo_2.svg.png&rsct=image%2Fpng&sr=b&sig=ptFOJXqrQnEeur%2BlOU8YtR%2F628jylslQn4i1AEpiOxs%3D" /> <hgroup role="group" aria-roledescription="Experience Group"> <p aria-roledescription="subtitle" data-view-component="true" class="color-fg-muted">LaunchPad</p> <h3 class="mb-3">Launchpad: Intro to Javascript</h3> </hgroup> <p data-view-component="true" class="color-fg-muted mb-4">This launchpad uses Scrimba’s uniquely interactive approach to let you simultaneously watch a simple javascript tutorial and edit code in real time. No prior knowledge is required to write your first lines of code.</p> <p class="text-normal f5 mb-3">Offers in this bundle</p> <ul class="d-flex flex-wrap list-style-none pack__experiences__offers__wrapper pb-2"> <li class="Label--small d-flex flex-items-center" aria-label="Scrimba" style="margin: 0px 0px;"> <span class="mr-2"> <img alt="" height="26" width="26" style="border-radius: 50%; border: 1px solid #E1E4E8" class="" src="https://blobaccountproduction.blob.core.windows.net/educationwebblobstorage/koe5j7jjf6x8kyx4xrref57q3rr4?sp=r&sv=2018-11-09&se=2025-02-17T10%3A38%3A56Z&rscd=inline%3B+filename%3D%22scrimba+small+logo.png%22%3B+filename*%3DUTF-8%27%27scrimba%2520small%2520logo.png&rsct=image%2Fpng&sr=b&sig=Q%2FsixPovm%2FRF%2FqEdxxZup0PCYma%2Bd0jqwDdISE5ok5k%3D" /> </span> Scrimba </li> </ul> <a data-link-location="3" data-link-target-type="7" href="/experiences/launchpad_javascript" data-view-component="true" class="js-landing-page-link text-bold Link"> Learn more about Launchpad: Intro to Javascript <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-chevron-right"> <path d="M6.22 3.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042L9.94 8 6.22 4.28a.75.75 0 0 1 0-1.06Z"></path> </svg> </a></div> </div> <p id="additional-benefits-explanation" class="text-small text-center color-fg-subtle mb-3"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-info"> <path d="M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8Zm8-6.5a6.5 6.5 0 1 0 0 13 6.5 6.5 0 0 0 0-13ZM6.5 7.75A.75.75 0 0 1 7.25 7h1a.75.75 0 0 1 .75.75v2.75h.25a.75.75 0 0 1 0 1.5h-2a.75.75 0 0 1 0-1.5h.25v-2h-.25a.75.75 0 0 1-.75-.75ZM8 6a1 1 0 1 1 0-2 1 1 0 0 1 0 2Z"></path> </svg> Additional benefits are not included in the Student Developer Pack, but are exclusively offered by GitHub and partners for this Experience. </p> <div class="mb-4 pack-filter-sort d-flex flex-wrap flex-md-nowrap flex-justify-start flex-md-justify-center flex-items-center"> <h2 class="pack-filter-title" id="offers" >Design offers</h2> <action-menu aria-labelledby="offers" data-select-variant="single" data-dynamic-label="" data-dynamic-label-prefix="Filter by" data-view-component="true"> <focus-group direction="vertical" mnemonics retain> <button id="action-menu-9a6381d2-7080-413e-b5c1-f7f6ac968ac9-button" popovertarget="action-menu-9a6381d2-7080-413e-b5c1-f7f6ac968ac9-overlay" aria-controls="action-menu-9a6381d2-7080-413e-b5c1-f7f6ac968ac9-list" aria-haspopup="true" type="button" data-view-component="true" class="Button--secondary Button--medium Button"> <span class="Button-content"> <span class="Button-label">Filter by</span> </span> <span class="Button-visual Button-trailingAction"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-triangle-down"> <path d="m4.427 7.427 3.396 3.396a.25.25 0 0 0 .354 0l3.396-3.396A.25.25 0 0 0 11.396 7H4.604a.25.25 0 0 0-.177.427Z"></path> </svg> </span> </button> <anchored-position id="action-menu-9a6381d2-7080-413e-b5c1-f7f6ac968ac9-overlay" anchor="action-menu-9a6381d2-7080-413e-b5c1-f7f6ac968ac9-button" align="start" side="inside-left" anchor-offset="normal" popover="auto" data-view-component="true"> <div data-view-component="true" class="Overlay Overlay--size-auto"> <div data-view-component="true" class="Overlay-body Overlay-body--paddingNone"> <action-list> <div data-view-component="true"> <ul aria-labelledby="action-menu-9a6381d2-7080-413e-b5c1-f7f6ac968ac9-button" id="action-menu-9a6381d2-7080-413e-b5c1-f7f6ac968ac9-list" role="menu" data-view-component="true" class="ActionListWrap--inset ActionListWrap"> <li data-targets="action-list.items" role="none" data-view-component="true" class="ActionListItem"> <a tabindex="-1" data-link-location="3" data-link-target-type="6" id="item-e5cb9d0a-c86a-4272-8a3c-33750fba5063" href="/pack?sort=popularity&tag=All" role="menuitemradio" aria-checked="false" data-view-component="true" class="js-landing-page-link ActionListContent"> <span class="ActionListItem-visual ActionListItem-action--leading"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-check ActionListItem-singleSelectCheckmark"> <path d="M13.78 4.22a.75.75 0 0 1 0 1.06l-7.25 7.25a.75.75 0 0 1-1.06 0L2.22 9.28a.751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018L6 10.94l6.72-6.72a.75.75 0 0 1 1.06 0Z"></path> </svg> </span> <span data-view-component="true" class="ActionListItem-label"> All </span></a> </li> <li data-targets="action-list.items" role="none" data-view-component="true" class="ActionListItem"> <a tabindex="-1" data-link-location="3" data-link-target-type="6" id="item-8c2ee90c-6614-4271-b8a2-71988dde7019" href="/pack?sort=popularity&tag=Cloud" role="menuitemradio" aria-checked="false" data-view-component="true" class="js-landing-page-link ActionListContent"> <span class="ActionListItem-visual ActionListItem-action--leading"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-check ActionListItem-singleSelectCheckmark"> <path d="M13.78 4.22a.75.75 0 0 1 0 1.06l-7.25 7.25a.75.75 0 0 1-1.06 0L2.22 9.28a.751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018L6 10.94l6.72-6.72a.75.75 0 0 1 1.06 0Z"></path> </svg> </span> <span data-view-component="true" class="ActionListItem-label"> Cloud </span></a> </li> <li data-targets="action-list.items" role="none" data-view-component="true" class="ActionListItem"> <a tabindex="-1" data-link-location="3" data-link-target-type="6" id="item-60ad0f0a-f563-4d00-9a5e-66e3061e75af" href="/pack?sort=popularity&tag=Design" role="menuitemradio" aria-checked="true" data-view-component="true" class="js-landing-page-link ActionListContent"> <span class="ActionListItem-visual ActionListItem-action--leading"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-check ActionListItem-singleSelectCheckmark"> <path d="M13.78 4.22a.75.75 0 0 1 0 1.06l-7.25 7.25a.75.75 0 0 1-1.06 0L2.22 9.28a.751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018L6 10.94l6.72-6.72a.75.75 0 0 1 1.06 0Z"></path> </svg> </span> <span data-view-component="true" class="ActionListItem-label"> Design </span></a> </li> <li data-targets="action-list.items" role="none" data-view-component="true" class="ActionListItem"> <a tabindex="-1" data-link-location="3" data-link-target-type="6" id="item-9d90fec2-b646-4c35-ba81-a775064c2d86" href="/pack?sort=popularity&tag=Developer+tools" role="menuitemradio" aria-checked="false" data-view-component="true" class="js-landing-page-link ActionListContent"> <span class="ActionListItem-visual ActionListItem-action--leading"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-check ActionListItem-singleSelectCheckmark"> <path d="M13.78 4.22a.75.75 0 0 1 0 1.06l-7.25 7.25a.75.75 0 0 1-1.06 0L2.22 9.28a.751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018L6 10.94l6.72-6.72a.75.75 0 0 1 1.06 0Z"></path> </svg> </span> <span data-view-component="true" class="ActionListItem-label"> Developer tools </span></a> </li> <li data-targets="action-list.items" role="none" data-view-component="true" class="ActionListItem"> <a tabindex="-1" data-link-location="3" data-link-target-type="6" id="item-da7fc8b3-f457-4e12-93a2-3f93837ec8f8" href="/pack?sort=popularity&tag=Domains" role="menuitemradio" aria-checked="false" data-view-component="true" class="js-landing-page-link ActionListContent"> <span class="ActionListItem-visual ActionListItem-action--leading"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-check ActionListItem-singleSelectCheckmark"> <path d="M13.78 4.22a.75.75 0 0 1 0 1.06l-7.25 7.25a.75.75 0 0 1-1.06 0L2.22 9.28a.751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018L6 10.94l6.72-6.72a.75.75 0 0 1 1.06 0Z"></path> </svg> </span> <span data-view-component="true" class="ActionListItem-label"> Domains </span></a> </li> <li data-targets="action-list.items" role="none" data-view-component="true" class="ActionListItem"> <a tabindex="-1" data-link-location="3" data-link-target-type="6" id="item-9414084c-cab6-4f87-b0d2-ad50d9691817" href="/pack?sort=popularity&tag=Game+development" role="menuitemradio" aria-checked="false" data-view-component="true" class="js-landing-page-link ActionListContent"> <span class="ActionListItem-visual ActionListItem-action--leading"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-check ActionListItem-singleSelectCheckmark"> <path d="M13.78 4.22a.75.75 0 0 1 0 1.06l-7.25 7.25a.75.75 0 0 1-1.06 0L2.22 9.28a.751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018L6 10.94l6.72-6.72a.75.75 0 0 1 1.06 0Z"></path> </svg> </span> <span data-view-component="true" class="ActionListItem-label"> Game development </span></a> </li> <li data-targets="action-list.items" role="none" data-view-component="true" class="ActionListItem"> <a tabindex="-1" data-link-location="3" data-link-target-type="6" id="item-cd7e1b19-54fe-4520-9d56-3ba5b6409cf4" href="/pack?sort=popularity&tag=Infrastructure+%26+APIs" role="menuitemradio" aria-checked="false" data-view-component="true" class="js-landing-page-link ActionListContent"> <span class="ActionListItem-visual ActionListItem-action--leading"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-check ActionListItem-singleSelectCheckmark"> <path d="M13.78 4.22a.75.75 0 0 1 0 1.06l-7.25 7.25a.75.75 0 0 1-1.06 0L2.22 9.28a.751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018L6 10.94l6.72-6.72a.75.75 0 0 1 1.06 0Z"></path> </svg> </span> <span data-view-component="true" class="ActionListItem-label"> Infrastructure & APIs </span></a> </li> <li data-targets="action-list.items" role="none" data-view-component="true" class="ActionListItem"> <a tabindex="-1" data-link-location="3" data-link-target-type="6" id="item-96cb1cdd-abb5-42e8-a78a-c058c5077528" href="/pack?sort=popularity&tag=Internet+of+Things" role="menuitemradio" aria-checked="false" data-view-component="true" class="js-landing-page-link ActionListContent"> <span class="ActionListItem-visual ActionListItem-action--leading"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-check ActionListItem-singleSelectCheckmark"> <path d="M13.78 4.22a.75.75 0 0 1 0 1.06l-7.25 7.25a.75.75 0 0 1-1.06 0L2.22 9.28a.751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018L6 10.94l6.72-6.72a.75.75 0 0 1 1.06 0Z"></path> </svg> </span> <span data-view-component="true" class="ActionListItem-label"> Internet of Things </span></a> </li> <li data-targets="action-list.items" role="none" data-view-component="true" class="ActionListItem"> <a tabindex="-1" data-link-location="3" data-link-target-type="6" id="item-6f2c9987-c544-4ab4-9721-6956db57afec" href="/pack?sort=popularity&tag=Learn" role="menuitemradio" aria-checked="false" data-view-component="true" class="js-landing-page-link ActionListContent"> <span class="ActionListItem-visual ActionListItem-action--leading"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-check ActionListItem-singleSelectCheckmark"> <path d="M13.78 4.22a.75.75 0 0 1 0 1.06l-7.25 7.25a.75.75 0 0 1-1.06 0L2.22 9.28a.751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018L6 10.94l6.72-6.72a.75.75 0 0 1 1.06 0Z"></path> </svg> </span> <span data-view-component="true" class="ActionListItem-label"> Learn </span></a> </li> <li data-targets="action-list.items" role="none" data-view-component="true" class="ActionListItem"> <a tabindex="-1" data-link-location="3" data-link-target-type="6" id="item-30e5ba38-5e21-49b2-9788-262ae3ad3be1" href="/pack?sort=popularity&tag=Marketing" role="menuitemradio" aria-checked="false" data-view-component="true" class="js-landing-page-link ActionListContent"> <span class="ActionListItem-visual ActionListItem-action--leading"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-check ActionListItem-singleSelectCheckmark"> <path d="M13.78 4.22a.75.75 0 0 1 0 1.06l-7.25 7.25a.75.75 0 0 1-1.06 0L2.22 9.28a.751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018L6 10.94l6.72-6.72a.75.75 0 0 1 1.06 0Z"></path> </svg> </span> <span data-view-component="true" class="ActionListItem-label"> Marketing </span></a> </li> <li data-targets="action-list.items" role="none" data-view-component="true" class="ActionListItem"> <a tabindex="-1" data-link-location="3" data-link-target-type="6" id="item-695cd4ea-a29b-444c-bf8b-fdf590777da4" href="/pack?sort=popularity&tag=Mobile" role="menuitemradio" aria-checked="false" data-view-component="true" class="js-landing-page-link ActionListContent"> <span class="ActionListItem-visual ActionListItem-action--leading"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-check ActionListItem-singleSelectCheckmark"> <path d="M13.78 4.22a.75.75 0 0 1 0 1.06l-7.25 7.25a.75.75 0 0 1-1.06 0L2.22 9.28a.751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018L6 10.94l6.72-6.72a.75.75 0 0 1 1.06 0Z"></path> </svg> </span> <span data-view-component="true" class="ActionListItem-label"> Mobile </span></a> </li> <li data-targets="action-list.items" role="none" data-view-component="true" class="ActionListItem"> <a tabindex="-1" data-link-location="3" data-link-target-type="6" id="item-861284e0-34fb-4903-9a79-e9aebdf234f0" href="/pack?sort=popularity&tag=Productivity" role="menuitemradio" aria-checked="false" data-view-component="true" class="js-landing-page-link ActionListContent"> <span class="ActionListItem-visual ActionListItem-action--leading"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-check ActionListItem-singleSelectCheckmark"> <path d="M13.78 4.22a.75.75 0 0 1 0 1.06l-7.25 7.25a.75.75 0 0 1-1.06 0L2.22 9.28a.751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018L6 10.94l6.72-6.72a.75.75 0 0 1 1.06 0Z"></path> </svg> </span> <span data-view-component="true" class="ActionListItem-label"> Productivity </span></a> </li> <li data-targets="action-list.items" role="none" data-view-component="true" class="ActionListItem"> <a tabindex="-1" data-link-location="3" data-link-target-type="6" id="item-e263b9b5-dad0-4097-bca9-48535cf7613b" href="/pack?sort=popularity&tag=Security+%26+analytics" role="menuitemradio" aria-checked="false" data-view-component="true" class="js-landing-page-link ActionListContent"> <span class="ActionListItem-visual ActionListItem-action--leading"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-check ActionListItem-singleSelectCheckmark"> <path d="M13.78 4.22a.75.75 0 0 1 0 1.06l-7.25 7.25a.75.75 0 0 1-1.06 0L2.22 9.28a.751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018L6 10.94l6.72-6.72a.75.75 0 0 1 1.06 0Z"></path> </svg> </span> <span data-view-component="true" class="ActionListItem-label"> Security & analytics </span></a> </li> <li data-targets="action-list.items" role="none" data-view-component="true" class="ActionListItem"> <a tabindex="-1" data-link-location="3" data-link-target-type="6" id="item-d8faf2aa-072e-489f-8fff-439e50c90e66" href="/pack?sort=popularity&tag=Virtual+Events" role="menuitemradio" aria-checked="false" data-view-component="true" class="js-landing-page-link ActionListContent"> <span class="ActionListItem-visual ActionListItem-action--leading"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-check ActionListItem-singleSelectCheckmark"> <path d="M13.78 4.22a.75.75 0 0 1 0 1.06l-7.25 7.25a.75.75 0 0 1-1.06 0L2.22 9.28a.751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018L6 10.94l6.72-6.72a.75.75 0 0 1 1.06 0Z"></path> </svg> </span> <span data-view-component="true" class="ActionListItem-label"> Virtual Events </span></a> </li> </ul> </div></action-list> </div> </div></anchored-position> </focus-group> </action-menu>  <action-menu aria-labelledby="offers" data-select-variant="single" data-dynamic-label="" data-dynamic-label-prefix="Sort by" data-view-component="true"> <focus-group direction="vertical" mnemonics retain> <button id="action-menu-52558576-d1bc-40f1-9d7a-9318097b8d04-button" popovertarget="action-menu-52558576-d1bc-40f1-9d7a-9318097b8d04-overlay" aria-controls="action-menu-52558576-d1bc-40f1-9d7a-9318097b8d04-list" aria-haspopup="true" type="button" data-view-component="true" class="Button--secondary Button--medium Button"> <span class="Button-content"> <span class="Button-label">Sort by</span> </span> <span class="Button-visual Button-trailingAction"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-triangle-down"> <path d="m4.427 7.427 3.396 3.396a.25.25 0 0 0 .354 0l3.396-3.396A.25.25 0 0 0 11.396 7H4.604a.25.25 0 0 0-.177.427Z"></path> </svg> </span> </button> <anchored-position id="action-menu-52558576-d1bc-40f1-9d7a-9318097b8d04-overlay" anchor="action-menu-52558576-d1bc-40f1-9d7a-9318097b8d04-button" align="start" side="inside-left" anchor-offset="normal" popover="auto" data-view-component="true"> <div data-view-component="true" class="Overlay Overlay--size-auto"> <div data-view-component="true" class="Overlay-body Overlay-body--paddingNone"> <action-list> <div data-view-component="true"> <ul aria-labelledby="action-menu-52558576-d1bc-40f1-9d7a-9318097b8d04-button" id="action-menu-52558576-d1bc-40f1-9d7a-9318097b8d04-list" role="menu" data-view-component="true" class="ActionListWrap--inset ActionListWrap"> <li data-targets="action-list.items" role="none" data-view-component="true" class="ActionListItem"> <a tabindex="-1" id="item-21f66196-aadb-4c51-bdf8-6dc57a69f2a3" href="/pack?sort=popularity&tag=Design" role="menuitemradio" aria-checked="true" data-view-component="true" class="ActionListContent"> <span class="ActionListItem-visual ActionListItem-action--leading"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-check ActionListItem-singleSelectCheckmark"> <path d="M13.78 4.22a.75.75 0 0 1 0 1.06l-7.25 7.25a.75.75 0 0 1-1.06 0L2.22 9.28a.751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018L6 10.94l6.72-6.72a.75.75 0 0 1 1.06 0Z"></path> </svg> </span> <span data-view-component="true" class="ActionListItem-label"> Most popular last week </span></a> </li> <li data-targets="action-list.items" role="none" data-view-component="true" class="ActionListItem"> <a tabindex="-1" id="item-66291be7-bd89-445f-ba7f-52e8b31332ac" href="/pack?sort=newest&tag=Design" role="menuitemradio" aria-checked="false" data-view-component="true" class="ActionListContent"> <span class="ActionListItem-visual ActionListItem-action--leading"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-check ActionListItem-singleSelectCheckmark"> <path d="M13.78 4.22a.75.75 0 0 1 0 1.06l-7.25 7.25a.75.75 0 0 1-1.06 0L2.22 9.28a.751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018L6 10.94l6.72-6.72a.75.75 0 0 1 1.06 0Z"></path> </svg> </span> <span data-view-component="true" class="ActionListItem-label"> Newest </span></a> </li> <li data-targets="action-list.items" role="none" data-view-component="true" class="ActionListItem"> <a tabindex="-1" id="item-c1378a62-5d4e-4e72-9e70-b264112d60a1" href="/pack?sort=az&tag=Design" role="menuitemradio" aria-checked="false" data-view-component="true" class="ActionListContent"> <span class="ActionListItem-visual ActionListItem-action--leading"> <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-check ActionListItem-singleSelectCheckmark"> <path d="M13.78 4.22a.75.75 0 0 1 0 1.06l-7.25 7.25a.75.75 0 0 1-1.06 0L2.22 9.28a.751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018L6 10.94l6.72-6.72a.75.75 0 0 1 1.06 0Z"></path> </svg> </span> <span data-view-component="true" class="ActionListItem-label"> A to Z </span></a> </li> </ul> </div></action-list> </div> </div></anchored-position> </focus-group> </action-menu> </div> <div class="f5 color-fg-default pack-offer-grid"> <div class="pack-offer-card border rounded-2 p-3" > <h3 id="bootstrapstudio" class="sr-only">Bootstrap Studio</h3> <div class="mb-3 text-center" name="bootstrapstudio"> <img alt="Bootstrap Studio" height="75px" style="object-fit: contain; max-width: 100%" src="/assets/pack/logo-bootstrapstudio-3c452629f5506e9db0fc76bc310be352c105103c6ae8b515de5b11a9bd487adf.jpg" /> </div> <h4 class="f5">About Bootstrap Studio</h4> <p class="mb-3">Bootstrap Studio is a powerful desktop app for creating responsive websites using the Bootstrap framework.</p> <h4 class="sr-only">Offers</h4> <div class="d-flex flex-column mb-3" style="gap: 16px;"> <div class="color-bg-subtle rounded-2" style="padding: 12px;" > <h5 class="f5 mb-1">Offer</h5> <p style="margin-bottom: 12px;">A free license for Bootstrap Studio while you are a student.</p> <h6 class="f5 mb-2">Tags</h6> <ul class="list-style-none d-flex flex-wrap" style="gap: 8px"> <li><span data-view-component="true" class="Label">Design</span></li> <li><span data-view-component="true" class="Label">Developer tools</span></li> </ul> </div> </div> <p class="support m-0"> Get help at <a target="_blank" rel="noopener noreferrer" data-link-location="3" data-link-target-type="6" href="https://bootstrapstudio.io/contact-us" data-view-component="true" class="js-landing-page-link Link--inTextBlock Link"> Bootstrap Studio support </a> </p> </div> <div class="pack-offer-card border rounded-2 p-3" > <h3 id="iconscout" class="sr-only">IconScout</h3> <div class="mb-3 text-center" name="iconscout"> <img alt="IconScout" height="75px" style="object-fit: contain; max-width: 100%" src="https://blobaccountproduction.blob.core.windows.net/educationwebblobstorage/packcompany/72/blobs/8qeyvvrtcybhf1s3au947n89m5kc?sp=r&sv=2018-11-09&se=2025-02-17T10%3A38%3A56Z&rscd=inline%3B+filename%3D%22Screen+Shot+2022-09-09+at+9.32.16+AM.png%22%3B+filename*%3DUTF-8%27%27Screen%2520Shot%25202022-09-09%2520at%25209.32.16%2520AM.png&rsct=image%2Fpng&sr=b&sig=vNiKyS1UWR0Jt3zKmtkIXXuEeFfYyFj9Bc7GHTk96Oo%3D" /> </div> <h4 class="f5">About IconScout</h4> <p class="mb-3">IconScout is a design resources marketplace with over 4.9 million icons, illustrations, 3D assets, and Lottie animations.</p> <h4 class="sr-only">Offers</h4> <div class="d-flex flex-column mb-3" style="gap: 16px;"> <div class="color-bg-subtle rounded-2" style="padding: 12px;" > <h5 class="f5 mb-1">Offer</h5> <p style="margin-bottom: 12px;">Free access to 60 premium icons from selected contributors every month for 1 year.</p> <h6 class="f5 mb-2">Tags</h6> <ul class="list-style-none d-flex flex-wrap" style="gap: 8px"> <li><span data-view-component="true" class="Label">Design</span></li> </ul> </div> </div> <p class="support m-0"> Get help at <a target="_blank" rel="noopener noreferrer" data-link-location="3" data-link-target-type="6" href="mailto:support@iconscout.com" data-view-component="true" class="js-landing-page-link Link--inTextBlock Link"> IconScout support </a> </p> </div> <div class="pack-offer-card border rounded-2 p-3" > <h3 id="icons8" class="sr-only">Icons8</h3> <div class="mb-3 text-center" name="icons8"> <img alt="Icons8" height="75px" style="object-fit: contain; max-width: 100%" src="/assets/pack/logo-icons8-5076338eaef2812dfe4862c9f0db77c583f2c27b6a1c75ff051c69f6a18bf2d9.jpg" /> </div> <h4 class="f5">About Icons8</h4> <p class="mb-3">Icons8 provides design resources: icons, UI illustrations, photos and software to class up your projects.</p> <h4 class="sr-only">Offers</h4> <div class="d-flex flex-column mb-3" style="gap: 16px;"> <div class="color-bg-subtle rounded-2" style="padding: 12px;" > <h5 class="f5 mb-1">Offer</h5> <p style="margin-bottom: 12px;">Free 3-month subscription that includes: icons, photos, illustrations, and music.</p> <h6 class="f5 mb-2">Tags</h6> <ul class="list-style-none d-flex flex-wrap" style="gap: 8px"> <li><span data-view-component="true" class="Label">Design</span></li> </ul> </div> </div> <p class="support m-0"> Get help at <a target="_blank" rel="noopener noreferrer" data-link-location="3" data-link-target-type="6" href="https://icons8.com/contact" data-view-component="true" class="js-landing-page-link Link--inTextBlock Link"> Icons8 support </a> </p> </div> <div class="pack-offer-card border rounded-2 p-3" > <h3 id="polypane" class="sr-only">Polypane</h3> <div class="mb-3 text-center" name="polypane"> <img alt="Polypane" height="75px" style="object-fit: contain; max-width: 100%" src="/assets/pack/logo-polypane-8b91f190af98d332d4d90edce7fd9eaccd25c682c0d5c63799f457e3f98c9277.jpg" /> </div> <h4 class="f5">About Polypane</h4> <p class="mb-3">A powerful browser and developer tool that lets developers and designers make better websites and web apps in less time.</p> <h4 class="sr-only">Offers</h4> <div class="d-flex flex-column mb-3" style="gap: 16px;"> <div class="color-bg-subtle rounded-2" style="padding: 12px;" > <h5 class="f5 mb-1">Offer</h5> <p style="margin-bottom: 12px;">You'll get free use of Polypane's individual plan for 1 year.</p> <h6 class="f5 mb-2">Tags</h6> <ul class="list-style-none d-flex flex-wrap" style="gap: 8px"> <li><span data-view-component="true" class="Label">Design</span></li> <li><span data-view-component="true" class="Label">Developer tools</span></li> </ul> </div> </div> <p class="support m-0"> Get help at <a target="_blank" rel="noopener noreferrer" data-link-location="3" data-link-target-type="6" href="https://polypane.app/support" data-view-component="true" class="js-landing-page-link Link--inTextBlock Link"> Polypane support </a> </p> </div> <div class="pack-offer-card border rounded-2 p-3" > <h3 id="visme" class="sr-only">Visme</h3> <div class="mb-3 text-center" name="visme"> <img alt="Visme" height="75px" style="object-fit: contain; max-width: 100%" src="https://blobaccountproduction.blob.core.windows.net/educationwebblobstorage/packcompany/297/blobs/v9i2xlg6mg8r4bl415vlzen8evys?sp=r&sv=2018-11-09&se=2025-02-17T10%3A38%3A56Z&rscd=inline%3B+filename%3D%22visme_logo_H+dark.png%22%3B+filename*%3DUTF-8%27%27visme_logo_H%2520dark.png&rsct=image%2Fpng&sr=b&sig=FIy3wQah%2FZccpKsDyUNdbFoyFMj7%2Bn6gP6iQfSq4ufc%3D" /> </div> <h4 class="f5">About Visme</h4> <p class="mb-3">The all-in-one platform for creating engaging and interactive presentations, visual documents, data visualizations, short videos and other branded content you can be proud of.</p> <h4 class="sr-only">Offers</h4> <div class="d-flex flex-column mb-3" style="gap: 16px;"> <div class="color-bg-subtle rounded-2" style="padding: 12px;" > <h5 class="f5 mb-1">Offer</h5> <p style="margin-bottom: 12px;">Get 3 free months free access to Visme's Starter plan.</p> <h6 class="f5 mb-2">Tags</h6> <ul class="list-style-none d-flex flex-wrap" style="gap: 8px"> <li><span data-view-component="true" class="Label">Productivity</span></li> <li><span data-view-component="true" class="Label">Design</span></li> </ul> </div> </div> <p class="support m-0"> Get help at <a target="_blank" rel="noopener noreferrer" data-link-location="3" data-link-target-type="6" href="https://support.visme.co/#contact_us_footer" data-view-component="true" class="js-landing-page-link Link--inTextBlock Link"> Visme support </a> </p> </div> <div class="pack-offer-card border rounded-2 p-3" > <h3 id="xojo" class="sr-only">Xojo</h3> <div class="mb-3 text-center" name="xojo"> <img alt="Xojo" height="75px" style="object-fit: contain; max-width: 100%" src="/assets/pack/logo-xojo-0e993ca1f1466e0de78883bc5f68d6d2376250ef8f5a025dd03ea6b003229c12.jpg" /> </div> <h4 class="f5">About Xojo</h4> <p class="mb-3">A cross-platform development tool for making native apps for Desktop, Mobile, Web and Raspberry Pi.</p> <h4 class="sr-only">Offers</h4> <div class="d-flex flex-column mb-3" style="gap: 16px;"> <div class="color-bg-subtle rounded-2" style="padding: 12px;" > <h5 class="f5 mb-1">Offer</h5> <p style="margin-bottom: 12px;">Xojo Pro license free while you are a student.</p> <h6 class="f5 mb-2">Tags</h6> <ul class="list-style-none d-flex flex-wrap" style="gap: 8px"> <li><span data-view-component="true" class="Label">Design</span></li> <li><span data-view-component="true" class="Label">Developer tools</span></li> </ul> </div> </div> <p class="support m-0"> Get help at <a target="_blank" rel="noopener noreferrer" data-link-location="3" data-link-target-type="6" href="mailto:hello@xojo.com" data-view-component="true" class="js-landing-page-link Link--inTextBlock Link"> Xojo support </a> </p> </div> <div class="pack-offer-card border rounded-2 p-3" > <h3 id="themeisle" class="sr-only">Themeisle</h3> <div class="mb-3 text-center" name="themeisle"> <img alt="Themeisle" height="75px" style="object-fit: contain; max-width: 100%" src="/assets/pack/logo-themeisle-7f83f8813152327174e4339c686e405ebc393acd9ecbe32714e3038c83a7d640.jpg" /> </div> <h4 class="f5">About Themeisle</h4> <p class="mb-3">Neve’s mobile-first approach, compatibility with AMP and popular page-builders makes website building accessible for everyone.</p> <h4 class="sr-only">Offers</h4> <div class="d-flex flex-column mb-3" style="gap: 16px;"> <div class="color-bg-subtle rounded-2" style="padding: 12px;" > <h5 class="f5 mb-1">Offer</h5> <p style="margin-bottom: 12px;">Free year of Neve Agency WordPress theme exclusively for students.</p> <h6 class="f5 mb-2">Tags</h6> <ul class="list-style-none d-flex flex-wrap" style="gap: 8px"> <li><span data-view-component="true" class="Label">Design</span></li> <li><span data-view-component="true" class="Label">Infrastructure & APIs</span></li> </ul> </div> </div> <p class="support m-0"> Get help at <a target="_blank" rel="noopener noreferrer" data-link-location="3" data-link-target-type="6" href="https://themeisle.com/contact/" data-view-component="true" class="js-landing-page-link Link--inTextBlock Link"> Themeisle support </a> </p> </div> </div> </div> </main> </div> <footer class="footer mt-6 flex-shrink-0" > <h2 class="sr-only">Footer</h2> <div class="container-xl p-responsive"> <div class="d-flex flex-wrap py-5 mb-5"> <div class="col-12 col-lg-4 mb-5"> <svg role="img" height="30" width="84" class="octicon octicon-github-logo" aria-label="GitHub Logo"> <use xlink:href="/assets/icons-d1da4113743669a6ab36695c6afca611b166b8c37b936070160254f5d62c709e.svg#icon-logo-github"></use> </svg> </div> <div class="col-6 col-sm-3 col-lg-2 mb-6 mb-md-2 pr-3 pr-lg-0 pl-lg-4"> <h3 id="footer-product" class="h4 mb-3 text-mono text-normal">Product</h3> <ul class="list-style-none color-fg-muted f4"> <li class="lh-condensed mb-3"> <a aria-describedby="footer-product" href="https://github.com/features" data-view-component="true" class="Link--secondary Link">Features</a> </li> <li class="lh-condensed mb-3"> <a aria-describedby="footer-product" href="https://github.com/security" data-view-component="true" class="Link--secondary Link">Security</a> </li> <li class="lh-condensed mb-3"> <a aria-describedby="footer-product" href="https://github.com/enterprise" data-view-component="true" class="Link--secondary Link">Enterprise</a> </li> <li class="lh-condensed mb-3"> <a aria-describedby="footer-product" href="https://github.com/customer-stories" data-view-component="true" class="Link--secondary Link">Customer stories</a> </li> <li class="lh-condensed mb-3"> <a aria-describedby="footer-product" href="https://github.com/pricing" data-view-component="true" class="Link--secondary Link">Pricing</a> </li> <li class="lh-condensed mb-3"> <a aria-describedby="footer-product" href="https://resources.github.com" data-view-component="true" class="Link--secondary Link">Resources</a> </li> </ul> </div> <div class="col-6 col-sm-3 col-lg-2 mb-6 mb-md-2 pr-3 pr-md-0 pl-md-4"> <h3 id="footer-platform" class="h4 mb-3 text-mono text-normal">Platform</h3> <ul class="list-style-none f4"> <li class="lh-condensed mb-3"> <a aria-describedby="footer-platform" href="https://docs.github.com/en/developers/overview/about-githubs-apis" data-view-component="true" class="Link--secondary Link">Developer API</a> </li> <li class="lh-condensed mb-3"> <a aria-describedby="footer-platform" href="http://partner.github.com/" data-view-component="true" class="Link--secondary Link">Partners</a> </li> <li class="lh-condensed mb-3"> <a aria-describedby="footer-platform" href="https://desktop.github.com/" data-view-component="true" class="Link--secondary Link">GitHub Desktop</a> </li> </ul> </div> <div class="col-6 col-sm-3 col-lg-2 mb-6 mb-md-2 pr-3 pr-md-0 pl-md-4"> <h3 id="footer-support" class="h4 mb-3 text-mono text-normal">Support</h3> <ul class="list-style-none f4"> <li class="lh-condensed mb-3"> <a aria-describedby="footer-support" href="https://docs.github.com" data-view-component="true" class="Link--secondary Link">Docs</a> </li> <li class="lh-condensed mb-3"> <a aria-describedby="footer-support" href="https://github.com/orgs/github-community/discussions/categories/github-education" data-view-component="true" class="Link--secondary Link">Community Forum</a> </li> <li class="lh-condensed mb-3"> <a aria-describedby="footer-support" href="https://services.github.com/" data-view-component="true" class="Link--secondary Link">Professional Services</a> </li> <li class="lh-condensed mb-3"> <a aria-describedby="footer-support" href="https://githubstatus.com/" data-view-component="true" class="Link--secondary Link">Status</a> </li> <li class="lh-condensed mb-3"> <a aria-describedby="footer-support" href="https://github.com/contact" data-view-component="true" class="Link--secondary Link">Contact GitHub</a> </li> </ul> </div> <div class="col-6 col-sm-3 col-lg-2 mb-6 mb-md-2 pr-3 pr-md-0 pl-md-4"> <h3 id="footer-company" class="h4 mb-3 text-mono text-normal">Company</h3> <ul class="list-style-none f4"> <li class="lh-condensed mb-3"> <a aria-describedby="footer-company" href="https://github.com/about" data-view-component="true" class="Link--secondary Link">About</a> </li> <li class="lh-condensed mb-3"> <a aria-describedby="footer-company" href="https://github.blog" data-view-component="true" class="Link--secondary Link">Blog</a> </li> <li class="lh-condensed mb-3"> <a aria-describedby="footer-company" href="https://github.com/about/careers" data-view-component="true" class="Link--secondary Link">Careers</a> </li> <li class="lh-condensed mb-3"> <a aria-describedby="footer-company" href="https://github.com/about/press" data-view-component="true" class="Link--secondary Link">Press</a> </li> <li class="lh-condensed mb-3"> <a aria-describedby="footer-company" href="https://socialimpact.github.com/" data-view-component="true" class="Link--secondary Link">Social Impact</a> </li> <li class="lh-condensed mb-3"> <a aria-describedby="footer-company" href="https://shop.github.com" data-view-component="true" class="Link--secondary Link">Shop</a> </li> </ul> </div> </div> </div> <div> <div class="container-xl p-responsive f6 py-4 d-sm-flex flex-justify-between flex-items-center"> <ul class="list-style-none d-flex color-fg-muted"> <li class="mr-3">© 2025 GitHub, Inc.</li> <li class="mr-3"><a href="https://github.com/site/terms" class="Link--secondary">Terms</a></li> <li><a href="https://github.com/site/privacy" class="Link--secondary">Privacy</a></li> </ul> <ul class="list-style-none d-flex flex-items-center mb-3 mb-sm-0 lh-condensed-ultra"> <li class="mr-3"> <a href="https://twitter.com/github" data-view-component="true" class="Link--secondary Link"> <svg role="img" height="18" width="22" class="icon-twitter icon" fill="currentColor" aria-label="GitHub Twitter link"> <use xlink:href="/assets/icons-d1da4113743669a6ab36695c6afca611b166b8c37b936070160254f5d62c709e.svg#icon-twitter"></use> </svg> </a> </li> <li class="mr-3"> <a href="https://www.facebook.com/GitHub" data-view-component="true" class="Link--secondary Link"> <svg role="img" height="18" width="22" class="icon-facebook icon" fill="currentColor" aria-label="GitHub Facebook link"> <use xlink:href="/assets/icons-d1da4113743669a6ab36695c6afca611b166b8c37b936070160254f5d62c709e.svg#icon-facebook"></use> </svg> </a> </li> <li class="mr-3"> <a href="https://www.youtube.com/github" data-view-component="true" class="Link--secondary Link"> <svg role="img" height="18" width="22" class="icon-youtube icon" fill="currentColor" aria-label="GitHub Youtube link"> <use xlink:href="/assets/icons-d1da4113743669a6ab36695c6afca611b166b8c37b936070160254f5d62c709e.svg#icon-youtube"></use> </svg> </a> </li> <li class="mr-3"> <a href="https://linkedin.com/company/github" data-view-component="true" class="Link--secondary Link"> <svg role="img" height="18" width="22" class="icon-linkedin icon" fill="currentColor" aria-label="GitHub LinkedIn link"> <use xlink:href="/assets/icons-d1da4113743669a6ab36695c6afca611b166b8c37b936070160254f5d62c709e.svg#icon-linkedin"></use> </svg> </a> </li> <li> <a href="https://github.com/github" data-view-component="true" class="Link--secondary Link"> <svg role="img" height="20" width="20" class="icon-mark-github icon" fill="currentColor" aria-label="GitHub link"> <use xlink:href="/assets/icons-d1da4113743669a6ab36695c6afca611b166b8c37b936070160254f5d62c709e.svg#icon-mark-github"></use> </svg> </a> </li> </ul> </div> </div> </footer> <script src="//platform.twitter.com/oct.js" type="text/javascript"></script> <noscript> <img height="1" width="1" style="display:none;" alt="" src="https://analytics.twitter.com/i/adsct?txn_id=l4xyz&p_id=Twitter" /> <img height="1" width="1" style="display:none;" alt="" src="//t.co/i/adsct?txn_id=l4xyz&p_id=Twitter" /> </noscript> <script src="/assets/components-3b0a16dfec318641f08c67ea060755d4d9c6c6164985c79550ca65ab07e32b9f.js" crossorigin="anonymous" integrity="sha256-OwoW3+wxhkHwjGfqBgdV1NnGxhZJhceVUMplqwfjK58="></script> <script src="https://cdn.usefathom.com/script.js" data-site="BSUAGGDZ" defer></script> <div id="js-global-edu-live-region-polite" class="sr-only" aria-live="polite" aria-atomic="true"></div> <div id="js-global-edu-live-region-assertive" class="sr-only" aria-live="assertive" aria-atomic="true"></div> </body> </html>

CINXE.COM

GitHub Student Developer Pack - GitHub Education