This commit is contained in:
denisnadey 2020-10-25 11:05:14 +03:00
commit 0d958b2062
19 changed files with 1269 additions and 0 deletions

15
.vscode/launch.json vendored Normal file
View File

@ -0,0 +1,15 @@
{
// Use IntelliSense to learn about possible attributes.
// Hover to view descriptions of existing attributes.
// For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
"version": "0.2.0",
"configurations": [
{
"type": "pwa-chrome",
"request": "launch",
"name": "Launch Chrome against localhost",
"url": "http://localhost:8080",
"webRoot": "${workspaceFolder}"
}
]
}

10
assets/images/call.svg Normal file
View File

@ -0,0 +1,10 @@
<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0)">
<path d="M15.3625 2.63459C11.8473 -0.879592 6.14877 -0.878748 2.63459 2.63652C-0.879592 6.1518 -0.878748 11.8503 2.63652 15.3645C6.1518 18.8786 11.8503 18.8778 15.3645 15.3625C17.0522 13.6743 18 11.3847 17.9995 8.99759C17.999 6.61083 17.0505 4.32202 15.3625 2.63459ZM13.6297 12.5364C13.6293 12.5368 13.6289 12.5372 13.6285 12.5376V12.5346L13.1725 12.9876C12.5828 13.5848 11.7239 13.8305 10.9075 13.6356C10.085 13.4155 9.30313 13.065 8.5915 12.5976C7.93035 12.1751 7.31765 11.6811 6.7645 11.1246C6.25554 10.6194 5.7983 10.0646 5.39949 9.46861C4.96327 8.82729 4.618 8.12867 4.37349 7.3926C4.09319 6.5279 4.32547 5.57907 4.9735 4.94162L5.50749 4.40763C5.65595 4.25849 5.8972 4.25797 6.04629 4.40643C6.04668 4.40682 6.0471 4.4072 6.04749 4.40763L7.73348 6.09362C7.88261 6.24208 7.88314 6.48332 7.73467 6.63242C7.73429 6.63281 7.7339 6.63319 7.73348 6.63362L6.74348 7.62362C6.45941 7.90458 6.4237 8.35107 6.65949 8.67363C7.01756 9.16504 7.4138 9.62745 7.8445 10.0566C8.3247 10.5389 8.84674 10.9776 9.40449 11.3676C9.72677 11.5924 10.1637 11.5545 10.4425 11.2776L11.3995 10.3056C11.5479 10.1565 11.7892 10.156 11.9383 10.3045C11.9387 10.3048 11.939 10.3052 11.9395 10.3056L13.6285 11.9976C13.7776 12.1461 13.7782 12.3873 13.6297 12.5364Z" fill="white"/>
</g>
<defs>
<clipPath id="clip0">
<rect width="18" height="18" fill="white"/>
</clipPath>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 1.4 KiB

BIN
assets/images/card.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 78 KiB

BIN
assets/images/heroimage.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 596 KiB

View File

@ -0,0 +1 @@
<svg id="Capa_1" enable-background="new 0 0 512 512" height="512" viewBox="0 0 512 512" width="512" xmlns="http://www.w3.org/2000/svg"><g><path d="m483.489 138.478c-18.047-34.863-44.348-65.608-76.06-88.909-3.345-2.457-8.051-1.74-10.51 1.607-2.458 3.346-1.739 8.051 1.607 10.51 59.612 43.801 95.985 113.185 98.312 186.794h-57.244v-57.343c0-33.225-23.621-61.034-54.952-67.523-12.687-35.975-30.462-66.249-51.568-87.698-4.509-4.582-9.154-8.736-13.91-12.466 17.581 4.758 34.6 11.489 50.636 20.098 3.659 1.963 8.218.59 10.181-3.068 1.964-3.659.59-8.217-3.068-10.181-36.924-19.822-78.736-30.299-120.913-30.299-68.38 0-132.668 26.628-181.019 74.98s-74.981 112.64-74.981 181.02c0 25.956 3.873 51.568 11.51 76.125 1.002 3.222 3.972 5.287 7.178 5.287.739 0 1.492-.11 2.235-.342 3.965-1.233 6.179-5.447 4.946-9.412-6.449-20.735-10.036-42.278-10.706-64.14h57.243v55.699c0 33.003 23.31 60.65 54.327 67.379 12.629 36.481 30.453 67.203 51.706 88.989 4.628 4.743 9.399 9.033 14.288 12.876-68.138-18.626-126.137-66.722-156.199-132.842-1.718-3.778-6.172-5.453-9.956-3.732-3.78 1.718-5.451 6.175-3.732 9.956 20.072 44.149 52.165 81.594 92.809 108.287 41.707 27.392 90.24 41.87 140.351 41.87 68.38 0 132.668-26.629 181.019-74.981s74.981-112.64 74.981-181.019c0-40.849-9.86-81.488-28.511-117.522zm-115.375-16.295h-104.595v-106.757c20.597 2.087 40.795 12.706 58.838 31.039 18.319 18.616 34.017 44.658 45.757 75.718zm-119.633 0h-104.595c11.741-31.064 27.441-57.108 45.764-75.725 18.04-18.329 38.237-28.946 58.831-31.032zm-233.315 126.298c3.319-107.708 77.66-197.831 177.664-225.025-4.751 3.726-9.392 7.877-13.897 12.454-21.111 21.449-38.888 51.726-51.576 87.705-31.33 6.489-54.951 34.298-54.951 67.523v57.343zm72.277 70.736v-128.079c0-29.731 24.188-53.918 53.918-53.918h229.276c29.732 0 53.919 24.188 53.919 53.918v128.079c0 29.731-24.188 53.918-53.919 53.918h-229.276c-29.73.001-53.918-24.187-53.918-53.918zm55.807 68.956h105.231v108.399c-42.296-4.314-81.61-44.769-105.231-108.399zm175.92 100.371c20.675-16.225 39.104-40.467 53.784-71.56 1.773-3.755.165-8.236-3.589-10.009-3.753-1.773-8.236-.166-10.009 3.589-24.283 51.434-58.875 82.319-95.837 86.021v-108.412h107.119c38.023 0 68.956-30.933 68.956-68.955v-55.699h57.24c-3.319 107.707-77.66 197.83-177.664 225.025z"/><path d="m253.943 212.393h100.84c-7.94 15.535-19.375 32.347-32.885 48.224-1.26 1.48-2.534 2.938-3.814 4.384-5.979-7.144-11.032-14.331-14.745-21.053-2.006-3.633-6.582-4.956-10.217-2.945-3.634 2.008-4.953 6.582-2.945 10.217 4.411 7.986 10.456 16.496 17.583 24.853-11.969 12.181-24.359 22.587-35.982 30.113-3.486 2.258-4.482 6.913-2.225 10.398 2.272 3.514 6.961 4.463 10.398 2.225 12.339-7.99 25.412-18.918 37.996-31.654.759.767 1.525 1.53 2.299 2.288 12.583 12.324 26.376 22.719 38.839 29.271 3.601 1.915 8.212.555 10.153-3.157 1.933-3.675.519-8.22-3.157-10.153-11.204-5.89-23.745-15.373-35.313-26.703-.849-.832-1.686-1.671-2.515-2.513 1.714-1.916 3.418-3.853 5.096-5.826 16.215-19.055 29.672-39.528 38.146-57.968h15.99c4.153 0 7.519-3.366 7.519-7.519s-3.366-7.519-7.519-7.519h-60.549v-28.657c0-4.153-3.366-7.519-7.519-7.519s-7.519 3.366-7.519 7.519v28.657h-57.957c-4.153 0-7.519 3.366-7.519 7.519s3.368 7.518 7.521 7.518z"/><path d="m210.004 297.754 9.464 25.078c1.466 3.885 5.805 5.846 9.689 4.379 3.885-1.466 5.845-5.803 4.379-9.689l-45.371-120.224c-.025-.069-.052-.136-.08-.204-1.592-3.872-5.324-6.372-9.509-6.372-.003 0-.006 0-.009 0-4.189.003-7.922 2.511-9.509 6.388-.023.057-.046.115-.068.172l-45.786 120.219c-1.478 3.88.47 8.223 4.351 9.702 3.779 1.47 8.227-.431 9.702-4.351l9.559-25.098zm-31.449-83.335 25.775 68.298h-51.786z"/></g></svg>

After

Width:  |  Height:  |  Size: 3.5 KiB

40
assets/images/latvia.svg Normal file
View File

@ -0,0 +1,40 @@
<?xml version="1.0" encoding="iso-8859-1"?>
<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
<circle style="fill:#F0F0F0;" cx="256" cy="256" r="256"/>
<g>
<path style="fill:#A2001D;" d="M256,0C137.721,0,38.195,80.221,8.819,189.217h494.363C473.805,80.221,374.279,0,256,0z"/>
<path style="fill:#A2001D;" d="M256,512c118.279,0,217.805-80.221,247.181-189.217H8.819C38.195,431.778,137.721,512,256,512z"/>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 850 B

BIN
assets/images/leto.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 371 KiB

BIN
assets/images/logo.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.8 KiB

BIN
assets/images/osen.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 269 KiB

39
assets/images/russia.svg Normal file
View File

@ -0,0 +1,39 @@
<?xml version="1.0" encoding="iso-8859-1"?>
<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
<circle style="fill:#F0F0F0;" cx="256" cy="256" r="256"/>
<path style="fill:#0052B4;" d="M496.077,345.043C506.368,317.31,512,287.314,512,256s-5.632-61.31-15.923-89.043H15.923
C5.633,194.69,0,224.686,0,256s5.633,61.31,15.923,89.043L256,367.304L496.077,345.043z"/>
<path style="fill:#D80027;" d="M256,512c110.071,0,203.906-69.472,240.077-166.957H15.923C52.094,442.528,145.929,512,256,512z"/>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 926 B

BIN
assets/images/test.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 401 KiB

View File

@ -0,0 +1,115 @@
<?xml version="1.0" encoding="iso-8859-1"?>
<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 473.68 473.68" style="enable-background:new 0 0 473.68 473.68;" xml:space="preserve">
<g>
<path style="fill:#29337A;" d="M41.712,102.641c-15.273,22.168-26.88,47.059-33.918,73.812h107.734L41.712,102.641z"/>
<path style="fill:#29337A;" d="M170.511,9.48c-27.288,7.947-52.56,20.628-74.814,37.168l74.814,74.814V9.48z"/>
<path style="fill:#29337A;" d="M101.261,430.982c20.874,14.607,44.195,25.915,69.25,33.211v-102.45L101.261,430.982z"/>
<path style="fill:#29337A;" d="M10.512,306.771c7.831,25.366,19.831,48.899,35.167,69.833l69.833-69.833H10.512z"/>
</g>
<g>
<path style="fill:#FFFFFF;" d="M45.619,97.144c-1.324,1.81-2.629,3.646-3.908,5.501l73.816,73.812H7.793
c-1.746,6.645-3.171,13.418-4.345,20.284h141.776L45.619,97.144z"/>
<path style="fill:#FFFFFF;" d="M95.767,427.074c1.802,1.343,3.654,2.621,5.493,3.908l69.25-69.242v102.45
c6.653,1.945,13.41,3.624,20.284,4.974V332.05L95.767,427.074z"/>
<path style="fill:#FFFFFF;" d="M5.25,286.487c1.47,6.873,3.205,13.642,5.258,20.284h105.001l-69.833,69.833
c7.595,10.377,16.017,20.115,25.168,29.12L190.08,286.487H5.25L5.25,286.487z"/>
<path style="fill:#FFFFFF;" d="M170.511,9.48v111.982l-74.815-74.81c-10.314,7.67-19.955,16.185-28.888,25.403l123.983,123.983
V4.506C183.921,5.864,177.164,7.547,170.511,9.48z"/>
</g>
<g>
<polygon style="fill:#D32030;" points="170.511,306.056 169.8,306.771 170.511,306.771 "/>
<polygon style="fill:#D32030;" points="190.084,286.487 190.794,286.487 190.794,285.773 "/>
<polygon style="fill:#D32030;" points="281.229,196.737 280.545,196.737 280.545,197.425 "/>
<polygon style="fill:#D32030;" points="171.21,176.457 170.511,175.754 170.511,176.457 "/>
<polygon style="fill:#D32030;" points="190.794,196.037 190.794,196.737 191.494,196.737 "/>
</g>
<g>
<path style="fill:#252F6C;" d="M300.825,411.764v53.091c25.381-7.105,49.045-18.305,70.211-32.897l-57.526-57.526
C308.913,390.583,307.231,398.933,300.825,411.764z"/>
<path style="fill:#252F6C;" d="M313.812,108.471l62.799-62.799C354.05,29.15,328.456,16.559,300.824,8.818v54.538
C308.21,78.146,308.831,89.384,313.812,108.471z"/>
<path style="fill:#252F6C;" d="M427.029,377.984c15.815-21.275,28.141-45.29,36.147-71.213h-107.36L427.029,377.984z"/>
<path style="fill:#252F6C;" d="M465.887,176.457c-7.188-27.318-19.143-52.676-34.898-75.192l-75.2,75.192H465.887z"/>
</g>
<g>
<path style="fill:#E7E7E7;" d="M327.638,290.5l16.275,16.275l77.903,77.903c1.769-2.214,3.526-4.42,5.217-6.69l-71.213-71.213
h107.36c2.046-6.638,3.784-13.41,5.25-20.284H329.16C328.932,289.367,327.911,287.643,327.638,290.5z"/>
<path style="fill:#E7E7E7;" d="M311.352,120.348l70.607-70.615c-1.769-1.372-3.541-2.737-5.348-4.061l-62.799,62.799
C314.463,110.954,310.746,117.805,311.352,120.348z"/>
<path style="fill:#E7E7E7;" d="M300.825,58.992V8.814c-6.645-1.862-13.41-3.44-20.284-4.727v24.476
C288.088,36.745,294.853,47.022,300.825,58.992z"/>
<path style="fill:#E7E7E7;" d="M326.041,196.737h144.195c-1.171-6.866-2.599-13.635-4.345-20.284H355.793l75.2-75.192
C423.6,90.7,415.384,80.768,406.409,71.565l-84.702,84.694C323.988,171.622,325.009,180.544,326.041,196.737z"/>
<path style="fill:#E7E7E7;" d="M310.088,371.002l60.952,60.959c10.138-6.982,19.685-14.753,28.593-23.189l-80.173-80.177
C316.901,343.423,313.865,357.745,310.088,371.002z"/>
<path style="fill:#E7E7E7;" d="M280.545,442.301v27.28c6.873-1.279,13.635-2.865,20.284-4.727v-53.091
C294.853,423.738,288.088,434.13,280.545,442.301z"/>
</g>
<path style="fill:#D71F28;" d="M321.707,156.259l84.694-84.694c-7.625-7.831-15.8-15.119-24.446-21.832l-66.55,66.561
C318.363,128.657,319.706,142.808,321.707,156.259z"/>
<g>
<path style="fill:#D32030;" d="M225.019,0.292C228.965,0.101,232.899,0,236.836,0C232.876,0,228.935,0.101,225.019,0.292z"/>
<path style="fill:#D32030;" d="M236.836,473.68c-3.938,0-7.872-0.108-11.81-0.299C228.942,473.579,232.876,473.68,236.836,473.68z"
/>
<path style="fill:#D32030;" d="M236.836,473.68c14.943,0,29.535-1.447,43.708-4.099v-27.28
C268.103,455.786,253.549,473.68,236.836,473.68z"/>
</g>
<g>
<path style="fill:#D71F28;" d="M470.232,196.737H327.911c1.885,29.704,1.657,60.249-0.681,89.75h141.2
c3.418-16.017,5.25-32.613,5.25-49.643C473.68,223.164,472.461,209.784,470.232,196.737z"/>
<path style="fill:#D71F28;" d="M327.638,290.5c-1.316,13.994-5.901,24.898-8.182,38.099l80.173,80.173
c7.932-7.517,15.347-15.557,22.183-24.094l-77.9-77.907L327.638,290.5z"/>
</g>
<path style="fill:#D32030;" d="M280.545,30.324V4.091C266.376,1.447,251.784,0,236.836,0C253.549,0,268.103,16.843,280.545,30.324z"
/>
<g>
<path style="fill:#29337A;" d="M300.825,422.007c6.406-12.834,11.899-27.609,16.499-43.757l-16.499-16.499V422.007z"/>
<path style="fill:#29337A;" d="M319.377,102.906c-4.989-19.087-11.166-36.439-18.552-51.229v69.773L319.377,102.906z"/>
</g>
<g>
<path style="fill:#FFFFFF;" d="M332.234,295.092c0.269-2.857,0.512-5.725,0.744-8.605h-9.349L332.234,295.092z"/>
<path style="fill:#FFFFFF;" d="M300.825,121.451V51.674c-5.976-11.97-12.737-22.254-20.284-30.429v129.906l40.735-40.735
c-0.613-2.543-1.257-5.034-1.9-7.517L300.825,121.451z"/>
<path style="fill:#FFFFFF;" d="M281.229,196.737h52.429c-1.028-16.192-2.666-32.123-4.944-47.482L281.229,196.737z"/>
<path style="fill:#FFFFFF;" d="M280.545,452.432c7.547-8.182,14.308-18.459,20.284-30.429v-60.256l16.499,16.499
c3.784-13.264,6.959-27.434,9.525-42.261l-46.307-46.304L280.545,452.432L280.545,452.432z"/>
</g>
<path style="fill:#E51D35;" d="M280.545,452.432V289.681l46.304,46.307c2.277-13.205,4.069-26.899,5.381-40.896l-8.605-8.605h9.349
c2.337-29.502,2.565-60.047,0.681-89.75h-52.429l47.482-47.482c-2.001-13.455-4.476-26.469-7.434-38.836l-40.728,40.735V21.248
C268.103,7.763,253.549,0,236.836,0c-3.938,0-7.872,0.101-11.817,0.292c-11.649,0.583-23.073,2.016-34.225,4.215v191.531
L66.808,72.055c-7.618,7.861-14.704,16.237-21.189,25.089l79.313,79.313l20.291,20.284H3.448C1.227,209.784,0,223.164,0,236.844
c0,17.034,1.84,33.626,5.25,49.643h184.834L70.847,405.724c7.808,7.67,16.121,14.813,24.921,21.349l95.023-95.023v137.116
c11.151,2.199,22.583,3.631,34.232,4.215c3.938,0.191,7.872,0.299,11.81,0.299C253.549,473.68,268.103,465.917,280.545,452.432z"/>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 6.5 KiB

BIN
assets/images/vesna.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 343 KiB

BIN
assets/images/zima.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 289 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.8 KiB

363
index.html Normal file
View File

@ -0,0 +1,363 @@
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Citikrasti</title>
<!-- CSS only -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/5.0.0-alpha1/css/bootstrap.min.css" integrity="sha384-r4NyP46KrjDleawBgD5tp8Y7UzmLA05oM1iAEQ17CSuDqnUK2+k9luXQOfXJCJ4I" crossorigin="anonymous">
<link href="https://fonts.googleapis.com/css2?family=Open+Sans+Condensed:ital,wght@0,300;0,700;1,300&display=swap" rel="stylesheet">
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<nav class="navbar navbar-expand-lg navbar-dark ">
<div class="container-xxl">
<a class="navbar-brand" href="#"><img loading=lazy src="assets/images/logo.png" alt=""></a>
<button type="button" class="btn btn-primary btn-lang dnonepc" data-toggle="modal" data-target="#exampleModal">
<svg id="Capa_1" enable-background="new 0 0 512 512" height="512" viewBox="0 0 512 512" width="512" xmlns="http://www.w3.org/2000/svg">
<g>
<path d="m483.489 138.478c-18.047-34.863-44.348-65.608-76.06-88.909-3.345-2.457-8.051-1.74-10.51 1.607-2.458 3.346-1.739 8.051 1.607 10.51 59.612 43.801 95.985 113.185 98.312 186.794h-57.244v-57.343c0-33.225-23.621-61.034-54.952-67.523-12.687-35.975-30.462-66.249-51.568-87.698-4.509-4.582-9.154-8.736-13.91-12.466 17.581 4.758 34.6 11.489 50.636 20.098 3.659 1.963 8.218.59 10.181-3.068 1.964-3.659.59-8.217-3.068-10.181-36.924-19.822-78.736-30.299-120.913-30.299-68.38 0-132.668 26.628-181.019 74.98s-74.981 112.64-74.981 181.02c0 25.956 3.873 51.568 11.51 76.125 1.002 3.222 3.972 5.287 7.178 5.287.739 0 1.492-.11 2.235-.342 3.965-1.233 6.179-5.447 4.946-9.412-6.449-20.735-10.036-42.278-10.706-64.14h57.243v55.699c0 33.003 23.31 60.65 54.327 67.379 12.629 36.481 30.453 67.203 51.706 88.989 4.628 4.743 9.399 9.033 14.288 12.876-68.138-18.626-126.137-66.722-156.199-132.842-1.718-3.778-6.172-5.453-9.956-3.732-3.78 1.718-5.451 6.175-3.732 9.956 20.072 44.149 52.165 81.594 92.809 108.287 41.707 27.392 90.24 41.87 140.351 41.87 68.38 0 132.668-26.629 181.019-74.981s74.981-112.64 74.981-181.019c0-40.849-9.86-81.488-28.511-117.522zm-115.375-16.295h-104.595v-106.757c20.597 2.087 40.795 12.706 58.838 31.039 18.319 18.616 34.017 44.658 45.757 75.718zm-119.633 0h-104.595c11.741-31.064 27.441-57.108 45.764-75.725 18.04-18.329 38.237-28.946 58.831-31.032zm-233.315 126.298c3.319-107.708 77.66-197.831 177.664-225.025-4.751 3.726-9.392 7.877-13.897 12.454-21.111 21.449-38.888 51.726-51.576 87.705-31.33 6.489-54.951 34.298-54.951 67.523v57.343zm72.277 70.736v-128.079c0-29.731 24.188-53.918 53.918-53.918h229.276c29.732 0 53.919 24.188 53.919 53.918v128.079c0 29.731-24.188 53.918-53.919 53.918h-229.276c-29.73.001-53.918-24.187-53.918-53.918zm55.807 68.956h105.231v108.399c-42.296-4.314-81.61-44.769-105.231-108.399zm175.92 100.371c20.675-16.225 39.104-40.467 53.784-71.56 1.773-3.755.165-8.236-3.589-10.009-3.753-1.773-8.236-.166-10.009 3.589-24.283 51.434-58.875 82.319-95.837 86.021v-108.412h107.119c38.023 0 68.956-30.933 68.956-68.955v-55.699h57.24c-3.319 107.707-77.66 197.83-177.664 225.025z"/>
<path d="m253.943 212.393h100.84c-7.94 15.535-19.375 32.347-32.885 48.224-1.26 1.48-2.534 2.938-3.814 4.384-5.979-7.144-11.032-14.331-14.745-21.053-2.006-3.633-6.582-4.956-10.217-2.945-3.634 2.008-4.953 6.582-2.945 10.217 4.411 7.986 10.456 16.496 17.583 24.853-11.969 12.181-24.359 22.587-35.982 30.113-3.486 2.258-4.482 6.913-2.225 10.398 2.272 3.514 6.961 4.463 10.398 2.225 12.339-7.99 25.412-18.918 37.996-31.654.759.767 1.525 1.53 2.299 2.288 12.583 12.324 26.376 22.719 38.839 29.271 3.601 1.915 8.212.555 10.153-3.157 1.933-3.675.519-8.22-3.157-10.153-11.204-5.89-23.745-15.373-35.313-26.703-.849-.832-1.686-1.671-2.515-2.513 1.714-1.916 3.418-3.853 5.096-5.826 16.215-19.055 29.672-39.528 38.146-57.968h15.99c4.153 0 7.519-3.366 7.519-7.519s-3.366-7.519-7.519-7.519h-60.549v-28.657c0-4.153-3.366-7.519-7.519-7.519s-7.519 3.366-7.519 7.519v28.657h-57.957c-4.153 0-7.519 3.366-7.519 7.519s3.368 7.518 7.521 7.518z"/>
<path d="m210.004 297.754 9.464 25.078c1.466 3.885 5.805 5.846 9.689 4.379 3.885-1.466 5.845-5.803 4.379-9.689l-45.371-120.224c-.025-.069-.052-.136-.08-.204-1.592-3.872-5.324-6.372-9.509-6.372-.003 0-.006 0-.009 0-4.189.003-7.922 2.511-9.509 6.388-.023.057-.046.115-.068.172l-45.786 120.219c-1.478 3.88.47 8.223 4.351 9.702 3.779 1.47 8.227-.431 9.702-4.351l9.559-25.098zm-31.449-83.335 25.775 68.298h-51.786z"/>
</g>
</svg>
</button>
<button class="navbar-toggler " type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNavAltMarkup">
<div class="navbar-nav">
<a class="nav-link " aria-current="page" href="#">Размещение</a>
<a class="nav-link" href="#">Питание</a>
<a class="nav-link" href="#">Чем заняться</a>
<a class="nav-link" href="#">Галерея</a>
<a class="nav-link" href="#">Контакты</a>
</div>
<button type="button" class="btn btn-primary btn-lang dnonemobile" data-toggle="modal" data-target="#exampleModal">
<svg id="Capa_1" enable-background="new 0 0 512 512" height="512" viewBox="0 0 512 512" width="512" xmlns="http://www.w3.org/2000/svg">
<g>
<path d="m483.489 138.478c-18.047-34.863-44.348-65.608-76.06-88.909-3.345-2.457-8.051-1.74-10.51 1.607-2.458 3.346-1.739 8.051 1.607 10.51 59.612 43.801 95.985 113.185 98.312 186.794h-57.244v-57.343c0-33.225-23.621-61.034-54.952-67.523-12.687-35.975-30.462-66.249-51.568-87.698-4.509-4.582-9.154-8.736-13.91-12.466 17.581 4.758 34.6 11.489 50.636 20.098 3.659 1.963 8.218.59 10.181-3.068 1.964-3.659.59-8.217-3.068-10.181-36.924-19.822-78.736-30.299-120.913-30.299-68.38 0-132.668 26.628-181.019 74.98s-74.981 112.64-74.981 181.02c0 25.956 3.873 51.568 11.51 76.125 1.002 3.222 3.972 5.287 7.178 5.287.739 0 1.492-.11 2.235-.342 3.965-1.233 6.179-5.447 4.946-9.412-6.449-20.735-10.036-42.278-10.706-64.14h57.243v55.699c0 33.003 23.31 60.65 54.327 67.379 12.629 36.481 30.453 67.203 51.706 88.989 4.628 4.743 9.399 9.033 14.288 12.876-68.138-18.626-126.137-66.722-156.199-132.842-1.718-3.778-6.172-5.453-9.956-3.732-3.78 1.718-5.451 6.175-3.732 9.956 20.072 44.149 52.165 81.594 92.809 108.287 41.707 27.392 90.24 41.87 140.351 41.87 68.38 0 132.668-26.629 181.019-74.981s74.981-112.64 74.981-181.019c0-40.849-9.86-81.488-28.511-117.522zm-115.375-16.295h-104.595v-106.757c20.597 2.087 40.795 12.706 58.838 31.039 18.319 18.616 34.017 44.658 45.757 75.718zm-119.633 0h-104.595c11.741-31.064 27.441-57.108 45.764-75.725 18.04-18.329 38.237-28.946 58.831-31.032zm-233.315 126.298c3.319-107.708 77.66-197.831 177.664-225.025-4.751 3.726-9.392 7.877-13.897 12.454-21.111 21.449-38.888 51.726-51.576 87.705-31.33 6.489-54.951 34.298-54.951 67.523v57.343zm72.277 70.736v-128.079c0-29.731 24.188-53.918 53.918-53.918h229.276c29.732 0 53.919 24.188 53.919 53.918v128.079c0 29.731-24.188 53.918-53.919 53.918h-229.276c-29.73.001-53.918-24.187-53.918-53.918zm55.807 68.956h105.231v108.399c-42.296-4.314-81.61-44.769-105.231-108.399zm175.92 100.371c20.675-16.225 39.104-40.467 53.784-71.56 1.773-3.755.165-8.236-3.589-10.009-3.753-1.773-8.236-.166-10.009 3.589-24.283 51.434-58.875 82.319-95.837 86.021v-108.412h107.119c38.023 0 68.956-30.933 68.956-68.955v-55.699h57.24c-3.319 107.707-77.66 197.83-177.664 225.025z"/>
<path d="m253.943 212.393h100.84c-7.94 15.535-19.375 32.347-32.885 48.224-1.26 1.48-2.534 2.938-3.814 4.384-5.979-7.144-11.032-14.331-14.745-21.053-2.006-3.633-6.582-4.956-10.217-2.945-3.634 2.008-4.953 6.582-2.945 10.217 4.411 7.986 10.456 16.496 17.583 24.853-11.969 12.181-24.359 22.587-35.982 30.113-3.486 2.258-4.482 6.913-2.225 10.398 2.272 3.514 6.961 4.463 10.398 2.225 12.339-7.99 25.412-18.918 37.996-31.654.759.767 1.525 1.53 2.299 2.288 12.583 12.324 26.376 22.719 38.839 29.271 3.601 1.915 8.212.555 10.153-3.157 1.933-3.675.519-8.22-3.157-10.153-11.204-5.89-23.745-15.373-35.313-26.703-.849-.832-1.686-1.671-2.515-2.513 1.714-1.916 3.418-3.853 5.096-5.826 16.215-19.055 29.672-39.528 38.146-57.968h15.99c4.153 0 7.519-3.366 7.519-7.519s-3.366-7.519-7.519-7.519h-60.549v-28.657c0-4.153-3.366-7.519-7.519-7.519s-7.519 3.366-7.519 7.519v28.657h-57.957c-4.153 0-7.519 3.366-7.519 7.519s3.368 7.518 7.521 7.518z"/>
<path d="m210.004 297.754 9.464 25.078c1.466 3.885 5.805 5.846 9.689 4.379 3.885-1.466 5.845-5.803 4.379-9.689l-45.371-120.224c-.025-.069-.052-.136-.08-.204-1.592-3.872-5.324-6.372-9.509-6.372-.003 0-.006 0-.009 0-4.189.003-7.922 2.511-9.509 6.388-.023.057-.046.115-.068.172l-45.786 120.219c-1.478 3.88.47 8.223 4.351 9.702 3.779 1.47 8.227-.431 9.702-4.351l9.559-25.098zm-31.449-83.335 25.775 68.298h-51.786z"/>
</g>
</svg>
</button>
</div>
<div class="dop-asset ">
<div class="row-line">
<img loading=lazy src="assets/images/call.svg" alt="">
<a href="tel:+371 20372356">+371 20372356</a>
</div>
<div class="row-line">
<img loading=lazy src="assets/images/call.svg" alt="">
<a href="tel:+371 20372356">+371 20372356</a>
</div>
</div>
</div>
</nav>
</header>
<div class="hero">
<img loading=lazy src="assets/images/heroimage.png" class="img-fluid" alt="heroimage">
<div class="container-fluid custom-container intro">
<div class=" block-style-default">
<h1>На самом берегу живописной реки Гауя...</h1>
<p class="p-small">
Расположены уютные резиденции, из окон спален которых можно встречать рассветы и провожать закаты… Все резиденции находятся буквально в 10 метрах от воды. Мы предлагаем эгоистично-романтичный отдых в двухместных домиках с террасой, индивидуальной сауной,
горячей купелью, подвесными кресло-качелями и потрясающим видом на реку.
</p>
</div>
</div>
</div>
<div class="content">
<div class="container-fluid custom-container">
<h2>Размещение</h2>
<div class="card-rows">
<div class=" block-style-default card">
<div class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
<li data-slide-to="0" class="active"></li>
<li data-slide-to="1"></li>
<li data-slide-to="2"></li>
</ol>
<div class="carousel-inner">
<div class="carousel-item active">
<img loading=lazy src="assets/images/test.png" class="d-block w-100" alt="...">
</div>
<div class="carousel-item">
<img loading=lazy src="assets/images/test.png" class="d-block w-100" alt="...">
</div>
<div class="carousel-item">
<img loading=lazy src="assets/images/test.png" class="d-block w-100" alt="...">
</div>
</div>
<a class="carousel-control-prev" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
<div class="infoblock">
<h2>Meža Rezidense</h2>
<p>В стоимость включены: проживание,сауна, горячая купель и завтрак Завтрак включает в себя свежевыжатый апельсиновый сок, качественный кофе, блинчики, омлет, яичницу, овсяную кашу его Вы выберете для себя по приезду по меню. Домики
оснащены всем необходимым для Вашего отдыха полотенца, халаты, тапочки, банные принадлежности, фен для волос.</p>
</div>
</div>
<div class=" block-style-default card">
<div class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
<li data-slide-to="0" class="active"></li>
<li data-slide-to="1"></li>
<li data-slide-to="2"></li>
</ol>
<div class="carousel-inner">
<div class="carousel-item active">
<img loading=lazy src="assets/images/test.png" class="d-block w-100" alt="...">
</div>
<div class="carousel-item">
<img loading=lazy src="assets/images/test.png" class="d-block w-100" alt="...">
</div>
<div class="carousel-item">
<img loading=lazy src="assets/images/test.png" class="d-block w-100" alt="...">
</div>
</div>
<a class="carousel-control-prev" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
<div class="infoblock">
<h2>Meža Rezidense</h2>
<p>В стоимость включены: проживание,сауна, горячая купель и завтрак Завтрак включает в себя свежевыжатый апельсиновый сок, качественный кофе, блинчики, омлет, яичницу, овсяную кашу его Вы выберете для себя по приезду по меню. Домики
оснащены всем необходимым для Вашего отдыха полотенца, халаты, тапочки, банные принадлежности, фен для волос.</p>
</div>
</div>
<div class=" block-style-default card">
<div class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
<li data-slide-to="0" class="active"></li>
<li data-slide-to="1"></li>
<li data-slide-to="2"></li>
</ol>
<div class="carousel-inner">
<div class="carousel-item active">
<img loading=lazy src="assets/images/test.png" class="d-block w-100" alt="...">
</div>
<div class="carousel-item">
<img loading=lazy src="assets/images/test.png" class="d-block w-100" alt="...">
</div>
<div class="carousel-item">
<img loading=lazy src="assets/images/test.png" class="d-block w-100" alt="...">
</div>
</div>
<a class="carousel-control-prev" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
<div class="infoblock">
<h2>Meža Rezidense</h2>
<p>В стоимость включены: проживание,сауна, горячая купель и завтрак Завтрак включает в себя свежевыжатый апельсиновый сок, качественный кофе, блинчики, омлет, яичницу, овсяную кашу его Вы выберете для себя по приезду по меню. Домики
оснащены всем необходимым для Вашего отдыха полотенца, халаты, тапочки, банные принадлежности, фен для волос.</p>
</div>
</div>
<div class="block-style-default dark">
<div class="infoblock">
<h2>Информация по заезду и выезду</h2>
<p>
Ваш домик будет обязательно готов к 15:00, но Вы, конечно, можете приехать раньше прогуляться по окрестностям, выпить бокальчик вина или чашечку кофе в оранжерее…
</p>
<p>
Достаточно много времени занимает замена воды и уборка купелей — поэтому просим дать нам возможность начать необходимые работы в 11:00. Конечно, Вы можете наслаждаться завтраком сколько пожелаете… Это время распространяется только на сам домик.
</p>
<p>
Пожалуйста, примите к сведению что мы не размещаем с животными и детками. Здесь не безопасный берег для детей и ничто не предусмотрено для их пребывания. Благодарим за понимание.
</p>
<p>
Так как комплекс расположен в заповедной водоохранной затопляемой зоне туалеты и душевые размещены отдельно. Однако, пусть Вас это не смущает в домиках есть горячая и холодная вода, где сауну можно использовать как русскую баню. Не говоря уже о тёплой
ванне под открытым небом с более чем тонной воды…
</p>
</div>
</div>
</div>
<h2>Чем заняться?</h2>
<div class="card-rows block-rows">
<div class="block-style-default">
<div class="img-block">
<img loading=lazy src="assets/images/card.png" alt="">
</div>
<div class="infoblock">
<p>Сплав по Гауе</p>
</div>
</div>
<div class="block-style-default">
<div class="img-block">
<img loading=lazy src="assets/images/card.png" alt="">
</div>
<div class="infoblock">
<p>Сплав по Гауе</p>
</div>
</div>
<div class="block-style-default">
<div class="img-block">
<img loading=lazy src="assets/images/card.png" alt="">
</div>
<div class="infoblock">
<p>Сплав по Гауе</p>
</div>
</div>
<div class="block-style-default">
<div class="img-block">
<img loading=lazy src="assets/images/card.png" alt="">
</div>
<div class="infoblock">
<p>Сплав по Гауе</p>
</div>
</div>
<div class="block-style-default">
<div class="img-block">
<img loading=lazy src="assets/images/card.png" alt="">
</div>
<div class="infoblock">
<p>Сплав по Гауе</p>
</div>
</div>
<div class="block-style-default">
<div class="img-block">
<img loading=lazy src="assets/images/card.png" alt="">
</div>
<div class="infoblock">
<p>Сплав по Гауе</p>
</div>
</div>
</div>
</div>
<div class="container-fluid custom-container">
<h2 class="withsubhead">Мы работаем круглый год, каждый сезон у нас по-своему прекрасен</h2>
<div class="subhead">
<p> (Кликните на сезон для просмотра фото)</p>
</div>
</div>
<div class="gallery-block">
<a href="/simplepage.html" class="vremya">
<img loading=lazy src="assets/images/leto.png" alt="" l>
<p class="text">
Лето
</p>
</a>
<a href="" class="vremya">
<img loading=lazy src="assets/images/osen.png" alt="">
<p class="text">
Осень
</p>
</a>
<a href="" class="vremya">
<img loading=lazy src="assets/images/zima.png" alt="">
<p class="text">Зима</p>
</a>
<a href="" class="vremya">
<img loading=lazy src="assets/images/vesna.png" alt="">
<p class="text">Весна</p>
</a>
</div>
<div class="container-fluid custom-container">
<div class="block-style-default dark two-col">
<div class="infoblock">
<h2>Как добраться?</h2>
<p>
Из центра Риги: около 40 минут (40км) — по Сигулдской трассе до большой развилки/кольца «Sēnīte» на Валмиеру и Сигулду. Навигаторы Waze и Google Maps знают , где мы находимся. Единственное, последние несколько сотен метров, пожалуйста, следуйте дорожным
указателям.
</p>
</div>
<div class="infoblock map">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2165.3161998240184!2d24.620919716128288!3d57.13165599227217!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x46e94df839100975%3A0xaab601424244c9b!2sCiti%20Krasti!5e0!3m2!1sru!2sru!4v1601670192922!5m2!1sru!2sru"
width="600" height="318" frameborder="0" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe>
</div>
</div>
<div class="block-style-default dark ">
<div class="infoblock">
<p>
Адрес: Citi Krasti, Kārļzemnieki, Inčukalna pagasts, LV-2141, Латвия <br> Телефон: +371 20372356, +371 24001871 <br>Email: strelicia127@gmail.com
</p>
</div>
</div>
</div>
</div>
<!-- Modal -->
<div class="modal fade darkmode" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Выбор языка</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<div class="launguage-pack">
<a href="" class="ru block-style-default">
<img loading=lazy src="assets/images/russia.svg" alt="">
<p>Русский</p>
</a>
<a href="" class="en block-style-default">
<img loading=lazy src="assets/images/united-kingdom.svg" alt="">
<p>English</p>
</a>
<a href="" class="lv block-style-default">
<img loading=lazy src="assets/images/latvia.svg" alt="">
<p>Latvietis</p>
</a>
</div>
</div>
</div>
</div>
</div>
<!-- JavaScript and dependencies -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/5.0.0-alpha1/js/bootstrap.min.js" integrity="sha384-oesi62hOLfzrys4LxRF63OJCXdXDipiYWBnvTl9Y9/TRlw5xlKIEHpNyvvDShgf/" crossorigin="anonymous"></script>
<script src="js/main.js"></script>
</body>
</html>

32
js/main.js Normal file
View File

@ -0,0 +1,32 @@
function ready() {
$('.carousel').carousel({
interval: false,
wrap: true,
touch: true,
pause: "hover",
})
$(".carousel-control-prev").on("click", function() {
$(this).parent().carousel('prev');
});
$(".carousel-control-next").on("click", function() {
$(this).parent().carousel('next');
});
$(".navbar-toggler").on("click", function() {
$(".dop-asset").toggleClass("open");
});
function stickyheader() {
var header = document.getElementsByClassName("navbar-dark")[0];
var sticky = 250;
if (window.pageYOffset > sticky) {
header.classList.add("bg-dark");
} else {
header.classList.remove("bg-dark");
}
}
window.onscroll = function() { stickyheader() };
}
document.addEventListener("DOMContentLoaded", ready);

142
simplepage.html Normal file
View File

@ -0,0 +1,142 @@
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Citikrasti</title>
<!-- CSS only -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/5.0.0-alpha1/css/bootstrap.min.css" integrity="sha384-r4NyP46KrjDleawBgD5tp8Y7UzmLA05oM1iAEQ17CSuDqnUK2+k9luXQOfXJCJ4I" crossorigin="anonymous">
<link href="https://fonts.googleapis.com/css2?family=Open+Sans+Condensed:ital,wght@0,300;0,700;1,300&display=swap" rel="stylesheet">
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<nav class="navbar navbar-expand-lg navbar-dark ">
<div class="container-xxl">
<a class="navbar-brand" href="#"><img src="assets/images/logo.png" alt=""></a>
<button type="button" class="btn btn-primary btn-lang dnonepc" data-toggle="modal" data-target="#exampleModal">
<svg id="Capa_1" enable-background="new 0 0 512 512" height="512" viewBox="0 0 512 512" width="512" xmlns="http://www.w3.org/2000/svg">
<g>
<path d="m483.489 138.478c-18.047-34.863-44.348-65.608-76.06-88.909-3.345-2.457-8.051-1.74-10.51 1.607-2.458 3.346-1.739 8.051 1.607 10.51 59.612 43.801 95.985 113.185 98.312 186.794h-57.244v-57.343c0-33.225-23.621-61.034-54.952-67.523-12.687-35.975-30.462-66.249-51.568-87.698-4.509-4.582-9.154-8.736-13.91-12.466 17.581 4.758 34.6 11.489 50.636 20.098 3.659 1.963 8.218.59 10.181-3.068 1.964-3.659.59-8.217-3.068-10.181-36.924-19.822-78.736-30.299-120.913-30.299-68.38 0-132.668 26.628-181.019 74.98s-74.981 112.64-74.981 181.02c0 25.956 3.873 51.568 11.51 76.125 1.002 3.222 3.972 5.287 7.178 5.287.739 0 1.492-.11 2.235-.342 3.965-1.233 6.179-5.447 4.946-9.412-6.449-20.735-10.036-42.278-10.706-64.14h57.243v55.699c0 33.003 23.31 60.65 54.327 67.379 12.629 36.481 30.453 67.203 51.706 88.989 4.628 4.743 9.399 9.033 14.288 12.876-68.138-18.626-126.137-66.722-156.199-132.842-1.718-3.778-6.172-5.453-9.956-3.732-3.78 1.718-5.451 6.175-3.732 9.956 20.072 44.149 52.165 81.594 92.809 108.287 41.707 27.392 90.24 41.87 140.351 41.87 68.38 0 132.668-26.629 181.019-74.981s74.981-112.64 74.981-181.019c0-40.849-9.86-81.488-28.511-117.522zm-115.375-16.295h-104.595v-106.757c20.597 2.087 40.795 12.706 58.838 31.039 18.319 18.616 34.017 44.658 45.757 75.718zm-119.633 0h-104.595c11.741-31.064 27.441-57.108 45.764-75.725 18.04-18.329 38.237-28.946 58.831-31.032zm-233.315 126.298c3.319-107.708 77.66-197.831 177.664-225.025-4.751 3.726-9.392 7.877-13.897 12.454-21.111 21.449-38.888 51.726-51.576 87.705-31.33 6.489-54.951 34.298-54.951 67.523v57.343zm72.277 70.736v-128.079c0-29.731 24.188-53.918 53.918-53.918h229.276c29.732 0 53.919 24.188 53.919 53.918v128.079c0 29.731-24.188 53.918-53.919 53.918h-229.276c-29.73.001-53.918-24.187-53.918-53.918zm55.807 68.956h105.231v108.399c-42.296-4.314-81.61-44.769-105.231-108.399zm175.92 100.371c20.675-16.225 39.104-40.467 53.784-71.56 1.773-3.755.165-8.236-3.589-10.009-3.753-1.773-8.236-.166-10.009 3.589-24.283 51.434-58.875 82.319-95.837 86.021v-108.412h107.119c38.023 0 68.956-30.933 68.956-68.955v-55.699h57.24c-3.319 107.707-77.66 197.83-177.664 225.025z"/>
<path d="m253.943 212.393h100.84c-7.94 15.535-19.375 32.347-32.885 48.224-1.26 1.48-2.534 2.938-3.814 4.384-5.979-7.144-11.032-14.331-14.745-21.053-2.006-3.633-6.582-4.956-10.217-2.945-3.634 2.008-4.953 6.582-2.945 10.217 4.411 7.986 10.456 16.496 17.583 24.853-11.969 12.181-24.359 22.587-35.982 30.113-3.486 2.258-4.482 6.913-2.225 10.398 2.272 3.514 6.961 4.463 10.398 2.225 12.339-7.99 25.412-18.918 37.996-31.654.759.767 1.525 1.53 2.299 2.288 12.583 12.324 26.376 22.719 38.839 29.271 3.601 1.915 8.212.555 10.153-3.157 1.933-3.675.519-8.22-3.157-10.153-11.204-5.89-23.745-15.373-35.313-26.703-.849-.832-1.686-1.671-2.515-2.513 1.714-1.916 3.418-3.853 5.096-5.826 16.215-19.055 29.672-39.528 38.146-57.968h15.99c4.153 0 7.519-3.366 7.519-7.519s-3.366-7.519-7.519-7.519h-60.549v-28.657c0-4.153-3.366-7.519-7.519-7.519s-7.519 3.366-7.519 7.519v28.657h-57.957c-4.153 0-7.519 3.366-7.519 7.519s3.368 7.518 7.521 7.518z"/>
<path d="m210.004 297.754 9.464 25.078c1.466 3.885 5.805 5.846 9.689 4.379 3.885-1.466 5.845-5.803 4.379-9.689l-45.371-120.224c-.025-.069-.052-.136-.08-.204-1.592-3.872-5.324-6.372-9.509-6.372-.003 0-.006 0-.009 0-4.189.003-7.922 2.511-9.509 6.388-.023.057-.046.115-.068.172l-45.786 120.219c-1.478 3.88.47 8.223 4.351 9.702 3.779 1.47 8.227-.431 9.702-4.351l9.559-25.098zm-31.449-83.335 25.775 68.298h-51.786z"/>
</g>
</svg>
</button>
<button class="navbar-toggler " type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNavAltMarkup">
<div class="navbar-nav">
<a class="nav-link " aria-current="page" href="#">Размещение</a>
<a class="nav-link" href="#">Питание</a>
<a class="nav-link" href="#">Чем заняться</a>
<a class="nav-link" href="#">Галерея</a>
<a class="nav-link" href="#">Контакты</a>
</div>
<button type="button" class="btn btn-primary btn-lang dnonemobile" data-toggle="modal" data-target="#exampleModal">
<svg id="Capa_1" enable-background="new 0 0 512 512" height="512" viewBox="0 0 512 512" width="512" xmlns="http://www.w3.org/2000/svg">
<g>
<path d="m483.489 138.478c-18.047-34.863-44.348-65.608-76.06-88.909-3.345-2.457-8.051-1.74-10.51 1.607-2.458 3.346-1.739 8.051 1.607 10.51 59.612 43.801 95.985 113.185 98.312 186.794h-57.244v-57.343c0-33.225-23.621-61.034-54.952-67.523-12.687-35.975-30.462-66.249-51.568-87.698-4.509-4.582-9.154-8.736-13.91-12.466 17.581 4.758 34.6 11.489 50.636 20.098 3.659 1.963 8.218.59 10.181-3.068 1.964-3.659.59-8.217-3.068-10.181-36.924-19.822-78.736-30.299-120.913-30.299-68.38 0-132.668 26.628-181.019 74.98s-74.981 112.64-74.981 181.02c0 25.956 3.873 51.568 11.51 76.125 1.002 3.222 3.972 5.287 7.178 5.287.739 0 1.492-.11 2.235-.342 3.965-1.233 6.179-5.447 4.946-9.412-6.449-20.735-10.036-42.278-10.706-64.14h57.243v55.699c0 33.003 23.31 60.65 54.327 67.379 12.629 36.481 30.453 67.203 51.706 88.989 4.628 4.743 9.399 9.033 14.288 12.876-68.138-18.626-126.137-66.722-156.199-132.842-1.718-3.778-6.172-5.453-9.956-3.732-3.78 1.718-5.451 6.175-3.732 9.956 20.072 44.149 52.165 81.594 92.809 108.287 41.707 27.392 90.24 41.87 140.351 41.87 68.38 0 132.668-26.629 181.019-74.981s74.981-112.64 74.981-181.019c0-40.849-9.86-81.488-28.511-117.522zm-115.375-16.295h-104.595v-106.757c20.597 2.087 40.795 12.706 58.838 31.039 18.319 18.616 34.017 44.658 45.757 75.718zm-119.633 0h-104.595c11.741-31.064 27.441-57.108 45.764-75.725 18.04-18.329 38.237-28.946 58.831-31.032zm-233.315 126.298c3.319-107.708 77.66-197.831 177.664-225.025-4.751 3.726-9.392 7.877-13.897 12.454-21.111 21.449-38.888 51.726-51.576 87.705-31.33 6.489-54.951 34.298-54.951 67.523v57.343zm72.277 70.736v-128.079c0-29.731 24.188-53.918 53.918-53.918h229.276c29.732 0 53.919 24.188 53.919 53.918v128.079c0 29.731-24.188 53.918-53.919 53.918h-229.276c-29.73.001-53.918-24.187-53.918-53.918zm55.807 68.956h105.231v108.399c-42.296-4.314-81.61-44.769-105.231-108.399zm175.92 100.371c20.675-16.225 39.104-40.467 53.784-71.56 1.773-3.755.165-8.236-3.589-10.009-3.753-1.773-8.236-.166-10.009 3.589-24.283 51.434-58.875 82.319-95.837 86.021v-108.412h107.119c38.023 0 68.956-30.933 68.956-68.955v-55.699h57.24c-3.319 107.707-77.66 197.83-177.664 225.025z"/>
<path d="m253.943 212.393h100.84c-7.94 15.535-19.375 32.347-32.885 48.224-1.26 1.48-2.534 2.938-3.814 4.384-5.979-7.144-11.032-14.331-14.745-21.053-2.006-3.633-6.582-4.956-10.217-2.945-3.634 2.008-4.953 6.582-2.945 10.217 4.411 7.986 10.456 16.496 17.583 24.853-11.969 12.181-24.359 22.587-35.982 30.113-3.486 2.258-4.482 6.913-2.225 10.398 2.272 3.514 6.961 4.463 10.398 2.225 12.339-7.99 25.412-18.918 37.996-31.654.759.767 1.525 1.53 2.299 2.288 12.583 12.324 26.376 22.719 38.839 29.271 3.601 1.915 8.212.555 10.153-3.157 1.933-3.675.519-8.22-3.157-10.153-11.204-5.89-23.745-15.373-35.313-26.703-.849-.832-1.686-1.671-2.515-2.513 1.714-1.916 3.418-3.853 5.096-5.826 16.215-19.055 29.672-39.528 38.146-57.968h15.99c4.153 0 7.519-3.366 7.519-7.519s-3.366-7.519-7.519-7.519h-60.549v-28.657c0-4.153-3.366-7.519-7.519-7.519s-7.519 3.366-7.519 7.519v28.657h-57.957c-4.153 0-7.519 3.366-7.519 7.519s3.368 7.518 7.521 7.518z"/>
<path d="m210.004 297.754 9.464 25.078c1.466 3.885 5.805 5.846 9.689 4.379 3.885-1.466 5.845-5.803 4.379-9.689l-45.371-120.224c-.025-.069-.052-.136-.08-.204-1.592-3.872-5.324-6.372-9.509-6.372-.003 0-.006 0-.009 0-4.189.003-7.922 2.511-9.509 6.388-.023.057-.046.115-.068.172l-45.786 120.219c-1.478 3.88.47 8.223 4.351 9.702 3.779 1.47 8.227-.431 9.702-4.351l9.559-25.098zm-31.449-83.335 25.775 68.298h-51.786z"/>
</g>
</svg>
</button>
</div>
<div class="dop-asset ">
<div class="row-line">
<img src="assets/images/call.svg" alt="">
<a href="tel:+371 20372356">+371 20372356</a>
</div>
<div class="row-line">
<img src="assets/images/call.svg" alt="">
<a href="tel:+371 20372356">+371 20372356</a>
</div>
</div>
</div>
</nav>
</header>
<div class="hero">
<img src="assets/images/heroimage.png" class="img-fluid" alt="heroimage">
<div class="container-fluid custom-container intro">
<div class=" block-style-default">
<h1>На самом берегу живописной реки Гауя...</h1>
<p class="p-small">
Расположены уютные резиденции, из окон спален которых можно встречать рассветы и провожать закаты… Все резиденции находятся буквально в 10 метрах от воды. Мы предлагаем эгоистично-романтичный отдых в двухместных домиках с террасой, индивидуальной сауной,
горячей купелью, подвесными кресло-качелями и потрясающим видом на реку.
</p>
</div>
</div>
</div>
<div class="content">
<div class="container-fluid custom-container">
<div class="gallery-system">
<a class="block-style-default" href="assets/images/osen.png"><img src="assets/images/osen.png" alt=""></a>
<a class="block-style-default" href="assets/images/osen.png"><img src="assets/images/osen.png" alt=""></a>
<a class="block-style-default" href="assets/images/osen.png"><img src="assets/images/osen.png" alt=""></a>
<a class="block-style-default" href="assets/images/osen.png"><img src="assets/images/osen.png" alt=""></a>
<a class="block-style-default" href="assets/images/osen.png"><img src="assets/images/osen.png" alt=""></a>
<a class="block-style-default" href="assets/images/osen.png"><img src="assets/images/osen.png" alt=""></a>
<a class="block-style-default" href="assets/images/osen.png"><img src="assets/images/osen.png" alt=""></a>
<a class="block-style-default" href="assets/images/osen.png"><img src="assets/images/osen.png" alt=""></a>
<a class="block-style-default" href="assets/images/osen.png"><img src="assets/images/osen.png" alt=""></a>
<a class="block-style-default" href="assets/images/osen.png"><img src="assets/images/osen.png" alt=""></a>
<a class="block-style-default" href="assets/images/osen.png"><img src="assets/images/osen.png" alt=""></a>
<a class="block-style-default" href="assets/images/osen.png"><img src="assets/images/osen.png" alt=""></a>
</div>
</div>
</div>
<!-- Modal -->
<div class="modal fade darkmode" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Выбор языка</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<div class="launguage-pack">
<a href="" class="ru block-style-default">
<img src="assets/images/russia.svg" alt="">
<p>Русский</p>
</a>
<a href="" class="en block-style-default">
<img src="assets/images/united-kingdom.svg" alt="">
<p>English</p>
</a>
<a href="" class="lv block-style-default">
<img src="assets/images/latvia.svg" alt="">
<p>Latvietis</p>
</a>
</div>
</div>
</div>
</div>
</div>
<!-- JavaScript and dependencies -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/5.0.0-alpha1/js/bootstrap.min.js" integrity="sha384-oesi62hOLfzrys4LxRF63OJCXdXDipiYWBnvTl9Y9/TRlw5xlKIEHpNyvvDShgf/" crossorigin="anonymous"></script>
<script src="js/main.js"></script>
<!-- only for simplepage and dependencies -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/lightgallery/1.8.3/js/lightgallery.min.js" integrity="sha512-qnhI/+haxfhK9wO4DSb2JGXIdFU03d4SLda0+oOQ0byrTYxPbig36xmHMHsJ+8PgIwaJbtMk6JyPL+d8cVwyUA==" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/lightgallery/1.8.3/css/lightgallery.min.css" integrity="sha512-gk6oCFFexhboh5r/6fov3zqTCA2plJ+uIoUx941tQSFg6TNYahuvh1esZVV0kkK+i5Kl74jPmNJTTaHAovWIhw==" crossorigin="anonymous" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/lightgallery/1.8.3/js/lightgallery-all.min.js" integrity="sha512-bkbWCSmZ4xoMz9hjVOG5Z9jfu+rf2jhf4FBW8+NaN73YmGxjIqwfsc9OUkbDmKTBVNzbbJb8G8zGUGbQF110lg==" crossorigin="anonymous"></script>
<script>
if ($(".gallery-system")) {
$(".gallery-system").lightGallery();
} else {
console.log("not lightgallery");
}
</script>
</body>
</html>

512
style.css Normal file
View File

@ -0,0 +1,512 @@
* {
font-family: 'Open Sans Condensed', sans-serif;
}
body {
background: #202021;
}
.navbar-dark {
transition: all 0.5s;
}
.bg-dark {
background-color: #000000e8!important;
transition: all 0.5s;
}
header {
position: fixed;
width: 100%;
z-index: 999;
}
.custom-container {
width: 90%;
position: relative;
}
.hero .intro {
margin-top: -10%;
}
.block-style-default {
background: #202021;
box-shadow: -10px 14px 20px rgba(0, 0, 0, 0.35);
border-radius: 8px;
margin-bottom: 60px;
}
.hero .block-style-default {
padding: 2rem 4rem;
}
.card-rows .card {
display: grid;
grid-template-columns: 5fr 2fr;
grid-template-areas: " carousel infoblock";
background: #000000;
padding: 0px;
margin-bottom: 60px;
overflow: hidden;
align-content: center;
}
.dark {
background: #000000;
}
.card-rows .card:nth-child(2n) {
grid-template-columns: 2fr 5fr;
grid-template-areas: "infoblock carousel";
}
.card-rows .card .carousel {
grid-area: carousel;
display: grid;
}
.card-rows .block-style-default .infoblock {
display: grid;
grid-area: infoblock;
}
.block-style-default h2 {
margin-top: 0px;
margin-bottom: 30px;
}
.infoblock {
padding: 4rem 4rem;
display: flex;
flex-direction: column;
align-items: flex-start;
align-self: center;
}
.carousel-inner {
height: 100%;
}
.carousel-item {
height: 100%;
}
.w-100 {
height: 100%;
object-fit: cover;
}
a {
font-style: normal;
font-weight: 300;
font-size: 36px;
}
h1 {
font-family: Open Sans Condensed;
font-style: normal;
font-weight: 300;
font-size: 3.5rem;
line-height: 100%;
color: #FFFFFF;
margin-bottom: 20px;
}
h2 {
font-family: Open Sans Condensed;
font-style: normal;
font-weight: 300;
font-size: 48px;
line-height: 100%;
color: #FFFFFF;
margin-top: 138px;
margin-bottom: 120px;
}
.p-small {
font-family: Open Sans Condensed;
font-style: normal;
font-weight: 300;
font-size: 36px;
line-height: 149.19%;
}
p {
font-family: Open Sans Condensed;
font-style: normal;
font-weight: 300;
font-size: 24px;
line-height: 141.5%;
color: #FFFFFF;
}
.block-rows {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
column-gap: 60px;
row-gap: 60px;
padding: 0rem 10rem;
}
.block-rows .block-style-default {
margin-bottom: 0px;
overflow: hidden;
background: #000000;
}
.block-rows .block-style-default .infoblock {
text-align: center;
padding: 2rem 1rem;
}
.block-rows .block-style-default .img-block img {
width: 100%;
object-fit: cover;
}
.withsubhead {
margin-bottom: 10px;
}
.subhead p {
font-style: normal;
font-weight: 300;
font-size: 24px;
line-height: 100%;
}
.gallery-block {
margin-top: 120px;
display: grid;
width: 100%;
grid-template-columns: 1fr 1fr;
grid-auto-rows: 629px;
margin-bottom: 200px;
}
.gallery-block .vremya {
position: relative;
display: grid;
}
.vremya .text {
position: absolute;
display: grid;
font-style: normal;
font-weight: 300;
font-size: 8rem;
line-height: 100%;
place-self: center;
align-self: center;
color: #FFFFFF;
}
.vremya img {
width: 100%;
object-fit: cover;
height: 100%;
}
.two-col {
display: grid;
grid-template-columns: 1fr 1fr;
row-gap: 60px;
}
.map iframe {
border-radius: 8px;
overflow: hidden;
width: 100%;
}
.nav-link {
font-style: normal;
font-weight: 300;
font-size: 2rem;
color: #fff!important;
}
.dop-asset {
display: grid;
grid-template-columns: 1fr;
}
.open {
display: grid!important;
}
.dop-asset .row-line {
display: grid;
column-gap: 10px;
align-items: center;
grid-template-columns: max-content max-content;
}
.dop-asset .row-line img {
width: 18px;
height: 18px;
object-fit: cover;
}
.dop-asset .row-line a {
font-family: Open Sans Condensed;
font-style: normal;
font-weight: 300;
font-size: 24px;
line-height: 149.19%;
text-decoration: none;
color: #fff;
}
.gallery-system {
display: grid;
grid-template-columns: repeat(4, 1fr);
column-gap: 20px;
row-gap: 20px;
padding-bottom: 100px;
}
.gallery-system a {
border-radius: 8px;
overflow: hidden;
margin-bottom: 0px;
}
.gallery-system a img {
width: 100%;
object-fit: cover;
}
.btn-lang {
background: #00000000!important;
border: none!important;
}
.btn-lang:focus {
box-shadow: none!important;
}
.btn-lang svg {
width: 50px;
height: 50px;
}
.btn-lang path {
fill: #fff;
}
.darkmode .modal-content {
background-color: #101011;
}
.darkmode .modal-content h5 {
color: #fff;
}
.darkmode .modal-content .close {
text-shadow: none;
color: #fff;
}
.modal-dialog {
max-width: 700px;
}
.launguage-pack {
display: grid;
grid-template-columns: repeat(3, 1fr);
column-gap: 20px;
}
.launguage-pack a {
width: 100%;
display: grid;
grid-template-columns: max-content max-content;
place-self: center;
padding: 15px;
column-gap: 15px;
margin-bottom: 0;
align-items: center;
text-decoration: none;
place-content: space-around;
}
.launguage-pack a p {
margin-bottom: 0;
line-height: normal;
}
.launguage-pack a img {
width: 60px;
height: 60px;
object-fit: cover;
}
.dnonepc {
display: none;
}
@media (min-width: 992px) {
.navbar-expand-lg .navbar-collapse {
display: flex!important;
justify-content: center;
}
/* .navbar-expand-lg .navbar-nav .nav-link {
padding-right: 1.5rem;
padding-left: 1.5rem;
} */
}
@media only screen and (max-width: 1600px) {
.block-rows {
padding: 0rem 5rem;
}
}
@media only screen and (max-width: 1440px) {}
@media only screen and (max-width: 1366px) {
.card-rows .card {
grid-template-columns: 1fr;
grid-template-areas: " carousel " "infoblock";
}
.card-rows .card:nth-child(2n) {
grid-template-columns: 1fr;
grid-template-areas: " carousel " "infoblock";
}
.hero img {
height: 530px;
object-fit: cover;
}
.hero .block-style-default {
padding: 2rem 2rem;
}
h1 {
font-size: 36px;
line-height: 100%;
color: #FFFFFF;
margin-bottom: 30px;
}
h2 {
font-size: 36px;
margin-top: 78px;
margin-bottom: 78px;
}
.p-small {
line-height: normal;
font-size: 24px;
}
.block-rows {
padding: 0rem 2rem;
}
.nav-link {
font-size: 24px;
}
.gallery-system {
grid-template-columns: repeat(3, 1fr);
}
}
@media only screen and (max-width: 1024px) {
.hero img {
height: 530px;
object-fit: cover;
}
.hero .intro {
margin-top: -26%;
}
.hero .block-style-default {
padding: 2rem 2rem;
}
h1 {
font-size: 36px;
line-height: 100%;
color: #FFFFFF;
margin-bottom: 30px;
}
h2 {
font-size: 36px;
margin-top: 78px;
margin-bottom: 78px;
}
.p-small {
line-height: normal;
font-size: 24px;
}
p {
line-height: normal;
font-size: 18px;
}
.block-rows {
padding: 0rem 0rem;
column-gap: 30px;
row-gap: 30px;
grid-template-columns: 1fr 1fr;
}
.gallery-block {
grid-template-columns: 1fr;
}
.two-col {
grid-template-columns: 1fr;
row-gap: 0px;
}
}
@media only screen and (max-width: 991px) {
.dnonepc {
display: block;
}
.dnonemobile {
display: none;
}
.dop-asset {
margin-top: 20px;
margin-bottom: 20px;
display: none;
}
.launguage-pack {
grid-template-columns: repeat(1, 300px);
row-gap: 20px;
justify-content: center;
}
}
@media only screen and (max-width: 768px) {
.hero .intro {
margin-top: -50%;
}
.gallery-block {
grid-template-columns: 1fr;
grid-auto-rows: 400px;
}
.gallery-system {
grid-template-columns: repeat(2, 1fr);
}
}
@media only screen and (max-width: 640px) {
.navbar-brand {
width: 180px;
margin-right: 0px;
}
.btn-lang svg {
width: 30px;
height: 30px;
}
.navbar-brand img {
max-width: 90%;
}
.custom-container {
width: 97%;
}
.infoblock {
padding: 2rem 2rem;
}
.block-rows {
grid-template-columns: 1fr;
}
.gallery-system {
grid-template-columns: repeat(1, 1fr);
}
}