Adding a template for the team page

This commit is contained in:
Krasimir Tsonev 2014-10-09 18:07:49 +03:00
parent 43db7898bc
commit 97953773be
3 changed files with 100 additions and 5 deletions

View File

@ -398,6 +398,10 @@ nav .selected {
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.grid .col3:nth-child(3n + 1) {
clear: both;
padding: 0;
}
.grid .col4 {
width: 25%;
float: left;
@ -405,6 +409,10 @@ nav .selected {
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.grid .col4:nth-child(4n + 1) {
clear: both;
padding: 0;
}
.grid .col-left {
width: 70%;
float: left;
@ -605,3 +613,27 @@ a.footer { color: #333; }
a.button { text-decoration: none; color: #333; }
a.button:hover { opacity: 0.8; }
/*********************************************
* Team members
*********************************************/
.members {
margin: 0 0 2em 0;
}
.member {
margin: 0 0 1em 0;
}
.member a {
display: block;
}
.member a > img {
padding: 0.3em;
background: #FFF;
-moz-box-shadow: 0px 0px 1px 1px #999;
-webkit-box-shadow: 0px 0px 1px 1px #999;
box-shadow: 0px 0px 1px 1px #999;
}
.member span {
display: block;
}

View File

@ -48,7 +48,66 @@
<section class="content grid">
<div class="col-left">
<h1 class="big">Лектори</h1>
<h1 class="big">Екип</h1>
<div class="grid members">
<div class="member col4">
<a href="#">
<img src="img/speaker.jpg" alt="">
<span>Васил Колев</span>
</a>
</div>
<div class="member col4">
<a href="#">
<img src="img/speaker.jpg" alt="">
<span>Стефан Кънев</span>
</a>
</div>
<div class="member col4">
<a href="#">
<img src="img/speaker.jpg" alt="">
<span>Васил Колев</span>
</a>
</div>
<div class="member col4">
<a href="#">
<img src="img/speaker.jpg" alt="">
<span>Стефан Кънев</span>
</a>
</div>
<div class="member col4">
<a href="#">
<img src="img/speaker.jpg" alt="">
<span>Васил Колев</span>
</a>
</div>
<div class="member col4">
<a href="#">
<img src="img/speaker.jpg" alt="">
<span>Стефан Кънев</span>
</a>
</div>
<div class="member col4">
<a href="#">
<img src="img/speaker.jpg" alt="">
<span>Васил Колев</span>
</a>
</div>
<div class="member col4">
<a href="#">
<img src="img/speaker.jpg" alt="">
<span>Стефан Кънев</span>
</a>
</div>
<div class="member col4">
<a href="#">
<img src="img/speaker.jpg" alt="">
<span>Стефан Кънев</span>
</a>
</div>
</div>
<div class="separator"></div>
<div class="speaker">
<img src="img/speaker.jpg" alt="">
@ -115,6 +174,7 @@
<footer>
<div class="content grid">
<div class="col4">
<h3>OpenFest</h3>
<p>
<a href="#">Начало</a><br />
@ -128,6 +188,7 @@
</p>
</div>
<div class="col4">
<h3>Програма</h3>
<p>
<a href="#">Информация</a><br />
@ -136,6 +197,7 @@
</p>
</div>
<div class="col4">
<h3>Други</h3>
<p>
<a href="#">Хотели</a><br />
@ -145,6 +207,7 @@
</p>
</div>
<div class="col4">
<h3>Последвайте ни в:</h3>
<p>
<a href="#"><i class="fa fa-twitter"></i> Twitter</a><br />

Binary file not shown.