website: add Erin success story

This commit is contained in:
Yangshun Tay
2019-07-20 03:19:59 -07:00
parent c96861fe62
commit 144db8f909
3 changed files with 100 additions and 68 deletions

View File

@ -44,83 +44,89 @@ function Home() {
</div>
</header>
<main>
<div className="container margin-vert--xl">
<div className="row">
<div className="col col--10 col--offset-1">
<h2 className="text--center margin-bottom--xl">
Why Tech Interview Handbook?
</h2>
<div className="row margin-vert--lg">
<div className="col">
<h3>From Zero to Hero</h3>
<p>
Go from zero to tech interview hero with this handbook. No
prior interview experience needed.
</p>
<div className="padding-vert--xl">
<div className="container">
<div className="row">
<div className="col col--10 col--offset-1">
<h2 className="text--center margin-bottom--xl">
Why Tech Interview Handbook?
</h2>
<div className="row margin-vert--lg">
<div className="col">
<h3>From Zero to Hero</h3>
<p>
Go from zero to tech interview hero with this handbook. No
prior interview experience needed.
</p>
</div>
<div className="col">
<h3>Curated Practice Questions</h3>
<p>
No one has time to practice a few hundred Leetcode
questions. We tell you which are the best questions to
practice.
</p>
</div>
<div className="col">
<h3>Interview Cheatsheet</h3>
<p>
Straight-to-the-point Do's and Don'ts during an interview
</p>
</div>
</div>
<div className="col">
<h3>Curated Practice Questions</h3>
<p>
No one has time to practice a few hundred Leetcode
questions. We tell you which are the best questions to
practice.
</p>
</div>
<div className="col">
<h3>Interview Cheatsheet</h3>
<p>
Straight-to-the-point Do's and Don'ts during an interview
</p>
</div>
</div>
<div className="row margin-vert--lg">
<div className="col">
<h3>Practical Algorithm Tips</h3>
<p>
Practical tips for every algorithm topic - common techniques
and corner cases to look out for.
</p>
</div>
<div className="col">
<h3>Behavioral Questions</h3>
<p>
Check out what behavioral questions companies commonly ask
and you can prepare your answers ahead of time.
</p>
</div>
<div className="col">
<h3>Tested and Proven</h3>
<p>
Countless engineers have gotten their dream jobs with its
help.
</p>
<div className="row margin-vert--lg">
<div className="col">
<h3>Practical Algorithm Tips</h3>
<p>
Practical tips for every algorithm topic - common
techniques and corner cases to look out for.
</p>
</div>
<div className="col">
<h3>Behavioral Questions</h3>
<p>
Check out what behavioral questions companies commonly ask
and you can prepare your answers ahead of time.
</p>
</div>
<div className="col">
<h3>Tested and Proven</h3>
<p>
Countless engineers have gotten their dream jobs with its
help.
</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div className="container margin-vert--xl">
<div className="row">
<div className="col col--6 col--offset-3">
<div className="margin-vert--lg text--center">
<h2>Success Stories</h2>
</div>
{successStories.map(user => (
<div className="card margin-vert--lg" key={user.name}>
<div className="card__header">
<div className="avatar">
<img className="avatar__photo" src={user.thumbnail} />
<div className="avatar__intro">
<h4 className="avatar__name">{user.name}</h4>
<small className="avatar__subtitle">{user.title}</small>
<div className={styles.sectionAlt}>
<div className="container padding-vert--xl">
<div className="row">
<div className="col col--6 col--offset-3">
<div className="margin-vert--lg text--center">
<h2>Success Stories</h2>
</div>
{successStories.map(user => (
<div className="card margin-vert--lg" key={user.name}>
<div className="card__header">
<div className="avatar">
<img className="avatar__photo" src={user.thumbnail} />
<div className="avatar__intro">
<h4 className="avatar__name">{user.name}</h4>
<small className="avatar__subtitle">
{user.title}
</small>
</div>
</div>
</div>
<div className="card__body">
<blockquote>"{user.quote}"</blockquote>
</div>
</div>
<div className="card__body">
<blockquote>"{user.quote}"</blockquote>
</div>
</div>
))}
))}
</div>
</div>
</div>
</div>