Repository navigation
Expand file tree
/
Copy pathfooter-snippet.html
More file actions
142 lines (129 loc) · 6.25 KB
/
Copy pathfooter-snippet.html
File metadata and controls
142 lines (129 loc) · 6.25 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
<!-- ==========================================
MODERN FOOTER - Paste before closing </body> tag
Remove existing footer if present
========================================== -->
<footer class="site-footer" role="contentinfo">
<div class="footer-container">
<!-- Main footer content -->
<div class="footer-main">
<!-- Brand section -->
<div class="footer-brand">
<a href="index.html" class="footer-logo" aria-label="TruckCraft Studio Home">
<!-- Logo SVG -->
<svg viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M16 2L3 9v14l13 7 13-7V9L16 2z" fill="currentColor" opacity="0.2"/>
<path d="M16 8l8 4.5v9L16 26l-8-4.5v-9L16 8z" fill="currentColor"/>
<circle cx="16" cy="16" r="3" fill="white"/>
</svg>
<span>TruckCraft Studio</span>
</a>
<p class="footer-tagline">
Create stunning VTC websites with ease. Professional tools for virtual trucking companies.
</p>
<!-- Social links -->
<div class="footer-socials" role="list">
<a href="https://discord.gg/D442vYePUR" class="footer-social-link" aria-label="Join our Discord" target="_blank" rel="noopener noreferrer">
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M20.317 4.37a19.791 19.791 0 00-4.885-1.515.074.074 0 00-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 00-5.487 0 12.64 12.64 0 00-.617-1.25.077.077 0 00-.079-.037A19.736 19.736 0 003.677 4.37a.07.07 0 00-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 00.031.057 19.9 19.9 0 005.993 3.03.078.078 0 00.084-.028c.462-.63.874-1.295 1.226-1.994a.076.076 0 00-.041-.106 13.107 13.107 0 01-1.872-.892.077.077 0 01-.008-.128 10.2 10.2 0 00.372-.292.074.074 0 01.077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 01.078.01c.12.098.246.198.373.292a.077.077 0 01-.006.127 12.299 12.299 0 01-1.873.892.077.077 0 00-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 00.084.028 19.839 19.839 0 006.002-3.03.077.077 0 00.032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 00-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.956-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.955-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.946 2.418-2.157 2.418z"/>
</svg>
</a>
<a href="mailto:contact@truckcraft.studio" class="footer-social-link" aria-label="Email us" target="_blank" rel="noopener noreferrer">
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
<path d="M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z"/>
</svg>
</a>
</div>
</div>
<!-- Company links -->
<nav class="footer-links">
<ul class="footer-links-list">
<li><a href="about.html">About Us</a></li>
<li><a href="features.html">Features</a></li>
<li><a href="pricing.html">Pricing</a></li>
<li><a href="contact.html">Contact</a></li>
<li><a href="#">Careers</a></li>
</ul>
</nav>
<!-- Explore links -->
<nav class="footer-links">
<ul class="footer-links-list">
<li><a href="templates.html">Templates</a></li>
<li><a href="pro-templates.html">Pro Templates</a></li>
<li><a href="create.html">Create Website</a></li>
<li><a href="#">Showcase</a></li>
<li><a href="#">Community</a></li>
</ul>
</nav>
<!-- Support links -->
<nav class="footer-links">
<ul class="footer-links-list">
<li><a href="help.html">Help Center</a></li>
<li><a href="documentation.html">Documentation</a></li>
<li><a href="tutorials.html">Tutorials</a></li>
<li><a href="#">API Reference</a></li>
<li><a href="#">Status</a></li>
</ul>
</nav>
<!-- Newsletter section -->
<div class="footer-newsletter">
<h3 class="footer-newsletter-title">Stay Updated</h3>
<p class="footer-newsletter-text">
Get the latest news, updates, and tips delivered to your inbox.
</p>
<form id="newsletter-form" class="newsletter-form" novalidate>
<div class="newsletter-input-wrapper">
<label for="newsletter-email" class="visually-hidden">Email address</label>
<input
type="email"
id="newsletter-email"
class="newsletter-input"
placeholder="your@email.com"
aria-required="true"
autocomplete="email"
>
</div>
<button type="submit" class="newsletter-button">
Subscribe
</button>
<div id="newsletter-status" class="newsletter-status" role="status" aria-live="polite"></div>
</form>
</div>
</div>
<!-- Footer bottom -->
<div class="footer-bottom">
<p class="footer-copyright">
© <span id="current-year">2025</span> TruckCraft Studio. All rights reserved.
</p>
<nav aria-label="Legal">
<ul class="footer-legal">
<li><a href="#">Terms of Service</a></li>
<li><a href="#">Privacy Policy</a></li>
<li><a href="#">Cookie Policy</a></li>
</ul>
</nav>
<button id="theme-toggle" class="theme-toggle" aria-label="Toggle theme">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"/>
</svg>
<span>Dark</span>
</button>
</div>
</div>
</footer>
<!-- Hidden class for accessibility (add to your CSS if not present) -->
<style>
.visually-hidden {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
</style>
<!-- Include footer scripts before closing </body> tag -->
<link rel="stylesheet" href="assets/footer.css">
<script src="assets/footer.js"></script>