0% found this document useful (0 votes)
27 views3 pages

Css Tema Nuvem Shop

Uploaded by

felipe almeida
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
27 views3 pages

Css Tema Nuvem Shop

Uploaded by

felipe almeida
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 3

.js-item-name.item-name.

mb-3 {
color: black;
}

const icons = document.querySelectorAll(".service-item svg");

const newIcon1 =
'<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
xmlns:xlink="http://www.w3.org/1999/xlink" width="70" height="70" x="0" y="0"
viewBox="0 0 64 64" style="enable-background:new 0 0 512 512" xml:space="preserve"
class=""><g><path d="M61 30a22.097 22.097 0 0 1-7-1.19V11a5.002 5.002 0 0 0-5-
5H7a5.002 5.002 0 0 0-5 5v26a5.002 5.002 0 0 0 5 5h27.03c.71 11.61 13.53 15.91
13.66 15.95a.986.986 0 0 0 .62 0C48.45 57.91 62 53.37 62 41V31a1.003 1.003 0 0 0-1-
1ZM4 11a3.009 3.009 0 0 1 3-3h42a3.009 3.009 0 0 1 3 3v1H4Zm31 19a1.003 1.003 0 0
0-1 1v9H7a3.009 3.009 0 0 1-3-3V22h48v6.04a20.636 20.636 0 0 1-3.41-1.85 1.022
1.022 0 0 0-1.18 0A23.33 23.33 0 0 1 35 30Zm20.71 8.71-9 9a1.014 1.014 0 0 1-1.42
0l-5-5a1.004 1.004 0 0 1 1.42-1.42l4.29 4.3 8.29-8.3a1.004 1.004 0 0 1 1.42
1.42ZM20 27v8a1.003 1.003 0 0 1-1 1H9a1.003 1.003 0 0 1-1-1v-8a1.003 1.003 0 0 1 1-
1h10a1.003 1.003 0 0 1 1 1Z" data-name="24-Secure Payment" fill="#8925b3"
opacity="0.9490196078431372" data-original="#000000" class=""></path></g></svg>

const newIcon2 =
'<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs"
width="70" height="70" x="0" y="0" viewBox="0 0 497 497" style="enable-
background:new 0 0 512 512" xml:space="preserve" class=""><g><g><g><path
d="m115.972 386.116c-5.391-1.903-10.156-5.665-13.238-11.005l-99.4-172.166c-6.862-
11.886-2.79-27.084 9.096-33.946l286.942-165.666c11.885-6.862 27.083-2.79 33.946
9.096l99.4 172.166c6.862 11.885 2.79 27.083-9.096 33.946l-51.89 29.959z"
fill="#ffc200" data-original="#ffc200" class=""></path><path d="m432.718 184.595-
99.4-172.166c-6.685-11.58-21.282-15.738-33.02-9.599 4.049 2.109 7.568 5.352 10.02
9.599l99.4 172.166c6.862 11.885 2.79 27.083-9.096 33.946l-51.89 29.959-242.988
130.745c2.832 3.172 6.363 5.508 10.228 6.872l255.761-137.617 51.89-29.959c11.885-
6.862 15.957-22.06 9.095-33.946z" fill="#fe9900" data-original="#fe9900"
class=""></path><path d="m-1.482 126.989h381.033v33.133h-381.033z" fill="#004a84"
transform="matrix(.866 -.5 .5 .866 -46.452 113.75)" data-original="#004a84"
class=""></path><g><path d="m303.303 199.864c-2.592 0-5.113-1.345-6.502-3.751-
2.071-3.587-.842-8.174 2.745-10.245l71.736-41.417c3.585-2.071 8.175-.842 10.245
2.745 2.071 3.587.842 8.174-2.745 10.245l-71.736 41.416c-1.181.683-2.471 1.007-
3.743 1.007z" fill="#003165" data-original="#003165"></path></g><g><path
d="m362.911 203.709c-2.592 0-5.112-1.345-6.502-3.751-2.071-3.587-.842-8.174 2.745-
10.245l28.694-16.567c3.585-2.071 8.174-.842 10.245 2.745s.842 8.174-2.745 10.245l-
28.694 16.567c-1.18.682-2.47 1.006-3.743 1.006z" fill="#003165" data-
original="#003165"></path></g></g><path d="m497 472.15c0 13.724-11.126 24.85-24.85
24.85h-331.333c-13.724 0-24.85-11.126-24.85-24.85v-198.801c0-13.724 11.126-24.85
24.85-24.85h331.333c13.724 0 24.85 11.126 24.85 24.85z" fill="#0068ae" data-
original="#0068ae" class=""></path><path d="m472.15 248.5h-23c13.724 0 24.85 11.126
24.85 24.85v198.8c0 13.724-11.126 24.85-24.85 24.85h23c13.724 0 24.85-11.126 24.85-
24.85v-198.801c0-13.724-11.126-24.849-24.85-24.849z" fill="#004a84" data-
original="#004a84" class=""></path><path d="m355.9 331.333h83.4c4.418 0 8-3.582 8-
8v-17.133c0-4.418-3.582-8-8-8h-83.4c-4.418 0-8 3.582-8 8v17.133c0 4.418 3.581 8 8
8z" fill="#9be6ff" data-original="#9be6ff"></path><path d="m439.3 298.2h-
22.748c4.418 0 8 3.582 8 8v17.133c0 4.418-3.582 8-8 8h22.748c4.418 0 8-3.582 8-8v-
17.133c0-4.419-3.582-8-8-8z" fill="#55cbfc" data-original="#55cbfc"></path><g><path
d="m223.933 347.899h-66.833c-4.418 0-8-3.582-8-8v-50.266c0-4.418 3.582-8 8-
8h66.833c4.418 0 8 3.582 8 8v50.266c0 4.419-3.582 8-8 8z" fill="#ffc200" data-
original="#ffc200" class=""></path><path d="m149.1 322.266h82.833v-15h-33.917v-
25.633h-15v25.633h-33.916z" fill="#fe9900" data-original="#fe9900"
class=""></path></g><g><path d="m182.233 438.232h-33.133c-4.142 0-7.5-3.358-7.5-
7.5s3.358-7.5 7.5-7.5h33.133c4.142 0 7.5 3.358 7.5 7.5 0 4.143-3.358 7.5-7.5 7.5z"
fill="#f3edea" data-original="#f3edea"></path></g><g><path d="m314.767 438.232h-
99.4c-4.142 0-7.5-3.358-7.5-7.5s3.358-7.5 7.5-7.5h99.4c4.143 0 7.5 3.358 7.5 7.5 0
4.143-3.358 7.5-7.5 7.5z" fill="#f3edea"
data-original="#f3edea"></path></g><g><path d="m397.6 438.232h-49.7c-4.143 0-7.5-
3.358-7.5-7.5s3.357-7.5 7.5-7.5h49.7c4.143 0 7.5 3.358 7.5 7.5 0 4.143-3.358 7.5-
7.5 7.5z" fill="#f3edea" data-original="#f3edea"></path></g><path d="m335.442
36.71h19.919v33.133h-19.919z" fill="#003165" transform="matrix(.866 -.5 .5 .866
19.637 179.839)" data-original="#003165"></path></g></g></svg>';

const newIcon3 =
'<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs"
width="70" height="70" x="0" y="0" viewBox="0 0 511.98 511.98" style="enable-
background:new 0 0 512 512" xml:space="preserve" class=""><g><g><path d="m483.24
77.21v164.4c0 40.69-18.65 87.92-52.5 132.99-39.45 52.51-97.56 98.86-168.05 134.04l-
6.7 3.34-6.7-3.34c-70.49-35.18-128.6-81.53-168.05-134.04-33.85-45.07-52.5-92.3-
52.5-132.99v-164.4l110.56-77.21h233.38z" fill="#00358f" data-original="#00358f"
class=""></path><path d="m483.24 77.21v164.4c0 40.69-18.65 87.92-52.5 132.99-39.45
52.51-97.56 98.86-168.05 134.04l-6.7 3.34v-511.98h116.69z" fill="#012453" data-
original="#012453" class=""></path><path d="m353.8 60h-195.62l-69.44 48.49v133.12c0
45.75 45.01 135.15 167.25 202.78 122.24-67.63 167.25-157.03 167.25-202.78v-133.12z"
fill="#00b3fe" data-original="#00b3fe" class=""></path><path d="m423.24
108.49v133.12c0 45.75-45.01 135.15-167.25 202.78v-384.39h97.81z" fill="#0274f9"
data-original="#0274f9" class=""></path><g><path d="m297.79 133.61c-10.71-10.71-
25.5-17.34-41.8-17.34-15.75 0-30.59 6.17-41.78 17.36s-17.36 26.03-17.36
41.78v40.59h118.28v-40.59c0-16.31-6.63-31.09-17.34-41.8zm-12.66 63.72h-58.28v-
21.92c0-7.73 3.05-15.04 8.57-20.57 2.77-2.76 5.97-4.9 9.46-6.36 3.48-1.45 7.24-2.21
11.11-2.21 16.07 0 29.14 13.07 29.14 29.14z" fill="#ffb528" data-original="#ffb528"
class=""></path></g><path d="m315.13 175.41v40.59h-59.14v-18.67h29.14v-21.92c0-
16.07-13.07-29.14-29.14-29.14v-30c16.3 0 31.09 6.63 41.8 17.34s17.34 25.49 17.34
41.8z" fill="#fe8c01" data-original="#fe8c01"></path><path d="m173.7
186h164.58v129.33h-164.58z" fill="#fee158" data-original="#fee158"
class=""></path><path d="m255.99 186h82.29v129.33h-82.29z" fill="#ffb528" data-
original="#ffb528" class=""></path><path d="m358.52 45h-205.06l-79.72
55.67v140.94c0 29.26 14.82 66.44 40.65 102 31.45 43.3 77.9 82.69 134.34 113.91l7.26
4.02 7.26-4.02c56.44-31.22 102.89-70.61 134.34-113.91 25.83-35.56 40.65-72.74
40.65-102v-140.94zm49.72 196.61c0 39.91-40.71 121.4-152.25 185.56-111.54-64.16-
152.25-145.65-152.25-185.56v-125.3l59.16-41.31h186.18l59.16 41.31z" fill="#eff5fa"
data-original="#eff5fa" class=""></path><path d="m438.24 100.67v140.94c0 29.26-
14.82 66.44-40.65 102-31.45 43.3-77.9 82.69-134.34 113.91l-7.26 4.02v-34.37c111.54-
64.16 152.25-145.65 152.25-185.56v-125.3l-59.16-41.31h-93.09v-30h102.53z"
fill="#c6e1ec" data-original="#c6e1ec" class=""></path><path d="m240.99
235.16h30v31.01h-30z" fill="#ffb528" data-original="#ffb528" class=""></path><path
d="m255.99 235.16h15v31.01h-15z" fill="#fe8c01"
data-original="#fe8c01"></path></g></g></svg>';

const newIcon4 =
'<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs"
width="70" height="70" x="0" y="0" viewBox="0 0 152 152" style="enable-
background:new 0 0 512 512" xml:space="preserve" class=""><g><linearGradient
id="linear-gradient" gradientUnits="userSpaceOnUse" x1="47.99" x2="119.76"
y1="58.55" y2="130.32"><stop offset="0" stop-color="#1a6610"></stop><stop
offset=".26" stop-color="#1a6610" stop-opacity=".78"></stop><stop offset=".79"
stop-color="#1a6610" stop-opacity=".2"></stop><stop offset=".97" stop-
color="#1a6610" stop-opacity="0"></stop></linearGradient><g id="Layer_2" data-
name="Layer 2"><g id="_08.whatsapp" data-name="08.whatsapp"><circle id="background"
cx="76" cy="76" fill="#2aa81a" r="76" data-original="#2aa81a"
class=""></circle><path id="shadow" d="m149.4 95.78a76 76 0 0 1 -72.14 56.22l-
38.62-38.64 7.84-19.36c-13.8-73.72 56.33-44.84 56.33-44.84z" fill="url(#linear-
gradient)" data-original="url(#linear-gradient)"></path><g id="icon"
fill="#fff"><path d="m102.81 49.19a37.7 37.7 0 0 0 -60.4 43.62l-4 19.42a1.42 1.42 0
0 0 .23 1.13 1.45 1.45 0 0 0 1.54.6l19-4.51a37.7 37.7 0 0 0 43.6-60.26zm-5.94
47.37a29.56 29.56 0 0 1 -34 5.57l-2.66-1.32-11.67 2.76v-.15l2.46-11.77-1.3-
2.56a29.5 29.5 0 0 1 5.43-34.27 29.53 29.53 0 0 1 41.74 0l.13.18a29.52 29.52 0 0 1
-.15 41.58z" fill="#ffffff" data-original="#ffffff"></path><path d="m95.84 88c-1.43
2.25-3.7 5-6.53 5.69-5 1.2-12.61 0-22.14-8.81l-.12-.11c-8.29-7.74-10.49-14.19-10-
19.3.29-2.91 2.71-5.53 4.75-7.25a2.72 2.72 0 0 1 4.25 1l3.07 6.94a2.7 2.7 0 0 1
-.33 2.76l-1.56 2a2.65 2.65 0 0 0 -.21 2.95 29 29 0 0 0 5.27 5.86 31.17 31.17 0 0 0
7.3 5.23 2.65 2.65 0 0 0 2.89-.61l1.79-1.82a2.71 2.71 0 0 1 2.73-.76l7.3 2.09a2.74
2.74 0 0 1 1.54 4.14z" fill="#ffffff"
data-original="#ffffff"></path></g></g></g></g></svg>';

const newIcons1 = document.createElement("span");


const newIcons2 = document.createElement("span");
const newIcons3 = document.createElement("span");
const newIcons4 = document.createElement("span");

newIcons1.innerHTML = newIcon1;
newIcons2.innerHTML = newIcon2;
newIcons3.innerHTML = newIcon3;
newIcons4.innerHTML = newIcon4;

icons[0].parentNode.replaceChild(newIcons1, icons[0]);
icons[1].parentNode.replaceChild(newIcons2, icons[1]);
icons[2].parentNode.replaceChild(newIcons3, icons[2]);
icons[3].parentNode.replaceChild(newIcons4, icons[3]);

You might also like