diff --git a/app.js b/app.js new file mode 100644 index 0000000..e69de29 diff --git a/assets/691951_group.jpg b/assets/691951_group.jpg new file mode 100644 index 0000000..1326500 Binary files /dev/null and b/assets/691951_group.jpg differ diff --git a/assets/7306489_f520.jpg b/assets/7306489_f520.jpg new file mode 100644 index 0000000..375596f Binary files /dev/null and b/assets/7306489_f520.jpg differ diff --git a/assets/8121823-Open5.png b/assets/8121823-Open5.png new file mode 100644 index 0000000..4a8ae24 Binary files /dev/null and b/assets/8121823-Open5.png differ diff --git a/assets/ApprenticeBreakdown.png b/assets/ApprenticeBreakdown.png new file mode 100644 index 0000000..9e31c8c Binary files /dev/null and b/assets/ApprenticeBreakdown.png differ diff --git a/assets/background.jpg b/assets/background.jpg new file mode 100644 index 0000000..cd1b968 Binary files /dev/null and b/assets/background.jpg differ diff --git a/assets/lambdawhite.png b/assets/lambdawhite.png new file mode 100644 index 0000000..98f9a2e Binary files /dev/null and b/assets/lambdawhite.png differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..02ca05e --- /dev/null +++ b/index.html @@ -0,0 +1,99 @@ + + + + + + Lambda School - A computer science education that's 100% free until you're hired. + + + +
+
+ +
+
+
+
ABOUT
+
COURSES
+
BLOG
+
CONTACT
+
APPLY
+

The Computer Science Education
of the Future

+

Immersive preparation for the world's most in-demand careers,
+ for as little as $0 until you're hired

+
+
VIEW COURSES
APPLY NOW
+
+ +
+ +
+

A New Model for Higher Education

+

Lambda School invests in a small number of ambitious individuals by
training them for the world's most in-demand careers.

+

In exchange, Lambda School graduates pay back a small percentage
of their salary after they are hired.

+
+
Selection
+
+
Our unique application and
+ interview process is designed to
+ identify those with great
+ aptitude for a technical career,
+ regardless of their background.
+
+
+
Training
+
+
+ Once students are selected, a
+ small class undergoes live,
+ intensive online training
+ designed to meet the rigorous
+ demands of our hiring partners.
+
+ +
+
+ + + \ No newline at end of file diff --git a/styles.css b/styles.css new file mode 100644 index 0000000..18c536a --- /dev/null +++ b/styles.css @@ -0,0 +1,132 @@ +html, body { + margin:0; + height: 100%; + width: auto; + background-color: whitesmoke; +} +#bg_image { + background-image:url("./assets/background.jpg"); + background-position-y: -150px; + width: 100%; + height: 100%; + opacity: .2; +} +.top_section { + width: 100%; + height: 100%; + background: #428fbb ; + opacity: 1; +} +.top_section h1 { + text-align: center; + color: white; + font-size: 4em; + font-family: Arial, Helvetica, sans-serif; + position: relative; + top: 125px; + line-height: 1; + } +.top_section p { + position: relative; + font-family: 'Times New Roman', Times, serif; + color: white; + text-align: center; + font-size: 1.65em; + top:100px; + line-height: 40px; + opacity: 0.9; + } +.nav_upper { + width: 100%; + height:55px; + padding-top:10px; + position: absolute; + top: 0; + border-bottom: solid 1px rgba(255, 255, 255,0.17); +} +.nav_upper .nav-tab { + color: white; + font-family: Georgia, 'Times New Roman', Times, serif; + text-align: center; + display: inline-block; + margin-right: 10px; + padding: 10px 10px 20px 10px; + width: auto; + font-size: 0.8em; + font-weight: 600; + +} +.nav_upper .nav-tab:hover { + opacity: 0.5; + cursor: pointer; +} +.nav_lower { + width: 100%; + height:0; + padding-top:10px; + position: fixed; + top: 0; + opacity: 0; + background-color:black; + border-bottom: solid 1px rgba(255, 255, 255,0.17); + -webkit-transition: height 0.5s; + -webkit-transition: height 0.5s; +} +.nav_lower .nav-tab { + color: white; + font-family: Georgia, 'Times New Roman', Times, serif; + text-align: center; + display: inline-block; + margin-right: 10px; + padding: 10px 10px 20px 10px; + width: auto; + font-size: 0.8em; + font-weight: 600; + +} +.nav_lower .nav-tab:hover { + opacity: 0.5; + cursor: pointer; +} +.drop_down { + height: 280px; + width: 26%; + background-color: black; + position: absolute; + top:65px; + left:18%; + opacity:0; + display: none; + + -webkit-transition: opacity 0.5s, padding 0.5s; + transition: opacity 0.5s, padding 0.5s; + +} +#courses { + +} +.drop_down .view_all_courses { + color: white; + padding:15px 10px 5px 15px; + + font-family: Arial, Helvetica, sans-serif; + font-size: 0.8em; + font-weight: 700; + opacity: 0.5; + -webkit-transition: opacity 0.5s, padding 0.5s; + transition: opacity 0.5s, padding 0.5s; +} +.drop_down .view_all_courses:hover { + padding-left:20px; + opacity: 1; + cursor: pointer; +} +#ts_content { + width: 100%; + height:100%; + background-color: whitesmoke; + +} +#ts_content p { + color: blackl +}