diff --git a/about.html b/about.html new file mode 100644 index 0000000..428ca28 --- /dev/null +++ b/about.html @@ -0,0 +1,132 @@ + + + + + + + + + + + + + + + + Home - TJSGA + + + +
+ + +
+
+
+
+
+

SGA Officers

+
+
+
+
+ Nick Begotka '18 +

+     Welcome to Thomas Jefferson High School for Science and Technology's school-wide Student Government + Association's new home on the web! As you know, TJ is going through some very exciting times, and + we want you to be a part of it with us. +

+
+
+
+
+
+
+ Nick Begotka '18 +

+     Welcome to Thomas Jefferson High School for Science and Technology's school-wide Student Government + Association's new home on the web! As you know, TJ is going through some very exciting times, and + we want you to be a part of it with us. +

+
+
+
+
+
+
+ Nick Begotka '18 +

+     Welcome to Thomas Jefferson High School for Science and Technology's school-wide Student Government + Association's new home on the web! As you know, TJ is going through some very exciting times, and + we want you to be a part of it with us. +

+
+
+
+
+
+
+ Nick Begotka '18 +

+     Welcome to Thomas Jefferson High School for Science and Technology's school-wide Student Government + Association's new home on the web! As you know, TJ is going through some very exciting times, and + we want you to be a part of it with us. +

+
+
+
+
+
+

SGA Executive Committee

+
+ The Executive Committee (ExComm) is a integral sub-group of the SGA. Its members act as representatives of the student body. The members work with the officers to organize events and activities throughout to year. While several ExComm positions may have more specific roles, all are working towards the goals of the SGA. Applications to be on ExComm are released every June after Class Council elections have been completed. +
+
+
+
+
+
+
+
+
+ + + + + \ No newline at end of file diff --git a/css/about.css b/css/about.css new file mode 100644 index 0000000..bc6e462 --- /dev/null +++ b/css/about.css @@ -0,0 +1,51 @@ +.officers-image { + width: 100%; + height: 20vh; +} + +.officers-image:after { + width: 20vh; + height: 20vh; + content: ''; + display: block; + position: relative; + left: calc(50% - 10vh); + background-image: url('../img/profile.jpg'); + background-size: contain; + background-position: center; + border-radius: 50%; +} + +.officers-text { + font-size: 1.2em; + color: #fff; + width: 100%; +} + +.officers-text > span { + font-size: 1.4em; + font-weight: bold; +} + +.officers-intro { + text-align: center; + width: calc(50% - 8vw); + margin: 2vw; + display: flex; + flex-wrap: wrap; + +} + +#excomm-text { + width: 100%; + margin: 2vw; +} + +#officers, #excomm { + display: flex; + flex-wrap: wrap; +} + +#officers > h2, #excomm > h2 { + text-align: center; +} diff --git a/css/main.css b/css/main.css index f619c84..5495502 100644 --- a/css/main.css +++ b/css/main.css @@ -154,14 +154,7 @@ section { display: flex; } -#about { - display: flex; - height: 100%; - justify-content: center; - flex-flow: row wrap; -} - -#updates { +#intro, #updates, #officers { display: flex; height: 100%; justify-content: center; diff --git a/css/responsive.css b/css/responsive.css index fb415f2..d8105f5 100644 --- a/css/responsive.css +++ b/css/responsive.css @@ -80,6 +80,12 @@ section { max-width: 750px; } + .officers-intro { + width: 90vw; + } + .offiers-image { + width: 45%; + } } @media screen and (min-width: 1100px) { diff --git a/img/profile.jpg b/img/profile.jpg new file mode 100644 index 0000000..551e16a Binary files /dev/null and b/img/profile.jpg differ diff --git a/index.html b/index.html index 5d5920d..6db7bbd 100644 --- a/index.html +++ b/index.html @@ -42,7 +42,7 @@
-
+

Welcome!