New icons
This commit is contained in:
parent
3664c446b5
commit
acc8e9cd49
19 changed files with 285 additions and 370 deletions
BIN
static/img/fotos/datentraeger.jpeg
Normal file
BIN
static/img/fotos/datentraeger.jpeg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.6 MiB |
BIN
static/img/fotos/laptop_matte.jpeg
Normal file
BIN
static/img/fotos/laptop_matte.jpeg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.1 MiB |
19
static/img/icons/computer.svg
Normal file
19
static/img/icons/computer.svg
Normal file
|
|
@ -0,0 +1,19 @@
|
||||||
|
<?xml version="1.0" encoding="utf-8"?>
|
||||||
|
<!-- Generator: Adobe Illustrator 25.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||||
|
<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||||
|
viewBox="0 0 52.7 52.7" style="enable-background:new 0 0 52.7 52.7;" xml:space="preserve">
|
||||||
|
<style type="text/css">
|
||||||
|
.st0{fill:#65bb50;}
|
||||||
|
.st1{fill:#FFFFFF;}
|
||||||
|
.st2{fill:none;stroke:#FFFFFF;stroke-miterlimit:10;}
|
||||||
|
</style>
|
||||||
|
<circle class="st0" cx="172" cy="144" r="26.4"/>
|
||||||
|
<rect x="161" y="125.1" style="fill:none;" width="22.3" height="45.3"/>
|
||||||
|
<text transform="matrix(1 0 0 1 160.9521 160.4482)" class="st1" style="font-family:'Roboto-Regular'; font-size:47.1027px;">?</text>
|
||||||
|
<circle class="st0" cx="26.4" cy="26.4" r="26.4"/>
|
||||||
|
<path class="st1" d="M40.8,38.6h-29c-2.7,0-4.8-2.2-4.8-4.8v0h38.7v0C45.6,36.5,43.4,38.6,40.8,38.6z"/>
|
||||||
|
<path class="st2" d="M42.2,34.4H10.3V14.9c0-1.2,1-2.2,2.2-2.2H40c1.2,0,2.2,1,2.2,2.2V34.4z"/>
|
||||||
|
<circle class="st1" cx="26.7" cy="15.7" r="1"/>
|
||||||
|
<path class="st0" d="M31.5,36.7h-9.8c-0.4,0-0.7-0.3-0.7-0.7l0,0c0-0.4,0.3-0.7,0.7-0.7h9.8c0.4,0,0.7,0.3,0.7,0.7l0,0
|
||||||
|
C32.1,36.4,31.8,36.7,31.5,36.7z"/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 1.2 KiB |
|
|
@ -1,83 +0,0 @@
|
||||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
|
||||||
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
|
||||||
|
|
||||||
<svg
|
|
||||||
width="512"
|
|
||||||
height="512"
|
|
||||||
viewBox="0 0 512 512"
|
|
||||||
version="1.1"
|
|
||||||
id="svg8"
|
|
||||||
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
|
|
||||||
sodipodi:docname="daten.svg"
|
|
||||||
inkscape:export-filename="hilfe.svg"
|
|
||||||
inkscape:export-xdpi="96"
|
|
||||||
inkscape:export-ydpi="96"
|
|
||||||
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"
|
|
||||||
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
|
||||||
xmlns:cc="http://creativecommons.org/ns#"
|
|
||||||
xmlns:dc="http://purl.org/dc/elements/1.1/">
|
|
||||||
<defs
|
|
||||||
id="defs2" />
|
|
||||||
<sodipodi:namedview
|
|
||||||
id="base"
|
|
||||||
pagecolor="#ffffff"
|
|
||||||
bordercolor="#666666"
|
|
||||||
borderopacity="1.0"
|
|
||||||
inkscape:pageopacity="0.0"
|
|
||||||
inkscape:pageshadow="2"
|
|
||||||
inkscape:zoom="0.7"
|
|
||||||
inkscape:cx="76.428571"
|
|
||||||
inkscape:cy="437.85714"
|
|
||||||
inkscape:document-units="px"
|
|
||||||
inkscape:current-layer="layer1"
|
|
||||||
showgrid="false"
|
|
||||||
units="px"
|
|
||||||
inkscape:window-width="1444"
|
|
||||||
inkscape:window-height="1236"
|
|
||||||
inkscape:window-x="420"
|
|
||||||
inkscape:window-y="94"
|
|
||||||
inkscape:window-maximized="0"
|
|
||||||
inkscape:showpageshadow="2"
|
|
||||||
inkscape:pagecheckerboard="0"
|
|
||||||
inkscape:deskcolor="#d1d1d1" />
|
|
||||||
<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" />
|
|
||||||
</cc:Work>
|
|
||||||
</rdf:RDF>
|
|
||||||
</metadata>
|
|
||||||
<g
|
|
||||||
inkscape:label="Ebene 1"
|
|
||||||
inkscape:groupmode="layer"
|
|
||||||
id="layer1"
|
|
||||||
transform="translate(0,-26.066785)">
|
|
||||||
<circle
|
|
||||||
style="fill:#65bb50;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10"
|
|
||||||
id="path232"
|
|
||||||
cx="256"
|
|
||||||
cy="282.06677"
|
|
||||||
r="212.73335" />
|
|
||||||
<rect
|
|
||||||
style="fill:none;fill-opacity:1;stroke:#ffffff;stroke-width:12.6657;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
|
|
||||||
id="rect20270"
|
|
||||||
width="178.58345"
|
|
||||||
height="241.77255"
|
|
||||||
x="166.70828"
|
|
||||||
y="168.36203"
|
|
||||||
ry="33.402489" />
|
|
||||||
<circle
|
|
||||||
style="fill:none;fill-opacity:1;stroke:#ffffff;stroke-width:11.5911;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
|
|
||||||
id="path21778"
|
|
||||||
cx="255.30829"
|
|
||||||
cy="268.96756"
|
|
||||||
r="67.738556" />
|
|
||||||
</g>
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 2.6 KiB |
17
static/img/icons/facebook.svg
Normal file
17
static/img/icons/facebook.svg
Normal file
|
|
@ -0,0 +1,17 @@
|
||||||
|
<?xml version="1.0" encoding="utf-8"?>
|
||||||
|
<!-- Generator: Adobe Illustrator 24.1.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 40 40" style="enable-background:new 0 0 40 40;" xml:space="preserve">
|
||||||
|
<style type="text/css">
|
||||||
|
.st0{fill:url(#SVGID_1_);}
|
||||||
|
.st1{fill:#FFFFFF;}
|
||||||
|
</style>
|
||||||
|
<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="-277.375" y1="406.6018" x2="-277.375" y2="407.5726" gradientTransform="matrix(40 0 0 -39.7778 11115.001 16212.334)">
|
||||||
|
<stop offset="0" style="stop-color:#0062E0"/>
|
||||||
|
<stop offset="1" style="stop-color:#19AFFF"/>
|
||||||
|
</linearGradient>
|
||||||
|
<path class="st0" d="M16.7,39.8C7.2,38.1,0,29.9,0,20C0,9,9,0,20,0s20,9,20,20c0,9.9-7.2,18.1-16.7,19.8l-1.1-0.9h-4.4L16.7,39.8z"
|
||||||
|
/>
|
||||||
|
<path class="st1" d="M27.8,25.6l0.9-5.6h-5.3v-3.9c0-1.6,0.6-2.8,3-2.8h2.6V8.2c-1.4-0.2-3-0.4-4.4-0.4c-4.6,0-7.8,2.8-7.8,7.8V20
|
||||||
|
h-5v5.6h5v14.1c1.1,0.2,2.2,0.3,3.3,0.3c1.1,0,2.2-0.1,3.3-0.3V25.6H27.8z"/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 1.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.7 KiB |
37
static/img/icons/harddrive.svg
Normal file
37
static/img/icons/harddrive.svg
Normal file
|
|
@ -0,0 +1,37 @@
|
||||||
|
<?xml version="1.0" encoding="utf-8"?>
|
||||||
|
<!-- Generator: Adobe Illustrator 25.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||||
|
<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||||
|
viewBox="0 0 52.7 52.7" style="enable-background:new 0 0 52.7 52.7;" xml:space="preserve">
|
||||||
|
<style type="text/css">
|
||||||
|
.st0{fill:#65bb50;}
|
||||||
|
.st1{fill:#FFFFFF;}
|
||||||
|
.st2{fill:none;stroke:#FFFFFF;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
|
||||||
|
.st3{fill:none;stroke:#FFFFFF;stroke-width:0.9886;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
|
||||||
|
.st4{fill:none;stroke:#FFFFFF;stroke-miterlimit:10;}
|
||||||
|
</style>
|
||||||
|
<circle class="st0" cx="26.4" cy="26.4" r="26.4"/>
|
||||||
|
<g>
|
||||||
|
<path class="st1" d="M35.8,10.6c1.3,0,2.4,1.1,2.4,2.4v26.7c0,1.3-1.1,2.4-2.4,2.4H15.5c-1.3,0-2.4-1.1-2.4-2.4V13
|
||||||
|
c0-1.3,1.1-2.4,2.4-2.4H35.8 M35.8,9.6H15.5c-1.9,0-3.4,1.5-3.4,3.4v26.7c0,1.9,1.5,3.4,3.4,3.4h20.3c1.9,0,3.4-1.5,3.4-3.4V13
|
||||||
|
C39.3,11.1,37.7,9.6,35.8,9.6L35.8,9.6z"/>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
<circle class="st1" cx="35.2" cy="39.1" r="1.3"/>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
<circle class="st1" cx="16.2" cy="13.6" r="1.3"/>
|
||||||
|
</g>
|
||||||
|
<g>
|
||||||
|
<circle class="st1" cx="35.2" cy="13.6" r="1.3"/>
|
||||||
|
</g>
|
||||||
|
<path class="st2" d="M23.3,36.9L23.3,36.9l5.1-9.3L18.8,32l0,0c-0.3,0.2-0.7,0.4-0.9,0.6c-1.4,1.3-1.5,3.6-0.2,5
|
||||||
|
c1.3,1.4,3.6,1.5,5,0.2C22.9,37.5,23.2,37.2,23.3,36.9z"/>
|
||||||
|
<g>
|
||||||
|
<circle class="st1" cx="20.3" cy="35.1" r="1.8"/>
|
||||||
|
</g>
|
||||||
|
<path class="st3" d="M17.5,32.6L15,30.2v6.8c0,1.8,1.5,3.3,3.3,3.3h7.4L23,37.8"/>
|
||||||
|
<path class="st4" d="M20.3,31.1c-2.4-1.6-4-4.2-4.3-7.2c-0.5-5.4,3.5-10.1,8.8-10.6s10.1,3.5,10.6,8.8c0.5,5.4-3.5,10.1-8.8,10.6
|
||||||
|
c-0.3,0-0.7,0-1,0"/>
|
||||||
|
<circle class="st1" cx="25.7" cy="23" r="3.7"/>
|
||||||
|
<polygon class="st1" points="15.1,30.9 17.3,32.5 16.9,34.4 17.6,37.4 19.6,38.6 22.9,37.7 25.7,40.4 16.9,40.4 15,37.1 "/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 1.8 KiB |
|
|
@ -1,77 +0,0 @@
|
||||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
|
||||||
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
|
||||||
|
|
||||||
<svg
|
|
||||||
width="512"
|
|
||||||
height="512"
|
|
||||||
viewBox="0 0 512 512"
|
|
||||||
version="1.1"
|
|
||||||
id="svg8"
|
|
||||||
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
|
|
||||||
sodipodi:docname="hilfe.svg"
|
|
||||||
inkscape:export-filename="hilfe.svg"
|
|
||||||
inkscape:export-xdpi="96"
|
|
||||||
inkscape:export-ydpi="96"
|
|
||||||
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"
|
|
||||||
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
|
||||||
xmlns:cc="http://creativecommons.org/ns#"
|
|
||||||
xmlns:dc="http://purl.org/dc/elements/1.1/">
|
|
||||||
<defs
|
|
||||||
id="defs2" />
|
|
||||||
<sodipodi:namedview
|
|
||||||
id="base"
|
|
||||||
pagecolor="#ffffff"
|
|
||||||
bordercolor="#666666"
|
|
||||||
borderopacity="1.0"
|
|
||||||
inkscape:pageopacity="0.0"
|
|
||||||
inkscape:pageshadow="2"
|
|
||||||
inkscape:zoom="0.7"
|
|
||||||
inkscape:cx="197.85714"
|
|
||||||
inkscape:cy="416.42857"
|
|
||||||
inkscape:document-units="px"
|
|
||||||
inkscape:current-layer="text3128"
|
|
||||||
showgrid="false"
|
|
||||||
units="px"
|
|
||||||
inkscape:window-width="1444"
|
|
||||||
inkscape:window-height="1236"
|
|
||||||
inkscape:window-x="503"
|
|
||||||
inkscape:window-y="85"
|
|
||||||
inkscape:window-maximized="0"
|
|
||||||
inkscape:showpageshadow="2"
|
|
||||||
inkscape:pagecheckerboard="0"
|
|
||||||
inkscape:deskcolor="#d1d1d1" />
|
|
||||||
<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" />
|
|
||||||
</cc:Work>
|
|
||||||
</rdf:RDF>
|
|
||||||
</metadata>
|
|
||||||
<g
|
|
||||||
inkscape:label="Ebene 1"
|
|
||||||
inkscape:groupmode="layer"
|
|
||||||
id="layer1"
|
|
||||||
transform="translate(0,-26.066785)">
|
|
||||||
<circle
|
|
||||||
style="fill:#65bb50;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10"
|
|
||||||
id="path232"
|
|
||||||
cx="256"
|
|
||||||
cy="282.06677"
|
|
||||||
r="212.73335" />
|
|
||||||
<g
|
|
||||||
aria-label="?"
|
|
||||||
id="text3128"
|
|
||||||
style="font-size:430.296px;line-height:1.25;font-family:'Noto Sans';-inkscape-font-specification:'Noto Sans, Normal';letter-spacing:0px;word-spacing:0px;fill:#ffffff;stroke-width:2.24113">
|
|
||||||
<path
|
|
||||||
d="m 225.87929,336.71438 q 0,-16.35124 3.01207,-27.96924 3.44237,-12.04828 11.18769,-22.80568 8.17563,-10.7574 21.9451,-22.3754 16.78154,-14.19976 25.81776,-23.66627 9.46651,-9.46652 13.33917,-18.50273 3.87267,-9.03622 3.87267,-21.9451 0,-20.65421 -13.33918,-31.8419 -13.33917,-11.1877 -38.72664,-11.1877 -21.0845,0 -37.43575,5.59385 -16.35124,5.16355 -31.4116,12.47858 L 170.8014,144.37208 q 17.21184,-9.03622 37.86605,-15.06036 21.0845,-6.02415 46.90226,-6.02415 40.87812,0 63.25351,20.22391 22.37539,20.22392 22.37539,55.07789 0,19.36332 -6.45444,33.13279 -6.02414,13.33918 -17.64213,24.95717 -11.1877,11.18769 -26.67836,24.09657 -14.19976,12.04829 -21.94509,21.08451 -7.31503,9.03621 -9.89681,18.07243 -2.58177,8.60592 -2.58177,21.0845 v 7.31503 h -30.12072 z m -9.89681,74.87151 q 0,-15.92096 7.31503,-22.3754 7.74533,-6.45444 19.36332,-6.45444 10.7574,0 18.50273,6.45444 7.74533,6.45444 7.74533,22.3754 0,15.49065 -7.74533,22.37539 -7.74533,6.88473 -18.50273,6.88473 -11.61799,0 -19.36332,-6.88473 -7.31503,-6.88474 -7.31503,-22.37539 z"
|
|
||||||
id="path291" />
|
|
||||||
</g>
|
|
||||||
</g>
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 3.3 KiB |
1
static/img/icons/instagram.svg
Normal file
1
static/img/icons/instagram.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 8.7 KiB |
|
|
@ -1,101 +0,0 @@
|
||||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
|
||||||
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
|
||||||
|
|
||||||
<svg
|
|
||||||
width="512"
|
|
||||||
height="512"
|
|
||||||
viewBox="0 0 512 512"
|
|
||||||
version="1.1"
|
|
||||||
id="svg8"
|
|
||||||
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
|
|
||||||
sodipodi:docname="laptop.svg"
|
|
||||||
inkscape:export-filename="hilfe.svg"
|
|
||||||
inkscape:export-xdpi="96"
|
|
||||||
inkscape:export-ydpi="96"
|
|
||||||
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"
|
|
||||||
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
|
||||||
xmlns:cc="http://creativecommons.org/ns#"
|
|
||||||
xmlns:dc="http://purl.org/dc/elements/1.1/">
|
|
||||||
<defs
|
|
||||||
id="defs2" />
|
|
||||||
<sodipodi:namedview
|
|
||||||
id="base"
|
|
||||||
pagecolor="#ffffff"
|
|
||||||
bordercolor="#666666"
|
|
||||||
borderopacity="1.0"
|
|
||||||
inkscape:pageopacity="0.0"
|
|
||||||
inkscape:pageshadow="2"
|
|
||||||
inkscape:zoom="0.7"
|
|
||||||
inkscape:cx="0.71428571"
|
|
||||||
inkscape:cy="116.42857"
|
|
||||||
inkscape:document-units="px"
|
|
||||||
inkscape:current-layer="layer1"
|
|
||||||
showgrid="false"
|
|
||||||
units="px"
|
|
||||||
inkscape:window-width="1444"
|
|
||||||
inkscape:window-height="1236"
|
|
||||||
inkscape:window-x="420"
|
|
||||||
inkscape:window-y="94"
|
|
||||||
inkscape:window-maximized="0"
|
|
||||||
inkscape:showpageshadow="2"
|
|
||||||
inkscape:pagecheckerboard="0"
|
|
||||||
inkscape:deskcolor="#d1d1d1" />
|
|
||||||
<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" />
|
|
||||||
</cc:Work>
|
|
||||||
</rdf:RDF>
|
|
||||||
</metadata>
|
|
||||||
<g
|
|
||||||
inkscape:label="Ebene 1"
|
|
||||||
inkscape:groupmode="layer"
|
|
||||||
id="layer1"
|
|
||||||
transform="translate(0,-26.066785)">
|
|
||||||
<circle
|
|
||||||
style="fill:#65bb50;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10"
|
|
||||||
id="path232"
|
|
||||||
cx="256"
|
|
||||||
cy="282.06677"
|
|
||||||
r="212.73335" />
|
|
||||||
<rect
|
|
||||||
style="fill:none;fill-opacity:1;stroke:#ffffff;stroke-width:10.6183;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
|
|
||||||
id="rect24042"
|
|
||||||
width="243.80064"
|
|
||||||
height="172.04965"
|
|
||||||
x="134.09967"
|
|
||||||
y="168.2036"
|
|
||||||
ry="48.534157" />
|
|
||||||
<rect
|
|
||||||
style="fill:none;fill-opacity:1;stroke:#ffffff;stroke-width:10.6183;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
|
|
||||||
id="rect24770"
|
|
||||||
width="243.71727"
|
|
||||||
height="38.998165"
|
|
||||||
x="134.09967"
|
|
||||||
y="340.2533"
|
|
||||||
ry="18.706367" />
|
|
||||||
<rect
|
|
||||||
style="fill:none;fill-opacity:1;stroke:#ffffff;stroke-width:10.6183;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
|
|
||||||
id="rect25498"
|
|
||||||
width="40.006557"
|
|
||||||
height="18.331129"
|
|
||||||
x="235.95505"
|
|
||||||
y="340.2533"
|
|
||||||
ry="9.1655645" />
|
|
||||||
<rect
|
|
||||||
style="fill:none;fill-opacity:1;stroke:#ffffff;stroke-width:8;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1"
|
|
||||||
id="rect25500"
|
|
||||||
width="212.1414"
|
|
||||||
height="138.19952"
|
|
||||||
x="149.98248"
|
|
||||||
y="183.89127"
|
|
||||||
ry="35.894993" />
|
|
||||||
</g>
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 3.3 KiB |
16
static/img/icons/mail.svg
Normal file
16
static/img/icons/mail.svg
Normal file
|
|
@ -0,0 +1,16 @@
|
||||||
|
<?xml version="1.0" encoding="utf-8"?>
|
||||||
|
<!-- Generator: Adobe Illustrator 25.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||||
|
<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||||
|
viewBox="0 0 7.4 7.4" style="enable-background:new 0 0 7.4 7.4;" xml:space="preserve">
|
||||||
|
<style type="text/css">
|
||||||
|
.st0{fill:#85BE32;}
|
||||||
|
.st1{fill:none;stroke:#000000;stroke-width:0.3;stroke-miterlimit:10;}
|
||||||
|
</style>
|
||||||
|
<circle class="st0" cx="170.5" cy="142.5" r="26.4"/>
|
||||||
|
<rect x="159.4" y="123.6" style="fill:none;" width="22.3" height="45.3"/>
|
||||||
|
<text transform="matrix(1 0 0 1 159.4305 158.9266)" style="fill:#FFFFFF; font-family:'Roboto-Regular'; font-size:47.1027px;">?</text>
|
||||||
|
<path class="st1" d="M6.7,6H0.8C0.5,6,0.2,5.8,0.2,5.5V2c0-0.3,0.3-0.6,0.6-0.6h5.9C7,1.4,7.2,1.6,7.2,2v3.5C7.2,5.8,7,6,6.7,6z"/>
|
||||||
|
<path class="st1" d="M0.3,1.6l2.9,2.7c0.3,0.3,0.8,0.3,1.1,0l2.9-2.7"/>
|
||||||
|
<line class="st1" x1="0.3" y1="5.8" x2="2.7" y2="3.9"/>
|
||||||
|
<line class="st1" x1="4.7" y1="3.9" x2="7.2" y2="5.7"/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 1 KiB |
20
static/img/icons/questionmark.svg
Normal file
20
static/img/icons/questionmark.svg
Normal file
|
|
@ -0,0 +1,20 @@
|
||||||
|
<?xml version="1.0" encoding="utf-8"?>
|
||||||
|
<!-- Generator: Adobe Illustrator 25.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||||
|
<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||||
|
viewBox="0 0 52.7 52.7" style="enable-background:new 0 0 52.7 52.7;" xml:space="preserve">
|
||||||
|
<style type="text/css">
|
||||||
|
.st0{fill:#65bb50;}
|
||||||
|
.st1{fill:#FFFFFF;}
|
||||||
|
</style>
|
||||||
|
<circle class="st0" cx="172" cy="144" r="26.4"/>
|
||||||
|
<rect x="161" y="125.1" style="fill:none;" width="22.3" height="45.3"/>
|
||||||
|
<text transform="matrix(1 0 0 1 160.9521 160.4482)" class="st1" style="font-family:'Roboto-Regular'; font-size:47.1027px;">?</text>
|
||||||
|
<circle class="st0" cx="26.4" cy="26.4" r="26.4"/>
|
||||||
|
<g>
|
||||||
|
<path class="st1" d="M23.5,33.3c0-1.8,0.2-3.3,0.6-4.3c0.4-1.1,1.2-2.2,2.3-3.5l3-3.1c1.3-1.5,1.9-3,1.9-4.7c0-1.6-0.4-2.9-1.3-3.8
|
||||||
|
c-0.8-0.9-2.1-1.4-3.7-1.4c-1.6,0-2.8,0.4-3.8,1.2c-1,0.8-1.4,1.9-1.4,3.3h-4.3c0-2.5,0.9-4.5,2.7-6c1.7-1.5,4-2.3,6.8-2.3
|
||||||
|
c2.9,0,5.2,0.8,6.8,2.3c1.6,1.6,2.4,3.7,2.4,6.4c0,2.7-1.2,5.3-3.7,7.9L29.5,28c-1.1,1.2-1.7,3-1.7,5.4H23.5z M23.4,40.6
|
||||||
|
c0-0.7,0.2-1.3,0.6-1.8c0.4-0.5,1-0.7,1.9-0.7c0.8,0,1.5,0.2,1.9,0.7c0.4,0.5,0.6,1.1,0.6,1.8c0,0.7-0.2,1.3-0.6,1.7
|
||||||
|
c-0.4,0.5-1.1,0.7-1.9,0.7c-0.8,0-1.5-0.2-1.9-0.7C23.6,41.9,23.4,41.3,23.4,40.6z"/>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 1.3 KiB |
19
static/img/icons/screwdriver.svg
Normal file
19
static/img/icons/screwdriver.svg
Normal file
|
|
@ -0,0 +1,19 @@
|
||||||
|
<?xml version="1.0" encoding="utf-8"?>
|
||||||
|
<!-- Generator: Adobe Illustrator 25.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||||
|
<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||||
|
viewBox="0 0 52.7 52.7" style="enable-background:new 0 0 52.7 52.7;" xml:space="preserve">
|
||||||
|
<style type="text/css">
|
||||||
|
.st0{fill:#65bb50;}
|
||||||
|
.st1{fill:none;stroke:#FFFFFF;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
|
||||||
|
.st2{fill:none;stroke:#FFFFFF;stroke-miterlimit:10;}
|
||||||
|
.st3{fill:#FFFFFF;}
|
||||||
|
</style>
|
||||||
|
<circle class="st0" cx="26.4" cy="26.4" r="26.4"/>
|
||||||
|
<path class="st1" d="M28.6,30.1l-6.8-4.6l1.3-1.9h0c1.3-0.4,2.2-1.6,2.3-2.9l0.1-0.6l6.2-9.4c1.3-1.9,3.8-2.4,5.7-1.1l0,0
|
||||||
|
c1.9,1.3,2.4,3.8,1.1,5.7l-6.3,9.4L31.6,25c-1.1,0.6-1.8,1.8-1.8,3.1l0,0.1L28.6,30.1z"/>
|
||||||
|
<polygon class="st2" points="16,43.8 13.6,42.2 15.1,37.9 16.8,37.5 23.8,26.9 26.2,28.5 19.2,39 19.5,40.8 "/>
|
||||||
|
<path class="st3" d="M29,22.2L29,22.2c-0.5-0.4-0.7-1.1-0.3-1.6l5.1-7.6c0.4-0.5,1.1-0.7,1.6-0.3v0c0.5,0.4,0.7,1.1,0.3,1.6
|
||||||
|
l-5.1,7.6C30.3,22.4,29.5,22.6,29,22.2z"/>
|
||||||
|
<path class="st3" d="M31.9,10.3L31.9,10.3c0.5,0.4,0.7,1.1,0.3,1.6l-5.1,7.6c-0.4,0.5-1.1,0.7-1.6,0.3h0"/>
|
||||||
|
<path class="st3" d="M32.3,24.4c-0.5-0.4-0.7-1.1-0.3-1.6l5.1-7.6c0.4-0.5,1.1-0.7,1.6-0.3"/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 1.3 KiB |
16
static/img/icons/telephone.svg
Normal file
16
static/img/icons/telephone.svg
Normal file
|
|
@ -0,0 +1,16 @@
|
||||||
|
<?xml version="1.0" encoding="utf-8"?>
|
||||||
|
<!-- Generator: Adobe Illustrator 25.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||||
|
<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||||
|
viewBox="0 0 7.4 7.4" style="enable-background:new 0 0 7.4 7.4;" xml:space="preserve">
|
||||||
|
<style type="text/css">
|
||||||
|
.st0{fill:#85BE32;}
|
||||||
|
.st1{fill:none;stroke:#000000;stroke-width:0.3;stroke-miterlimit:10;}
|
||||||
|
</style>
|
||||||
|
<circle class="st0" cx="170.5" cy="142.5" r="26.4"/>
|
||||||
|
<rect x="159.4" y="123.6" style="fill:none;" width="22.3" height="45.3"/>
|
||||||
|
<text transform="matrix(1 0 0 1 159.4305 158.9266)" style="fill:#FFFFFF; font-family:'Roboto-Regular'; font-size:47.1027px;">?</text>
|
||||||
|
<path class="st1" d="M6.9,5.3c0-0.1,0-0.2,0-0.3c0-0.1,0-0.2-0.1-0.3l-0.1,0C6.3,4.4,5.8,4.3,5.3,4.3c-0.1,0-0.2,0.1-0.3,0.2l0,0.2
|
||||||
|
C5,4.8,4.8,4.9,4.6,4.8L4.5,4.8C4.3,4.7,4.1,4.6,4,4.5C3.8,4.3,3.4,3.9,3.2,3.6C3.1,3.5,3,3.4,2.9,3.2L2.8,3.1
|
||||||
|
C2.7,2.9,2.8,2.7,3,2.6l0.2,0c0.1,0,0.2-0.1,0.2-0.3c0-0.5-0.2-1-0.5-1.4l0-0.1C2.8,0.7,2.7,0.7,2.6,0.7c-0.1,0-0.2,0-0.3,0
|
||||||
|
C2.1,0.8,1.2,1,1.2,2.2c0,1.1,1.1,2.3,1.5,2.7c0.4,0.4,1.6,1.5,2.7,1.5C6.7,6.4,6.9,5.5,6.9,5.3z"/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 1.2 KiB |
|
|
@ -1,73 +0,0 @@
|
||||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
|
||||||
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
|
||||||
|
|
||||||
<svg
|
|
||||||
width="512"
|
|
||||||
height="512"
|
|
||||||
viewBox="0 0 512 512"
|
|
||||||
version="1.1"
|
|
||||||
id="svg8"
|
|
||||||
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
|
|
||||||
sodipodi:docname="wrench.svg"
|
|
||||||
inkscape:export-filename="hilfe.svg"
|
|
||||||
inkscape:export-xdpi="96"
|
|
||||||
inkscape:export-ydpi="96"
|
|
||||||
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"
|
|
||||||
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
|
||||||
xmlns:cc="http://creativecommons.org/ns#"
|
|
||||||
xmlns:dc="http://purl.org/dc/elements/1.1/">
|
|
||||||
<defs
|
|
||||||
id="defs2" />
|
|
||||||
<sodipodi:namedview
|
|
||||||
id="base"
|
|
||||||
pagecolor="#ffffff"
|
|
||||||
bordercolor="#666666"
|
|
||||||
borderopacity="1.0"
|
|
||||||
inkscape:pageopacity="0.0"
|
|
||||||
inkscape:pageshadow="2"
|
|
||||||
inkscape:zoom="0.7"
|
|
||||||
inkscape:cx="76.428571"
|
|
||||||
inkscape:cy="437.85714"
|
|
||||||
inkscape:document-units="px"
|
|
||||||
inkscape:current-layer="layer1"
|
|
||||||
showgrid="false"
|
|
||||||
units="px"
|
|
||||||
inkscape:window-width="1444"
|
|
||||||
inkscape:window-height="1236"
|
|
||||||
inkscape:window-x="851"
|
|
||||||
inkscape:window-y="57"
|
|
||||||
inkscape:window-maximized="0"
|
|
||||||
inkscape:showpageshadow="2"
|
|
||||||
inkscape:pagecheckerboard="0"
|
|
||||||
inkscape:deskcolor="#d1d1d1" />
|
|
||||||
<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" />
|
|
||||||
</cc:Work>
|
|
||||||
</rdf:RDF>
|
|
||||||
</metadata>
|
|
||||||
<g
|
|
||||||
inkscape:label="Ebene 1"
|
|
||||||
inkscape:groupmode="layer"
|
|
||||||
id="layer1"
|
|
||||||
transform="translate(0,-26.066785)">
|
|
||||||
<circle
|
|
||||||
style="fill:#65bb50;fill-opacity:1;stroke:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10"
|
|
||||||
id="path232"
|
|
||||||
cx="256"
|
|
||||||
cy="282.06677"
|
|
||||||
r="212.73335" />
|
|
||||||
<path
|
|
||||||
id="path15347"
|
|
||||||
style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:2.84989;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-opacity:1"
|
|
||||||
d="m 144.79693,157.54549 a 56.38273,56.38273 0 0 0 3.78645,43.69182 56.38273,56.38273 0 0 0 53.82342,29.5155 l 11.43881,21.29634 -0.003,0.001 55.34247,103.03452 a 56.38273,56.38273 0 0 0 -5.11055,61.17041 56.38273,56.38273 0 0 0 34.24029,27.3343 l 9.6552,-5.18606 -22.52338,-41.93316 17.5502,-26.90627 32.12084,0.22668 22.52338,41.93317 9.56202,-5.13601 a 56.38273,56.38273 0 0 0 -3.7863,-43.69148 56.38273,56.38273 0 0 0 -53.82341,-29.51548 l -11.43882,-21.29635 0.003,-0.001 -55.34246,-103.03451 a 56.38273,56.38273 0 0 0 5.11054,-61.17043 56.38273,56.38273 0 0 0 -34.24029,-27.33429 l -9.65519,5.18605 22.52338,41.93317 -17.55021,26.90627 -32.12084,-0.22668 -22.52338,-41.93318 z" />
|
|
||||||
</g>
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 2.9 KiB |
5
static/img/icons/youtube.svg
Normal file
5
static/img/icons/youtube.svg
Normal file
|
|
@ -0,0 +1,5 @@
|
||||||
|
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="300" height="300">
|
||||||
|
<rect width="300" height="300" fill="red" ry="150"/>
|
||||||
|
<path fill="#fff" d="M149.93750587 79.22267364s-63.21885.000059-79.08593926 4.12304707c-8.49578714 2.37380204-15.49140825 9.36950015-17.86523429 17.99023729-4.12295306 15.86710025-4.12304706 48.72656078-4.12304706 48.72656078s.000094 32.98420052 4.12304706 48.60156077c2.37382604 8.62062014 9.24450615 15.49138025 17.86523429 17.86524029 15.99203025 4.24788007 79.08593926 4.24804007 79.08593926 4.24804007s63.34418101-.00005 79.21094127-4.12304007c8.62079014-2.37381004 15.49133025-9.11966015 17.74023028-17.86524029 4.24793007-15.74232025 4.24805007-48.60156077 4.24805007-48.60156077s.12484-32.98446053-4.24805007-48.85156078c-2.24890003-8.62073714-9.11944014-15.49133425-17.74023028-17.74023729-15.86676026-4.37284707-79.21094127-4.37304707-79.21094127-4.37304707zm-20.11523032 40.48046465 52.59961084 30.35938049-52.59961084 30.23438048v-60.59376097z"/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 1 KiB |
|
|
@ -13,8 +13,9 @@ body {
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
min-height: 100%;
|
min-height: 100%;
|
||||||
font-size: 20px;
|
font-size: 1.25em;
|
||||||
font-family: Lato, Roboto, Noto, sans-serif;
|
font-family: Lato, Roboto, Noto, sans-serif;
|
||||||
|
text-align: justify;
|
||||||
}
|
}
|
||||||
|
|
||||||
header, main, footer {
|
header, main, footer {
|
||||||
|
|
@ -27,6 +28,18 @@ main {
|
||||||
flex-grow: 1;
|
flex-grow: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.header-contact {
|
||||||
|
background: #DD8033;
|
||||||
|
}
|
||||||
|
|
||||||
|
.header-nav, footer {
|
||||||
|
background: #65bb50;
|
||||||
|
}
|
||||||
|
|
||||||
|
.header-contact {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
.header-content, .main-content, .footer-content {
|
.header-content, .main-content, .footer-content {
|
||||||
max-width: 1000px;
|
max-width: 1000px;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|
@ -37,7 +50,7 @@ main {
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
padding: 5px 8px;
|
padding: 0.2em 0.3em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.header-nav .header-content {
|
.header-nav .header-content {
|
||||||
|
|
@ -74,7 +87,6 @@ main {
|
||||||
|
|
||||||
.header-nav {
|
.header-nav {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
background-color: #65bb50;
|
|
||||||
position: sticky;
|
position: sticky;
|
||||||
z-index: 100;
|
z-index: 100;
|
||||||
top: 0;
|
top: 0;
|
||||||
|
|
@ -83,7 +95,12 @@ main {
|
||||||
|
|
||||||
.header-contact {
|
.header-contact {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
background-color: #DD8033;
|
}
|
||||||
|
|
||||||
|
.text-icon {
|
||||||
|
height: 1em;
|
||||||
|
width: auto;
|
||||||
|
vertical-align: middle;
|
||||||
}
|
}
|
||||||
|
|
||||||
a {
|
a {
|
||||||
|
|
@ -130,7 +147,7 @@ h1, h2, h3, h4 {
|
||||||
}
|
}
|
||||||
|
|
||||||
.overview > * {
|
.overview > * {
|
||||||
width: 24%;
|
width: 22%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.service-link {
|
.service-link {
|
||||||
|
|
@ -140,12 +157,14 @@ h1, h2, h3, h4 {
|
||||||
|
|
||||||
.service-icon {
|
.service-icon {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
height: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.service-name {
|
.service-name {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
font-size: 1.2em;
|
font-size: 1.2em;
|
||||||
margin-bottom: 0.4em;
|
margin-bottom: 0.4em;
|
||||||
|
margin-top: 0.9em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.service:hover > .service-inner {
|
.service:hover > .service-inner {
|
||||||
|
|
@ -172,8 +191,37 @@ section:nth-child(even) {
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.split-section {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
gap: 1.5em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.split-section-text {
|
||||||
|
width: 70%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.split-section-text > *:first-child {
|
||||||
|
margin-top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.split-section-text > *:last-child {
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.split-section-img {
|
||||||
|
width: 30%;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.split-section-img img {
|
||||||
|
width: 100%;
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
|
|
||||||
footer {
|
footer {
|
||||||
background: #65bb50;
|
|
||||||
padding: 2em 0.5em;
|
padding: 2em 0.5em;
|
||||||
box-shadow: 0px -3px 3px rgba(0, 0, 0, 0.15);
|
box-shadow: 0px -3px 3px rgba(0, 0, 0, 0.15);
|
||||||
}
|
}
|
||||||
|
|
@ -200,6 +248,16 @@ footer h2 {
|
||||||
border-left: 0.2em solid #F5F5F5;
|
border-left: 0.2em solid #F5F5F5;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.social-media {
|
||||||
|
display: inline-flex;
|
||||||
|
margin: 0 0.2em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.social-icon {
|
||||||
|
height: 3em;
|
||||||
|
width: auto;
|
||||||
|
}
|
||||||
|
|
||||||
.credits {
|
.credits {
|
||||||
font-size: 0.85em;
|
font-size: 0.85em;
|
||||||
}
|
}
|
||||||
|
|
@ -213,22 +271,48 @@ footer h2 {
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
align-items: start;
|
align-items: start;
|
||||||
}
|
}
|
||||||
|
|
||||||
.header-nav .header-content {
|
.header-nav .header-content {
|
||||||
gap: initial;
|
gap: initial;
|
||||||
}
|
}
|
||||||
|
|
||||||
.header-contact .header-content {
|
.header-contact .header-content {
|
||||||
gap: initial;
|
gap: initial;
|
||||||
}
|
}
|
||||||
|
|
||||||
.overview {
|
.overview {
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: 1fr 1fr;
|
grid-template-columns: 1fr 1fr;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.split-section {
|
||||||
|
flex-direction: column;
|
||||||
|
gap: 2em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.split-section-text {
|
||||||
|
width: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.split-section-img {
|
||||||
|
height: 11em;
|
||||||
|
width: auto;
|
||||||
|
flex-direction: row;
|
||||||
|
}
|
||||||
|
|
||||||
|
.split-section-img img {
|
||||||
|
height: 100%;
|
||||||
|
width: auto;
|
||||||
|
}
|
||||||
|
|
||||||
.footer-content {
|
.footer-content {
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
}
|
}
|
||||||
|
|
||||||
.footer-content > * {
|
.footer-content > * {
|
||||||
width: initial;
|
width: initial;
|
||||||
}
|
}
|
||||||
|
|
||||||
.overview > * {
|
.overview > * {
|
||||||
width: initial;
|
width: initial;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -12,8 +12,14 @@
|
||||||
<body>
|
<body>
|
||||||
<div class="header-contact">
|
<div class="header-contact">
|
||||||
<div class="header-content">
|
<div class="header-content">
|
||||||
<span>📞 <a href="tel:+436641240214">+43 664 1240214</a></span>
|
<span>
|
||||||
<span>📧 <a href="mailto:office@computerschaf.at">office@computerschaf.at</a></span>
|
<img width="16" height="16" class="text-icon" src="static/img/icons/telephone.svg">
|
||||||
|
<a href="tel:+436641240214">+43 664 1240214</a>
|
||||||
|
</span>
|
||||||
|
<span>
|
||||||
|
<img width="16" height="16" class="text-icon" src="static/img/icons/mail.svg">
|
||||||
|
<a href="mailto:office@computerschaf.at">office@computerschaf.at</a>
|
||||||
|
</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<header class="header-nav">
|
<header class="header-nav">
|
||||||
|
|
@ -42,8 +48,10 @@
|
||||||
<div class="footer-content">
|
<div class="footer-content">
|
||||||
<div class="footer-address">
|
<div class="footer-address">
|
||||||
<h2 id="kontakt">Kontakt</h2>
|
<h2 id="kontakt">Kontakt</h2>
|
||||||
📞 <a href="tel:+436641240214">+43 664 1240214</a><br>
|
<img width="16" height="16" class="text-icon" src="static/img/icons/telephone.svg">
|
||||||
📧 <a href="mailto:office@computerschaf.at">office@computerschaf.at</a><br>
|
<a href="tel:+436641240214">+43 664 1240214</a><br>
|
||||||
|
<img width="16" height="16" class="text-icon" src="static/img/icons/mail.svg">
|
||||||
|
<a href="mailto:office@computerschaf.at">office@computerschaf.at</a><br>
|
||||||
Adresse (nur nach Rücksprache):<br>
|
Adresse (nur nach Rücksprache):<br>
|
||||||
Ulmenstraße 65
|
Ulmenstraße 65
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -51,13 +59,13 @@
|
||||||
<div class="footer-social">
|
<div class="footer-social">
|
||||||
<h2>Soziale Medien</h2>
|
<h2>Soziale Medien</h2>
|
||||||
<a href="https://www.facebook.com/people/ComputerSchaf/100090257378708/" class="social-media" target=" _blank">
|
<a href="https://www.facebook.com/people/ComputerSchaf/100090257378708/" class="social-media" target=" _blank">
|
||||||
<img src="static/img/icons/fb.png">
|
<img width="48" height="48" class="social-icon" src="static/img/icons/facebook.svg">
|
||||||
</a>
|
</a>
|
||||||
<a href="https://www.instagram.com/ComputerSchaf/" class="social-media" target=" _blank">
|
<a href="https://www.instagram.com/ComputerSchaf/" class="social-media" target=" _blank">
|
||||||
<img src="static/img/icons/fb.png">
|
<img width="48" height="48" class="social-icon" src="static/img/icons/instagram.svg">
|
||||||
</a>
|
</a>
|
||||||
<a href="https://www.youtube.com/channel/UCocc5i1jn2y8plvUp5SM8vQ" class="social-media" target=" _blank">
|
<a href="https://www.youtube.com/channel/UCocc5i1jn2y8plvUp5SM8vQ" class="social-media" target=" _blank">
|
||||||
<img src="static/img/icons/fb.png">
|
<img width="48" height="48" class="social-icon" src="static/img/icons/youtube.svg">
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="footer-sep"></div>
|
<div class="footer-sep"></div>
|
||||||
|
|
@ -70,7 +78,7 @@
|
||||||
<br>
|
<br>
|
||||||
<div class="credits">
|
<div class="credits">
|
||||||
Webdesign von <a href="https://gabrielhuber.at">Gabriel Huber</a><br>
|
Webdesign von <a href="https://gabrielhuber.at">Gabriel Huber</a><br>
|
||||||
Logo von <a href="https://theresagrossalber.at/">Theresa Grossalber</a>
|
Icons von <a href="https://theresagrossalber.at/">Theresa Grossalber</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -10,7 +10,7 @@
|
||||||
<div class="overview">
|
<div class="overview">
|
||||||
<div>
|
<div>
|
||||||
<a href="#beratung" class="service-link">
|
<a href="#beratung" class="service-link">
|
||||||
<img class="service-icon" src="static/img/icons/hilfe.svg" height="256" width="256">
|
<img class="service-icon" src="static/img/icons/questionmark.svg" height="256" width="256">
|
||||||
<span class="service-name">Hilfe & Beratung</span>
|
<span class="service-name">Hilfe & Beratung</span>
|
||||||
</a>
|
</a>
|
||||||
<span class="service-desc">
|
<span class="service-desc">
|
||||||
|
|
@ -19,7 +19,7 @@
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<a href="#reparatur" class="service-link">
|
<a href="#reparatur" class="service-link">
|
||||||
<img class="service-icon" src="static/img/icons/wrench.svg" height="256" width="256">
|
<img class="service-icon" src="static/img/icons/screwdriver.svg" height="256" width="256">
|
||||||
<span class="service-name">Reparatur</span>
|
<span class="service-name">Reparatur</span>
|
||||||
</a>
|
</a>
|
||||||
<span class="service-desc">
|
<span class="service-desc">
|
||||||
|
|
@ -28,7 +28,7 @@
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<a href="#datenrettung" class="service-link">
|
<a href="#datenrettung" class="service-link">
|
||||||
<img class="service-icon" src="static/img/icons/daten.svg" height="256" width="256">
|
<img class="service-icon" src="static/img/icons/harddrive.svg" height="256" width="256">
|
||||||
<span class="service-name">Datenrettung</span>
|
<span class="service-name">Datenrettung</span>
|
||||||
</a>
|
</a>
|
||||||
<span class="service-desc">
|
<span class="service-desc">
|
||||||
|
|
@ -37,7 +37,7 @@
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<a href="#verleih" class="service-link">
|
<a href="#verleih" class="service-link">
|
||||||
<img class="service-icon" src="static/img/icons/laptop.svg" height="256" width="256">
|
<img class="service-icon" src="static/img/icons/computer.svg" height="256" width="256">
|
||||||
<span class="service-name">Verleih</span>
|
<span class="service-name">Verleih</span>
|
||||||
</a>
|
</a>
|
||||||
<span class="service-desc">
|
<span class="service-desc">
|
||||||
|
|
@ -58,24 +58,31 @@
|
||||||
<section>
|
<section>
|
||||||
<div class="section-inner">
|
<div class="section-inner">
|
||||||
<h2 id="reparatur">Reparatur</h2>
|
<h2 id="reparatur">Reparatur</h2>
|
||||||
<p>
|
<div class="split-section">
|
||||||
Egal ob ein DVD-Laufwerk sich nicht mehr öffnet, ein Lüfter laute Geräusche macht oder
|
<div class="split-section-text">
|
||||||
der Computer gar nicht mehr hochfährt – ich übernehme für Sie die Diagnose des Problems
|
<p>
|
||||||
und erarbeite eine Lösung. Die Erstdiagnose erfolgt direkt bei Ihnen vor Ort – oftmals
|
Egal ob ein DVD-Laufwerk sich nicht mehr öffnet, ein Lüfter laute Geräusche macht oder
|
||||||
kann ich Ihren Rechner direkt reparieren und Sie können diesen dann innerhalb kurzer
|
der Computer gar nicht mehr hochfährt – ich übernehme für Sie die Diagnose des Problems
|
||||||
Zeit wieder verwenden.
|
und erarbeite eine Lösung. Die Erstdiagnose erfolgt direkt bei Ihnen vor Ort – oftmals
|
||||||
</p>
|
kann ich Ihren Rechner direkt reparieren und Sie können diesen dann innerhalb kurzer
|
||||||
<p>
|
Zeit wieder verwenden.
|
||||||
Sollte das Problem spezifische Ersatzteile, ein nicht-mobiles Werkzeug oder eine
|
</p>
|
||||||
detailliertere Diagnose benötigen, nehme ich Ihr Gerät mit und repariere es
|
<p>
|
||||||
baldmöglichst – beachten Sie hierbei auch die Möglichkeit ein Leihgerät in Anspruch zu
|
Sollte das Problem spezifische Ersatzteile, ein nicht-mobiles Werkzeug oder eine
|
||||||
nehmen. Je nach Vereinbarung sende ich Ihnen das Gerät nach erfolgter Reparatur
|
detailliertere Diagnose benötigen, nehme ich Ihr Gerät mit und repariere es
|
||||||
postalisch zu oder bringe es Ihnen persönlich vorbei.
|
baldmöglichst – beachten Sie hierbei auch die Möglichkeit ein Leihgerät in Anspruch zu
|
||||||
</p>
|
nehmen. Je nach Vereinbarung sende ich Ihnen das Gerät nach erfolgter Reparatur
|
||||||
<p>
|
postalisch zu oder bringe es Ihnen persönlich vorbei.
|
||||||
Selbstverständlich gilt: Wenn sich eine vereinbarte Reparatur als nicht umsetzbar
|
</p>
|
||||||
herausstellt, ist diese auch nicht zu zahlen.
|
<p>
|
||||||
</p>
|
Selbstverständlich gilt: Wenn sich eine vereinbarte Reparatur als nicht umsetzbar
|
||||||
|
herausstellt, ist diese auch nicht zu zahlen.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="split-section-img">
|
||||||
|
<img width="4896" height="3672" src="static/img/fotos/laptop_matte.jpeg" alt="">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
<section>
|
<section>
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue