Skip to content

Commit f4aaaa0

Browse files
BrennerKroghBrennerKrogh
authored
Add files via upload
0 parents  commit f4aaaa0

36 files changed

+3095
-0
lines changed

‎.gitattributes

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,2 @@
1+
# Auto detect text files and perform LF normalization
2+
* text=auto

‎FS1_FirstDrive.jpg

3.39 MB
Loading

‎FS2_photoshoot.jpg

599 KB
Loading

‎FS_2-SIDEVIEW.JPG

3.71 MB
Loading

‎FSeLogoSC.pdf

205 KB
Binary file not shown.

‎FSexpandedLogoWriting.png

14.2 KB
Loading

‎FSicon.png

2.34 KB
Loading

‎Leadership.css

Lines changed: 321 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,321 @@
1+
body {
2+
margin: 0;
3+
padding: 0;
4+
box-sizing: border-box;;
5+
color: #e6e6e6;
6+
background-color: #141624;
7+
}
8+
9+
/* navy background color: #1b263b or #2c3e50 */
10+
11+
nav {
12+
width: 100%;
13+
z-index: 100;
14+
position: fixed;
15+
top: 0px;
16+
left: 0;
17+
background-color: #1B263B;
18+
19+
}
20+
21+
.nav {
22+
list-style-type: none;
23+
display: flex;
24+
justify-content: center;
25+
padding: 0;
26+
margin: 0;
27+
align-items: center;
28+
}
29+
30+
.nav li {
31+
flex: 1;
32+
text-align: center;
33+
padding: 1% 0 .5% 0;
34+
justify-content: center;
35+
36+
}
37+
38+
.nav a {
39+
display: flex;
40+
align-items: center;
41+
justify-content: center;
42+
color: #e6e6e6;
43+
text-align: center;
44+
text-decoration: none;
45+
font-size: 1.2em;
46+
font-family: scandia-web;
47+
font-weight: bold;
48+
}
49+
50+
51+
.nav a img {
52+
width: 2%; /* Adjust as needed */
53+
height: 2%; /* Adjust as needed */
54+
}
55+
56+
57+
58+
.nav a:hover {
59+
opacity: 0.5; /* Adjust opacity value here */
60+
transition: opacity 0.5s ease;
61+
}
62+
63+
64+
@media screen and (max-width: 600px) {
65+
.nav {
66+
flex-direction: column;
67+
}
68+
.nav li {
69+
margin: 0;
70+
}
71+
72+
73+
}
74+
75+
76+
h1 {
77+
display: flex;
78+
justify-content: center;
79+
align-items: center;
80+
padding: 7% 0 1% 0;
81+
font-family: scandia-web;
82+
font-size: 3.5em;
83+
font-style: italic;
84+
font-weight: bold;
85+
}
86+
87+
88+
89+
90+
h2 {
91+
display: flex;
92+
justify-content: center;
93+
align-items: center;
94+
font-family: scandia-web;
95+
font-size: 2.80em;
96+
font-weight: bold;
97+
98+
padding: 20px;
99+
opacity: 100%;
100+
color: #e6e6e6;
101+
102+
103+
104+
}
105+
106+
.banner {
107+
margin: 0 auto;
108+
background-color: #21374d;
109+
text-align: center;
110+
top: 0px; /* will change with javascript?*/
111+
position: -webkit-sticky; /* For Safari */
112+
113+
114+
z-index: 101; /* Ensures it appears above other content */
115+
116+
transition: transform 0.5s ease-in-out;
117+
}
118+
119+
120+
121+
.banner.visible {
122+
position:sticky;
123+
124+
top: 0px;
125+
transform: translateY(0%);
126+
127+
}
128+
129+
.banner.hidden {
130+
131+
position: static;
132+
133+
}
134+
135+
136+
.member_title {
137+
display: flex;
138+
font-family: Roboto Condensed;
139+
font-size: 1.70em;
140+
padding: 1% 0 0.5% 2.5%;
141+
font-weight: bold;
142+
color: #e6e6e6;
143+
justify-content: center;
144+
145+
}
146+
147+
.member_name {
148+
display: flex;
149+
font-family: Roboto Condensed;
150+
font-size: 1.50em;
151+
padding: 1% 0 0.5% 2.5%;
152+
font-weight: bold;
153+
color: #e6e6e6;
154+
justify-content: center;
155+
156+
}
157+
158+
.lead_name {
159+
display: flex;
160+
flex-direction: column;
161+
font-family: Roboto Condensed;
162+
font-size: 1.50em;
163+
padding: 20px;
164+
color: #e6e6e6;
165+
width: 250px;
166+
height: 80px;
167+
168+
background-color: #1b263b;
169+
transition: transform 0.5s ease
170+
171+
}
172+
173+
174+
175+
.lead_name:hover {
176+
transform: scale(1.1);
177+
}
178+
179+
.pictures {
180+
margin-top: 40px;
181+
display: flex;
182+
justify-content: center;
183+
align-items: center;
184+
185+
186+
}
187+
188+
.teampics {
189+
width: 80%;
190+
margin: auto;
191+
margin-top: 40px;
192+
}
193+
194+
195+
.flex-container {
196+
display: flex;
197+
justify-content: center;
198+
199+
width: 70%;
200+
margin: 2% auto;
201+
202+
203+
}
204+
205+
206+
.flex-container > div {
207+
margin: 20px;
208+
padding: 0% 1% 0% 1%;
209+
align-items: center;
210+
justify-content: center;
211+
212+
}
213+
214+
.electrical_flex {
215+
width: 80%;
216+
}
217+
218+
@media screen and (max-width: 600px) {
219+
.flex-container {
220+
flex-wrap: wrap;
221+
justify-content: center;
222+
223+
max-width: 80%;
224+
225+
}
226+
227+
.electrical_flex {
228+
margin: 0 auto;
229+
}
230+
231+
h2 {
232+
font-size: 1.75em;
233+
}
234+
235+
}
236+
237+
.portrait {
238+
flex: 1 1 250px;
239+
240+
border: 2px solid #1b263b; /* Adds a border around the box */
241+
padding: 10px; /*Space inside the border */
242+
width: 200px; /* Width of the box */
243+
background-color: #1b263b; /* Background color for the box */
244+
text-align: center; /* Center text and image */
245+
margin: 10px auto;
246+
transition: transform 0.5s ease;
247+
248+
}
249+
250+
.portrait:hover {
251+
transform: scale(1.1);
252+
}
253+
254+
255+
256+
.flex {
257+
display: flex;
258+
flex-direction: row;
259+
flex-wrap: nowrap;
260+
justify-content: flex-start;
261+
padding: 1% 2.5% 10% 2.5%;
262+
align-items: center;
263+
}
264+
265+
266+
.email {
267+
display: flex;
268+
justify-content: center;
269+
align-items: center;
270+
height: 2vh;
271+
font-family: Titillium Web;
272+
font-size: 1.30em;
273+
font-weight: bold;
274+
padding: 5% 0 .5% 0;
275+
}
276+
277+
278+
.socials {
279+
display: flex;
280+
justify-content: center;
281+
align-items: center;
282+
flex-direction: row;
283+
flex-wrap: nowrap;
284+
padding: 2% 2% 2% 2%;
285+
background-color: #1B263B;
286+
z-index: 2;
287+
}
288+
289+
.socials a {
290+
transition: opacity 0.5s ease;
291+
}
292+
293+
.socials a:hover {
294+
opacity: 50%;
295+
}
296+
297+
.insta {
298+
padding: 0 0.5% 0 0.5%;
299+
}
300+
301+
.youtube {
302+
padding: 0 0.5% 0 0.5%;
303+
}
304+
305+
.mail {
306+
padding: 0 0.5% 0 0.5%;
307+
}
308+
309+
.linked {
310+
padding: 0 0.5% 0 0.5%;
311+
}
312+
313+
.copyright {
314+
display: flex;
315+
align-items: center;
316+
justify-content: center;
317+
font-family: Scandia;
318+
font-style: italic;
319+
font-size: 1em;
320+
padding: 1% 0;
321+
}

0 commit comments

Comments
 (0)