|
|
| خط ۱: |
خط ۱: |
| <html lang="fa" dir="rtl"> | | <iframe src="https://forms.gle/AAcTJbFzCecEFGS79" |
| <head>
| | width="640" height="800" frameborder="0" |
| <meta charset="UTF-8">
| | marginheight="0" marginwidth="0">در حال بارگذاری...</iframe> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0">
| |
| <title>حمایت از دانشنامه کتاب مقدس</title>
| |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
| |
| <style>
| |
| * {
| |
| box-sizing: border-box;
| |
| margin: 0;
| |
| padding: 0;
| |
| font-family: 'Tahoma', 'Arial', sans-serif;
| |
| }
| |
| body {
| |
| padding: 0;
| |
| line-height: 1.6;
| |
| color: #333;
| |
| background: transparent !important;
| |
| }
| |
| .container {
| |
| max-width: 500px;
| |
| margin: 0 auto;
| |
| background: white;
| |
| border-radius: 15px;
| |
| box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
| |
| overflow: hidden;
| |
| }
| |
| .header {
| |
| background: linear-gradient(135deg, #6a89cc 0%, #4a69bd 100%);
| |
| color: white;
| |
| padding: 25px;
| |
| text-align: center;
| |
| }
| |
| .header h1 {
| |
| font-size: 24px;
| |
| margin-bottom: 10px;
| |
| color: white;
| |
| }
| |
| .header p {
| |
| font-size: 16px;
| |
| opacity: 0.9;
| |
| color: white;
| |
| }
| |
| .form-container {
| |
| padding: 25px;
| |
| }
| |
| .form-group {
| |
| margin-bottom: 20px;
| |
| }
| |
| .form-group label {
| |
| display: block;
| |
| margin-bottom: 8px;
| |
| color: #444;
| |
| font-weight: bold;
| |
| }
| |
| .form-group input,
| |
| .form-group textarea,
| |
| .form-group select {
| |
| width: 100%;
| |
| padding: 12px 15px;
| |
| border: 2px solid #ddd;
| |
| border-radius: 8px;
| |
| font-size: 16px;
| |
| transition: border-color 0.3s;
| |
| }
| |
| .form-group input:focus,
| |
| .form-group textarea:focus,
| |
| .form-group select:focus {
| |
| border-color: #6a89cc;
| |
| outline: none;
| |
| }
| |
| .required::after {
| |
| content: " *";
| |
| color: #e74c3c;
| |
| }
| |
| .captcha-container {
| |
| display: flex;
| |
| align-items: center;
| |
| background: #f8f9fa;
| |
| padding: 15px;
| |
| border-radius: 8px;
| |
| margin: 20px 0;
| |
| border: 1px solid #ddd;
| |
| }
| |
| .captcha-container input {
| |
| margin-left: 10px;
| |
| transform: scale(1.5);
| |
| }
| |
| .captcha-container label {
| |
| color: #555;
| |
| font-weight: normal;
| |
| cursor: pointer;
| |
| }
| |
| .note {
| |
| background-color: #f8f9fa;
| |
| border-right: 4px solid #6a89cc;
| |
| padding: 12px 15px;
| |
| margin: 20px 0;
| |
| border-radius: 5px;
| |
| font-size: 14px;
| |
| color: #555;
| |
| }
| |
| .btn {
| |
| width: 100%;
| |
| padding: 15px;
| |
| background: linear-gradient(135deg, #6a89cc 0%, #4a69bd 100%);
| |
| color: white;
| |
| border: none;
| |
| border-radius: 8px;
| |
| font-size: 18px;
| |
| font-weight: bold;
| |
| cursor: pointer;
| |
| transition: all 0.3s ease;
| |
| }
| |
| .btn:disabled {
| |
| background: #ccc;
| |
| cursor: not-allowed;
| |
| transform: none;
| |
| box-shadow: none;
| |
| }
| |
| .btn:hover:not(:disabled) {
| |
| transform: translateY(-2px);
| |
| box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
| |
| }
| |
| .contact-info {
| |
| background: #f8f9fa;
| |
| padding: 20px;
| |
| text-align: center;
| |
| border-top: 1px solid #eee;
| |
| }
| |
| .contact-info h3 {
| |
| color: #444;
| |
| margin-bottom: 15px;
| |
| }
| |
| .email-link {
| |
| display: inline-block;
| |
| background: #6a89cc;
| |
| color: white;
| |
| padding: 10px 20px;
| |
| border-radius: 50px;
| |
| text-decoration: none;
| |
| font-weight: bold;
| |
| margin: 10px 0;
| |
| transition: all 0.3s;
| |
| }
| |
| .email-link:hover {
| |
| background: #4a69bd;
| |
| transform: translateY(-2px);
| |
| }
| |
| .footer {
| |
| text-align: center;
| |
| padding: 15px;
| |
| color: #666;
| |
| font-size: 14px;
| |
| background: #f1f2f6;
| |
| }
| |
| @media (max-width: 600px) { | |
| .container {
| |
| margin: 10px;
| |
| border-radius: 10px;
| |
| }
| |
| .header {
| |
| padding: 20px;
| |
| }
| |
| .header h1 {
| |
| font-size: 20px;
| |
| }
| |
| .form-container {
| |
| padding: 20px;
| |
| }
| |
| .btn {
| |
| padding: 12px;
| |
| font-size: 16px;
| |
| }
| |
| }
| |
| </style>
| |
| </head>
| |
| <body>
| |
| <div class="container">
| |
| | |
| <!-- متن حمایت مالی -->
| |
| <div class="header">
| |
| <h1>📖 حمایت شما در پیشبرد دانشنامه کتاب مقدس بسیار ارزشمند است </h1>
| |
| <p>
| |
| دانشنامه کتاب مقدس یک خدمت غیرانتفاعی و مستقل است؛ وابسته به هیچ سازمان یا کلیسا نیست و با محوریت کتاب مقدس و هدایت خادمین به آموزش، پژوهش و آشکارسازی آموزه‌های مسیحیت می‌پردازد.
| |
| این دانشنامه، در کنار تکمیل واژه‌نامه تخصصی کتاب مقدس، پروژه‌های آموزشی و پژوهشی متعددی را برای ایمانداران، دانشجویان و معلمان فراهم می‌آورد و به عنوان اولین مرجع الاهیاتی و تخصصی در دنیای مسیحیت پارسی‌زبان شناخته می‌شود.
| |
| </p>
| |
| </div>
| |
|
| |
| <!-- فرم حمایت مالی -->
| |
| <div class="form-container">
| |
| <div class="form-group">
| |
| <label for="userName" class="required">نام شما</label>
| |
| <input type="text" id="userName" placeholder="نام خود را وارد کنید">
| |
| </div>
| |
| <div class="form-group">
| |
| <label for="userCountry" class="required">کشور</label>
| |
| <input type="text" id="userCountry" placeholder="کشور خود را وارد کنید">
| |
| </div>
| |
| <div class="form-group">
| |
| <label for="donationAmount" class="required">مبلغ هدیه‌ای که در قلبتان است</label>
| |
| <input type="number" id="donationAmount" placeholder="مبلغ به ریال یا دلار">
| |
| </div>
| |
| <div class="form-group">
| |
| <label for="monthlySupport">آیا می‌خواهید این حمایت ماهیانه باشد؟</label>
| |
| <select id="monthlySupport">
| |
| <option value="no">خیر</option>
| |
| <option value="yes">بله، ماهیانه</option>
| |
| </select>
| |
| </div>
| |
| <!-- 🔹 فیلد جدید برای راه ارتباطی -->
| |
| <div class="form-group">
| |
| <label for="userContact" class="required">راه ارتباطی شما (ایمیل یا تلگرام)</label>
| |
| <input type="text" id="userContact" placeholder="ایمیل یا آیدی تلگرام خود را وارد کنید">
| |
| </div>
| |
| <div class="captcha-container">
| |
| <input type="checkbox" id="notRobot">
| |
| <label for="notRobot">من ربات نیستم</label>
| |
| </div>
| |
| <button class="btn" id="submitBtn" onclick="sendEmail()" disabled>
| |
| <i class="fas fa-paper-plane"></i> ارسال پیام جهت حمایت
| |
| </button>
| |
| </div>
| |
|
| |
| <div class="contact-info"> | |
| <h3><i class="fas fa-headset"></i> راه‌های ارتباطی</h3>
| |
| <a href="mailto:info@pediabible.com" class="email-link">
| |
| <i class="fas fa-envelope"></i> info@pediabible.com
| |
| </a>
| |
| <p>دانشنامه کتاب مقدس</p>
| |
| </div>
| |
| </div>
| |
| | |
| <script>
| |
| document.getElementById('notRobot').addEventListener('change', function() {
| |
| document.getElementById('submitBtn').disabled = !this.checked;
| |
| });
| |
| | |
| function sendEmail() {
| |
| let name = document.getElementById('userName').value;
| |
| let country = document.getElementById('userCountry').value;
| |
| let amount = document.getElementById('donationAmount').value;
| |
| let monthly = document.getElementById('monthlySupport').value;
| |
| let contact = document.getElementById('userContact').value;
| |
| let notRobot = document.getElementById('notRobot').checked;
| |
| | |
| if (!name || !country || !amount || !contact) {
| |
| alert('لطفاً نام، کشور، مبلغ هدیه و راه ارتباطی خود را وارد کنید');
| |
| return;
| |
| }
| |
| | |
| if (!notRobot) {
| |
| alert('لطفاً گزینه "من ربات نیستم" را تأیید کنید');
| |
| return;
| |
| }
| |
| | |
| let subject = `حمایت مالی جدید از ${name}`;
| |
| let body = `حمایت مالی جدید از طریق سایت دانشنامه کتاب مقدس:\n\n`;
| |
| body += `نام: ${name}\nکشور: ${country}\nمبلغ هدیه: ${amount}\nآیا ماهانه: ${monthly}\nراه ارتباطی: ${contact}\n\n`;
| |
| body += `تاریخ: ${new Date().toLocaleString('fa-IR')}\n\n`;
| |
| body += `_________________________________________\nبا شما در اسرع وقت ارتباط خواهیم گرفت.`;
| |
| | |
| window.location.href = `mailto:info@pediabible.com?subject=${encodeURIComponent(subject)}&body=${encodeURIComponent(body)}`;
| |
| alert('پیام حمایت شما با موفقیت ارسال شد، با شما ارتباط خواهیم گرفت.');
| |
| | |
| document.getElementById('userName').value = '';
| |
| document.getElementById('userCountry').value = '';
| |
| document.getElementById('donationAmount').value = '';
| |
| document.getElementById('monthlySupport').value = 'no';
| |
| document.getElementById('userContact').value = '';
| |
| document.getElementById('notRobot').checked = false;
| |
| document.getElementById('submitBtn').disabled = true;
| |
| }
| |
| </script>
| |
| </body>
| |
| </html> | |
