Nahrání lokálních souborů
@ -0,0 +1,75 @@
|
||||
@font-face {
|
||||
font-family:gill-sans;
|
||||
src:url(../fonts/gill-sans-mt.ttf)
|
||||
}
|
||||
|
||||
@media screen and (max-width: 699px) {
|
||||
body { background:none; }
|
||||
|
||||
header { width:100%; }
|
||||
header .logo { width:25%; padding-top:30px; float:right; }
|
||||
header .row p { width:100%; }
|
||||
|
||||
main { background:none; }
|
||||
|
||||
.row { flex-direction:column; margin:4em 0; }
|
||||
.row:nth-child(even) { flex-direction:column-reverse; }
|
||||
.row img { max-height:80%; max-width:80%; margin:1em 0; }
|
||||
|
||||
article { max-width:100%; align-self:center !important; padding:1em; }
|
||||
article h2 { margin-top:auto; font-size:2em; }
|
||||
article:nth-child(1) h2 { margin-right:auto; text-align:right; }
|
||||
article:nth-child(2) h2 { margin-left:auto; }
|
||||
}
|
||||
@media screen and (min-width: 700px) {
|
||||
body { background:url(../img/header-pattern.svg) no-repeat left top; background-size: 90% auto; }
|
||||
header { width:auto; }
|
||||
header .logo { max-width:150px; padding-top:150px; }
|
||||
header .row p { max-width:35%; }
|
||||
|
||||
main { background:url(../img/timeline.svg) no-repeat center top; background-size: auto 100%; }
|
||||
|
||||
.row { flex-direction:row; margin:5em 0; }
|
||||
.row img { max-height:130%; max-width:40%; }
|
||||
|
||||
article { max-width:35%; padding:2em; }
|
||||
article h2 { margin-top:-1.7em; font-size:2em; }
|
||||
article:nth-child(1) h2 { margin-right:-1.5em; text-align:right; }
|
||||
article:nth-child(2) h2 { margin-left:-1.5em; }
|
||||
}
|
||||
|
||||
html, body {
|
||||
margin:0;
|
||||
padding:0;
|
||||
}
|
||||
|
||||
body {
|
||||
font-size:1.5em;
|
||||
font-family:gill-sans;
|
||||
}
|
||||
|
||||
p { text-align:justify; }
|
||||
|
||||
.wrap {
|
||||
max-width:1200px;
|
||||
margin:0 auto;
|
||||
padding:0 1em;
|
||||
}
|
||||
|
||||
h1 { color:#d63647; margin-bottom:0; clear:both; }
|
||||
h2, h3 { color:#68c7d2; }
|
||||
|
||||
header .logo { padding:30px; background-color:#fff; }
|
||||
header .logo img { width:100%; }
|
||||
header .row { height:600px; margin:0; padding-bottom:150px; margin-bottom:-300px; }
|
||||
header .row img { max-height:500px; }
|
||||
header .row p { text-align:justify; }
|
||||
|
||||
main {
|
||||
padding-top:200px; margin-top:-200px;
|
||||
padding-bottom:100px; margin-bottom:-100px;
|
||||
}
|
||||
|
||||
.row { height:auto; width:100%; display:flex; justify-content:space-between; align-items:center; }
|
||||
|
||||
article { background-color:#eee; }
|
||||
|
After Width: | Height: | Size: 85 KiB |
@ -0,0 +1,63 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||
|
||||
<svg
|
||||
xmlns:dc="http://purl.org/dc/elements/1.1/"
|
||||
xmlns:cc="http://creativecommons.org/ns#"
|
||||
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
||||
xmlns:svg="http://www.w3.org/2000/svg"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
width="286.43033mm"
|
||||
height="235.67392mm"
|
||||
viewBox="0 0 286.43033 235.67392"
|
||||
version="1.1"
|
||||
id="svg8"
|
||||
inkscape:version="0.92.4 5da689c313, 2019-01-14"
|
||||
sodipodi:docname="heaeder-pattern.svg">
|
||||
<defs
|
||||
id="defs2" />
|
||||
<sodipodi:namedview
|
||||
id="base"
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#666666"
|
||||
borderopacity="1.0"
|
||||
inkscape:pageopacity="0.0"
|
||||
inkscape:pageshadow="2"
|
||||
inkscape:zoom="0.49497475"
|
||||
inkscape:cx="323.4812"
|
||||
inkscape:cy="400.60233"
|
||||
inkscape:document-units="mm"
|
||||
inkscape:current-layer="layer1"
|
||||
showgrid="false"
|
||||
inkscape:window-width="1920"
|
||||
inkscape:window-height="1181"
|
||||
inkscape:window-x="0"
|
||||
inkscape:window-y="0"
|
||||
inkscape:window-maximized="0" />
|
||||
<metadata
|
||||
id="metadata5">
|
||||
<rdf:RDF>
|
||||
<cc:Work
|
||||
rdf:about="">
|
||||
<dc:format>image/svg+xml</dc:format>
|
||||
<dc:type
|
||||
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
|
||||
<dc:title></dc:title>
|
||||
</cc:Work>
|
||||
</rdf:RDF>
|
||||
</metadata>
|
||||
<g
|
||||
inkscape:label="Layer 1"
|
||||
inkscape:groupmode="layer"
|
||||
id="layer1"
|
||||
transform="translate(-49.352881,-29.590685)">
|
||||
<path
|
||||
style="fill:#f1f1f1;fill-opacity:1;stroke:none;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
|
||||
d="m 335.78322,29.590685 -5.25387,1.625293 -1.88988,6.425596 -5.85863,2.834821 -10.77232,16.063988 -7.18155,4.535714 -4.91369,3.401786 -2.26786,4.724701 -9.82738,6.047621 -5.48065,6.614584 -5.66964,2.834819 -4.15774,5.858632 -5.85863,2.078868 -10.01637,-1.700892 1.13393,11.150294 -5.85863,5.48066 -7.9375,-1.32292 -0.75596,8.31548 -13.79613,1.5119 -7.74851,5.85863 -3.77976,3.2128 -0.94494,7.74851 -3.59078,3.59078 -8.12648,2.26785 -5.66965,1.51191 -1.70089,6.99255 -7.37054,2.45685 -5.48065,5.10268 -0.18899,9.4494 -7.18155,-0.75595 -4.34672,6.23661 -3.40179,3.96875 -7.55952,1.5119 -4.9137,3.40179 -2.8348,7.9375 -7.37055,0.37797 -2.07886,6.4256 -4.53572,5.85863 -9.07143,-1.5119 -0.18899,10.01636 -7.74851,0.37798 -4.91368,3.40179 -4.34674,5.66964 -1.32291,6.04762 -8.12649,5.29167 -6.803579,-0.75596 -4.5357,8.69346 -0.75597,7.18154 -5.85861,4.53572 -6.99257,0.94494 -7.55952,2.45684 -4.15774,7.37054 -7.9375,-3.77976 -5.66965,6.42559 -5.25385,3.67215 V 29.590685 Z"
|
||||
id="path898"
|
||||
inkscape:connector-curvature="0"
|
||||
sodipodi:nodetypes="ccccccccccccccccccccccccccccccccccccccccccccccccccccccccc" />
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.9 KiB |
|
After Width: | Height: | Size: 96 KiB |
|
After Width: | Height: | Size: 160 KiB |
|
After Width: | Height: | Size: 177 KiB |
|
After Width: | Height: | Size: 10 KiB |
|
After Width: | Height: | Size: 434 KiB |
|
After Width: | Height: | Size: 106 KiB |
|
After Width: | Height: | Size: 87 KiB |
|
After Width: | Height: | Size: 167 KiB |
|
After Width: | Height: | Size: 66 KiB |
|
After Width: | Height: | Size: 145 KiB |
|
After Width: | Height: | Size: 92 KiB |
|
After Width: | Height: | Size: 444 KiB |
|
After Width: | Height: | Size: 83 KiB |