Skip to content

Commit

Permalink
change bro images, add buttons and images to homepage
Browse files Browse the repository at this point in the history
  • Loading branch information
@jessmchang
jessmchang committed Aug 26, 2016
1 parent 8636b79 commit f2b80c1
Show file tree
Hide file tree
Showing 75 changed files with 159 additions and 50 deletions.
123 changes: 86 additions & 37 deletions brothers.html
View file
Expand Up @@ -3,11 +3,11 @@
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="css/custom.css">
</head>
<body class='black-nav blender-medium'>
<body class='blender-medium'>
<nav class="blender-bold navbar navbar-default navbar-static-top navbar-custom">
<div class='navbar-container'>
<a href='home.html' class='navbar-home-link'>
<img src='images/sep_logo_black.png' width='50px'>
<img src='images/logo.png' width='50px'>
<span class='navbar-sep'>SIGMA ETA PI</span>
</a>
<ul class="nav navbar-nav pull-right vertical-align navbar-nav-custom">
Expand Down Expand Up @@ -56,17 +56,17 @@ <h6>Senior</h6>
<div class='brothers-caption'>
<h5>Alka Murthy</h5>
<hr class='brothers-caption-divider'>
<h6>Pre-Haas</h6>
<h6>Economics</h6>
<h6>Junior</h6>
</div>
</div>
</a>
</div>

<div class='col-lg-2 col-md-2 col-sm-3 col-xs-6'>
<a href='https://www.linkedin.com/in/'>
<a href='https://www.linkedin.com/in/amritayalur'>
<div class='brothers-pic montserrat-light'>
<img src='images/placeholder.png' class='img-responsive'>
<img src='images/amrit-ayalur.jpg' class='img-responsive'>
<div class='brothers-caption'>
<h5>Amrit Ayalur</h5>
<hr class='brothers-caption-divider'>
Expand All @@ -85,7 +85,7 @@ <h6>Senior</h6>
<div class='brothers-caption'>
<h5>Annhien Nguyen</h5>
<hr class='brothers-caption-divider'>
<h6>Rhetoric</h6>
<h6>Haas & Rhetoric</h6>
<h6>Junior</h6>
</div>
</div>
Expand All @@ -108,7 +108,7 @@ <h6>Senior</h6>
</a>
</div>
<div class='col-lg-2 col-md-2 col-sm-3 col-xs-6'>
<a href='https://www.linkedin.com/pub/beau-dallas/79/341/42'>
<a href='https://www.linkedin.com/in/calvindong'>
<div class='brothers-pic montserrat-light'>
<img src='images/calvin-dong.jpg' class='img-responsive'>
<div class='brothers-caption'>
Expand Down Expand Up @@ -136,10 +136,10 @@ <h6>Senior</h6>
</div>
</a>
</div>
<!-- <div class='col-lg-2 col-md-2 col-sm-3 col-xs-6'>
<div class='col-lg-2 col-md-2 col-sm-3 col-xs-6'>
<a href='https://www.linkedin.com/in/chinesewhiteboi'>
<div class='brothers-pic montserrat-light'>
<img src='images/douglas-boyle.jpg' class='img-responsive'>
<img src='images/doug-boyle.jpg' class='img-responsive'>
<div class='brothers-caption'>
<h5>Douglas Boyle</h5>
<hr class='brothers-caption-divider'>
Expand All @@ -148,7 +148,7 @@ <h6>Senior</h6>
</div>
</div>
</a>
</div> -->
</div>

<div class='col-lg-2 col-md-2 col-sm-3 col-xs-6'>
<a href='https://www.linkedin.com/in/evanjkatz'>
Expand All @@ -165,9 +165,9 @@ <h6>Junior</h6>
</div>

<div class='col-lg-2 col-md-2 col-sm-3 col-xs-6'>
<a href='https://www.linkedin.com/in/gabriela-cibils-a5798089/en'>
<a href='https://www.linkedin.com/in/farbod-nowzad-245339108'>
<div class='brothers-pic montserrat-light'>
<img src='images/placeholder.png' class='img-responsive'>
<img src='images/farbod-nowzad.jpg' class='img-responsive'>
<div class='brothers-caption'>
<h5>Farbod Nowzad</h5>
<hr class='brothers-caption-divider'>
Expand All @@ -191,19 +191,19 @@ <h6>Junior</h6>
</div>
</a>
</div>
<!-- <div class='col-lg-2 col-md-2 col-sm-3 col-xs-6'>
<div class='col-lg-2 col-md-2 col-sm-3 col-xs-6'>
<a href='https://www.linkedin.com/in/gyjcn'>
<div class='brothers-pic montserrat-light'>
<img src='images/gary-chen.jpg' class='img-responsive'>
<div class='brothers-caption'>
<h5>Gary Chen</h5>
<hr class='brothers-caption-divider'>
<h6>Computer Science</h6>
<h6>Freshman</h6>
<h6>Sophomore</h6>
</div>
</div>
</a>
</div> -->
</div>

<div class='col-lg-2 col-md-2 col-sm-3 col-xs-6'>
<a href='https://www.linkedin.com/in/grantkalasky'>
Expand Down Expand Up @@ -250,9 +250,9 @@ <h6>Senior</h6>
</div>

<div class='col-lg-2 col-md-2 col-sm-3 col-xs-6'>
<a href='https://www.linkedin.com/in/hongyexu'>
<a href='https://www.linkedin.com/in/jessmchang'>
<div class='brothers-pic montserrat-light'>
<img src='images/placeholder.png' class='img-responsive'>
<img src='images/jessica-chang.jpg' class='img-responsive'>
<div class='brothers-caption'>
<h5>Jessica Chang</h5>
<hr class='brothers-caption-divider'>
Expand Down Expand Up @@ -282,6 +282,7 @@ <h6>Senior</h6>


<div class='col-lg-2 col-md-2 col-sm-3 col-xs-6'>
<a href='https://www.linkedin.com/in/kunal-chaudhary-60744298'>
<div class='brothers-pic montserrat-light'>
<img src='images/kunal-chaudhary.jpg' class='img-responsive'>
<div class='brothers-caption'>
Expand All @@ -291,17 +292,20 @@ <h6>Computer Science & Haas</h6>
<h6>Senior</h6>
</div>
</div>
</div><!--
</a>
</div>
<div class='col-lg-2 col-md-2 col-sm-3 col-xs-6'>
<a href='https://www.linkedin.com/in/louannyong'>
<div class='brothers-pic montserrat-light'>
<img src='images/louann-young.jpg' class='img-responsive'>
<img src='images/louann-yong.jpg' class='img-responsive'>
<div class='brothers-caption'>
<h5>Louann Young</h5>
<h5>Louann Yong</h5>
<hr class='brothers-caption-divider'>
<h6>Economics</h6>
<h6>Junior</h6>
<h6>Senior</h6>
</div>
</div>
</a>
</div>

<div class="clearfix visible-sm-block"></div>
Expand All @@ -315,19 +319,19 @@ <h6>Junior</h6>
<h5>Matthew Hilado</h5>
<hr class='brothers-caption-divider'>
<h6>Pre-Haas</h6>
<h6>Freshman</h6>
<h6>Sophomore</h6>
</div>
</div>
</a>
</div>
<div class='col-lg-2 col-md-2 col-sm-3 col-xs-6'>
<a href='https://www.linkedin.com/in/monicavarin'>
<a href='https://www.linkedin.com/in/meghna-dasgupta-779765a2'>
<div class='brothers-pic montserrat-light'>
<img src='images/monica-vathanavarin.jpg' class='img-responsive'>
<img src='images/meghna-dasgupta.jpg' class='img-responsive'>
<div class='brothers-caption'>
<h5>Meghna Dasgupta</h5>
<hr class='brothers-caption-divider'>
<h6>Cognitive Science and Economics</h6>
<h6>Computer Science and Economics</h6>
<h6>Junior</h6>
</div>
</div>
Expand All @@ -341,15 +345,15 @@ <h6>Junior</h6>
<h5>Monica Vathanavarin</h5>
<hr class='brothers-caption-divider'>
<h6>Cognitive Science</h6>
<h6>Junior</h6>
<h6>Senior</h6>
</div>
</div>
</a>
</div> -->
</div>
<div class='col-lg-2 col-md-2 col-sm-3 col-xs-6'>
<a href='https://www.linkedin.com/in/monicavarin'>
<a href='https://www.linkedin.com/in/nelida-almeida-bb8833114'>
<div class='brothers-pic montserrat-light'>
<img src='images/placeholder.png' class='img-responsive'>
<img src='images/nelly-almeida.jpg' class='img-responsive'>
<div class='brothers-caption'>
<h5>Nelly Almeida</h5>
<hr class='brothers-caption-divider'>
Expand All @@ -359,6 +363,19 @@ <h6>Sophomore</h6>
</div>
</a>
</div>
<div class='col-lg-2 col-md-2 col-sm-3 col-xs-6'>
<a href='https://www.linkedin.com/in/nikolai-sadeghi-973831114'>
<div class='brothers-pic montserrat-light'>
<img src='images/nikolai-sadeghi.jpg' class='img-responsive'>
<div class='brothers-caption'>
<h5>Nikolai Sadeghi</h5>
<hr class='brothers-caption-divider'>
<h6>Pre-Haas</h6>
<h6>Sophomore</h6>
</div>
</div>
</a>
</div>

<div class='col-lg-2 col-md-2 col-sm-3 col-xs-6'>
<a href='https://www.linkedin.com/in/noah-tseng-22b0abb7'>
Expand Down Expand Up @@ -388,9 +405,9 @@ <h6>Senior</h6>
</div>

<div class='col-lg-2 col-md-2 col-sm-3 col-xs-6'>
<a href='https://www.linkedin.com/in/prashandharmasena'>
<a href='https://www.linkedin.com/in/querisau'>
<div class='brothers-pic montserrat-light'>
<img src='images/placeholder.png' class='img-responsive'>
<img src='images/queris-au.jpg' class='img-responsive'>
<div class='brothers-caption'>
<h5>Queris Au</h5>
<hr class='brothers-caption-divider'>
Expand All @@ -408,7 +425,7 @@ <h6>Senior</h6>
<div class='brothers-caption'>
<h5>Raylene Chew</h5>
<hr class='brothers-caption-divider'>
<h6>Political Economics</h6>
<h6>Cognitive Science</h6>
<h6>Senior</h6>
</div>
</div>
Expand Down Expand Up @@ -443,27 +460,31 @@ <h6>Senior</h6>
</div>

<div class='col-lg-2 col-md-2 col-sm-3 col-xs-6'>
<a href='https://www.linkedin.com/in/steven-truong-43726791'>
<div class='brothers-pic montserrat-light'>
<img src='images/placeholder.png' class='img-responsive'>
<img src='images/steven-truong.jpg' class='img-responsive'>
<div class='brothers-caption'>
<h5>Steven</h5>
<h5>Steven Truong</h5>
<hr class='brothers-caption-divider'>
<h6>Economics</h6>
<h6>Junior</h6>
</div>
</div>
</a>
</div>

<div class='col-lg-2 col-md-2 col-sm-3 col-xs-6'>
<a href='https://www.linkedin.com/in/sbhargava0'>
<div class='brothers-pic montserrat-light'>
<img src='images/placeholder.png' class='img-responsive'>
<img src='images/shashank-bhargava.jpg' class='img-responsive'>
<div class='brothers-caption'>
<h5>Shashank Bhargava</h5>
<hr class='brothers-caption-divider'>
<h6>EECS</h6>
<h6>Computer Science & Statistics</h6>
<h6>Junior</h6>
</div>
</div>
</a>
</div>

<div class="clearfix visible-xs-block"></div>
Expand Down Expand Up @@ -538,10 +559,38 @@ <h6>Senior</h6>
</a>
</div>

<div class='col-lg-2 col-md-2 col-sm-3 col-xs-6'>
<a href='https://www.linkedin.com/in/yanika-magan-851598114'>
<div class='brothers-pic montserrat-light'>
<img src='images/yanika-magan.jpg' class='img-responsive'>
<div class='brothers-caption'>
<h5>Yanika Magan</h5>
<hr class='brothers-caption-divider'>
<h6>Pre-Haas</h6>
<h6>Sophomore</h6>
</div>
</div>
</a>
</div>

<div class='col-lg-2 col-md-2 col-sm-3 col-xs-6'>
<a href='https://www.linkedin.com/in/yizhen-zhang-b5a8ab105'>
<div class='brothers-pic montserrat-light'>
<img src='images/placeholder.png' class='img-responsive'>
<img src='images/yizhen-zhang.jpg' class='img-responsive'>
<div class='brothers-caption'>
<h5>Yizhen Zhang</h5>
<hr class='brothers-caption-divider'>
<!-- <h6>Economics</h6> -->
<h6>Sophomore</h6>
</div>
</div>
</a>
</div>

<div class='col-lg-2 col-md-2 col-sm-3 col-xs-6'>
<a href='https://www.linkedin.com/in/z-wang-a9392ab9'>
<div class='brothers-pic montserrat-light'>
<img src='images/z-wang.jpg' class='img-responsive'>
<div class='brothers-caption'>
<h5>Z Wang</h5>
<hr class='brothers-caption-divider'>
Expand Down
24 changes: 23 additions & 1 deletion css/custom.css
View file
Expand Up @@ -242,6 +242,28 @@ p {
color: #fff !important;
}

.hero-button {
border-radius: 0;
background-color: transparent;
border-color: #4FF0E1;
color: #4FF0E1;
margin: 0.5em;
}

.btn-xlg {
font-size: 57px;
}

.hero-button:hover {
background-color: #4FF0E1;
color: #fff;
border-color: #4FF0E1;
}

.align-right {
text-align: right;
}

.about-container {
/*background-image: url('../images/_about1.jpg');*/
background-repeat: no-repeat;
Expand Down Expand Up @@ -289,7 +311,7 @@ p {
}

.brothers-container {
background-image: url('../images/_about1.jpg');
background-image: url('../images/about.jpg');
background-repeat: no-repeat;
background-size: 100%;
/*height: 35vw;*/
Expand Down

0 comments on commit f2b80c1

Please sign in to comment.