Skip to content

worked mostly on making it look right on my computer #21

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
novaferg wants to merge 1 commit into
base: master
Choose a base branch
from
Open

worked mostly on making it look right on my computer #21

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
Binary file added assets/lambdawhite.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
114 changes: 114 additions & 0 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,114 @@
<!DOCTYPE html>
<head>
<title>Lambda School</title>
<link rel="stylesheet" href="styles.css">
</head>

<body>
<div class="TopSection">
<div class="Nav Nav--blue">
<img class="Nav-logo" src="assets/lambdawhite.png">
<ul class="Nav-items">
<li class="Nav-item">ABOUT</li>
<li class="Nav-item">COURSES</li>
<li class="Nav-item">CONTACT</li>
<li class="Nav-item">APPLY</li>
</ul>
</div>
<div class="Intro">
<h1 class="IntroHead">
The Computer Science Education<br/>of the Future
</h1>
<p class="IntroBody">
Immersive preparation for the world's most in-demand careers,<br/>for as little as <b>$0 until you're hired</b>
</p>
<div>
<ul class="ViewApply">
<li class="View">VIEW COURSES</li>
<li class="Apply">APPLY NOW</li>
</ul>
</div>
</div>
</div>
<div class="Body">
<h1 class="Heading">A New Model for Higher Education</h1>
<p class="BodyText">Lambda School invests in a small number of ambitious individuals training them for the world's most in-demand careers</p>
<p class="BodyText">In exchange, Lambda School graduates pay back a small percentage of their salary after they are hired.</p>
<div class="SmallBlocks">
<div class="SmallBlock">
<h5 class="SmallTitles">Selection</h5>
<p class="BlockBodyText">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="SmallBlock">
<h5 class="SmallTitles">Training</h5>
<p class="BlockBodyText">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="Body2">
<h1 class="Heading">Lambda School Courses</h1>
<div class="SmallBlocks2">
<div class="SmallBlock2">
<h5 class="SmallTitles2"><b>COMPUTER SCIENCE</b> ACADAMY</h5>
<div class="Line"></div>
<p class="BlockBodyText2">6 months (full-time)<br/>
Web & Software Engineering
<br/><br/>
<b>$0 up-front</b><br/>
+ 17% of salary for 2 yrs<br/>
<br/>
(or $20,000 up-front)
</p>
<h5 class="Learn">LEARN MORE</h5>
</div>
<div class="SmallBlock2">
<h5 class="SmallTitles2"><b>MACHINE LEARNING & AI</b> ACADEMY</h5>
<div class="Line"></div>
<p class="BlockBodyText2">6 months (full-time)<br/>
Machine & Deep Learning
<br/><br/>
<b>$0 up-front</b><br/>
+ 17% of salary for 2 yrs<br/>
<br/>
(or $20,000 up-front)
</p>
<h5 class="Learn">LEARN MORE</h5>
</div>
</div>
</div>
<div class="Body3">
<div class="PicText">
<img class="SidePic" src="https://lambdaschool.com/assets/img/istock1blue.jpg">
<div class="SmallBlock3">
<h3>The skills you need, wherever you are</h3>
<p class="BlockBodyText">
Lambda School is live streamed from Silicon Valley to a small group of students participating from all over the world.
<br/><br/>
Students learn cutting-edge technology from world class instructors at no up-front cost and without having to relocate or acquire expensive housing.
<br/><br/>
Classes are live, interactive and include one-on-one help, real projects, and frequent code reviews.
</p>
</div>
</div>
</div>
<div class="Body4">
<h1 class="Heading">Graduate Risk-Free</h1>
<p class="BodyText2">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.
<h2 class="Heading2">No more unpayable student loans.</h2>

<div class="SmallBlocks">
<div class="SmallBlock">
<h5 class="SmallTitles3">A RISK-FREE CAREER</h5>
<p class="BlockBodyText">Once you have a high-paying job, you'll pay back tuition as a fixed percentage of your salary.</p>
</div>
<div class="SmallBlock">
<h5 class="SmallTitles3">ALIGNED INCENTIVES</h5>
<p class="BlockBodyText">Because we invest in you, instead of the other way around, we only make money when you do.</p>
</div>
</div>
</div>
<div class="Body5">
<h5 class="SmallTitles4">CLASSROOM EXPERIENCE</h5>
<p class="BlockBodyText3">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>
</body>
Empty file added js.js
View file
Open in desktop
Empty file.
276 changes: 276 additions & 0 deletions styles.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,276 @@
.TopSection {
background: url(https://lambdaschool.com/assets/img/background.jpg);
background-image: url(https://lambdaschool.com/assets/img/background.jpg);
background-color: #5a99bd;
background-blend-mode: soft-light;
background-size: contain;
}

.Nav {
padding: 15px;
margin: 0px;
}

.Nav--blue {
color: white;
display: inline-flex;
width: 100%;
margin: 0px;
padding: 10px 0px;
height: 60px;
border: #5a99bd;
border-bottom-width: 0.5px;
border-bottom-color: #5a99bd;
border-bottom-style: solid;
}

.Nav-item {
display: inline;
padding: 20px 25px;
padding-top: 30px;
position: relative;
font-size: 16px;
font-weight: 400;
letter-spacing: 1px;
font-family: 'Montserrat','Helvetica','Arial',sans-serif;
}

.Nav-logo {
display: inline;
padding-top: 0px;
padding: 10px;
}

.Intro {
text-align: center;
padding: 300px 10px;
width: 100%;
font-family: 'Montserrat','Helvetica','Arial',sans-serif;
color: white;
}
.IntroHead {
color: white;
font-size: 50px;
font-weight: 600px;
}
.IntroBody {
font-size: 24px;
padding: 5px;
line-height: 40px;
margin-bottom: 5px;
}

.ViewApply {
display: inline-flex;
padding: 0px;
position: relative;
font-size: 10px;
font-weight: 400;
letter-spacing: 1px;
font-family: 'Montserrat','Helvetica','Arial',sans-serif;
}

.View {
display: inline;
margin: 0px 20px;
padding: 15px 40px;
border: 1px solid white;
}

.Apply {
color: #5a99bd;
display: inline;
margin: 0px 20px;
padding: 15px 50px;
background-color: white
}

.Heading {
color: #333333;
font-family: 'Lora','Helvetica','Arial',sans-serif;
text-align: center;
font-size: 35px;
}

.Heading2 {
color: #333333;
font-family: 'Lora','Helvetica','Arial',sans-serif;
text-align: center;
font-size: 25px;
margin-top: 80px;
}

.BodyText {
color: #676767;
font-size: 26px;
padding: 5px 100px;
}

.BodyText2 {
color: #676767;
text-align: center;
font-size: 26px;
padding: 5px 100px;
}

.Body {
padding: 75px;
background: #f8f8f8;
}

.Body2 {
padding: 75px;
background: #EFEFEF;
}

.Body4 {
padding: 75px;
background: #EFEFEF;
}

.Body5 {
color: #f8f8f8;
padding: 180px 220px;
background: #1F1F1F;
}

h1, h2, h3, h4, h5 {
color: #333333;
font-family: 'Lora','Helvetica','Arial',sans-serif;
}

.SmallTitles {
font-size: 20px;
text-align: left;
}

.SmallTitles2 {
font-size: 12px;
text-align: center;
font-family: 'Montserrat','Helvetica','Arial',sans-serif;
font-weight: 400;
letter-spacing: 1px;
}

.SmallTitles3 {
font-size: 12px;
text-align: left;
font-family: 'Montserrat','Helvetica','Arial',sans-serif;
font-weight: 400;
letter-spacing: 1px;
}

.SmallTitles4 {
color: #EFEFEF;
font-size: 12px;
text-align: left;
font-family: 'Montserrat','Helvetica','Arial',sans-serif;
font-weight: 400;
letter-spacing: 1px;
}

.SmallBlocks {
display: inline-flex;
width: 100%;
margin-left: auto;
margin-right: auto;
padding: 0px 50px;
}

.SmallBlocks2 {
display: inline-flex;
width: 100%;
margin-left: auto;
margin-right: auto;
padding: 0px 50px;
font-family: 'Lora','Helvetica','Arial',sans-serif;
margin-top: 50px;
padding-bottom: 50px;
}

.SmallBlock {
display: block;
width: 500px;
margin: 0px 50px;
}

.SmallBlock2 {
text-align: center;
background: #f8f8f8;
display: block;
width: 500px;
margin: 0px 20px;
padding: 80px 30px;
}

.SmallBlock3 {
display: block;
width: 50%;
margin: 80px 10px;
padding: 100px 15px;
}


.BlockBodyText {
color: #676767;
font-size: 26px;
padding: 0px;
}

.BlockBodyText3 {
color: #EFEFEF;
font-size: 26px;
padding: 0px;
padding-right: 100px;
}

.BlockBodyText2 {
text-align: center;
color: #676767;
font-size: 16px;
padding: 0px 100px;
font-family: 'Lora','Helvetica','Arial',sans-serif;
font-weight: 300;
margin-bottom: 60px;
line-height: 28px;
}

.Line {
background-color: #D3D3D3;
height: .5px;
padding: 0px 40px;
margin: 0px 30px;
}

.Learn {
font-size: 12px;
text-align: center;
font-family: 'Montserrat','Helvetica','Arial',sans-serif;
font-weight: 400;
letter-spacing: 1px;
color: white;
display: inline;
margin: 40px 20px;
padding: 15px 50px;
background-color: #5a99bd
}

.Body3 {
padding: 0px;
background: #f8f8f8;
}

.SidePic {
display: flex;
width: 30%;
position: relative;
margin-right: 80px;
}

.PicText {
display: inline-flex;
width: 100%;
margin-left: 0;
margin-right: auto;
padding: 0px 0px;
}