Spaces:
Running
Running
change it
Browse files- components/contact-card.js +4 -4
- components/navbar.js +5 -7
- index.html +45 -45
components/contact-card.js
CHANGED
|
@@ -82,8 +82,8 @@ class ContactCard extends HTMLElement {
|
|
| 82 |
</div>
|
| 83 |
<div class="contact-info">
|
| 84 |
<h3>ایمیل رسمی</h3>
|
| 85 |
-
<p>contact@
|
| 86 |
-
|
| 87 |
</div>
|
| 88 |
<div class="contact-item">
|
| 89 |
<div class="icon">
|
|
@@ -100,8 +100,8 @@ class ContactCard extends HTMLElement {
|
|
| 100 |
</div>
|
| 101 |
<div class="contact-info">
|
| 102 |
<h3>وبسایت رسمی</h3>
|
| 103 |
-
<p>www.
|
| 104 |
-
|
| 105 |
</div>
|
| 106 |
</div>
|
| 107 |
</div>
|
|
|
|
| 82 |
</div>
|
| 83 |
<div class="contact-info">
|
| 84 |
<h3>ایمیل رسمی</h3>
|
| 85 |
+
<p>contact@securecom.ir</p>
|
| 86 |
+
</div>
|
| 87 |
</div>
|
| 88 |
<div class="contact-item">
|
| 89 |
<div class="icon">
|
|
|
|
| 100 |
</div>
|
| 101 |
<div class="contact-info">
|
| 102 |
<h3>وبسایت رسمی</h3>
|
| 103 |
+
<p>www.securecom.ir</p>
|
| 104 |
+
</div>
|
| 105 |
</div>
|
| 106 |
</div>
|
| 107 |
</div>
|
components/navbar.js
CHANGED
|
@@ -75,14 +75,12 @@ transition: width 0.3s;
|
|
| 75 |
}
|
| 76 |
</style>
|
| 77 |
<nav>
|
| 78 |
-
<div class="logo"
|
| 79 |
-
|
| 80 |
-
<a href="#summary"
|
| 81 |
-
<a href="#
|
| 82 |
-
<a href="#solution">راهحل</a>
|
| 83 |
<a href="#architecture">معماری</a>
|
| 84 |
-
<a href="#
|
| 85 |
-
<a href="#roadmap">نقشه راه</a>
|
| 86 |
<a href="#contact">تماس</a>
|
| 87 |
</div>
|
| 88 |
</nav>
|
|
|
|
| 75 |
}
|
| 76 |
</style>
|
| 77 |
<nav>
|
| 78 |
+
<div class="logo">سیستم ارتباط امن</div>
|
| 79 |
+
<div class="nav-links">
|
| 80 |
+
<a href="#summary">معرفی سیستم</a>
|
| 81 |
+
<a href="#features">ویژگیها</a>
|
|
|
|
| 82 |
<a href="#architecture">معماری</a>
|
| 83 |
+
<a href="#implementation">پیادهسازی</a>
|
|
|
|
| 84 |
<a href="#contact">تماس</a>
|
| 85 |
</div>
|
| 86 |
</nav>
|
index.html
CHANGED
|
@@ -33,15 +33,15 @@
|
|
| 33 |
<section class="relative overflow-hidden bg-gray-900">
|
| 34 |
<div class="absolute inset-0 bg-gradient-to-r from-gray-800/50 to-gray-900/50 blur-3xl"></div>
|
| 35 |
<div class="relative container mx-auto px-6 pt-32 pb-40 text-center">
|
| 36 |
-
<span class="inline-block mb-6 bg-
|
| 37 |
-
|
| 38 |
</span>
|
| 39 |
<h1 class="text-4xl md:text-6xl font-bold text-white mb-6 leading-tight">
|
| 40 |
-
|
| 41 |
</h1>
|
| 42 |
-
|
| 43 |
-
ارتباطات
|
| 44 |
-
|
| 45 |
</div>
|
| 46 |
</section>
|
| 47 |
|
|
@@ -50,43 +50,43 @@
|
|
| 50 |
<div class="backdrop-blur-xl bg-gray-800/80 border border-gray-700 rounded-xl shadow-2xl p-8">
|
| 51 |
<div class="flex items-center gap-3 mb-6">
|
| 52 |
<i data-feather="shield" class="w-10 h-10 text-cyan-300"></i>
|
| 53 |
-
<h2 class="text-3xl text-white font-bold"
|
| 54 |
</div>
|
| 55 |
<p class="text-lg leading-relaxed text-gray-300 mb-6">
|
| 56 |
-
این
|
| 57 |
</p>
|
| 58 |
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4">
|
| 59 |
-
<div class="flex items-center gap-3 bg-
|
| 60 |
-
<i data-feather="check-circle" class="w-6 h-6 text-
|
| 61 |
-
<span
|
| 62 |
</div>
|
| 63 |
-
<div class="flex items-center gap-3 bg-
|
| 64 |
-
<i data-feather="check-circle" class="w-6 h-6 text-
|
| 65 |
-
<span
|
| 66 |
</div>
|
| 67 |
-
<div class="flex items-center gap-3 bg-
|
| 68 |
-
<i data-feather="check-circle" class="w-6 h-6 text-
|
| 69 |
-
<span
|
| 70 |
</div>
|
| 71 |
-
<div class="flex items-center gap-3 bg-
|
| 72 |
-
<i data-feather="check-circle" class="w-6 h-6 text-
|
| 73 |
-
<span
|
| 74 |
</div>
|
| 75 |
-
|
| 76 |
<div class="mt-8 grid grid-cols-1 md:grid-cols-3 gap-6">
|
| 77 |
<div class="bg-blue-900/20 border border-blue-500/30 rounded-xl p-6">
|
| 78 |
-
<h3 class="text-xl font-bold mb-3"
|
| 79 |
-
<p class="text-gray-300"
|
| 80 |
</div>
|
| 81 |
-
<div class="bg-
|
| 82 |
-
<h3 class="text-xl font-bold mb-3"
|
| 83 |
-
<p class="text-gray-300"
|
| 84 |
</div>
|
| 85 |
-
<div class="bg-
|
| 86 |
-
<h3 class="text-xl font-bold mb-3"
|
| 87 |
-
<p class="text-gray-300">پشتیبانی از کاربران
|
| 88 |
</div>
|
| 89 |
-
|
| 90 |
</div>
|
| 91 |
</section>
|
| 92 |
|
|
@@ -140,35 +140,35 @@ SCO Secure Gateway Layer
|
|
| 140 |
<!-- Cost Comparison -->
|
| 141 |
<section class="container mx-auto px-6 py-20">
|
| 142 |
<h2 class="text-3xl md:text-4xl font-bold text-center mb-12 text-white">
|
| 143 |
-
|
| 144 |
</h2>
|
| 145 |
-
|
| 146 |
<div class="bg-gray-900 border border-gray-700 rounded-xl p-8">
|
| 147 |
-
<h3 class="text-2xl text-white font-bold text-center mb-6"
|
| 148 |
<div class="space-y-4 text-2xl font-bold text-center">
|
| 149 |
-
<div
|
| 150 |
-
<div class="text-gray-400"
|
| 151 |
-
<div
|
| 152 |
</div>
|
| 153 |
-
|
| 154 |
<div class="bg-[#1a1a1a] border border-[#3b82f6] rounded-xl shadow-2xl p-8">
|
| 155 |
<div class="flex items-center justify-center gap-3 mb-6">
|
| 156 |
-
<i data-feather="
|
| 157 |
-
<h3 class="text-2xl md:text-3xl text-white font-bold"
|
| 158 |
</div>
|
| 159 |
<div class="space-y-6 text-2xl md:text-3xl font-bold text-center text-white">
|
| 160 |
-
<div class="text-4xl md:text-5xl text-[#3b82f6]"
|
| 161 |
-
<div class="text-gray-300"
|
| 162 |
-
<div
|
| 163 |
-
<span class="inline-block text-xl py-2 px-6 bg-[#1e1e1e] border border-[#3b82f6] rounded-full"
|
|
|
|
| 164 |
</div>
|
| 165 |
-
</div>
|
| 166 |
</div>
|
| 167 |
</section>
|
| 168 |
|
| 169 |
<!-- Roadmap -->
|
| 170 |
<section class="container mx-auto px-6 py-20 pb-32">
|
| 171 |
-
<h2 class="text-3xl md:text-4xl font-bold text-center mb-16 text-white"
|
| 172 |
<div class="grid grid-cols-1 md:grid-cols-5 gap-6 max-w-7xl mx-auto">
|
| 173 |
<div class="bg-gray-800 p-1 rounded-2xl">
|
| 174 |
<div class="bg-gray-900 h-full rounded-xl p-6">
|
|
|
|
| 33 |
<section class="relative overflow-hidden bg-gray-900">
|
| 34 |
<div class="absolute inset-0 bg-gradient-to-r from-gray-800/50 to-gray-900/50 blur-3xl"></div>
|
| 35 |
<div class="relative container mx-auto px-6 pt-32 pb-40 text-center">
|
| 36 |
+
<span class="inline-block mb-6 bg-blue-600/20 text-blue-300 border border-blue-500/50 rounded-full px-4 py-1 text-sm">
|
| 37 |
+
سیستم ارتباط امن سازمانی
|
| 38 |
</span>
|
| 39 |
<h1 class="text-4xl md:text-6xl font-bold text-white mb-6 leading-tight">
|
| 40 |
+
سیستم ارتباط امن سازمانی مبتنی بر سیمکارت ملی
|
| 41 |
</h1>
|
| 42 |
+
<p class="text-xl md:text-2xl text-gray-300 max-w-4xl mx-auto">
|
| 43 |
+
ارتباطات رمزنگاری شده سازمانی با استفاده از زیرساخت موجود سیمکارتهای ملی
|
| 44 |
+
</p>
|
| 45 |
</div>
|
| 46 |
</section>
|
| 47 |
|
|
|
|
| 50 |
<div class="backdrop-blur-xl bg-gray-800/80 border border-gray-700 rounded-xl shadow-2xl p-8">
|
| 51 |
<div class="flex items-center gap-3 mb-6">
|
| 52 |
<i data-feather="shield" class="w-10 h-10 text-cyan-300"></i>
|
| 53 |
+
<h2 class="text-3xl text-white font-bold">معرفی سیستم</h2>
|
| 54 |
</div>
|
| 55 |
<p class="text-lg leading-relaxed text-gray-300 mb-6">
|
| 56 |
+
این سیستم یک <span class="text-white font-bold">پلتفرم ارتباطی امن</span> ارائه میدهد که از <strong>سیمکارتهای ملی موجود</strong> به عنوان بستر احراز هویت استفاده میکند.
|
| 57 |
</p>
|
| 58 |
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4">
|
| 59 |
+
<div class="flex items-center gap-3 bg-blue-900/30 border border-blue-500/40 rounded-xl p-4">
|
| 60 |
+
<i data-feather="check-circle" class="w-6 h-6 text-blue-400"></i>
|
| 61 |
+
<span>امنیت ارتباطات سازمانی</span>
|
| 62 |
</div>
|
| 63 |
+
<div class="flex items-center gap-3 bg-blue-900/30 border border-blue-500/40 rounded-xl p-4">
|
| 64 |
+
<i data-feather="check-circle" class="w-6 h-6 text-blue-400"></i>
|
| 65 |
+
<span>استفاده از سیمکارت ملی</span>
|
| 66 |
</div>
|
| 67 |
+
<div class="flex items-center gap-3 bg-blue-900/30 border border-blue-500/40 rounded-xl p-4">
|
| 68 |
+
<i data-feather="check-circle" class="w-6 h-6 text-blue-400"></i>
|
| 69 |
+
<span>ارتباطات رمزنگاری شده</span>
|
| 70 |
</div>
|
| 71 |
+
<div class="flex items-center gap-3 bg-blue-900/30 border border-blue-500/40 rounded-xl p-4">
|
| 72 |
+
<i data-feather="check-circle" class="w-6 h-6 text-blue-400"></i>
|
| 73 |
+
<span>مبتنی بر زیرساخت داخلی</span>
|
| 74 |
</div>
|
| 75 |
+
</div>
|
| 76 |
<div class="mt-8 grid grid-cols-1 md:grid-cols-3 gap-6">
|
| 77 |
<div class="bg-blue-900/20 border border-blue-500/30 rounded-xl p-6">
|
| 78 |
+
<h3 class="text-xl font-bold mb-3">امنیت بالا</h3>
|
| 79 |
+
<p class="text-gray-300">رمزنگاری سرتاسری ارتباطات</p>
|
| 80 |
</div>
|
| 81 |
+
<div class="bg-blue-900/20 border border-blue-500/30 rounded-xl p-6">
|
| 82 |
+
<h3 class="text-xl font-bold mb-3">پیادهسازی سریع</h3>
|
| 83 |
+
<p class="text-gray-300">زمان اجرای کوتاه</p>
|
| 84 |
</div>
|
| 85 |
+
<div class="bg-blue-900/20 border border-blue-500/30 rounded-xl p-6">
|
| 86 |
+
<h3 class="text-xl font-bold mb-3">مقیاسپذیری</h3>
|
| 87 |
+
<p class="text-gray-300">پشتیبانی از کاربران سازمانی</p>
|
| 88 |
</div>
|
| 89 |
+
</div>
|
| 90 |
</div>
|
| 91 |
</section>
|
| 92 |
|
|
|
|
| 140 |
<!-- Cost Comparison -->
|
| 141 |
<section class="container mx-auto px-6 py-20">
|
| 142 |
<h2 class="text-3xl md:text-4xl font-bold text-center mb-12 text-white">
|
| 143 |
+
مزایای سیستم ارتباط امن
|
| 144 |
</h2>
|
| 145 |
+
<div class="grid md:grid-cols-2 gap-10 max-w-5xl mx-auto">
|
| 146 |
<div class="bg-gray-900 border border-gray-700 rounded-xl p-8">
|
| 147 |
+
<h3 class="text-2xl text-white font-bold text-center mb-6">ویژگیهای کلیدی</h3>
|
| 148 |
<div class="space-y-4 text-2xl font-bold text-center">
|
| 149 |
+
<div>رمزنگاری سرتاسری</div>
|
| 150 |
+
<div class="text-gray-400">احراز هویت قوی</div>
|
| 151 |
+
<div>مدیریت متمرکز کاربران</div>
|
| 152 |
</div>
|
| 153 |
+
</div>
|
| 154 |
<div class="bg-[#1a1a1a] border border-[#3b82f6] rounded-xl shadow-2xl p-8">
|
| 155 |
<div class="flex items-center justify-center gap-3 mb-6">
|
| 156 |
+
<i data-feather="shield" class="w-8 h-8 text-blue-300"></i>
|
| 157 |
+
<h3 class="text-2xl md:text-3xl text-white font-bold">امنیت پیشرفته</h3>
|
| 158 |
</div>
|
| 159 |
<div class="space-y-6 text-2xl md:text-3xl font-bold text-center text-white">
|
| 160 |
+
<div class="text-4xl md:text-5xl text-[#3b82f6]">رمزنگاری AES-256</div>
|
| 161 |
+
<div class="text-gray-300">احراز هویت دو مرحلهای</div>
|
| 162 |
+
<div>مدیریت کلید متمرکز</div>
|
| 163 |
+
<span class="inline-block text-xl py-2 px-6 bg-[#1e1e1e] border border-[#3b82f6] rounded-full">امنیت سازمانی</span>
|
| 164 |
+
</div>
|
| 165 |
</div>
|
|
|
|
| 166 |
</div>
|
| 167 |
</section>
|
| 168 |
|
| 169 |
<!-- Roadmap -->
|
| 170 |
<section class="container mx-auto px-6 py-20 pb-32">
|
| 171 |
+
<h2 class="text-3xl md:text-4xl font-bold text-center mb-16 text-white">مراحل پیادهسازی</h2>
|
| 172 |
<div class="grid grid-cols-1 md:grid-cols-5 gap-6 max-w-7xl mx-auto">
|
| 173 |
<div class="bg-gray-800 p-1 rounded-2xl">
|
| 174 |
<div class="bg-gray-900 h-full rounded-xl p-6">
|