Spaces:
Running
Running
retirar icones das redes sociais
Browse files- components/footer.js +2 -33
components/footer.js
CHANGED
|
@@ -30,24 +30,7 @@ class CustomFooter extends HTMLElement {
|
|
| 30 |
margin-bottom: 1.5rem;
|
| 31 |
line-height: 1.6;
|
| 32 |
}
|
| 33 |
-
|
| 34 |
-
display: flex;
|
| 35 |
-
gap: 1rem;
|
| 36 |
-
}
|
| 37 |
-
.social-link {
|
| 38 |
-
width: 40px;
|
| 39 |
-
height: 40px;
|
| 40 |
-
border-radius: 50%;
|
| 41 |
-
background: #374151;
|
| 42 |
-
display: flex;
|
| 43 |
-
align-items: center;
|
| 44 |
-
justify-content: center;
|
| 45 |
-
transition: background 0.2s;
|
| 46 |
-
}
|
| 47 |
-
.social-link:hover {
|
| 48 |
-
background: #10b981;
|
| 49 |
-
}
|
| 50 |
-
.footer-heading {
|
| 51 |
color: white;
|
| 52 |
font-weight: 700;
|
| 53 |
font-size: 1.1rem;
|
|
@@ -98,21 +81,7 @@ class CustomFooter extends HTMLElement {
|
|
| 98 |
<p class="footer-description">
|
| 99 |
The most advanced AI-powered website creation platform. Build stunning websites in seconds with artificial intelligence.
|
| 100 |
</p>
|
| 101 |
-
|
| 102 |
-
<a href="#" class="social-link">
|
| 103 |
-
<i data-feather="twitter" style="width: 18px; height: 18px;"></i>
|
| 104 |
-
</a>
|
| 105 |
-
<a href="#" class="social-link">
|
| 106 |
-
<i data-feather="facebook" style="width: 18px; height: 18px;"></i>
|
| 107 |
-
</a>
|
| 108 |
-
<a href="#" class="social-link">
|
| 109 |
-
<i data-feather="linkedin" style="width: 18px; height: 18px;"></i>
|
| 110 |
-
</a>
|
| 111 |
-
<a href="#" class="social-link">
|
| 112 |
-
<i data-feather="github" style="width: 18px; height: 18px;"></i>
|
| 113 |
-
</a>
|
| 114 |
-
</div>
|
| 115 |
-
</div>
|
| 116 |
|
| 117 |
<div class="footer-column">
|
| 118 |
<h3 class="footer-heading">Product</h3>
|
|
|
|
| 30 |
margin-bottom: 1.5rem;
|
| 31 |
line-height: 1.6;
|
| 32 |
}
|
| 33 |
+
.footer-heading {
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 34 |
color: white;
|
| 35 |
font-weight: 700;
|
| 36 |
font-size: 1.1rem;
|
|
|
|
| 81 |
<p class="footer-description">
|
| 82 |
The most advanced AI-powered website creation platform. Build stunning websites in seconds with artificial intelligence.
|
| 83 |
</p>
|
| 84 |
+
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 85 |
|
| 86 |
<div class="footer-column">
|
| 87 |
<h3 class="footer-heading">Product</h3>
|