Spaces:
Running
Running
File size: 18,746 Bytes
0f8e111 d778f83 0f8e111 d778f83 0f8e111 d778f83 0f8e111 d778f83 0f8e111 d778f83 0f8e111 d778f83 0f8e111 d778f83 0f8e111 d778f83 0f8e111 d778f83 0f8e111 d778f83 0f8e111 d778f83 0f8e111 d778f83 0f8e111 d778f83 fd7fe2a 0f8e111 fd7fe2a 0f8e111 |
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 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 227 228 229 230 231 232 233 234 235 236 237 238 239 240 241 242 243 244 245 246 247 248 249 250 251 252 253 254 255 256 257 258 259 260 261 262 263 264 265 266 267 268 269 270 271 272 273 274 275 |
<!DOCTYPE html>
<html lang="he" dir="rtl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>砖讬专讛 讟专讬 - 诪注讬讬谞讜转 砖诇 爪诪讬讞讛</title>
<script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<link rel="stylesheet" href="style.css">
</head>
<body>
<!-- Hero Section -->
<section class="hero-section bg-gradient-to-r from-primary to-primary-dark text-white py-20">
<div class="container mx-auto flex flex-col items-center text-center">
<h1 class="text-4xl md:text-5xl lg:text-6xl font-bold mb-6">砖讬专讛 讟专讬</h1>
<h2 class="text-3xl md:text-4xl lg:text-5xl font-semibold mb-8">诪注讬讬谞讜转 砖诇 爪诪讬讞讛</h2>
<p class="text-xl md:text-2xl mb-10 max-w-3xl">讘讜讗讬 诇讙诇讜转 讻讬爪讚 诇爪诪讜讞 诪讘驻谞讬诐 讚专讱 讟讬驻讜诇 专讙砖讬 拽爪专-诪讜注讚 讘讙讬砖讛 讛诪砖诇讘转 讟讬驻讜诇 讘诪讜讚注 讜讘转转-诪讜讚注</p>
<div class="flex flex-wrap justify-center gap-4 mb-12">
<span class="px-4 py-2 bg-white bg-opacity-20 rounded-full font-medium">讗讬诪讜谉</span>
<span class="px-4 py-2 bg-white bg-opacity-20 rounded-full font-medium">讟讬驻讜诇 专讙砖讬</span>
<span class="px-4 py-2 bg-white bg-opacity-20 rounded-full font-medium">住讚谞讗讜转</span>
</div>
<div class="text-4xl md:text-5xl font-bold tracking-wider mb-10 opacity-90">诪 注 讬 讬 谞 讜 转 砖 诇 爪 诪 讬 讞 讛</div>
<a href="#contact" class="btn btn-secondary px-8 py-4 text-lg">
爪专讬 拽砖专 注讜讚 讛讬讜诐 <i class="fas fa-arrow-left ml-2"></i>
</a>
</div>
</section>
<!-- Introduction Section -->
<section class="section bg-white">
<div class="https://m-il.co.il/wp-content/uploads/2024/09/logo-2.jpg">
<div class="md:w-1/2">
<h3 class="text-2xl md:text-3xl font-bold text-gray-800 mb-6">讛讬讬 讗转,</h3>
<p class="text-lg text-gray-700 mb-6">
诪注讜谞讬讬谞转 诇讞讬讜转 讞讬讬诐 诪住驻拽讬诐 讬讜转专 注诐 诪注专讻讜转 讬讞住讬诐 讟讜讘讜转 讬讜转专?<br>
讬砖 诇讱 讞专讚讜转 讗讜 驻讞讚讬诐 诪讟专讬讚讬诐?<br>
诪专讙讬砖讛 砖讗转 诇讗 讘讟讜讘 诇讗讞专讜谞讛?<br>
诪讘拽砖转 砖讬谞讜讬 讘讞讬讬讱?
</p>
<p class="text-lg text-gray-700 mb-8">
讘讜讗讬 诇讟讬驻讜诇 专讙砖讬 拽爪专 -诪讜注讚 讜转讜讻诇讬 诇拽讘诇 讻诇讬诐 诇讞讬讜转 讞讬讬诐 诪住驻拽讬诐 讬讜转专, 诇砖驻专 讛注专讻讛 注爪诪讬转 讜诪注专讻讜转 讬讞住讬诐, 诇讛讬驻讟专 诪讛讞砖砖讜转 讜诇爪诇讜讞 讗转 诪砖讘专讬 讛讞讬讬诐 讘讗讜驻谉 诪讬讟讘讬
</p>
<div class="bg-emerald-50 p-6 rounded-lg border-l-4 border-emerald-500">
<p class="text-emerald-800 font-medium">讘讗诪爪注讜转 讟讬驻讜诇 专讙砖讬 拽爪专 诪讜注讚 转讜讻诇讬:</p>
</div>
</div>
</div>
</section>
<!-- Benefits Section -->
<section class="section bg-gray-50">
<div class="container mx-auto">
<h2 class="text-3xl md:text-4xl font-bold text-center text-emerald-800 mb-16">讗讬讱 讛讟讬驻讜诇 讬讻讜诇 诇注讝讜专 诇讱?</h2>
<div class="grid md:grid-cols-2 lg:grid-cols-4 gap-8">
<!-- Benefit 1 -->
<div class="bg-white p-6 rounded-lg shadow-md hover:shadow-lg transition duration-300">
<div class="text-emerald-600 text-4xl mb-4">
<i class="fas fa-heart"></i>
</div>
<h3 class="text-xl font-bold text-gray-800 mb-3">诇讛转讙讘专 注诇 驻讞讚讬诐 讜讞专讚讜转</h3>
<p class="text-gray-700">
诇注讬转讬诐 讗转 诪讜谞注转 诪驻讞讚 讗讜 讞专讚讛 - 讗诇 转诇讻讬 讘讞讜砖讱 诇讘讚讱- 讬讞讚 谞转讬专 讗转 讛住讘讱 诇讗驻砖专 专讬驻讜讬 讜砖诪讞讛
</p>
</div>
<!-- Benefit 2 -->
<div class="bg-white p-6 rounded-lg shadow-md hover:shadow-lg transition duration-300">
<div class="text-amber-600 text-4xl mb-4">
<i class="fas fa-comments"></i>
</div>
<h3 class="text-xl font-bold text-gray-800 mb-3">诇讛转讙讘专 注诇 讘讬拽讜专转 注爪诪讬转</h3>
<p class="text-gray-700">
注诐 讛砖谞讬诐 诇诪讚转 诇讛讬讜转 讛诪讘拽专转 讛讻讬 讙讚讜诇讛 砖诇 注爪诪讱 -讘讟讬驻讜诇 专讙砖讬 转诇诪讚讬 诇讞讚砖 讗转 讛拽砖专 注诐 讛诪讛讜转 讛讟讜讘讛 砖诇讱
</p>
</div>
<!-- Benefit 3 -->
<div class="bg-white p-6 rounded-lg shadow-md hover:shadow-lg transition duration-300">
<div class="text-rose-600 text-4xl mb-4">
<i class="fas fa-people-arrows"></i>
</div>
<h3 class="text-xl font-bold text-gray-800 mb-3">诇砖驻专 诪注专讻讜转 讬讞住讬诐</h3>
<p class="text-gray-700">
讘讟讬驻讜诇 专讙砖讬-转诇诪讚讬 诇讛讞讝讬拽 诪注专讻讜转 讬讞住讬诐 讟讜讘讜转 诪诪拽讜诐 砖诇 讞讜讝拽讛 专讙砖讬转 讜讗讛讘讛 注爪诪讬转
</p>
</div>
<!-- Benefit 4 -->
<div class="bg-white p-6 rounded-lg shadow-md hover:shadow-lg transition duration-300">
<div class="text-indigo-600 text-4xl mb-4">
<i class="fas fa-seedling"></i>
</div>
<h3 class="text-xl font-bold text-gray-800 mb-3">诇爪诪讜讞 讜诇讛转驻转讞</h3>
<p class="text-gray-700">
转讙诇讬 讗转 讛讻讜讞讜转 讛驻谞讬诪讬讬诐 砖诇讱 讜转诇诪讚讬 讻讬爪讚 诇讛砖转诪砖 讘讛诐 讻讚讬 诇讬爪讜专 砖讬谞讜讬 讗诪讬转讬 讘讞讬讬讱
</p>
</div>
</div>
</div>
</section>
<!-- About Me Section -->
<section class="section bg-white">
<div class="container mx-auto flex flex-col md:flex-row items-center">
<div class="md:w-1/2 mb-10 md:mb-0 md:pr-10">
<img src="https://m-il.co.il/wp-content/uploads/2024/09/logo-2.jpg"
alt="砖讬专讛 讟专讬" class="rounded-lg shadow-xl w-full h-auto">
</div>
<div class="md:w-1/2">
<h2 class="text-3xl md:text-4xl font-bold text-emerald-800 mb-6">讗讝 诪讬 讗谞讬?</h2>
<h3 class="text-2xl text-gray-700 mb-6">谞注讬诐 诪讗讜讚! 砖诪讬 砖讬专讛 讟专讬</h3>
<p class="text-lg text-gray-700 mb-6">
讜讗谞讬 诪讟驻诇转 专讙砖讬转 讜诪谞讞转 住讚谞讗讜转 讛注爪诪讛. 诪转诪讞讛 讘讟讬驻讜诇 拽爪专 诪讜注讚 讛诪砖诇讘 讟讬驻讜诇 讘诪讜讚注 讜讘转转 诪讜讚注 转讜讱 砖讬诪讜砖 讘讻诇讬诐 诪注讜诇诪讜转 讛讚讬诪讬讜谉 诪讜讚专讱, 专驻讜讗转 注抓 讛讚讜专讜转, CBT 讜-NLP.
</p>
<p class="text-lg text-gray-700 mb-8">
讘注诇转 BA 讜-MA 诪讟注诐 讗讜谞讬讘专住讬讟转 讘专 讗讬诇谉 讜诪谞讞转 拽讘讜爪讜转 讘讙讬砖转 驻住讬讻讜讚专诪讛.
</p>
<div class="bg-emerald-100 p-6 rounded-lg">
<p class="text-emerald-800 font-medium">
<i class="fas fa-map-marker-alt mr-2"></i> 讛拽诇讬谞讬拽讛 讘拽专讬转 注拽专讜谉 讜诪讝讻专转 讘转讬讛
</p>
<p class="text-emerald-800 font-medium mt-2">
<i class="fas fa-phone mr-2"></i> 054-263-9115
</p>
</div>
</div>
</div>
</section>
<!-- Testimonials Section -->
<section class="section bg-light">
<div class="container mx-auto">
<h2 class="text-3xl md:text-4xl font-bold text-center text-amber-800 mb-16">诪讛 讗讜诪专讬诐 注诇 讛讟讬驻讜诇 讛专讙砖讬 讜讛住讚谞讗讜转</h2>
<div class="grid md:grid-cols-2 lg:grid-cols-3 gap-8">
<!-- Testimonial 1 -->
<div class="testimonial-card bg-white p-6 rounded-lg shadow-md">
<div class="flex items-center mb-4">
<div class="text-amber-500 text-2xl mr-3">
<i class="fas fa-quote-left"></i>
</div>
<p class="text-gray-700 italic">
"诪诪诇讬爪讛 注诇 讟讬驻讜诇 注诐 砖讬专讛! 讛讬讗 讛爪诇讬讞讛 诇讙专讜诐 诇讬 诇讛专讙讬砖 讘谞讜讞 讜诇讛讬驻转讞 讻讘专 诪讛诪驻讙砖 讛专讗砖讜谉. 讛砖讬讟讜转 讛诪诪讜拽讚讜转 砖诇讛 讜讛讙讬砖讛 讛讗讬谞讟讙专讟讬讘讬转 注讝专讜 诇讬 诇讛转讙讘专 转讜讱 讝诪谉 拽爪专 讬讞住讬转 注诇 诪砖讘专 讗讬砖讬 拽砖讛 砖注讘专转讬 讻转讜爪讗讛 诪诪注专讻讜转 讬讞住讬诐 诇讗 讟讜讘讜转. 讗讬谉 住驻拽 砖讗谞讬 讗砖讛 讗讞专转 讛讬讜诐-讛专讘讛 讬讜转专 讘讟讜讞讛 讘注爪诪讬 讜讛专讘讛 讬讜转专 讞讝拽讛 谞驻砖讬转"
</p>
</div>
<p class="text-amber-700 font-medium">- 注谞转 砖. 拽专讬转 注拽专讜谉</p>
</div>
<!-- Testimonial 2 -->
<div class="testimonial-card bg-white p-6 rounded-lg shadow-md">
<div class="flex items-center mb-4">
<div class="text-amber-500 text-2xl mr-3">
<i class="fas fa-quote-left"></i>
</div>
<p class="text-gray-700 italic">
"诇讗讞专 诪住驻专 诪驻讙砖讬诐 拽爪专 注诐 砖讬专讛, 讞讜讜讬转讬 砖讬谞讜讬 诪讛讜转讬 讘讞讬讬. 讛讬讗 注讝专讛 诇讬 诇讛转诪讜讚讚 注诐 讞专讚讜转 驻讞讚讬诐 讜讚讻讚讜讱 讜诇诪讚转讬 诇讛讻讬专 讗转 注爪诪讬 讟讜讘 讬讜转专. 讛讙讬砖讛 砖诇讛 诪拽爪讜注讬转, 讗讱 讙诐 讞诪讛 讜讗诪驻转讬转, 讜讗谞讬 诪专讙讬砖讛 砖讛讬讗 讘讗诪转 诪讘讬谞讛 讗讜转讬. 诪诪诇讬爪讛 诇讻诇 讗讬砖讛 讜谞注专讛 诇讞讜讜转 讗转 讛讟讬驻讜诇 砖诇讛."
</p>
</div>
<p class="text-amber-700 font-medium">- 谞讜注讛 专. 讗砖讚讜讚</p>
</div>
<!-- Testimonial 3 -->
<div class="testimonial-card bg-white p-6 rounded-lg shadow-md">
<div class="flex items-center mb-4">
<div class="text-amber-500 text-2xl mr-3">
<i class="fas fa-quote-left"></i>
</div>
<p class="text-gray-700 italic">
"讛砖转转驻转讬 讘住讚谞转 讛注爪诪讛 砖诇 砖讬专讛 讜讛讞讜讜讬讛 讛讬讬转讛 诪注爪讬诪讛 讜诪专讙砖转. 诇诪讚转讬 讛诪讜谉 注诇 注爪诪讬 讜拽讬讘诇转讬 讻诇讬诐 诪注砖讬讬诐 诇砖讬驻讜专 讛讞讬讬诐 砖诇讬. 砖讬专讛 讬讜讚注转 诇讛讜讘讬诇 拽讘讜爪讜转 讘爪讜专讛 诪拽爪讜注讬转 讜诪讞讘专转 讘讬谉 讛诪砖转转驻讜转 讘讗讜驻谉 诪讬讜讞讚. 讗谞讬 诪专讙讬砖讛 讛专讘讛 讬讜转专 讟讜讘讛 诇注爪诪讬 讘讝讻讜转讛."
</p>
</div>
<p class="text-amber-700 font-medium">- 讬注诇 诪. 专讞讜讘讜转</p>
</div>
</div>
</div>
</section>
<!-- Services Section -->
<section class="section bg-white">
<div class="container mx-auto">
<h2 class="text-3xl md:text-4xl font-bold text-center text-emerald-800 mb-16">讛砖讬专讜转讬诐 砖诇讬</h2>
<div class="grid md:grid-cols-3 gap-8">
<!-- Service 1 -->
<div class="bg-white rounded-lg overflow-hidden shadow-lg border border-gray-100 hover:shadow-xl transition duration-300">
<img src="https://images.unsplash.com/photo-1506126613408-eca07ce68773?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1399&q=80"
alt="讟讬驻讜诇 专讙砖讬" class="w-full h-48 object-cover">
<div class="p-6">
<h3 class="text-xl font-bold text-gray-800 mb-3">讟讬驻讜诇 专讙砖讬</h3>
<p class="text-gray-700 mb-4">
讟讬驻讜诇 拽爪专 诪讜注讚 讛诪砖诇讘 讙讬砖讜转 砖讜谞讜转 诇讛转诪讜讚讚讜转 注诐 拽砖讬讬诐 专讙砖讬讬诐, 讞专讚讜转, 讚讬讻讗讜谉, 诪砖讘专讬 讞讬讬诐 讜砖讬驻讜专 诪注专讻讜转 讬讞住讬诐.
</p>
<div class="text-emerald-600 font-medium">
<i class="fas fa-clock mr-2"></i> 诪驻讙砖讬诐 砖讘讜注讬讬诐 砖诇 50 讚拽讜转
</div>
</div>
</div>
<!-- Service 2 -->
<div class="bg-white rounded-lg overflow-hidden shadow-lg border border-gray-100 hover:shadow-xl transition duration-300">
<img src="https://images.unsplash.com/photo-1522202176988-66273c2fd55f?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1471&q=80"
alt="住讚谞讗讜转" class="w-full h-48 object-cover">
<div class="p-6">
<h3 class="text-xl font-bold text-gray-800 mb-3">住讚谞讗讜转</h3>
<p class="text-gray-700 mb-4">
住讚谞讗讜转 讛注爪诪讛 诇谞砖讬诐 讘谞讜砖讗讬诐 砖讜谞讬诐: 讛注专讻讛 注爪诪讬转, 谞讬讛讜诇 诪注专讻讜转 讬讞住讬诐, 讛转诪讜讚讚讜转 注诐 讞专讚讜转, 驻讬转讜讞 讞讜住谉 谞驻砖讬 讜注讜讚.
</p>
<div class="text-amber-600 font-medium">
<i class="fas fa-users mr-2"></i> 拽讘讜爪讜转 拽讟谞讜转 讜讗讬谞讟讬诪讬讜转
</div>
</div>
</div>
<!-- Service 3 -->
<div class="bg-white rounded-lg overflow-hidden shadow-lg border border-gray-100 hover:shadow-xl transition duration-300">
<img src="https://images.unsplash.com/photo-1541178735493-479c1a27ed24?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1471&q=80"
alt="讗讬诪讜谉" class="w-full h-48 object-cover">
<div class="p-6">
<h3 class="text-xl font-bold text-gray-800 mb-3">讗讬诪讜谉</h3>
<p class="text-gray-700 mb-4">
转讛诇讬讱 讗讬诪讜谉 讗讬砖讬 诪诪讜拽讚 诪讟专讛 诇砖讬驻讜专 讗讬讻讜转 讛讞讬讬诐, 讛讙砖诪讛 注爪诪讬转, 砖讬谞讜讬 讛专讙诇讬诐 讜驻讬转讜讞 诪讬讜诪谞讜讬讜转 讗讬砖讬讜转 讜讘讬谞讗讬砖讬讜转.
</p>
<div class="text-rose-600 font-medium">
<i class="fas fa-bullseye mr-2"></i> 转讛诇讬讱 诪诪讜拽讚 转讜爪讗讜转
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Contact Section -->
<section id="contact" class="section bg-primary text-white">
<div class="container mx-auto">
<h2 class="text-3xl md:text-4xl font-bold text-center mb-6">诇诪讬讚注 谞讜住祝 注诇 砖讬讟转 讛讟讬驻讜诇 拽爪专转 讛诪讜注讚</h2>
<p class="text-xl text-center mb-12 max-w-3xl mx-auto">讛诪讬讜砖诪转 讘拽诇讬谞讬拽讛, 讗诇 转讜讜转专讬 注诇 注爪诪讱 - 爪专讬 拽砖专 注讜讚 讛讬讜诐</p>
<div class="flex flex-col md:flex-row justify-center items-center gap-8">
<a href="https://wa.me/972542639115" class="bg-green-500 hover:bg-green-600 px-8 py-4 rounded-full text-lg font-semibold flex items-center transition duration-300">
<i class="fab fa-whatsapp text-2xl mr-3"></i> 砖诇讞讬 讛讜讚注转 讜讜讟住讗驻
</a>
<a href="tel:0542639115" class="bg-white text-emerald-800 hover:bg-gray-100 px-8 py-4 rounded-full text-lg font-semibold flex items-center transition duration-300">
<i class="fas fa-phone text-2xl mr-3"></i> 讛转拽砖专讬 注讻砖讬讜
</a>
<a href="mailto:shira@example.com" class="bg-emerald-600 hover:bg-emerald-700 px-8 py-4 rounded-full text-lg font-semibold flex items-center transition duration-300">
<i class="fas fa-envelope text-2xl mr-3"></i> 砖诇讞讬 讗讬诪讬讬诇
</a>
</div>
<div class="mt-16 text-center">
<p class="text-xl mb-4">砖讬专讛 讟专讬 - 诪注讬讬谞讜转 砖诇 爪诪讬讞讛</p>
<p class="mb-2"><i class="fas fa-phone mr-2"></i> 054-263-9115</p>
<p><i class="fas fa-map-marker-alt mr-2"></i> 讛拽诇讬谞讬拽讛 讘拽专讬转 注拽专讜谉 讜诪讝讻专转 讘转讬讛</p>
</div>
</div>
</section>
<!-- Footer -->
<footer class="py-8 bg-primary-dark text-white text-center">
<div class="container mx-auto">
<p>漏 2025 砖讬专讛 讟专讬 - 诪注讬讬谞讜转 砖诇 爪诪讬讞讛. 讻诇 讛讝讻讜讬讜转 砖诪讜专讜转.</p>
<div class="flex justify-center mt-4 space-x-6">
<a href="#" class="text-white hover:text-pink-300">
<i class="fab fa-facebook-f text-xl"></i>
</a>
<a href="#" class="text-white hover:text-emerald-300">
<i class="fab fa-instagram text-xl"></i>
</a>
<a href="#" class="text-white hover:text-emerald-300">
<i class="fab fa-linkedin-in text-xl"></i>
</a>
</div>
</div>
</footer>
<p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 馃К <a href="https://enzostvs-deepsite.hf.space?remix=amoslain/fountainsofgrowth" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
</html> |