Skip to content

Commit 3b7f80a

Browse files
author
Kevin Love
committed
Initial push, loaded bootstrap, exported assets, started developing out home page elements.
0 parents  commit 3b7f80a

11 files changed

+450
-0
lines changed

‎css/bootstrap.min.css

+7
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎css/custom-styles.css

+218
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,218 @@
1+
/* helpers */
2+
.mw-980{
3+
max-width:980px !important;
4+
margin:0 auto;
5+
}
6+
.white{
7+
color:#FFFFFF;
8+
}
9+
10+
/* navigation */
11+
.top-logo{
12+
display: block;
13+
height: 50px;
14+
width: 136px;
15+
background: url(../img/logo.svg) no-repeat;
16+
background-size: 100%;
17+
color: transparent;
18+
font-size: 0;
19+
line-height: 0;
20+
}
21+
.logo-negative{
22+
background: url(../img/logo-negative.svg) no-repeat;
23+
}
24+
.navigation-item{
25+
margin-left: 16px;
26+
padding-bottom: 0;
27+
padding-top: 0;
28+
border-top: 0;
29+
}
30+
.nav-anchor{
31+
color: #fff;
32+
font-family: 'Roboto', sans-serif;
33+
}
34+
.nav-anchor:hover {
35+
color: #FBBE7D;
36+
text-decoration: none;
37+
}
38+
39+
/* Masthead */
40+
.masthead {
41+
min-height: 500px;
42+
height:680px;
43+
background-image:url(../img/header-bg-image.jpg);
44+
background-size: cover;
45+
background-position: center;
46+
background-repeat: no-repeat;
47+
}
48+
.masthead h1{
49+
font-family: 'Roboto', sans-serif;
50+
font-size: 58px;
51+
font-weight: 700 !important;
52+
color: #FFFFFF;
53+
text-align: left;
54+
line-height: 45px;
55+
}
56+
.masthead .lead{
57+
font-family: 'Roboto', sans-serif;
58+
font-weight:400 !important;
59+
font-size: 24px;
60+
color: #AECEE3;
61+
text-align: left;
62+
margin:1.5rem 0;
63+
line-height: 1.45;
64+
}
65+
66+
/* buttons */
67+
.orange-cta{
68+
cursor: pointer;
69+
display: inline-block;
70+
padding: 16px 32px;
71+
vertical-align: top;
72+
-webkit-appearance: none;
73+
-moz-appearance: none;
74+
border-radius: 5px;
75+
border: 1px solid transparent;
76+
border-radius: 5px;
77+
background: #FAB266;
78+
color: #fff;
79+
font-size: 1.3rem;
80+
font-weight: bold;
81+
line-height: 1;
82+
text-align: center;
83+
text-decoration: none;
84+
text-transform: uppercase;
85+
transition:.2s ease;
86+
}
87+
.orange-cta:hover{
88+
transition:.2s ease;
89+
border: 1px solid #FAB266;
90+
border-radius: 5px;
91+
background: transparent;
92+
color: #FAB266;
93+
text-decoration: none;
94+
}
95+
96+
97+
#section-one {
98+
padding-top: 6rem;
99+
/* background-color:#a2b9c6; */
100+
background-image:url(../img/section-one-overlay.png);
101+
background-size:cover;
102+
background-repeat: no-repeat;
103+
height:700px;
104+
}
105+
#section-one .section-one--content{
106+
max-width:500px;
107+
margin:0 auto;
108+
display:block;
109+
}
110+
#section-one .section-one--content h2{
111+
font-family: 'Roboto', sans-serif;
112+
font-size: 76px;
113+
color: #0B476D;
114+
text-align: center;
115+
line-height: 76px;
116+
font-weight:700;
117+
margin-bottom:1.5rem;
118+
}
119+
#section-one .section-one--content .lead{
120+
font-family: 'Roboto', sans-serif;
121+
font-size: 24px;
122+
color: #080E1A;
123+
text-align: center;
124+
font-weight: 400;
125+
}
126+
127+
128+
129+
130+
body{
131+
overflow-x: hidden;
132+
}
133+
.col-right-dark, .col-dark-grey, .col-grey, .col-left-dark {
134+
position: relative;
135+
}
136+
.col-right-dark:before, .col-left-dark:before, .col-dark-grey:before, .col-grey:before {
137+
content: '';
138+
background-color: #00173D;
139+
background-image:url(../img/stars-bg.png);
140+
background-attachment: fixed;
141+
position: absolute;
142+
top: 0;
143+
right: 0;
144+
width: 100vw;
145+
height: 100%;
146+
z-index: -1;
147+
}
148+
.col-grey:before {
149+
background-color: #EAECEF;
150+
}
151+
.image-col-left .inner {
152+
padding: 100px 0;
153+
}
154+
.col-offset-top {
155+
margin-top: -40px;
156+
z-index: 2;
157+
}
158+
.col-right-dark, .col-left-dark {
159+
color: #ffffff;
160+
}
161+
.sky-box .inner {
162+
padding: 120px 0 90px 90px;
163+
}
164+
.col-right-dark:last-child:before, .col-left-dark:last-child:before, .col-dark-grey:last-child:before, .col-grey:last-child:before {
165+
right: auto;
166+
left: 0;
167+
}
168+
.col-offset-bottom {
169+
margin-bottom: -40px;
170+
z-index: 2;
171+
}
172+
.sky-box-left .inner {
173+
padding-top: 130px;
174+
}
175+
.content-box-right .inner {
176+
padding: 90px 0 90px 90px;
177+
}
178+
179+
180+
181+
182+
183+
184+
185+
186+
@media (max-width: 1499px){
187+
.image-col-left .inner {
188+
padding: 50px 0;
189+
}
190+
.sky-box .inner {
191+
padding: 40px 0 50px 40px;
192+
}
193+
.sky-box-left .inner {
194+
padding-top: 50px;
195+
}
196+
.content-box-right .inner {
197+
padding: 50px 20px 50px 40px;
198+
}
199+
}
200+
@media screen and (max-width: 767px){
201+
.col-right-dark:before, .col-left-dark:before, .col-dark-grey:before, .col-grey:before {
202+
right: -100vw;
203+
width: 200vw;
204+
}
205+
.col-offset-top {
206+
margin-top: 0;
207+
}
208+
.col-offset-bottom{
209+
margin-bottom:0;
210+
}
211+
.col-right-dark:last-child:before, .col-left-dark:last-child:before, .col-dark-grey:last-child:before, .col-grey:last-child:before {
212+
left: -100vw;
213+
width: 200vw;
214+
}
215+
.sky-box .inner, .sky-box-left .inner {
216+
padding: 50px 0 50px 0px;
217+
}
218+
}

‎img/framework-img.png

188 KB
Loading

‎img/header-bg-image.jpg

440 KB
Loading

‎img/logo-negative.svg

+24
Loading

‎img/logo.svg

+47
Loading

‎img/section-one-overlay.png

564 KB
Loading

‎img/stars-bg.png

23.2 KB
Loading

0 commit comments

Comments
 (0)