<!DOCTYPE html>
<html lang="fa" dir="rtl">
<head>
<meta charset="UTF-8" />
<title>ارتباط با ما – ایران تیتی</title>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<style>
body {
font-family: Tahoma, sans-serif;
background: #f9f9f9;
color: #333;
margin: 0;
padding: 20px;
}
.container {
max-width: 900px;
margin: auto;
background: #fff;
padding: 40px;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
h1 {
color: #c09d2c;
margin-bottom: 30px;
}
.contact-info {
margin-bottom: 30px;
}
.contact-info p {
margin: 8px 0;
}
form input,
form textarea {
width: 100%;
padding: 10px;
margin: 10px 0;
font-size: 16px;
border: 1px solid #ccc;
border-radius: 5px;
box-sizing: border-box;
resize: vertical;
}
form button {
background: #c09d2c;
color: white;
padding: 12px 20px;
border: none;
border-radius: 5px;
font-size: 16px;
cursor: pointer;
transition: background-color 0.3s ease;
}
form button:hover {
background: #b38728;
}
.social-links {
margin-top: 40px;
display: flex;
gap: 30px;
justify-content: center;
flex-wrap: wrap;
}
.social-links a {
display: flex;
align-items: center;
gap: 10px;
text-decoration: none;
color: #333;
font-weight: bold;
font-size: 18px;
transition: color 0.3s ease;
}
.social-links a:hover {
color: #c09d2c;
}
.social-links svg {
width: 28px;
height: 28px;
fill: currentColor;
}
footer {
text-align: center;
margin-top: 50px;
font-size: 14px;
color: #777;
}
@media (max-width: 600px) {
.social-links {
justify-content: flex-start;
gap: 20px;
}
.social-links a {
font-size: 16px;
}
}
</style>
</head>
<body>
<div class="container">
<h1>ارتباط با ما</h1>
<div class="contact-info">
<p><strong>آدرس:</strong> تهران، بازار ۱۵ خرداد، پاساژ طلا دلگشا، پلاک ۴۰</p>
<p><strong>تلفن:</strong> 021-52002374</p>
<p><strong>ایمیل:</strong> info@irantt.com</p>
<p><strong>ساعات پاسخگویی:</strong> شنبه تا پنجشنبه، ۹ الی ۱۸</p>
</div>
<form method="post" action="/send-message">
<label for="name">نام و نام خانوادگی:</label>
<input type="text" id="name" name="name" required />
<label for="email">ایمیل:</label>
<input type="email" id="email" name="email" required />
<label for="message">پیام شما:</label>
<textarea id="message" name="message" rows="6" required></textarea>
<button type="submit">ارسال پیام</button>
</form>
<div class="social-links" aria-label="شبکههای اجتماعی ایران تیتی">
<a href="https://t.me/irantt_gold" target="_blank" rel="noopener" aria-label="تلگرام">
<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false">
<path d="M9.04 15.555l-.38 5.685c.544 0 .78-.234 1.06-.514l2.54-2.49 5.26 3.84c.96.53 1.64.25 1.89-.9l3.42-16.14c.32-1.48-.54-2.07-1.51-1.71L1.69 10.2c-1.46.58-1.44 1.39-.25 1.77l5.72 1.78 13.29-8.36c.62-.38 1.19-.17.72.24L9.04 15.556z" />
</svg>
تلگرام
</a>
<a href="https://wa.me/989123456789" target="_blank" rel="noopener" aria-label="واتساپ">
<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false">
<path d="M20.52 3.48A11.92 11.92 0 0 0 12.15.01c-6.6 0-11.96 5.35-11.96 11.96 0 2.12.56 4.08 1.64 5.75L.01 24l6.46-1.7a11.89 11.89 0 0 0 5.68 1.46h.01c6.6 0 11.96-5.35 11.96-11.96 0-3.18-1.24-6.17-3.6-8.53zm-8.4 17.05a9.85 9.85 0 0 1-5.02-1.43l-.36-.21-3.05.8.82-3-.23-.37a9.73 9.73 0 0 1 1.44-10.96 9.72 9.72 0 0 1 13.75 1.27 9.77 9.77 0 0 1-6.39 13.9zm5.05-7.7c-.27-.13-1.6-.79-1.85-.88-.25-.1-.44-.13-.63.13s-.72.88-.89 1.06c-.16.17-.33.2-.6.07-.27-.13-1.13-.42-2.15-1.32-.79-.7-1.32-1.57-1.48-1.83-.15-.26-.02-.4.12-.53.12-.12.27-.3.4-.45.13-.15.18-.25.27-.42.1-.16.05-.31-.02-.44-.07-.12-.63-1.52-.87-2.07-.23-.54-.46-.46-.63-.47h-.54c-.18 0-.47.07-.72.35-.25.28-.96.94-.96 2.3 0 1.37.98 2.7 1.12 2.89.15.2 1.94 2.96 4.7 4.15.66.28 1.18.45 1.58.58.66.22 1.26.19 1.74.12.53-.08 1.6-.65 1.82-1.27.23-.62.23-1.15.16-1.27-.07-.12-.26-.2-.54-.33z"/>
</svg>
واتساپ
</a>
<a href="https://instagram.com/irantt.gold" target="_blank" rel="noopener" aria-label="اینستاگرام">
<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false">
<path d="M7.75 2h8.5A5.75 5.75 0 0 1 22 7.75v8.5A5.75 5.75 0 0 1 16.25 22h-8.5A5.75 5.75 0 0 1 2 16.25v-8.5A5.75 5.75 0 0 1 7.75 2zm0 1.5a4.25 4.25 0 0 0-4.25 4.25v8.5a4.25 4.25 0 0 0 4.25 4.25h8.5a4.25 4.25 0 0 0 4.25-4.25v-8.5a4.25 4.25 0 0 0-4.25-4.25zm8.75 1.25a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm-4.25 1a5 5 0 1 1 0 10 5 5 0 0 1 0-10zm0 1.5a3.5 3.5 0 1 0 0 7 3.5 3.5 0 0 0 0-7z"/>
</svg>
اینستاگرام
</a>
</div>
<footer>
© 2025 ایران تیتی – توسعه یافته توسط شرکت فیدار دیجیتال گستر آرکا
</footer>
</div>
</body>
</html>