svg-demo/include/index.html

338 lines
20 KiB
HTML
Raw Normal View History

2024-10-11 08:53:01 +00:00
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>SVG include</title>
<meta data-hid="viewport" name="viewport" content="width=device-width,initial-scale=1" />
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<header>
<div class="girlande">
<img src="girlande-600x100.svg" width="600" height="100" />
</div>
<div class="girlande">
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
sodipodi:docname="girlande.svg"
id="svg5"
version="1.1"
viewBox="0 0 158.75 26.458334"
height="100"
width="600"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<sodipodi:namedview
id="namedview7"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:document-units="mm"
showgrid="false"
units="px"
height="200px"
width="600px"
inkscape:zoom="0.5"
inkscape:cx="78.000001"
inkscape:cy="312"
inkscape:window-width="1920"
inkscape:window-height="1181"
inkscape:window-x="1920"
inkscape:window-y="0"
inkscape:window-maximized="0"
inkscape:current-layer="layer8"
inkscape:snap-others="false"
inkscape:snap-nodes="false"
inkscape:showpageshadow="2"
inkscape:deskcolor="#d1d1d1" />
<defs
id="defs2" />
<g
inkscape:groupmode="layer"
id="layer9"
inkscape:label="Shadows"
style="display:inline">
<g
inkscape:groupmode="layer"
id="layer10"
inkscape:label="Shadow 2 mirror"
style="display:inline">
<path
d="M -110.21138,1.6092791 C -68.763316,21.884247 -15.849216,23.230536 20.955824,1.6460601"
style="display:inline;fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:0.13089px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:0.0627451"
id="path18624-9-7" />
<path
style="display:inline;fill:#000000;fill-opacity:0.0627451;fill-rule:evenodd;stroke:none;stroke-width:0.13089px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="M 10.110905,7.2501381 14.88035,11.398289 14.85611,5.0860601 Z"
id="path19968-2-4" />
<path
style="display:inline;fill:#000000;fill-opacity:0.0627451;fill-rule:evenodd;stroke:none;stroke-width:0.13089px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m -5.5400663,12.735476 4.12138,4.800515 0.88996991,-6.245548 z"
id="path19966-2-5" />
<path
style="display:inline;fill:#000000;fill-opacity:0.0627451;fill-rule:evenodd;stroke:none;stroke-width:0.13089px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m -21.791116,16.054152 3.45848,5.292005 1.69733,-6.075221 z"
id="path19964-8-2" />
<path
style="display:inline;fill:#000000;fill-opacity:0.0627451;fill-rule:evenodd;stroke:none;stroke-width:0.13089px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m -38.324146,17.376251 2.79706,5.661796 2.41218,-5.837713 z"
id="path19962-9-5" />
<path
style="display:inline;fill:#000000;fill-opacity:0.0627451;fill-rule:evenodd;stroke:none;stroke-width:0.13089px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m -54.903676,16.843751 2.1401,5.941254 3.05628,-5.545144 z"
id="path19960-7-4" />
<path
style="display:inline;fill:#000000;fill-opacity:0.0627451;fill-rule:evenodd;stroke:none;stroke-width:0.13089px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m -71.334796,14.566922 1.63451,6.165653 3.49113,-5.224725 z"
id="path19958-3-7" />
<path
style="display:inline;fill:#000000;fill-opacity:0.0627451;fill-rule:evenodd;stroke:none;stroke-width:0.13089px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m -87.441876,10.603101 0.95775,6.284085 4.04124,-4.811795 z"
id="path19956-6-4" />
<path
style="display:inline;fill:#000000;fill-opacity:0.0627451;fill-rule:evenodd;stroke:none;stroke-width:0.13089px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m -103.0429,4.9673071 0.25626,6.3308039 4.559703,-4.3298059 z"
id="path5935-1-1-4" />
</g>
<g
inkscape:groupmode="layer"
id="layer5"
inkscape:label="Shadow 2"
style="display:inline">
<path
d="M 46.532177,1.7795434 C 87.980224,22.054509 140.89432,23.400799 177.69936,1.8163244"
style="opacity:1;fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:0.13089px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:0.0627451"
id="path18624-9" />
<path
style="display:inline;opacity:1;fill:#000000;fill-opacity:0.0627451;fill-rule:evenodd;stroke:none;stroke-width:0.13089px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 166.85444,7.4204011 4.76945,4.1481499 -0.0242,-6.3122259 z"
id="path19968-2" />
<path
style="display:inline;opacity:1;fill:#000000;fill-opacity:0.0627451;fill-rule:evenodd;stroke:none;stroke-width:0.13089px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 151.20347,12.905738 4.12139,4.800515 0.88997,-6.245548 z"
id="path19966-2" />
<path
style="display:inline;opacity:1;fill:#000000;fill-opacity:0.0627451;fill-rule:evenodd;stroke:none;stroke-width:0.13089px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 134.95243,16.224415 3.45847,5.292004 1.69733,-6.075221 z"
id="path19964-8" />
<path
style="display:inline;opacity:1;fill:#000000;fill-opacity:0.0627451;fill-rule:evenodd;stroke:none;stroke-width:0.13089px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 118.41939,17.546513 2.79706,5.661796 2.41218,-5.837713 z"
id="path19962-9" />
<path
style="display:inline;opacity:1;fill:#000000;fill-opacity:0.0627451;fill-rule:evenodd;stroke:none;stroke-width:0.13089px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 101.83986,17.014013 2.1401,5.941255 3.05628,-5.545145 z"
id="path19960-7" />
<path
style="display:inline;opacity:1;fill:#000000;fill-opacity:0.0627451;fill-rule:evenodd;stroke:none;stroke-width:0.13089px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 85.408749,14.737184 1.634504,6.165653 3.491131,-5.224725 z"
id="path19958-3" />
<path
style="display:inline;opacity:1;fill:#000000;fill-opacity:0.0627451;fill-rule:evenodd;stroke:none;stroke-width:0.13089px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 69.301664,10.773363 0.957748,6.284085 4.041243,-4.811795 z"
id="path19956-6" />
<path
style="display:inline;opacity:1;fill:#000000;fill-opacity:0.0627451;fill-rule:evenodd;stroke:none;stroke-width:0.13089px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 53.700657,5.1375711 0.256257,6.3308019 4.559693,-4.3298049 z"
id="path5935-1-1" />
</g>
<g
inkscape:groupmode="layer"
id="layer3"
inkscape:label="Shadow 1"
style="display:inline">
<path
d="M 6.8396521,1.8890606 C 50.750011,15.219389 113.11252,15.626629 149.64201,1.7997763"
style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:0.13089px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:0.0627451"
id="path1079-2" />
<path
style="fill:#000000;fill-opacity:0.062636;fill-rule:evenodd;stroke:none;stroke-width:0.13089px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 141.87168,4.5140541 4.28563,4.664694 0.67428,-6.263342 z"
id="path5943-7" />
<path
style="fill:#000000;fill-opacity:0.0627451;fill-rule:evenodd;stroke:none;stroke-width:0.13089px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 125.7364,8.3548661 3.7454,5.1103489 1.3644,-6.1290439 z"
id="path5941-0" />
<path
style="fill:#000000;fill-opacity:0.0627451;fill-rule:evenodd;stroke:none;stroke-width:0.13089px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 109.32012,10.719505 3.28385,5.393568 1.88779,-6.003242 z"
id="path5939-9" />
<path
style="fill:#000000;fill-opacity:0.0627451;fill-rule:evenodd;stroke:none;stroke-width:0.13089px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 92.773739,11.8971 2.981585,5.612722 2.219245,-5.872046 z"
id="path5937-3" />
<path
style="fill:#000000;fill-opacity:0.0627451;fill-rule:evenodd;stroke:none;stroke-width:0.13089px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 76.186786,12.083851 2.594231,5.757769 2.614514,-5.714284 z"
id="path5935-6" />
<path
style="fill:#000000;fill-opacity:0.0627451;fill-rule:evenodd;stroke:none;stroke-width:0.13089px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 59.618137,11.311865 2.307302,5.911622 2.889076,-5.573145 z"
id="path5933-0" />
<path
style="fill:#000000;fill-opacity:0.0627451;fill-rule:evenodd;stroke:none;stroke-width:0.13089px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 43.118447,9.6196281 1.911737,6.0181819 3.25694,-5.385751 z"
id="path5931-6" />
<path
style="fill:#000000;fill-opacity:0.0627451;fill-rule:evenodd;stroke:none;stroke-width:0.13089px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 26.751738,6.9192331 1.582016,6.1472009 3.536,-5.1867809 z"
id="path5929-2" />
<path
style="fill:#000000;fill-opacity:0.0627451;fill-rule:evenodd;stroke:none;stroke-width:0.13089px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 10.611253,3.092263 1.08603,6.2294541 3.949077,-4.891006 z"
id="path1317-6" />
</g>
</g>
<g
inkscape:groupmode="layer"
id="layer4"
inkscape:label="Group 2"
style="display:inline">
<g
inkscape:groupmode="layer"
id="layer8"
inkscape:label="Garland 2 mirror">
<path
d="M -112.25767,-0.52541095 C -70.809616,19.749553 -17.895516,21.095843 18.909526,-0.48862975"
style="display:inline;fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:0.13089px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
id="path18624-3" />
<path
style="display:inline;fill:#3cebef;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.13089px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 8.0646137,5.1154461 4.7694453,4.148148 -0.02424,-6.312224 z"
id="path19968-6" />
<path
style="display:inline;fill:#e954e3;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.13089px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m -7.5863665,10.600782 4.1213902,4.800515 0.88997,-6.2455479 z"
id="path19966-1" />
<path
style="display:inline;fill:#13a300;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.13089px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m -23.837406,13.919459 3.45848,5.292004 1.69733,-6.075221 z"
id="path19964-0" />
<path
style="display:inline;fill:#e9aa00;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.13089px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m -40.370436,15.241557 2.79706,5.661796 2.41218,-5.837713 z"
id="path19962-6" />
<path
style="display:inline;fill:#2e7be6;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.13089px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m -56.949976,14.709057 2.1401,5.941255 3.05628,-5.545145 z"
id="path19960-3" />
<path
style="display:inline;fill:#45f5e1;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.13089px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m -73.381096,12.432228 1.63451,6.165653 3.49113,-5.224725 z"
id="path19958-2" />
<path
style="display:inline;fill:#e96fd8;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.13089px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m -89.488186,8.4684061 0.95775,6.2840859 4.04124,-4.811796 z"
id="path19956-0" />
<path
style="display:inline;fill:#4cce00;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.13089px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m -105.0892,2.8326161 0.25625,6.3308 4.55971,-4.329803 z"
id="path5935-1-6" />
</g>
<g
inkscape:groupmode="layer"
id="layer6"
inkscape:label="Garland 2"
style="display:inline">
<path
d="M 44.775136,0.08028656 C 86.223176,20.35525 139.13727,21.701539 175.94231,0.11706736"
style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:0.13089px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
id="path18624" />
<path
style="display:inline;fill:#3cebef;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.13089px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 165.0974,5.7211431 4.76944,4.1481489 -0.0242,-6.3122239 z"
id="path19968" />
<path
style="display:inline;fill:#e954e3;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.13089px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 149.44642,11.206478 4.12139,4.800516 0.88997,-6.2455479 z"
id="path19966" />
<path
style="display:inline;fill:#13a300;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.13089px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 133.19537,14.525155 3.45849,5.292004 1.69733,-6.07522 z"
id="path19964" />
<path
style="display:inline;fill:#e9aa00;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.13089px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 116.66234,15.847253 2.79706,5.661796 2.41218,-5.837713 z"
id="path19962" />
<path
style="display:inline;fill:#2e7be6;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.13089px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 100.08281,15.314753 2.1401,5.941255 3.05628,-5.545145 z"
id="path19960" />
<path
style="display:inline;fill:#45f5e1;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.13089px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 83.651701,13.037924 1.634505,6.165653 3.49113,-5.224724 z"
id="path19958" />
<path
style="display:inline;fill:#e96fd8;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.13089px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 67.544612,9.0741031 0.957748,6.2840849 4.041242,-4.811794 z"
id="path19956" />
<path
style="display:inline;fill:#4cce00;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.13089px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 51.943605,3.4383141 0.256257,6.3308 4.559693,-4.329804 z"
id="path5935-1" />
</g>
</g>
<g
inkscape:groupmode="layer"
id="layer7"
inkscape:label="Group 1"
style="display:inline">
<g
inkscape:label="Garland 1"
inkscape:groupmode="layer"
id="layer1"
style="display:inline">
<path
d="M 4.7045021,0.16726206 C 48.614866,13.49759 110.97738,13.904831 147.50686,0.07797776"
style="fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:0.13089px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
id="path1079" />
<path
style="fill:#f947ba;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.13089px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 139.73654,2.7922554 4.28562,4.6646937 0.67429,-6.2633417 z"
id="path5943" />
<path
style="fill:#8a47f8;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.13089px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 123.60125,6.6330681 3.74541,5.1103479 1.3644,-6.1290439 z"
id="path5941" />
<path
style="fill:#8ae2f8;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.13089px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 107.18497,8.9977071 3.28385,5.3935669 1.88779,-6.0032419 z"
id="path5939" />
<path
style="fill:#8af500;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.13089px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 90.638594,10.175301 2.981585,5.612722 2.219245,-5.872046 z"
id="path5937" />
<path
style="fill:#e9f500;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.13089px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 74.05164,10.362052 2.594232,5.757769 2.614514,-5.714284 z"
id="path5935" />
<path
style="fill:#ff3e29;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.13089px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 57.482991,9.5900661 2.307303,5.9116219 2.889075,-5.573145 z"
id="path5933" />
<path
style="fill:#ffa729;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.13089px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="M 40.983305,7.8978301 42.895042,13.916011 46.15198,8.5302601 Z"
id="path5931" />
<path
style="fill:#0088eb;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.13089px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="m 24.616594,5.1974351 1.582017,6.1471999 3.536,-5.1867809 z"
id="path5929" />
<path
style="fill:#00c800;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.13089px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
d="M 8.4761121,1.3704643 9.5621424,7.5999181 13.511217,2.7089125 Z"
id="path1317" />
</g>
</g>
</svg>
</div>
</header>
</body>
</html>