mirror of
https://github.com/tjsga/website-2018.git
synced 2025-04-09 22:10:18 -04:00
06/18/2018 Commit
This commit is contained in:
AnubisSQLi
parent
7a4c96a49e
commit
159179999b
271
css/index.css
271
css/index.css
|
|
@ -1,24 +1,152 @@
|
|||
@import 'https://fonts.googleapis.com/css?family=Bitter:300,400,500';
|
||||
body {
|
||||
margin: 0px;
|
||||
font-family: "Bitter", "Helvetica", "Arial", sans-serif;
|
||||
@import 'https://fonts.googleapis.com/css?family=Montserrat:300,400,500';
|
||||
.valign {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.background {
|
||||
body {
|
||||
font-family: "Montserrat", "Helvetica", "Arial", sans-serif;
|
||||
margin: 0px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
overflow: hidden;
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
position: relative;
|
||||
flex-direction: column;
|
||||
color: #444;
|
||||
}
|
||||
.background img {
|
||||
|
||||
.navigation {
|
||||
width: 100vw;
|
||||
height: 118px;
|
||||
background-color: #FFF;
|
||||
}
|
||||
@media only screen and (max-width: 640px) {
|
||||
.navigation {
|
||||
height: 56px;
|
||||
}
|
||||
}
|
||||
.navigation .logo {
|
||||
height: 90px;
|
||||
margin-right: 50px;
|
||||
float: left;
|
||||
text-align: left;
|
||||
}
|
||||
@media only screen and (max-width: 798px) {
|
||||
.navigation .logo {
|
||||
margin-right: 10px;
|
||||
}
|
||||
}
|
||||
@media only screen and (max-width: 640px) {
|
||||
.navigation .logo {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
.navigation .socials {
|
||||
display: flex;
|
||||
width: auto;
|
||||
float: right;
|
||||
text-align: right;
|
||||
}
|
||||
@media only screen and (max-width: 798px) {
|
||||
.navigation .socials {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.seperate {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.seperate i {
|
||||
margin-left: 10px;
|
||||
font-size: 22px;
|
||||
color: #AAA;
|
||||
}
|
||||
.seperate i:hover {
|
||||
color: #444;
|
||||
}
|
||||
|
||||
nav {
|
||||
display: flex;
|
||||
float: left;
|
||||
text-align: left;
|
||||
font-size: 12px;
|
||||
flex-wrap: wrap;
|
||||
margin: 0px;
|
||||
}
|
||||
nav ul {
|
||||
list-style-image: none;
|
||||
list-style-type: none;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
}
|
||||
nav ul li a {
|
||||
padding: 6px;
|
||||
text-decoration: none;
|
||||
color: #444;
|
||||
font-family: "Montserrat", "Helvetica", "Arial", sans-serif;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 1.2px;
|
||||
line-height: 14.4px;
|
||||
font-weight: 400;
|
||||
}
|
||||
@media only screen and (max-width: 798px) {
|
||||
nav ul li a {
|
||||
margin: 2px;
|
||||
padding: 0px;
|
||||
}
|
||||
}
|
||||
nav ul li a:hover {
|
||||
color: #EBB85B;
|
||||
}
|
||||
@media only screen and (max-width: 640px) {
|
||||
nav {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.hero-image {
|
||||
height: 480px;
|
||||
background-color: #AAA;
|
||||
overflow: hidden;
|
||||
display: flex;
|
||||
align-items: flex-end;
|
||||
justify-content: center;
|
||||
}
|
||||
@media only screen and (max-width: 640px) {
|
||||
.hero-image {
|
||||
height: 280px;
|
||||
}
|
||||
}
|
||||
.hero-image img {
|
||||
flex-shrink: 0;
|
||||
min-width: 100%;
|
||||
min-height: 100%;
|
||||
position: relative;
|
||||
}
|
||||
.background .overlay {
|
||||
|
||||
.content {
|
||||
width: 100vw;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
padding-top: 43px;
|
||||
padding-bottom: 43px;
|
||||
}
|
||||
|
||||
.container {
|
||||
width: 1200px;
|
||||
margin-left: calc(50vw - 600px);
|
||||
margin-right: calc(50vw - 600px);
|
||||
}
|
||||
@media only screen and (max-width: 1220px) {
|
||||
.container {
|
||||
width: 100%;
|
||||
padding: 15px;
|
||||
margin: 0px;
|
||||
}
|
||||
}
|
||||
|
||||
.overlay {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
|
|
@ -27,49 +155,96 @@ body {
|
|||
top: 0;
|
||||
left: 0;
|
||||
position: absolute;
|
||||
min-width: 100%;
|
||||
min-height: 100%;
|
||||
background-color: rgba(77, 83, 137, 0.9);
|
||||
min-width: 100vw;
|
||||
min-height: 598px;
|
||||
}
|
||||
.background .overlay .title {
|
||||
@media only screen and (max-width: 640px) {
|
||||
.overlay {
|
||||
min-height: 336px;
|
||||
}
|
||||
}
|
||||
.overlay .title {
|
||||
text-align: center;
|
||||
opacity: 1;
|
||||
color: white;
|
||||
font-size: 2.7em;
|
||||
margin: 0px;
|
||||
margin-bottom: 5px;
|
||||
margin-left: 15px;
|
||||
margin-right: 15px;
|
||||
word-spacing: 5px;
|
||||
animation-name: fadeIn;
|
||||
animation-duration: 3s;
|
||||
animation-iteration-count: 1;
|
||||
font-size: 60px;
|
||||
color: #FFF;
|
||||
margin-top: 198px;
|
||||
}
|
||||
.background .overlay .underline {
|
||||
height: 7px;
|
||||
width: 35vw;
|
||||
background-color: #ecb85b;
|
||||
margin-bottom: 5px;
|
||||
animation-name: underline, fadeIn;
|
||||
animation-duration: 2s;
|
||||
animation-iteration-count: 1;
|
||||
@media only screen and (max-width: 640px) {
|
||||
.overlay .title {
|
||||
margin-top: 96px;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes underline {
|
||||
from {
|
||||
transform: scaleX(0);
|
||||
}
|
||||
to {
|
||||
transform: scaleX(1);
|
||||
.row {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
}
|
||||
@media only screen and (max-width: 640px) {
|
||||
.row {
|
||||
flex-direction: column;
|
||||
}
|
||||
}
|
||||
@keyframes fadeIn {
|
||||
from {
|
||||
opacity: 0;
|
||||
}
|
||||
to {
|
||||
opacity: 1;
|
||||
|
||||
.col {
|
||||
display: flex;
|
||||
flex: 1 1 0;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
text-align: center;
|
||||
}
|
||||
@media only screen and (max-width: 640px) {
|
||||
.col {
|
||||
flex: 1;
|
||||
}
|
||||
}
|
||||
|
||||
.segment {
|
||||
padding-left: 17px;
|
||||
padding-right: 17px;
|
||||
}
|
||||
|
||||
.segment-title {
|
||||
color: #EBB85B;
|
||||
font-size: 24px;
|
||||
padding-bottom: 17px;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.segment-para {
|
||||
color: #444;
|
||||
text-align: left;
|
||||
font-size: 22px;
|
||||
line-height: 33px;
|
||||
font-weight: 300;
|
||||
}
|
||||
|
||||
.segment-more-button {
|
||||
width: 80px;
|
||||
font-size: 11px;
|
||||
margin: 0 auto;
|
||||
padding-left: 23px;
|
||||
padding-right: 23px;
|
||||
padding-top: 13px;
|
||||
padding-bottom: 13px;
|
||||
border-radius: 3px;
|
||||
border-width: 2px;
|
||||
border-style: solid;
|
||||
border-color: #EBB85B;
|
||||
color: #EBB85B;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 1.2px;
|
||||
line-height: 14.4px;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.segment-more-button:hover {
|
||||
color: #FFF;
|
||||
background-color: #EBB85B;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.segment-image {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=css/index.css.map */
|
||||
|
|
|
|||
|
|
@ -1 +1 @@
|
|||
{"version":3,"sourceRoot":"","sources":["../scss/index.scss"],"names":[],"mappings":"AAAQ;AAER;EACC;EACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;EACA;EACA;;AAED;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAED;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;;AAKH;EACC;IACC;;EAGD;IACC;;;AAIF;EACC;IACC;;EAGD;IACC","file":"index.css"}
|
||||
{"version":3,"sourceRoot":"","sources":["../scss/index.sass"],"names":[],"mappings":"AAAQ;AAyBR;EACC;EACA;EACA;;;AAED;EACC,aA7BY;EA8BZ;EACA;EACA;EACA,OA/BO;;;AAiCR;EACC;EACA;EACA,kBArCkB;;AAWlB;EAuBD;IAKE;;;AACD;EACC;EACA;EACA;EACA;;AAjCD;EA6BA;IAME;;;AAnCF;EA6BA;IAQE;;;AACF;EACC;EACA;EACA;EACA;;AA1CD;EAsCA;IAME;;;;AAEH;EACC;EACA;;AACA;EACC;EACA;EACA,OA5DI;;AA6DL;EACC,OAhEM;;;AAiER;EACC;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;EACA;EACA;EACA;EACA;EACA;;AAEC;EACC;EACA;EACA,OAnFI;EAoFJ,aAtFS;EAuFT;EACA;EACA;EACA;;AA9EH;EAsEE;IAUE;IACA;;;AACF;EACC,OAzFc;;AAMjB;EAuDD;IA+BE;;;;AAEF;EACC;EACA;EACA;EACA;EACA;EACA;;AA9FA;EAwFD;IAQE;;;AACD;EACC;EACA;EACA;EACA;;;AAEF;EACC;EACA;EACA;EAtGA,aAuGkB;EAtGlB,gBAsGkB;;;AAEnB;EACC;EAtGA,aAuGmB;EAtGnB,cAsGmB;;AA/GnB;EA6GD;IAIE;IACA;IACA;;;;AAEF;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AA/HA;EAqHD;IAYE;;;AACD;EACC;EACA;EACA,OA9IM;EA+IN;;AAtID;EAkIA;IAME;;;;AAEH;EACC;EACA;;AA5IA;EA0ID;IAIE;;;;AACF;EACC;EACA;EACA;EACA;EACA;;AApJA;EA+ID;IAOE;;;;AAEF;EACC;EACA;;;AAED;EACC,OAnKiB;EAoKjB;EACA;EACA;;;AAED;EACC,OA7KO;EA8KP;EACA;EACA;EACA;;;AAED;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,cA1LiB;EA2LjB,OA3LiB;EA4LjB;EACA;EACA;EACA;;;AAED;EACC,OArMO;EAsMP,kBAnMiB;EAoMjB;;;AAED;EACC","file":"index.css"}
|
||||
BIN
resources/hero.png
Normal file
BIN
resources/hero.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.8 MiB |
BIN
resources/logo.png
Normal file
BIN
resources/logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 49 KiB |
BIN
resources/segment-1.jpg
Normal file
BIN
resources/segment-1.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 285 KiB |
BIN
resources/segment-2.jpg
Normal file
BIN
resources/segment-2.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 436 KiB |
BIN
resources/segment-3.jpg
Normal file
BIN
resources/segment-3.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 206 KiB |
208
scss/index.sass
Normal file
208
scss/index.sass
Normal file
|
|
@ -0,0 +1,208 @@
|
|||
@import 'https://fonts.googleapis.com/css?family=Montserrat:300,400,500'
|
||||
|
||||
$font-stack: "Montserrat", "Helvetica", "Arial", sans-serif
|
||||
$background-color: #FFF
|
||||
$color: #444
|
||||
$white: #FFF
|
||||
$dim: #AAA
|
||||
$primary-color: #4D5389
|
||||
$secondary-color: #EBB85B
|
||||
$break-small: 640px
|
||||
$break-awk: 798px
|
||||
$break-large: 1220px
|
||||
|
||||
=react($break)
|
||||
@media only screen and (max-width: $break)
|
||||
@content
|
||||
|
||||
=vertical-padding($pad)
|
||||
padding-top: $pad
|
||||
padding-bottom: $pad
|
||||
|
||||
=horizontal-margin($mar)
|
||||
margin-left: $mar
|
||||
margin-right: $mar
|
||||
|
||||
.valign
|
||||
display: flex
|
||||
flex-direction: row
|
||||
align-items: center
|
||||
|
||||
body
|
||||
font-family: $font-stack
|
||||
margin: 0px
|
||||
display: flex
|
||||
flex-direction: column
|
||||
color: $color
|
||||
|
||||
.navigation
|
||||
width: 100vw
|
||||
height: 118px
|
||||
background-color: $background-color
|
||||
+react($break-small)
|
||||
height: 56px
|
||||
.logo
|
||||
height: 90px
|
||||
margin-right: 50px
|
||||
float: left
|
||||
text-align: left
|
||||
+react($break-awk)
|
||||
margin-right: 10px
|
||||
+react($break-small)
|
||||
display: none
|
||||
.socials
|
||||
display: flex
|
||||
width: auto
|
||||
float: right
|
||||
text-align: right
|
||||
+react($break-awk)
|
||||
display: none
|
||||
|
||||
.seperate
|
||||
display: flex
|
||||
justify-content: space-between
|
||||
i
|
||||
margin-left: 10px
|
||||
font-size: 22px
|
||||
color: $dim
|
||||
i:hover
|
||||
color: $color
|
||||
nav
|
||||
display: flex
|
||||
float: left
|
||||
text-align: left
|
||||
font-size: 12px
|
||||
flex-wrap: wrap
|
||||
margin: 0px
|
||||
ul
|
||||
list-style-image: none
|
||||
list-style-type: none
|
||||
display: flex
|
||||
flex-direction: row
|
||||
margin: 0px
|
||||
padding: 0px
|
||||
li
|
||||
a
|
||||
padding: 6px
|
||||
text-decoration: none
|
||||
color: $color
|
||||
font-family: $font-stack
|
||||
text-transform: uppercase
|
||||
letter-spacing: 1.2px
|
||||
line-height: 14.4px
|
||||
font-weight: 400
|
||||
+react($break-awk)
|
||||
margin: 2px
|
||||
padding: 0px
|
||||
a:hover
|
||||
color: $secondary-color
|
||||
|
||||
+react($break-small)
|
||||
display: none
|
||||
|
||||
.hero-image
|
||||
height: 480px
|
||||
background-color: #AAA
|
||||
overflow: hidden
|
||||
display: flex
|
||||
align-items: flex-end
|
||||
justify-content: center
|
||||
+react($break-small)
|
||||
height: 280px
|
||||
img
|
||||
flex-shrink: 0
|
||||
min-width: 100%
|
||||
min-height: 100%
|
||||
position: relative
|
||||
|
||||
.content
|
||||
width: 100vw
|
||||
display: flex
|
||||
flex-wrap: wrap
|
||||
+vertical-padding(43px)
|
||||
|
||||
.container
|
||||
width: 1200px
|
||||
+horizontal-margin(calc(50vw - 600px))
|
||||
+react($break-large)
|
||||
width: 100%
|
||||
padding: 15px
|
||||
margin: 0px
|
||||
|
||||
.overlay
|
||||
display: flex
|
||||
justify-content: center
|
||||
align-items: center
|
||||
text-align: center
|
||||
flex-direction: column
|
||||
top: 0
|
||||
left: 0
|
||||
position: absolute
|
||||
min-width: 100vw
|
||||
min-height: 598px
|
||||
+react($break-small)
|
||||
min-height: 336px
|
||||
.title
|
||||
text-align: center
|
||||
font-size: 60px
|
||||
color: $white
|
||||
margin-top: 198px
|
||||
+react($break-small)
|
||||
margin-top: 96px
|
||||
|
||||
.row
|
||||
display: flex
|
||||
flex-direction: row
|
||||
+react($break-small)
|
||||
flex-direction: column
|
||||
.col
|
||||
display: flex
|
||||
flex: 1 1 0
|
||||
flex-direction: column
|
||||
justify-content: center
|
||||
text-align: center
|
||||
+react($break-small)
|
||||
flex: 1
|
||||
|
||||
.segment
|
||||
padding-left: 17px
|
||||
padding-right: 17px
|
||||
|
||||
.segment-title
|
||||
color: $secondary-color
|
||||
font-size: 24px
|
||||
padding-bottom: 17px
|
||||
font-weight: 500
|
||||
|
||||
.segment-para
|
||||
color: $color
|
||||
text-align: left
|
||||
font-size: 22px
|
||||
line-height: 33px
|
||||
font-weight: 300
|
||||
|
||||
.segment-more-button
|
||||
width: 80px
|
||||
font-size: 11px
|
||||
margin: 0 auto
|
||||
padding-left: 23px
|
||||
padding-right: 23px
|
||||
padding-top: 13px
|
||||
padding-bottom: 13px
|
||||
border-radius: 3px
|
||||
border-width: 2px
|
||||
border-style: solid
|
||||
border-color: $secondary-color
|
||||
color: $secondary-color
|
||||
text-transform: uppercase
|
||||
letter-spacing: 1.2px
|
||||
line-height: 14.4px
|
||||
font-weight: 400
|
||||
|
||||
.segment-more-button:hover
|
||||
color: $white
|
||||
background-color: $secondary-color
|
||||
font-weight: 500
|
||||
|
||||
.segment-image
|
||||
max-width: 100%
|
||||
|
|
@ -1,77 +0,0 @@
|
|||
@import 'https://fonts.googleapis.com/css?family=Bitter:300,400,500';
|
||||
|
||||
body {
|
||||
margin: 0px;
|
||||
font-family: "Bitter", "Helvetica", "Arial", sans-serif;
|
||||
}
|
||||
|
||||
.background {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
overflow: hidden;
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
position: relative;
|
||||
img {
|
||||
flex-shrink: 0;
|
||||
min-width: 100%;
|
||||
min-height: 100%;
|
||||
}
|
||||
.overlay {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
text-align: center;
|
||||
flex-direction: column;
|
||||
top: 0;
|
||||
left: 0;
|
||||
position: absolute;
|
||||
min-width: 100%;
|
||||
min-height: 100%;
|
||||
background-color: rgba(77, 83, 137, 0.9);
|
||||
.title {
|
||||
text-align: center;
|
||||
opacity: 1;
|
||||
color: white;
|
||||
font-size: 2.7em;
|
||||
margin: 0px;
|
||||
margin-bottom: 5px;
|
||||
margin-left: 15px;
|
||||
margin-right: 15px;
|
||||
word-spacing: 5px;
|
||||
animation-name: fadeIn;
|
||||
animation-duration: 3s;
|
||||
animation-iteration-count: 1;
|
||||
}
|
||||
.underline {
|
||||
height: 7px;
|
||||
width: 35vw;
|
||||
background-color: rgb(236, 184, 91);
|
||||
margin-bottom: 5px;
|
||||
animation-name: underline, fadeIn;
|
||||
animation-duration: 2s;
|
||||
animation-iteration-count: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes underline {
|
||||
from {
|
||||
transform: scaleX(0);
|
||||
}
|
||||
|
||||
to {
|
||||
transform: scaleX(1);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes fadeIn {
|
||||
from {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
to {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
|
@ -2,20 +2,67 @@
|
|||
<html lang='en'>
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8"/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link rel="stylesheet" type="text/css" href="css/index.css">
|
||||
<meta charset='UTF-8'/>
|
||||
<meta name='viewport' content='width=device-width, initial-scale=1.0'>
|
||||
<link rel='stylesheet' type='text/css' href='css/index.css'>
|
||||
<link rel='stylesheet' type='text/css' href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css'>
|
||||
<title>TJHSST SGA</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class='background'>
|
||||
<img src='resources/bkg.jpg'/>
|
||||
<div class='overlay'>
|
||||
<h1 class='title'>This site is under construction</h1>
|
||||
<div class='underline'></div>
|
||||
<p class='title'>TJSSHT SGA 2018-19</p>
|
||||
<div class='navigation valign'>
|
||||
<div class='container valign seperate'>
|
||||
<div class='valign'>
|
||||
<img class='logo' src='resources/logo.png'/>
|
||||
<nav>
|
||||
<ul>
|
||||
<li><a href='#'>About Us</a></li>
|
||||
<li><a href='#'>What We Do</a></li>
|
||||
<li><a href='#'>Projects</a></li>
|
||||
<li><a href='#'>News</a></li>
|
||||
<li><a href='#'>Get Involved</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
<div class='valign'>
|
||||
<div class='socials'>
|
||||
<a href='https://twitter.com/tjsga'><i class='fa fa-twitter'></i></a>
|
||||
<a href='mailto:sga.tjhsst@gmail.com'><i class='fa fa-envelope'></i></a>
|
||||
<a href='https://www.facebook.com/tjsga'><i class='fa fa-facebook'></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<section class='hero-image'>
|
||||
<img src='resources/hero.png'></img>
|
||||
<div class='overlay'>
|
||||
<p class='title'>TJHSST SGA</p>
|
||||
</div>
|
||||
</section>
|
||||
<section class='content'>
|
||||
<div class='container'>
|
||||
<div class='row'>
|
||||
<div class='col segment'>
|
||||
<h1 class='segment-title'>News and Happenings</h1>
|
||||
<img class='segment-image' src='resources/segment-1.jpg'/>
|
||||
<p class='segment-para'>Read about SGA initiatives, goals, and progress from SGA officers, as well as from other student leaders, students, and student organizations.</p>
|
||||
<a class='segment-more-button' href='#'>More Info</a>
|
||||
</div>
|
||||
<div class='col segment'>
|
||||
<h1 class='segment-title'>Who We Are</h1>
|
||||
<img class='segment-image' src='resources/segment-2.jpg'/>
|
||||
<p class='segment-para'>Learn about your representatives, and how they're working to advance the common agenda that SGA has set to improve your campus experience.</p>
|
||||
<a class='segment-more-button' href='#'>More Info</a>
|
||||
</div>
|
||||
<div class='col segment'>
|
||||
<h1 class='segment-title'>Get Involved</h1>
|
||||
<img class='segment-image' src='resources/segment-3.jpg'/>
|
||||
<p class='segment-para'>Any questions or concerns? Have an idea for how SGA could be doing more to advocate for students? Want to get involved? Contact Us!</p>
|
||||
<a class='segment-more-button' href='#'>More Info</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<hr class='container'/>
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Reference in New Issue
Block a user