Edax/Web_Chaloupky
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

wip

Browse Source
This commit is contained in:
Filip Šubín
2023-09-18 22:05:41 +02:00
parent 945263a340
commit 8ebf20c123
3 changed files with 24 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
assets/css/v1_app.css
View File

@@ -1,5 +1,5 @@
@import "v1_core.css";
@import "v1_layout.css";
@import "v2_layout.css";
@import "v1_header.css";
@import "v1_footer.css";

10
assets/css/v1_layout.css → assets/css/v2_layout.css
View File

@@ -260,6 +260,16 @@
margin-bottom: 0.625rem;
}
.section__video {
display: flex;
width: 100%;
gap: 1rem;
}
.section__video iframe {
width: 100%;
}
.section--gdpr {
display: none;
position: fixed;

18
index.html
View File

@@ -478,7 +478,7 @@
</svg>
</a>
</div>
<div class="section__price">
<div class="section__content">
<ul class="list">
<li>Statek je vhodný pro rodinné dovolené, oslavy, firemní akce, večírky, svatby. Prostředí je ideální pro team-buildingové a out-doorové aktivity všeho druhu. Součástí objektu je roubenka, která má vlastní vchod ze zahrady.</li>
</ul>
@@ -489,10 +489,18 @@
<li><strong>Novinka!</strong> V roce 2023 jsme zpřístupnili svatební stodolu. Tuto možnost ocení především snoubenci, kteří u nás plánují svatbu nebo početnější skupiny. Stodola nabídne místo až pro 75 hostů. Na možnost pronájmu se zeptejte přímo majitelů.</li>
</ul>
</div>
<a href="#events" class="button button--gallery js-gallery-open">
<svg width="1.25rem" height="1.25rem" version="1.1" viewBox="0 0 24 24" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M19.235,1.75H4.765c-1.662,0-3.015,1.352-3.015,3.015v14.471c0,1.662,1.352,3.015,3.015,3.015h14.471 c1.662,0,3.015-1.352,3.015-3.015V4.765C22.25,3.102,20.898,1.75,19.235,1.75z M21.044,19.235c0,0.997-0.811,1.809-1.809,1.809 H4.765c-0.997,0-1.809-0.811-1.809-1.809v-2.181l4.866-5.407l6.573,5.975l3.635-3.029l3.015,2.512V19.235z M21.044,15.536 l-3.015-2.512l-3.601,3L7.737,9.94l-4.781,5.312V4.765c0-0.997,0.811-1.809,1.809-1.809h14.471c0.997,0,1.809,0.811,1.809,1.809 V15.536z"/><path d="M16.221,10.794c1.662,0,3.015-1.352,3.015-3.015s-1.352-3.015-3.015-3.015c-1.662,0-3.015,1.352-3.015,3.015 S14.558,10.794,16.221,10.794z M16.221,5.971c0.997,0,1.809,0.811,1.809,1.809s-0.811,1.809-1.809,1.809s-1.809-0.811-1.809-1.809 S15.223,5.971,16.221,5.971z"/></svg>
Galerie
</a>
<div class="section__footer">
<div class="section__video">
<iframe width="384" height="216" src="https://www.youtube.com/embed/rV7X3MY0qkM?controls=0" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
<iframe width="384" height="216" src="https://www.youtube.com/embed/HXVNrXMP34o?controls=0" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
</div>
<div>
<a href="#events" class="button button--gallery js-gallery-open">
<svg width="1.25rem" height="1.25rem" version="1.1" viewBox="0 0 24 24" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M19.235,1.75H4.765c-1.662,0-3.015,1.352-3.015,3.015v14.471c0,1.662,1.352,3.015,3.015,3.015h14.471 c1.662,0,3.015-1.352,3.015-3.015V4.765C22.25,3.102,20.898,1.75,19.235,1.75z M21.044,19.235c0,0.997-0.811,1.809-1.809,1.809 H4.765c-0.997,0-1.809-0.811-1.809-1.809v-2.181l4.866-5.407l6.573,5.975l3.635-3.029l3.015,2.512V19.235z M21.044,15.536 l-3.015-2.512l-3.601,3L7.737,9.94l-4.781,5.312V4.765c0-0.997,0.811-1.809,1.809-1.809h14.471c0.997,0,1.809,0.811,1.809,1.809 V15.536z"/><path d="M16.221,10.794c1.662,0,3.015-1.352,3.015-3.015s-1.352-3.015-3.015-3.015c-1.662,0-3.015,1.352-3.015,3.015 S14.558,10.794,16.221,10.794z M16.221,5.971c0.997,0,1.809,0.811,1.809,1.809s-0.811,1.809-1.809,1.809s-1.809-0.811-1.809-1.809 S15.223,5.971,16.221,5.971z"/></svg>
Galerie
</a>
</div>
</div>
</div>
<div class="section__gallery" data-object="3" data-items="20">