-
-
Save bryanberger/c0ba5feccc4a496f7b24c2591c7b5785 to your computer and use it in GitHub Desktop.
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
<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