Skip to content

Partial Completion of LS Homepage #15

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
amoscato wants to merge 3 commits into
base: master
Choose a base branch
from
Open

Partial Completion of LS Homepage #15

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
2686ce5
Initial Commit
amoscato Aug 23, 2017
d9e2e81
Fixed typo
amoscato Aug 23, 2017
0356df5
Added jQuery for navbar to pop down on scroll
amoscato Aug 23, 2017
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
9 changes: 9 additions & 0 deletions app/app.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,9 @@
$(document).ready(function(){
$(window).scroll(function(){
if ($(this).scrollTop() > 700) {
$('#hidden-nav').slideDown(200);
} else {
$('#hidden-nav').slideUp(200);
}
});
});
115 changes: 115 additions & 0 deletions app/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,115 @@
<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8">
<title>Lambda School - A computer science education that's 100% free until you're hired</title>
<link rel="stylesheet" type="text/css" href="style.css">
<link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Lora" rel="stylesheet">
<link rel="shortcut icon" href="https://lambdaschool.com/favicon/favicon.ico">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src='app.js'></script>
</head>

<body>
<div class="navbar">
<div class="logo"><a href=#><img src="https://lambdaschool.com/assets/img/lambdawhite.png" /></a></div>
<div class="menu">
<ul>
<li><a href="#">ABOUT</a></li>
<li><a href="#">COURSES</a></li>
<li><a href="#">BLOG</a></li>
<li><a href="#">CONTACT</a></li>
<li><a href="#">APPLY</a></li>
</ul>
</div>
</div>
<div id="hidden-nav">
<div class="logo"><a href=#><img src="https://lambdaschool.com/assets/img/lambdawhite.png" /></a></div>
<div class="menu">
<ul>
<li><a href="#">ABOUT</a></li>
<li><a href="#">COURSES</a></li>
<li><a href="#">BLOG</a></li>
<li><a href="#">CONTACT</a></li>
<li><a href="#">APPLY</a></li>
</ul>
</div>
</div>
<div class="main-container">
<div class="overlay">
<div class="welcome overlay">
<div class="welcometext">
<h1>The Computer Science Education </br> of the Future</h1>
<p>Immersive preparation for the world's most in-demand careers,<br/> for as little as
<strong>$0 until you're hired</strong></p>
<div class="button-container">
<button class="button" id="button-courses">VIEW COURSES</button>
<button class="button" id="button-apply">APPLY NOW</button>
</div>
</div>
</div>
</div>
<div class="newmodel">
<div class="textheader">
<h3>A New Model for Higher Education</h3>
<p class="lead">Lambda School invests in a small number of ambitious individuals by <br /> training them for the world's most in-demand careers.
<br /><br />In exchange, Lambda School graduates pay back a small percentage of </br> their salary after they are hired.</p>
</div>
<div class="texts">
<div id="selectiontext">
<h5>Selection</h3>
<p class="lead">Our unique application and <br /> interview process is designed to <br /> identify those with great aptitude <br/ > for a technical career, regardless <br /> of their background.</p>
</div>
<div id="trainingtext">
<h5>Training</h3>
<p class="lead">Once students are selected, a <br /> small class undergoes live, <br /> intensive online training <br /> designed to meet the rigorous <br /> demands of our hiring partners.</p>
</div>
</div>
</div>
<div class="lscourses">
<div class="coursesheader">
<h3>Lambda School Courses</h3>
</div>
<div class="boxes">
<div id="csa">
<h6><b>COMPUTER SCIENCE</b> ACADEMY</h6>
<hr>
<p>
6 months (full-time)
<br />
Web & Software Engineering
<br />
<br />
<b>$0 up-front</b>
+ 17% of salary for 2 yrs
<br />
<br />
<em>(or $20,000 up-front)</em>
</p>
<button class="button" id="button-learnmore">LEARN MORE</button>
</div>
<div id="mla">
<h6><b>MACHINE LEARNING & AI</b> ACADEMY</h6>
<hr>
<p>
6 months (full-time)
<br />
Machine & Deep Learning
<br />
<br />
<b>$0 up-front</b>
+ 17% of salary for 2 yrs
<br />
<br />
<em>(or $20,000 up-front)</em>
</p>
<button class="button" id="button-learnmore">LEARN MORE</button>
</div>
</div>
</div>
</div>
</body>

</html>
Loading