everything in the middle
This commit is contained in:
parent
70ff306e57
commit
3cbcb0df25
1 changed files with 25 additions and 21 deletions
46
index.html
46
index.html
|
@ -14,7 +14,7 @@
|
||||||
h1, h2, a, p {color: black;}
|
h1, h2, a, p {color: black;}
|
||||||
h1 {font-size: 300%;}
|
h1 {font-size: 300%;}
|
||||||
h2 {font-size: 275%;}
|
h2 {font-size: 275%;}
|
||||||
a, p {font-size: 150%;}
|
p {font-size: 150%;}
|
||||||
img {
|
img {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
|
@ -29,7 +29,6 @@ img {
|
||||||
.main {grid-area: main;}
|
.main {grid-area: main;}
|
||||||
.left {grid-area: left;}
|
.left {grid-area: left;}
|
||||||
.right {grid-area: right;}
|
.right {grid-area: right;}
|
||||||
.down {grid-area: down;}
|
|
||||||
.imgcontain {object-fit: contain;}
|
.imgcontain {object-fit: contain;}
|
||||||
.quote {font-family: 'ninifont';}
|
.quote {font-family: 'ninifont';}
|
||||||
.container {
|
.container {
|
||||||
|
@ -39,7 +38,7 @@ img {
|
||||||
grid-template-areas:
|
grid-template-areas:
|
||||||
"left main main right"
|
"left main main right"
|
||||||
"left main main right"
|
"left main main right"
|
||||||
"down down down down";
|
". . . .";
|
||||||
justify-items: center;
|
justify-items: center;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
@ -63,33 +62,38 @@ img {
|
||||||
"Čau lidi, já jsem křeček."<br> - Topení
|
"Čau lidi, já jsem křeček."<br> - Topení
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class='left'> <div class='imgcontain'>
|
|
||||||
<img src='img/karinka.jpg'>
|
|
||||||
<a><i>Obrázek 1:</i></a>
|
|
||||||
<a style="font-family: xenippa">Karinka</a>
|
|
||||||
</div> </div>
|
|
||||||
|
|
||||||
<div class='right'> <div class='imgcontain'>
|
|
||||||
<img src='img/puficek.jpg'>
|
|
||||||
<a><i>Obrázek 2:</i></a>
|
|
||||||
<a style="font-family: xenippa">Pufíček</a>
|
|
||||||
</div> </div>
|
|
||||||
|
|
||||||
<div class='down'>
|
|
||||||
<h2>Projekty</h2>
|
<h2>Projekty</h2>
|
||||||
<a>Rekurzivní piškvorky: </a>
|
<p>
|
||||||
<a href='p/index.html'>mat.uuush.eu/p</a>
|
Rekurzivní piškvorky:
|
||||||
|
<a href='p/index.html'>mat.uuush.eu/p</a>
|
||||||
|
</p>
|
||||||
|
|
||||||
<br>
|
<br>
|
||||||
|
|
||||||
<h2>Kontakt</h2>
|
<h2>Kontakt</h2>
|
||||||
<p>
|
<p>
|
||||||
E-mail: matus1@pull.cz<br>
|
E-mail: <a href='mailto:matus1@pull.cz'>matus1@pull.cz</a><br>
|
||||||
Discord: the_matuush
|
Discord: the_matuush<br>
|
||||||
|
GitHub: <a href='https://github.com/matuush'>matuush</a>
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div class='left'> <div class='imgcontain'>
|
||||||
|
<img src='img/karinka.jpg'>
|
||||||
|
<p style='margin-top: 0%;'>
|
||||||
|
<i>Obrázek 1:</i>
|
||||||
|
<a style="font-family: xenippa">Karinka</a>
|
||||||
|
</p>
|
||||||
|
</div> </div>
|
||||||
|
|
||||||
|
<div class='right'> <div class='imgcontain'>
|
||||||
|
<img src='img/puficek.jpg'>
|
||||||
|
<p style='margin-top: 0%;'>
|
||||||
|
<i>Obrázek 2:</i>
|
||||||
|
<a style="font-family: xenippa">Pufíček</a>
|
||||||
|
</p>
|
||||||
|
</div> </div>
|
||||||
</div>
|
</div>
|
||||||
</center> </body>
|
</center> </body>
|
||||||
</html>
|
</html>
|
||||||
|
|
Loading…
Reference in a new issue