Adding a template for the team page
This commit is contained in:
Krasimir Tsonev
parent
43db7898bc
commit
97953773be
|
|
@ -398,6 +398,10 @@ nav .selected {
|
||||||
-moz-box-sizing: border-box;
|
-moz-box-sizing: border-box;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
}
|
}
|
||||||
|
.grid .col3:nth-child(3n + 1) {
|
||||||
|
clear: both;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
.grid .col4 {
|
.grid .col4 {
|
||||||
width: 25%;
|
width: 25%;
|
||||||
float: left;
|
float: left;
|
||||||
|
|
@ -405,6 +409,10 @@ nav .selected {
|
||||||
-moz-box-sizing: border-box;
|
-moz-box-sizing: border-box;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
}
|
}
|
||||||
|
.grid .col4:nth-child(4n + 1) {
|
||||||
|
clear: both;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
.grid .col-left {
|
.grid .col-left {
|
||||||
width: 70%;
|
width: 70%;
|
||||||
float: left;
|
float: left;
|
||||||
|
|
@ -605,3 +613,27 @@ a.footer { color: #333; }
|
||||||
a.button { text-decoration: none; color: #333; }
|
a.button { text-decoration: none; color: #333; }
|
||||||
|
|
||||||
a.button:hover { opacity: 0.8; }
|
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;
|
||||||
|
}
|
||||||
|
|
|
||||||
|
|
@ -48,7 +48,66 @@
|
||||||
|
|
||||||
<section class="content grid">
|
<section class="content grid">
|
||||||
<div class="col-left">
|
<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">
|
<div class="speaker">
|
||||||
<img src="img/speaker.jpg" alt="">
|
<img src="img/speaker.jpg" alt="">
|
||||||
|
|
@ -115,7 +174,8 @@
|
||||||
<footer>
|
<footer>
|
||||||
<div class="content grid">
|
<div class="content grid">
|
||||||
<div class="col4">
|
<div class="col4">
|
||||||
<h3>OpenFest</h3>
|
|
||||||
|
<h3>OpenFest</h3>
|
||||||
<p>
|
<p>
|
||||||
<a href="#">Начало</a><br />
|
<a href="#">Начало</a><br />
|
||||||
<a href="#">Идеи и препоръки</a><br />
|
<a href="#">Идеи и препоръки</a><br />
|
||||||
|
|
@ -128,7 +188,8 @@
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="col4">
|
<div class="col4">
|
||||||
<h3>Програма</h3>
|
|
||||||
|
<h3>Програма</h3>
|
||||||
<p>
|
<p>
|
||||||
<a href="#">Информация</a><br />
|
<a href="#">Информация</a><br />
|
||||||
<a href="#">Календар</a><br />
|
<a href="#">Календар</a><br />
|
||||||
|
|
@ -136,7 +197,8 @@
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="col4">
|
<div class="col4">
|
||||||
<h3>Други</h3>
|
|
||||||
|
<h3>Други</h3>
|
||||||
<p>
|
<p>
|
||||||
<a href="#">Хотели</a><br />
|
<a href="#">Хотели</a><br />
|
||||||
<a href="#">Заведения</a><br />
|
<a href="#">Заведения</a><br />
|
||||||
|
|
@ -145,7 +207,8 @@
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="col4">
|
<div class="col4">
|
||||||
<h3>Последвайте ни в:</h3>
|
|
||||||
|
<h3>Последвайте ни в:</h3>
|
||||||
<p>
|
<p>
|
||||||
<a href="#"><i class="fa fa-twitter"></i> Twitter</a><br />
|
<a href="#"><i class="fa fa-twitter"></i> Twitter</a><br />
|
||||||
<a href="#"><i class="fa fa-facebook"></i> Facebook</a><br />
|
<a href="#"><i class="fa fa-facebook"></i> Facebook</a><br />
|
||||||
|
|
|
||||||
Binary file not shown.
Loading…
Reference in New Issue