-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathoutreach.html
61 lines (60 loc) · 2.19 KB
/
outreach.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
<!DOCTYPE html>
<html lang="en">
<style>
body {
background-color: #003375;
margin: 0; /* Remove default margin */
}
.box {
width: 90%;
padding: 10px;
border: 5px solid white; /* Specify solid border */
margin: auto;
background-color: white;
display: flex; /* Use flexbox */
flex-wrap: wrap; /* Allow wrapping */
justify-content: center; /* Center items */
}
.portrait {
width: 150px; /* Set fixed width */
height: auto; /* Maintain aspect ratio */
margin: 10px; /* Spacing between portraits */
}
.bigtitle {
font-size: 400%;
font-family: sans-serif;
color: rgb(255, 255, 255);
text-align: center; /* Center title */
margin: 20px 0; /* Add vertical spacing */
}
.header {
font-size: 150%;
font-family: sans-serif;
color: black;
text-align: center; /* Center header */
width: 90%;
}
.member {
display: flex;
flex-direction: column; /* Stack text and image */
align-items: center; /* Center items */
}
.normtext {
font-family:Sans-Serif;
color:black;
}
</style>
<body>
<h1 class="bigtitle">First Tech Challenge</h1>
<div style="width: 90%; margin: auto;">
<img width="90%" src="https://media.team254.com/homepage/skyline2x.png" alt="Team Skyline">
</div>
<div class="box">
<h4 class = "normtext" style="line-height: 1;">FIRST stands for "For Inspiration and Recognition
of Science and Technology. FIRST is based on two major values, Gracious Professionalism and Coopertition.
Gracious Professionalism reperesents treating each other with respect and dignity, leading to high quality
work and fierce competition. Meanwhile, Coopertition inspires kindness, learning, and cooperation with and
between teams.</h6>
<a href=https://www.firstinspires.org/ class="normtext">FIRST Website</a>
</div>
</body>