-
Notifications
You must be signed in to change notification settings - Fork 114
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
4 changed files
with
214 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,120 @@ | ||
| import React from 'react'; | ||
| import cx from 'classnames'; | ||
| import PropTypes from 'prop-types'; | ||
| import DevSiteSeo from '../components/DevSiteSeo'; | ||
| import { Button } from '@newrelic/gatsby-theme-newrelic'; | ||
| import PageLayout from '../components/PageLayout'; | ||
| import ExternalLink from '../components/ExternalLink'; | ||
| import FeatherIcon from '../components/FeatherIcon'; | ||
| import studentsHeader from '../images/students/students-banner.png'; | ||
| import uptimeEverythingHeader from '../images/developer-champion/uptime-everything-header-image.jpg'; | ||
| import styles from './students.module.scss'; | ||
|
|
||
| const StudentsPage = ({ location }) => { | ||
| return ( | ||
| <> | ||
| {/* <DevSiteSeo location={location} /> */} | ||
| <PageLayout type={PageLayout.TYPE.SINGLE_COLUMN}> | ||
| <PageLayout.Header title="New Relic Student Edition" /> | ||
| <PageLayout.Content> | ||
| <section className={cx(styles.section, styles.twoColumn)}> | ||
| <div> | ||
| <p> | ||
| Traditional computer sciences are great, but hands-on experience | ||
| with modern platforms positions you as a more competitive | ||
| candidate. The New Relic Student Edition gives you access to the | ||
| same industry tools that observability professionals use -- for | ||
| free. | ||
| </p> | ||
| <p> | ||
| Whether you’re just getting started with your engineering | ||
| career, looking to pivot, or an educator ready to share the | ||
| value of modern technology - we’ve got you covered. From access | ||
| to the best-in-class observability platform, training, and | ||
| certifications, you’ll have access to everything you need to | ||
| compete in the market. | ||
| </p> | ||
| <p> | ||
| We are excited to announce the New Relic Student Edition as an | ||
| exclusive offer in the GitHub Student Pack. Github created the | ||
| Student Pack to help students ship software like a pro, and with | ||
| New Relic, the Student Edition adds to making that possible. | ||
| </p> | ||
| <p> | ||
| To get access to the Student Edition,{' '} | ||
| <a href="/">sign up for a free account</a> and verify your | ||
| student status using the GitHub Student Pack | ||
| </p> | ||
| </div> | ||
| <img | ||
| className={styles.img} | ||
| src={studentsHeader} | ||
| alt="student edition header" | ||
| /> | ||
| </section> | ||
| <section className={styles.offerSection}> | ||
| <h2>What does the Student Edition offer?</h2> | ||
| <p> | ||
| There's no substitute for hands-on experience. That’s why we | ||
| designed the New Relic Student Edition, | ||
| <br /> which gives students and educators full access to New Relic | ||
| One, including: | ||
| </p> | ||
| </section> | ||
| <section className={cx(styles.section, styles.championProgram)}> | ||
| <div className={styles.point}> | ||
| <FeatherIcon | ||
| className={styles.pointIcon} | ||
| name="users" | ||
| size="4rem" | ||
| /> | ||
| <h4>Three Full Users</h4> | ||
| <p> | ||
| Work with your friends and classmates like a real-world | ||
| production team | ||
| </p> | ||
| </div> | ||
| <div className={styles.point}> | ||
| <FeatherIcon | ||
| className={styles.pointIcon} | ||
| name="database" | ||
| size="4rem" | ||
| /> | ||
| <h4>500 GB/month of Data Ingest</h4> | ||
| <p> | ||
| Collect, analyze, and alert on all your metrics, events, logs, | ||
| and traces from any source | ||
| </p> | ||
| </div> | ||
| <div className={styles.point}> | ||
| <FeatherIcon | ||
| className={styles.pointIcon} | ||
| name="cpu" | ||
| size="4rem" | ||
| /> | ||
| <h4>Free Tier AI</h4> | ||
| <p> | ||
| Instantly detect, diagnose, and resolve issues before they | ||
| become a problem | ||
| </p> | ||
| </div> | ||
| <Button | ||
| as={ExternalLink} | ||
| className={styles.nominateButton} | ||
| href="https://forms.gle/Zkdub5e1x4MNqSKW9" | ||
| variant={Button.VARIANT.PRIMARY} | ||
| > | ||
| Sign up for a free account{' '} | ||
| </Button> | ||
| </section> | ||
| </PageLayout.Content> | ||
| </PageLayout> | ||
| </> | ||
| ); | ||
| }; | ||
|
|
||
| StudentsPage.propTypes = { | ||
| location: PropTypes.object.isRequired, | ||
| }; | ||
|
|
||
| export default StudentsPage; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,65 @@ | ||
| .section { | ||
| &:not(:last-child) { | ||
| margin-bottom: 4rem; | ||
| } | ||
| } | ||
|
|
||
| .twoColumn { | ||
| display: grid; | ||
| grid-template-columns: repeat(2, calc(50% - 1rem)); | ||
| grid-gap: 2rem; | ||
|
|
||
| @media (max-width: 760px) { | ||
| grid-template-columns: 1fr; | ||
| } | ||
| } | ||
|
|
||
| .offerSection { | ||
| text-align: center; | ||
| margin: 6rem 0 2.5rem; | ||
|
|
||
| h2{ | ||
| text-align: center; | ||
| } | ||
| } | ||
|
|
||
| .img { | ||
| width: 100%; | ||
| } | ||
|
|
||
| .championProgram { | ||
| display: grid; | ||
| grid-template-columns: repeat(3, 1fr); | ||
| grid-gap: 2rem; | ||
|
|
||
| @media (max-width: 760px) { | ||
| display: block; | ||
| text-align: center; | ||
| } | ||
| } | ||
|
|
||
| .point { | ||
| text-align: center; | ||
| max-width: 400px; | ||
| margin: auto; | ||
|
|
||
| @media (max-width: 760px) { | ||
| margin-bottom: 40px; | ||
| } | ||
| } | ||
|
|
||
| .pointIcon { | ||
| --feather-icon-stroke-width: 1; | ||
|
|
||
| margin-bottom: 2rem; | ||
| color: var(--color-brand-500); | ||
| } | ||
|
|
||
| .nominateButton { | ||
| grid-column: 2; | ||
| justify-self: center; | ||
| } | ||
|
|
||
| .externalLinkIcon { | ||
| margin-left: 0.5rem; | ||
| } |