Skip to content

Instantly share code, notes, and snippets.

@bryanberger

bryanberger/page

Created June 18, 2020 14:36
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save bryanberger/c0ba5feccc4a496f7b24c2591c7b5785 to your computer and use it in GitHub Desktop.
Save bryanberger/c0ba5feccc4a496f7b24c2591c7b5785 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
page
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>Document</title>
<link rel="stylesheet" href="build/cog-website-styles.css" />
</head>
<body>
<section class="relative">
<div
class="absolute inset-0 bg-gray-300 bg-cover bg-center"
style="
background-image: url('https://dujuovt9vc8ks.cloudfront.net/assets/GA_non-remote-hero-9200dadcddd0aacc1319a66b3b19ca1d548d374fb5d45130b091d2c8734d6854.jpg');
"
></div>
<div class="container py-12 md:py-24">
<div class="flex-grid-row z-10">
<div class="flex-grid-cols-12 lg:flex-grid-cols-6">
<div class="text-white">
<h4 class="text-eyebrow mb-8">
Part- & Full-Time Courses & Bootcamps, on Campus or Online
</h4>
<h1 class="text-h1 mb-8">
Elevate Your Career With In-Demand Skills
</h1>
<p class="text-lg mb-8">
Kickstart your career with a 10-13 week immersive program, or
learn in-demand skills in a part-time course — on campus or
online.
</p>
</div>
</div>
<div
class="flex-grid-cols-12 lg:flex-grid-cols-5 lg:flex-grid-offset-1"
>
<div class="bg-white rounded-lg p-8 flex flex-col">
<h2 class="text-gray-900 text-lg mb-2 font-medium text-2lg">
Let’s Connect
</h2>
<p class="mb-5 text-gray-600">
Share your contact information and a member of our admissions
team will give you a call.
</p>
<input
class="bg-white rounded border border-gray-400 focus:outline-none focus:border-indigo-500 text-base px-4 py-2 mb-4"
placeholder="Full name"
type="text"
/>
<input
class="bg-white rounded border border-gray-400 focus:outline-none focus:border-indigo-500 text-base px-4 py-2 mb-4"
placeholder="Phone"
type="tel"
/>
<input
class="bg-white rounded border border-gray-400 focus:outline-none focus:border-indigo-500 text-base px-4 py-2 mb-4"
placeholder="Email"
type="email"
/>
<button class="button button-primary">
Apply Now
</button>
<h4 class="text-sm text-gray-500 mt-3 text-center">
By entering your information, you agree to our
<a href="https://generalassemb.ly/terms_of_service"
>Terms of Service</a
>,
<a href="https://generalassemb.ly/privacy_policy"
>Privacy Policy</a
>
and to receive marketing communications from General Assembly.
</h4>
</div>
</div>
</div>
</div>
</section>
<section class="py-10 lg:py-20 bg-gray-100">
<div class="container">
<div class="flex-grid-row">
<div
class="flex-grid-cols-12 md:flex-grid-cols-4 text-center items-center"
>
<div
class="w-1/2 inline-flex items-center justify-center mb-5 flex-shrink-0"
>
<img
src="https://dujuovt9vc8ks.cloudfront.net/assets/WebDevImmersive2-a9aff6cba5c2fb3af4a0134f0a0119984d11ab5dfb419e9991c8abe0f59261e0.png"
alt=""
/>
</div>
<div class="flex-grow">
<h2 class="text-h4 font-medium mb-3">
Evolve With the Tech-Driven Economy
</h2>
<p>
Equip yourself with the skills you need to succeed in a new
career. Our dynamic coursework is designed by industry experts
and continuously updated to meet today’s employer demands.
</p>
</div>
</div>
<div
class="flex-grid-cols-12 md:flex-grid-cols-4 text-center items-center"
>
<div
class="w-1/2 inline-flex items-center justify-center mb-5 flex-shrink-0"
>
<img
src="https://dujuovt9vc8ks.cloudfront.net/assets/WebDevImmersive1-299baf5cf7f8dfa3cb27a652ddf0fe2629f56432de31abc0f624e3ea61bad37d.png"
alt=""
/>
</div>
<div class="flex-grow">
<h2 class="text-h4 font-medium mb-3">
Harness Today’s Essential Skills
</h2>
<p>
Learn to leverage JavaScript, APIs, web frameworks, and more
through hands-on projects and real-world scenarios. Showcase
your skills to potential clients, employers, and peers with a
portfolio of sophisticated websites and applications you build
from scratch.
</p>
</div>
</div>
<div
class="flex-grid-cols-12 md:flex-grid-cols-4 text-center items-center"
>
<div
class="w-1/2 inline-flex items-center justify-center mb-5 flex-shrink-0"
>
<img
src="https://dujuovt9vc8ks.cloudfront.net/assets/WebDevImmersive3-53ade92d7092c85ab8acabcc21203e3ef7a4b7ceb76594df7860e6c8fedd8c73.png"
alt=""
/>
</div>
<div class="flex-grow">
<h2 class="text-h4 font-medium mb-3">
Optimize Your Job Prospects
</h2>
<p>
Work with dedicated career coaches from day one of class to day
one at a new job. We’ll help you polish your personal brand,
build out your professional network, negotiate interviews and
offers, and find the position that’s right for you.
</p>
</div>
</div>
</div>
</div>
</section>
<section class="py-10 lg:py-20">
<div class="container">
<div class="flex flex-wrap justify-center md:justify-between w-full">
<div class="w-full md:w-auto text-center md:text-left">
<div>
<span class="text-xl lg:text-xl leading-none">70</span>
<span class="text-3lg lg:text-3lg">K</span>
</div>
<p>Global Alumni</p>
</div>
<div class="w-full md:w-auto text-center md:text-left">
<div>
<span class="text-xl lg:text-xl leading-none">20</span>
</div>
<p>Campuses Worldwide</p>
</div>
<div class="w-full md:w-auto text-center md:text-left">
<div>
<span class="text-xl lg:text-xl leading-none">20</span>
<span class="text-3lg lg:text-3lg">K</span>
</div>
<p>Expert Instructors</p>
</div>
<div class="w-full md:w-auto text-center md:text-left">
<div>
<span class="text-xl lg:text-xl leading-none">40</span>
<span class="text-3lg lg:text-3lg">+</span>
</div>
<p>Fortune 100 clients</p>
</div>
</div>
</div>
</section>
<section class="py-10 lg:py-20 bg-red">
<div class="container">
<blockquote class="px-0 lg:px-24 text-center text-white">
<p class="text-lg md:text-2lg">
“GA gave me the foundational knowledge and confidence to pursue my
career goals. With caring teachers, a supportive community, and
up-to-date, challenging curriculum, I felt prepared and motivated to
build and improve tech for the next generation!”
</p>
<footer class="max-w-lg m-auto">
<cite
>— Lyn Muldrow, GA San Francisco Graduate.<br />From stay-at-home
mom, to Hack the Hood technical programs manager, to software
engineer at LinkedIn.</cite
>
</footer>
</blockquote>
</div>
</section>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment