pedf
/
novinari
Archived
1
0
Fork 0
Code Issues 1 Releases Activity

Sekce se seznamem učitelů

Browse Source
master
Emil Miler 3 years ago
parent 6251a1eaa7
commit 090561959d
2 changed files with 98 additions and 2 deletions
Show Stats Download Patch File Download Diff File

35
templates/main.css
Unescape Escape View File

@ -40,7 +40,7 @@ section.search input {
font-family: "roboto-light";
}
section.filter { margin-bottom: 5em }
section.filter { margin-bottom: 3em }
section.filter ul {
display: grid;
grid-template-columns: repeat(8, 1fr);
@ -71,9 +71,42 @@ section.filter ul li:hover {
cursor: pointer;
}
section.list {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-column-gap: 1em;
grid-row-gap: 1em;
font-size: .8em;
}
section.list .item {
padding: 1.5em;
border: 1px dashed #808080;
border-radius: 10px;
}
section.list .item .head {
display: grid;
grid-template-columns: 1fr 2fr;
grid-column-gap: 1em;
align-items: center;
}
section.list .item .head img {
width: 100%;
border-radius: 1em;
}
section.list .item .head .title {
font-size: 1.2em;
font-weight: bold;
color: #6F6F6F;
}
section.list .item p {
margin-bottom: 0;
}
footer {
color: #fff;
background-color: #000;
margin-top: 10em;
}
footer a {
color: #fff;

65
templates/main.html
Unescape Escape View File

@ -49,7 +49,70 @@
</ul>
</section>
<section class="list">
list
<div class="item">
<div class="head">
<img src="placeholder.png" alt="">
<span class="title">Ing. Aleksandar Golotvinov, Ph.D.</span>
</div>
<div class="tags"></div>
<p>I'd just like to interject for a moment. What you're refering to as Linux, is in fact, GNU/Linux, or as I've recently taken to calling it, GNU plus Linux.</p>
</div>
<div class="item">
<div class="head">
<img src="placeholder.png" alt="">
<span class="title">Ing. Aleksandar Golotvinov, Ph.D.</span>
</div>
<div class="tags"></div>
<p>I'd just like to interject for a moment. What you're refering to as Linux, is in fact, GNU/Linux, or as I've recently taken to calling it, GNU plus Linux.</p>
</div>
<div class="item">
<div class="head">
<img src="placeholder.png" alt="">
<span class="title">Ing. Aleksandar Golotvinov, Ph.D.</span>
</div>
<div class="tags"></div>
<p>I'd just like to interject for a moment. What you're refering to as Linux, is in fact, GNU/Linux, or as I've recently taken to calling it, GNU plus Linux.</p>
</div>
<div class="item">
<div class="head">
<img src="placeholder.png" alt="">
<span class="title">Ing. Aleksandar Golotvinov, Ph.D.</span>
</div>
<div class="tags"></div>
<p>I'd just like to interject for a moment. What you're refering to as Linux, is in fact, GNU/Linux, or as I've recently taken to calling it, GNU plus Linux.</p>
</div>
<div class="item">
<div class="head">
<img src="placeholder.png" alt="">
<span class="title">Ing. Aleksandar Golotvinov, Ph.D.</span>
</div>
<div class="tags"></div>
<p>I'd just like to interject for a moment. What you're refering to as Linux, is in fact, GNU/Linux, or as I've recently taken to calling it, GNU plus Linux.</p>
</div>
<div class="item">
<div class="head">
<img src="placeholder.png" alt="">
<span class="title">Ing. Aleksandar Golotvinov, Ph.D.</span>
</div>
<div class="tags"></div>
<p>I'd just like to interject for a moment. What you're refering to as Linux, is in fact, GNU/Linux, or as I've recently taken to calling it, GNU plus Linux.</p>
</div>
<div class="item">
<div class="head">
<img src="placeholder.png" alt="">
<span class="title">Ing. Aleksandar Golotvinov, Ph.D.</span>
</div>
<div class="tags"></div>
<p>I'd just like to interject for a moment. What you're refering to as Linux, is in fact, GNU/Linux, or as I've recently taken to calling it, GNU plus Linux.</p>
</div>
<div class="item">
<div class="head">
<img src="placeholder.png" alt="">
<span class="title">Ing. Aleksandar Golotvinov, Ph.D.</span>
</div>
<div class="tags"></div>
<p>I'd just like to interject for a moment. What you're refering to as Linux, is in fact, GNU/Linux, or as I've recently taken to calling it, GNU plus Linux.</p>
</div>
</section>
</main>