Skip to content

Completed Project #16

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
dys2 wants to merge 1 commit into
base: master
Choose a base branch
from
Open

Completed Project #16

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
27 changes: 27 additions & 0 deletions app.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,27 @@
document.getElementById('courses').addEventListener("mouseover", () => {
document.getElementById('hidden').style.display = 'block';
});
document.getElementById('courses').addEventListener("mouseout", () => {
document.getElementById('hidden').style.display = 'none';
});
document.getElementById('hidden').addEventListener("mouseover", () => {
document.getElementById('hidden').style.display = 'block';
});
document.getElementById('hidden').addEventListener("mouseout", () => {
document.getElementById('hidden').style.display = 'none';
});
$(document).ready(() => {
$('.scroll').mousemove(() => {
$('.menu-bar').css('background-color', '#232323');
$('.menu-bar').css('position', 'fixed');
$('.menu-bar').css('top', '0');
$('#hidden').css('top', '66px');
$('.menu-bar').slideDown();
});
$('.scroll-top').mousemove(() => {
$('.menu-bar').show();
$('.menu-bar').css('background', 'none');
$('.menu-bar').css('position', 'relative');
$('.menu-bar').css('top', 'none');
});
});
169 changes: 169 additions & 0 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,169 @@
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="/styles.css">

<title>Lambda School | A full computer science education that's free until you get a job<title/>
</head>
<title></title>
<body>
<div class="top-container">
<div class="background" id="top-bg" >
<ul class="menu-bar">
<li class="menu-item" id="top-logo"><img class="logo" alt="logo" src="https://lambdaschool.com/assets/img/lambdawhite.png" /></li>
<li class="menu-item">ABOUT</li>
<li class="menu-item" id="courses">COURSES</li>
<li class="menu-item">BLOG</li>
<li class="menu-item">CONTACT</li>
<li class="menu-item">APPLY</li>
</ul>
<div id="hidden">
<h3 class="all-courses">VIEW ALL COURSES</h3>
<p class="dropdown-cat">COURSES:</p>
<h3 class="all-courses">COMPUTER SCIENCE & SOFTWARE ENGINEERING</h3>
<h3 class="all-courses">ARTIFICIAL INTELLIGENCE & MACHINE LEARNING</h3>
<p class="dropdown-cat">FREE COURSE ARCHIVES:</p>
<h3 class="all-courses">JAVASCRIPT MINI BOOTCAMP</h3>
<h3 class="all-courses">WEB DEVELOPMENT MINI BOOTCAMP</h3>
</div>
<div class="scroll-top">
<h1>The Computer Science Education<br/> of the Future</h1>
<p class="top-p">Immersive preperation for the world's most in-demand careers,<br/>for as little as <strong>$0 until you're hired</strong></p>
<div class="top-buttons">
<a class="small-btn">VIEW COURSES<a>
<a class="small-btn" id="white-btn">APPLY NOW</a>
</div>
</div>
</div>
</div>
<div class="scroll">
<div class="second-container">
<h2 class="higher">A New Model For Higher Education</h2>
<div class="words"><p>Lambda School invests in a small number of ambitious individuals by training them for the world's most in-demand careers.</p>
<p>In exchange, Lambda School graduates pay back a small percentage of their salary after they are hired.</p>
</div>
<div class="sides">
<div class="selection">
<h3 class="smalltitle">Selection</h3>
<p class="wordsside">Our unique application and interview process is designed to identify those with great aptitude for a technical career, regardless of their background.</p>
</div>
<div class="training">
<h3 class="smalltitle">Training</h3>
<p class="wordsside">Once students are selected, a small class undergoes live, intensive online training designed to meet the rigorous demands of our hiring partners.</p>
</div>
</div>
</div>

<div class="third-container">
<h2 class="lambdaheader">Lambda School Courses</h2>
<div class="course-container">
<div class="CS">
<p class="CSA"><strong>COMPUTER SCIENCE </strong>ACADEMY</p>
<p class="cwords">6 Months (full-time) <br />Web & Software Engineering<br /><br /> <strong>$0 up-front</strong><br />+17% of salary for 2 yrs<br /> <p class="it">(or $20,000 up-front)</p></p>
<a class="blue-small-btn">LEARN MORE<a>
</div>
<div class="ML">
<p class="MLAI"><strong>MACHINE LEARNING & AI </strong>ACADEMY</p>
<p class="cwords">6 Months (full-time) <br />Machine & Deep Learning<br /><br /> <strong>$0 up-front</strong><br />+17% of salary for 2 yrs<br /> <p class="it">(or $20,000 up-front)</p></p>
<a class="blue-small-btn">LEARN MORE<a>
</div>
</div>
</div>

<div class="fourth-container">
<div class="blue-img">
<div class="white-right">
<h3 class="right-header">The skills you need, wherever you are</h3>
<div class="right-words">
<p>Lambda School is live streamed from Silicon Valley to a small group of students participating from all over the world.</p>
<p>Students learn cutting-edge technology from world class instructors at no up-front cost and without having to relocate or acquire expensive housing.</p>
<p>Classes are live, interactive and include one-on-one help, real projects, and frequent code reviews.</p>
</div>
</div>
</div>
</div>

<div class="fifth-container">
<h2 class="higher" id="grad-risk">Graduate Risk-Free</h2>
<div class="words" id="graduate-words">
<p>You'll only pay tuition once you land a job paying more than $50,000/year in a software-related field.
<br />Should your employment status change, your payments will adjust automatically.</p>
<br />
<strong id="no-more-bold">No more unpayable student loans.</strong>
</div>
<div class="risk-aligned">
<div class="risk">
<h3 class="risk-aligned-title">A RISK-FREE CAREER</h3>
<p class="risk-aligned-words">Once you have a high-paying job, you'll pay back tuition as a fixed percentage of your salary.</p>
</div>
<div class="aligned">
<h3 class="risk-aligned-title">ALIGNED INCENTIVES</h3>
<p class="risk-aligned-words">Because we invest in you, instead of the other way around, we only make money when you do.</p>
</div>
</div>
<div class="classroom-experience">
<h3 class="risk-aligned-title" id="ce">CLASSROOM EXPERIENCE</h3>
<p class="risk-aligned-words" id="ce-words">Just like a physical classroom experience, everything at Lambda School is live and interactive. Training takes place in rigorous, live instruction, hands-on projects, pair programming, realistic practice, and frequent code reviews from knowledgeable instructors.</p>
</div>
</div>
<div class="instructors">
<h2 class="world-class">World-Class Instructors</h2>
<div class="instructors-one">
<div class="instructor" id="karthik">
<img class="instructor-pic" alt="Karthik" src="https://lambdaschool.com/assets/img/karthik.png"/>
<h3 class="name">Karthik Viswanathan</h3>
<p class="instructor-description">Karthik previously taught Computer Science at Stanford University, and has worked at companies like Stripe and Mozilla.</p>
</div>
<div class="instructor" id="ben">
<img class="instructor-pic" alt="Ben" src="https://lambdaschool.com/assets/img/ben.jpg"/>
<h3 class="name">Ben Nelson</h3>
<p class="instructor-description">Ben hails from Hack Reactor and Dev Mountain, as well as iFit, where he was a full stack developer for several years.</p>
</div>
</div>
<div class="instructors-two">
<div class="instructor" id="sean">
<img class="instructor-pic" alt="Sean" src="https://lambdaschool.com/assets/img/sean.jpg"/>
<h3 class="name">Sean Chen</h3>
<p class="instructor-description">Sean comes from the Applied Math program at UC Berkeley, as well as contracting for NASA's Jet Propulsion Laboratory.</p>
</div>
<div class="instructor" id="ryan">
<img class="instructor-pic" alt="Ryan" src="https://lambdaschool.com/assets/img/ryan.jpg"/>
<h3 class="name">Ryan Hamblin</h3>
<p class="instructor-description">Ryan was a senior engineer at several companies, and spent some time at both Dev Mountain and Maker Square (now Hack Reactor).</p>
</div>
</div>
</div>
<div class="sixth-container">
<div class="blue-right">
<div class="white-left">
<h2 class="left-header">Learn By Doing</h2>
<p class="left-words">Unlike most Computer Science programs, we don't start with theory. We start with programming. We jump right into practical knowledge by coding our own applications, then layer in algorithms, abstraction, application architecture, scalability, and theory.</p>
<p class="left-words">You'll not only learn the practical skills software engineers need to know in order to immediately contribute to an application, but also how to manage large-scale applications, break complex issues down into smaller components, solve problems from first principles, and think abstractly.</p>
</div>
</div>
</div>
<div class="pre-course">
<h2 class="left-header" id="free-lambda">Free Lambda School Courses (Pre-Course Work)</p>
<div class="js-btn">
<h3 class="btn-header">JavaScript Mini Bootcamp</h3>
<p class="btn-italics">A rapid introduction to JavaScript-the fundamental language of the web.</p>
</div>
<div class="web-btn">
<h3 class="btn-header">Web Developer Mini Bootcamp</h3>
<p class="btn-italics">An overview of HTML, CSS, JavaScript, and how they all work together.</p>
</div>
</div>
<div class="seventh-container">
<div class="blue-left-two">
<div class="white-right-two">
<h2 class="lambdas-people">Lambda's People: Diverse & Valuable</h2>
<p class="white-right-words-two">Our application process is blind to both race and gender, ensuring diverse and qualified candidates from all over the world, and every walk of life.</p>
<p class="white-right-words-two">Lambda School students stay connected long after the course ends. We review material, audit courses, and utilize alumni connections for jobs and projects. It's a powerful network.</p>
</div>
</div>
</div>
</div>
<script src="jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="/app.js"></script>
</body>
</html>
4 changes: 4 additions & 0 deletions jquery-3.2.1.min.js
View file
Open in desktop

Large diffs are not rendered by default.

Loading