Skip to content

Commit 3c39e7f

Browse files
michal92299michal92299
authored
Create write-to-us.html
1 parent 3fe7c34 commit 3c39e7f

File tree

1 file changed

+190
-0
lines changed

1 file changed

+190
-0
lines changed

‎write-to-us.html‎

Lines changed: 190 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,190 @@
1+
<!DOCTYPE html>
2+
<html lang="pl">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>HackerOS - Write to Us</title>
7+
<style>
8+
* {
9+
margin: 0;
10+
padding: 0;
11+
box-sizing: border-box;
12+
font-family: 'Arial', sans-serif;
13+
}
14+
body {
15+
background-color: #1C2526;
16+
color: #FFFFFF;
17+
line-height: 1.6;
18+
}
19+
header {
20+
background-color: #121212;
21+
padding: 20px 0;
22+
position: fixed;
23+
width: 100%;
24+
top: 0;
25+
z-index: 1000;
26+
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.7);
27+
transition: background-color 0.3s ease;
28+
}
29+
header:hover {
30+
background-color: #1A1A1A;
31+
}
32+
nav {
33+
max-width: 1200px;
34+
margin: 0 auto;
35+
display: flex;
36+
justify-content: space-between;
37+
align-items: center;
38+
}
39+
nav .logo img {
40+
height: 40px;
41+
width: auto;
42+
}
43+
nav ul {
44+
list-style: none;
45+
display: flex;
46+
gap: 25px;
47+
}
48+
nav ul li a {
49+
color: #FFFFFF;
50+
text-decoration: none;
51+
font-size: 18px;
52+
transition: color 0.3s, transform 0.3s;
53+
position: relative;
54+
}
55+
nav ul li a::after {
56+
content: '';
57+
position: absolute;
58+
width: 0;
59+
height: 2px;
60+
bottom: -5px;
61+
left: 0;
62+
background-color: #B0B0B0;
63+
transition: width 0.3s;
64+
}
65+
nav ul li a:hover::after {
66+
width: 100%;
67+
}
68+
nav ul li a:hover {
69+
color: #B0B0B0;
70+
transform: translateY(-2px);
71+
}
72+
.contact-section {
73+
max-width: 1200px;
74+
margin: 120px auto 50px;
75+
padding: 20px;
76+
text-align: center;
77+
}
78+
.contact-section h1 {
79+
font-size: 36px;
80+
margin-bottom: 20px;
81+
text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
82+
}
83+
form {
84+
max-width: 600px;
85+
margin: 0 auto;
86+
background-color: #2F3A44;
87+
padding: 20px;
88+
border-radius: 10px;
89+
box-shadow: 0 4px 10px rgba(0,0,0,0.3);
90+
}
91+
form label {
92+
display: block;
93+
margin-bottom: 10px;
94+
color: #B0B0B0;
95+
}
96+
form input, form textarea {
97+
width: 100%;
98+
padding: 10px;
99+
margin-bottom: 20px;
100+
background-color: #121212;
101+
border: none;
102+
color: #FFFFFF;
103+
border-radius: 5px;
104+
}
105+
form button {
106+
display: inline-block;
107+
padding: 12px 24px;
108+
background-color: #B0B0B0;
109+
color: #121212;
110+
border: none;
111+
border-radius: 5px;
112+
font-weight: bold;
113+
cursor: pointer;
114+
transition: background-color 0.3s, transform 0.3s, box-shadow 0.3s;
115+
}
116+
form button:hover {
117+
background-color: #FFFFFF;
118+
transform: scale(1.05);
119+
box-shadow: 0 4px 10px rgba(255,255,255,0.2);
120+
}
121+
footer {
122+
background-color: #121212;
123+
padding: 20px;
124+
text-align: center;
125+
color: #B0B0B0;
126+
position: relative;
127+
bottom: 0;
128+
width: 100%;
129+
box-shadow: 0 -2px 5px rgba(0,0,0,0.5);
130+
}
131+
</style>
132+
<script>
133+
document.addEventListener('DOMContentLoaded', () => {
134+
const userLang = navigator.language || navigator.userLanguage;
135+
if (userLang.startsWith('pl')) {
136+
document.documentElement.lang = 'pl';
137+
} else {
138+
document.documentElement.lang = 'en';
139+
document.querySelector('.contact-section h1').textContent = 'Write to Us';
140+
document.querySelector('form label[for="name"]').textContent = 'Name:';
141+
document.querySelector('form label[for="email"]').textContent = 'Email:';
142+
document.querySelector('form label[for="message"]').textContent = 'Message:';
143+
document.querySelector('form button').textContent = 'Send Message';
144+
document.querySelector('footer p').textContent = '© 2025 HackerOS. All rights reserved.';
145+
}
146+
});
147+
148+
// Form submission handling
149+
document.querySelector('form').addEventListener('submit', function(e) {
150+
e.preventDefault();
151+
const name = document.getElementById('name').value;
152+
const email = document.getElementById('email').value;
153+
const message = document.getElementById('message').value;
154+
const subject = 'Contact from HackerOS Website';
155+
const body = `Name: ${name}%0D%0AEmail: ${email}%0D%0AMessage: ${message}`;
156+
window.location.href = `mailto:[email protected]?subject=${encodeURIComponent(subject)}&body=${body}`;
157+
});
158+
</script>
159+
</head>
160+
<body>
161+
<header>
162+
<nav>
163+
<div class="logo"><img src="HackerOS.png" alt="HackerOS Logo"></div>
164+
<ul>
165+
<li><a href="Home-page.html">Home</a></li>
166+
<li><a href="download.html">Download</a></li>
167+
<li><a href="releases.html">Releases</a></li>
168+
<li><a href="about-hackeros.html">About HackerOS</a></li>
169+
<li><a href="hackeros-team.html">HackerOS Team</a></li>
170+
<li><a href="write-to-us.html">Write to Us</a></li>
171+
</ul>
172+
</nav>
173+
</header>
174+
<section class="contact-section">
175+
<h1>Napisz do nas</h1>
176+
<form>
177+
<label for="name">Imię:</label>
178+
<input type="text" id="name" required>
179+
<label for="email">Email:</label>
180+
<input type="email" id="email" required>
181+
<label for="message">Wiadomość:</label>
182+
<textarea id="message" rows="5" required></textarea>
183+
<button type="submit">Wyślij wiadomość</button>
184+
</form>
185+
</section>
186+
<footer>
187+
<p>&copy; 2025 HackerOS. Wszelkie prawa zastrzeżone.</p>
188+
</footer>
189+
</body>
190+
</html>

0 commit comments

Comments
 (0)