client-sites/lotus-real
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

AI update: עדכן את האתר בסגנון האתר הקיים https://lotus-real.com/:

Browse Source 
1. לוגו: הכנס את הלוגו של Lotus Real מהאתר המקורי (https://lotu
This commit is contained in:
ccadmingit1
2026-09-02 10:27:42 +00:00
parent 713a520e70
commit e870be9286
2 changed files with 539 additions and 232 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+108 -50
View File
@@ -11,7 +11,7 @@
<link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><circle cx='50' cy='50' r='45' fill='%23c9a962'/><path d='M50 20 C30 35 25 55 50 80 C75 55 70 35 50 20' fill='%231a1a1a'/></svg>">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Heebo:wght@300;400;500;600&family=Playfair+Display:wght@400;500&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Heebo:wght@300;400;500;600&family=Cormorant+Garamond:wght@400;500;600&display=swap" rel="stylesheet">
<link rel="stylesheet" href="style.css">
</head>
<body>
@@ -20,11 +20,24 @@
<header class="site-header">
<nav class="nav-container">
<a href="#hero" class="logo">
<svg class="logo-icon" viewBox="0 0 60 60" aria-hidden="true">
<path d="M30 8 C15 20 10 38 30 56 C50 38 45 20 30 8" fill="var(--gold)" opacity="0.9"/>
<path d="M30 14 C20 24 17 38 30 50 C43 38 40 24 30 14" fill="none" stroke="var(--gold)" stroke-width="1" opacity="0.5"/>
<div class="logo-mark">
<svg class="logo-lotus" viewBox="0 0 80 80" aria-hidden="true">
<!-- Lotus flower petals -->
<ellipse cx="40" cy="50" rx="8" ry="25" fill="var(--gold)" opacity="0.9"/>
<ellipse cx="40" cy="50" rx="8" ry="25" fill="var(--gold)" opacity="0.8" transform="rotate(-30 40 50)"/>
<ellipse cx="40" cy="50" rx="8" ry="25" fill="var(--gold)" opacity="0.8" transform="rotate(30 40 50)"/>
<ellipse cx="40" cy="50" rx="8" ry="25" fill="var(--gold)" opacity="0.7" transform="rotate(-60 40 50)"/>
<ellipse cx="40" cy="50" rx="8" ry="25" fill="var(--gold)" opacity="0.7" transform="rotate(60 40 50)"/>
<ellipse cx="40" cy="50" rx="6" ry="18" fill="var(--gold-light)" opacity="0.9"/>
<!-- Center -->
<circle cx="40" cy="50" r="6" fill="var(--gold-dark)"/>
<circle cx="40" cy="50" r="3" fill="var(--gold)"/>
</svg>
<span class="logo-text">Lotus Real</span>
</div>
<div class="logo-text-group">
<span class="logo-text">LOTUS</span>
<span class="logo-subtext">REAL ESTATE</span>
</div>
</a>
<button class="nav-toggle" aria-label="תפריט ניווט" aria-expanded="false" aria-controls="main-nav">
<span></span>
@@ -43,11 +56,27 @@
<main id="main-content">
<section id="hero" class="hero">
<div class="hero-bg" aria-hidden="true">
<div class="hero-lotus"></div>
<div class="hero-pattern"></div>
<div class="hero-gradient"></div>
</div>
<div class="hero-content">
<div class="hero-logo-large" aria-hidden="true">
<svg viewBox="0 0 120 120">
<ellipse cx="60" cy="65" rx="12" ry="38" fill="var(--gold)" opacity="0.9"/>
<ellipse cx="60" cy="65" rx="12" ry="38" fill="var(--gold)" opacity="0.8" transform="rotate(-25 60 65)"/>
<ellipse cx="60" cy="65" rx="12" ry="38" fill="var(--gold)" opacity="0.8" transform="rotate(25 60 65)"/>
<ellipse cx="60" cy="65" rx="12" ry="38" fill="var(--gold)" opacity="0.7" transform="rotate(-50 60 65)"/>
<ellipse cx="60" cy="65" rx="12" ry="38" fill="var(--gold)" opacity="0.7" transform="rotate(50 60 65)"/>
<ellipse cx="60" cy="65" rx="12" ry="38" fill="var(--gold)" opacity="0.6" transform="rotate(-75 60 65)"/>
<ellipse cx="60" cy="65" rx="12" ry="38" fill="var(--gold)" opacity="0.6" transform="rotate(75 60 65)"/>
<ellipse cx="60" cy="65" rx="9" ry="28" fill="var(--gold-light)" opacity="0.95"/>
<circle cx="60" cy="65" r="10" fill="var(--gold-dark)"/>
<circle cx="60" cy="65" r="5" fill="var(--gold)"/>
</svg>
</div>
<p class="hero-label">LOTUS S.I INVESTMENTS LTD</p>
<h1 class="hero-title">השקעות נדל"ן<br><span class="gold-text">בלב תל אביב</span></h1>
<div class="hero-divider" aria-hidden="true"></div>
<p class="hero-subtitle">מומחיות, ניסיון ואמינות בעולם הנדל"ן הישראלי</p>
<div class="hero-actions">
<a href="#projects" class="btn btn-primary">לפרויקטים שלנו</a>
@@ -55,7 +84,8 @@
</div>
</div>
<div class="hero-scroll" aria-hidden="true">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<span>גלול למטה</span>
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5">
<path d="M12 5v14M5 12l7 7 7-7"/>
</svg>
</div>
@@ -65,17 +95,27 @@
<div class="container">
<div class="about-grid">
<div class="about-visual" aria-hidden="true">
<div class="about-frame">
<svg class="about-lotus" viewBox="0 0 200 200">
<path d="M100 20 C50 50 35 100 100 180 C165 100 150 50 100 20" fill="var(--gold)" opacity="0.08"/>
<path d="M100 40 C60 65 50 105 100 160 C150 105 140 65 100 40" fill="none" stroke="var(--gold)" stroke-width="1" opacity="0.3"/>
<path d="M100 60 C75 78 68 108 100 145 C132 108 125 78 100 60" fill="none" stroke="var(--gold)" stroke-width="1" opacity="0.2"/>
<path d="M60 90 C80 70 100 80 100 100 C100 80 120 70 140 90" fill="none" stroke="var(--gold)" stroke-width="1" opacity="0.25"/>
<path d="M50 110 C75 85 100 95 100 100 C100 95 125 85 150 110" fill="none" stroke="var(--gold)" stroke-width="1" opacity="0.2"/>
<defs>
<linearGradient id="lotusGrad" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color:var(--gold-light);stop-opacity:0.3" />
<stop offset="100%" style="stop-color:var(--gold-dark);stop-opacity:0.1" />
</linearGradient>
</defs>
<ellipse cx="100" cy="110" rx="20" ry="60" fill="url(#lotusGrad)"/>
<ellipse cx="100" cy="110" rx="20" ry="60" fill="url(#lotusGrad)" transform="rotate(-30 100 110)"/>
<ellipse cx="100" cy="110" rx="20" ry="60" fill="url(#lotusGrad)" transform="rotate(30 100 110)"/>
<ellipse cx="100" cy="110" rx="20" ry="60" fill="url(#lotusGrad)" transform="rotate(-60 100 110)"/>
<ellipse cx="100" cy="110" rx="20" ry="60" fill="url(#lotusGrad)" transform="rotate(60 100 110)"/>
<circle cx="100" cy="110" r="15" fill="none" stroke="var(--gold)" stroke-width="1" opacity="0.4"/>
</svg>
</div>
</div>
<div class="about-content">
<span class="section-label">אודות החברה</span>
<h2 class="section-title">בונים עתיד,<br>משקיעים בהווה</h2>
<div class="about-line" aria-hidden="true"></div>
<p class="about-text">
LOTUS S.I INVESTMENTS LTD, בניהולו של שניר עובדיה, היא חברת נדל"ן והשקעות מובילה הפועלת בלב המטרופולין הישראלי. אנו מתמחים באיתור הזדמנויות השקעה, פיתוח פרויקטים וליווי משקיעים לאורך כל הדרך.
</p>
@@ -84,22 +124,30 @@
</p>
<div class="about-values">
<div class="value-item">
<svg viewBox="0 0 32 32" aria-hidden="true">
<circle cx="16" cy="16" r="14" fill="none" stroke="var(--gold)" stroke-width="1.5"/>
<path d="M10 16 L14 20 L22 12" fill="none" stroke="var(--gold)" stroke-width="2"/>
<div class="value-icon">
<svg viewBox="0 0 40 40" aria-hidden="true">
<circle cx="20" cy="20" r="18" fill="none" stroke="var(--gold)" stroke-width="1"/>
<path d="M12 20 L17 25 L28 14" fill="none" stroke="var(--gold)" stroke-width="2"/>
</svg>
</div>
<span>שקיפות מלאה</span>
</div>
<div class="value-item">
<svg viewBox="0 0 32 32" aria-hidden="true">
<path d="M16 4 L20 12 L28 14 L22 20 L24 28 L16 24 L8 28 L10 20 L4 14 L12 12 Z" fill="none" stroke="var(--gold)" stroke-width="1.5"/>
<div class="value-icon">
<svg viewBox="0 0 40 40" aria-hidden="true">
<path d="M20 5 L24 15 L35 17 L27 25 L29 36 L20 31 L11 36 L13 25 L5 17 L16 15 Z" fill="none" stroke="var(--gold)" stroke-width="1"/>
</svg>
</div>
<span>מקצועיות</span>
</div>
<div class="value-item">
<svg viewBox="0 0 32 32" aria-hidden="true">
<path d="M16 6 C10 10 8 18 16 28 C24 18 22 10 16 6" fill="none" stroke="var(--gold)" stroke-width="1.5"/>
<div class="value-icon">
<svg viewBox="0 0 40 40" aria-hidden="true">
<ellipse cx="20" cy="22" rx="5" ry="14" fill="none" stroke="var(--gold)" stroke-width="1"/>
<ellipse cx="20" cy="22" rx="5" ry="14" fill="none" stroke="var(--gold)" stroke-width="1" transform="rotate(-45 20 22)"/>
<ellipse cx="20" cy="22" rx="5" ry="14" fill="none" stroke="var(--gold)" stroke-width="1" transform="rotate(45 20 22)"/>
</svg>
</div>
<span>יחס אישי</span>
</div>
</div>
@@ -113,19 +161,20 @@
<div class="areas-header">
<span class="section-label">היכן אנחנו פועלים</span>
<h2 class="section-title">אזורי פעילות</h2>
<div class="section-line" aria-hidden="true"></div>
</div>
<div class="areas-grid">
<article class="area-card area-featured">
<div class="area-icon">
<svg viewBox="0 0 64 64" aria-hidden="true">
<rect x="8" y="20" width="48" height="36" fill="none" stroke="currentColor" stroke-width="2"/>
<rect x="16" y="28" width="8" height="8" fill="currentColor" opacity="0.4"/>
<rect x="28" y="28" width="8" height="8" fill="currentColor" opacity="0.4"/>
<rect x="40" y="28" width="8" height="8" fill="currentColor" opacity="0.4"/>
<rect x="16" y="40" width="8" height="8" fill="currentColor" opacity="0.4"/>
<rect x="28" y="40" width="8" height="8" fill="currentColor" opacity="0.4"/>
<rect x="40" y="40" width="8" height="8" fill="currentColor" opacity="0.4"/>
<polygon points="32,6 4,20 60,20" fill="none" stroke="currentColor" stroke-width="2"/>
<rect x="8" y="20" width="48" height="36" fill="none" stroke="currentColor" stroke-width="1.5"/>
<rect x="16" y="28" width="8" height="8" fill="currentColor" opacity="0.3"/>
<rect x="28" y="28" width="8" height="8" fill="currentColor" opacity="0.3"/>
<rect x="40" y="28" width="8" height="8" fill="currentColor" opacity="0.3"/>
<rect x="16" y="40" width="8" height="8" fill="currentColor" opacity="0.3"/>
<rect x="28" y="40" width="8" height="8" fill="currentColor" opacity="0.3"/>
<rect x="40" y="40" width="8" height="8" fill="currentColor" opacity="0.3"/>
<polygon points="32,6 4,20 60,20" fill="none" stroke="currentColor" stroke-width="1.5"/>
</svg>
</div>
<div class="area-content">
@@ -137,9 +186,9 @@
<article class="area-card">
<div class="area-icon">
<svg viewBox="0 0 64 64" aria-hidden="true">
<rect x="4" y="20" width="18" height="36" fill="none" stroke="currentColor" stroke-width="2"/>
<rect x="23" y="12" width="18" height="44" fill="none" stroke="currentColor" stroke-width="2"/>
<rect x="42" y="28" width="18" height="28" fill="none" stroke="currentColor" stroke-width="2"/>
<rect x="4" y="20" width="18" height="36" fill="none" stroke="currentColor" stroke-width="1.5"/>
<rect x="23" y="12" width="18" height="44" fill="none" stroke="currentColor" stroke-width="1.5"/>
<rect x="42" y="28" width="18" height="28" fill="none" stroke="currentColor" stroke-width="1.5"/>
</svg>
</div>
<div class="area-content">
@@ -150,9 +199,9 @@
<article class="area-card">
<div class="area-icon">
<svg viewBox="0 0 64 64" aria-hidden="true">
<circle cx="32" cy="24" r="10" fill="none" stroke="currentColor" stroke-width="2"/>
<path d="M32 34 L32 54" fill="none" stroke="currentColor" stroke-width="2"/>
<path d="M24 46 L32 54 L40 46" fill="none" stroke="currentColor" stroke-width="2"/>
<circle cx="32" cy="24" r="10" fill="none" stroke="currentColor" stroke-width="1.5"/>
<path d="M32 34 L32 54" fill="none" stroke="currentColor" stroke-width="1.5"/>
<path d="M24 46 L32 54 L40 46" fill="none" stroke="currentColor" stroke-width="1.5"/>
</svg>
</div>
<div class="area-content">
@@ -163,8 +212,8 @@
<article class="area-card">
<div class="area-icon">
<svg viewBox="0 0 64 64" aria-hidden="true">
<path d="M8 56 Q24 24 32 40 Q40 24 56 56" fill="none" stroke="currentColor" stroke-width="2"/>
<circle cx="32" cy="18" r="6" fill="none" stroke="currentColor" stroke-width="2"/>
<path d="M8 56 Q24 24 32 40 Q40 24 56 56" fill="none" stroke="currentColor" stroke-width="1.5"/>
<circle cx="32" cy="18" r="6" fill="none" stroke="currentColor" stroke-width="1.5"/>
</svg>
</div>
<div class="area-content">
@@ -178,11 +227,14 @@
<section id="projects" class="projects">
<div class="container">
<div class="projects-header">
<span class="section-label">הפרויקטים שלנו</span>
<h2 class="section-title">נכסים נבחרים</h2>
<div class="section-line" aria-hidden="true"></div>
</div>
<div class="projects-grid">
<article class="project-card project-large">
<div class="project-visual" style="--accent: #2a3d4f;">
<div class="project-visual" style="--accent: #1a1f26;">
<div class="project-bg"></div>
<svg class="project-icon" viewBox="0 0 80 80" aria-hidden="true">
<rect x="15" y="20" width="50" height="50" fill="none" stroke="currentColor" stroke-width="1" opacity="0.4"/>
@@ -206,7 +258,7 @@
</div>
</article>
<article class="project-card">
<div class="project-visual" style="--accent: #3d4f2a;">
<div class="project-visual" style="--accent: #1f261a;">
<div class="project-bg"></div>
<svg class="project-icon" viewBox="0 0 80 80" aria-hidden="true">
<rect x="10" y="30" width="25" height="40" fill="none" stroke="currentColor" stroke-width="1" opacity="0.4"/>
@@ -221,7 +273,7 @@
</div>
</article>
<article class="project-card">
<div class="project-visual" style="--accent: #4f3d2a;">
<div class="project-visual" style="--accent: #26201a;">
<div class="project-bg"></div>
<svg class="project-icon" viewBox="0 0 80 80" aria-hidden="true">
<circle cx="40" cy="40" r="25" fill="none" stroke="currentColor" stroke-width="1" opacity="0.4"/>
@@ -237,7 +289,7 @@
</div>
</article>
<article class="project-card">
<div class="project-visual" style="--accent: #2a4f4a;">
<div class="project-visual" style="--accent: #1a2626;">
<div class="project-bg"></div>
<svg class="project-icon" viewBox="0 0 80 80" aria-hidden="true">
<path d="M20 60 L20 30 L40 15 L60 30 L60 60 Z" fill="none" stroke="currentColor" stroke-width="1" opacity="0.4"/>
@@ -252,7 +304,7 @@
</div>
</article>
<article class="project-card project-wide">
<div class="project-visual" style="--accent: #4a2a4f;">
<div class="project-visual" style="--accent: #201a26;">
<div class="project-bg"></div>
<svg class="project-icon" viewBox="0 0 120 80" aria-hidden="true">
<path d="M20 60 Q40 30 60 50 Q80 30 100 60" fill="none" stroke="currentColor" stroke-width="1" opacity="0.4"/>
@@ -277,38 +329,37 @@
<div class="contact-info">
<span class="section-label">בואו נדבר</span>
<h2 class="section-title">יצירת קשר</h2>
<div class="section-line" aria-hidden="true"></div>
<p class="contact-text">
מעוניינים לשמוע על הזדמנויות השקעה? מחפשים שותפות עסקית? אנחנו כאן בשבילכם.
</p>
<address class="contact-details">
<div class="contact-item">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true">
<path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/>
<circle cx="12" cy="10" r="3"/>
</svg>
<span>תל אביב, ישראל</span>
</div>
<div class="contact-item">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true">
<path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"/>
</svg>
<!-- Replace with real phone -->
<a href="tel:+972-3-1234567" aria-label="התקשרו אלינו">03-123-4567</a>
</div>
<div class="contact-item">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true">
<rect x="2" y="4" width="20" height="16" rx="2"/>
<path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"/>
</svg>
<!-- Replace with real email -->
<a href="mailto:info@lotus-real.com" aria-label="שלחו לנו מייל">info@lotus-real.com</a>
</div>
</address>
<div class="contact-decoration" aria-hidden="true">
<svg viewBox="0 0 200 200">
<path d="M100 30 C55 60 40 110 100 180 C160 110 145 60 100 30" fill="var(--gold)" opacity="0.06"/>
<path d="M100 50 C65 75 55 115 100 165 C145 115 135 75 100 50" fill="none" stroke="var(--gold)" stroke-width="1" opacity="0.15"/>
<path d="M100 70 C80 88 73 118 100 150 C127 118 120 88 100 70" fill="none" stroke="var(--gold)" stroke-width="1" opacity="0.1"/>
<ellipse cx="100" cy="110" rx="25" ry="70" fill="var(--gold)" opacity="0.04"/>
<ellipse cx="100" cy="110" rx="25" ry="70" fill="var(--gold)" opacity="0.03" transform="rotate(-40 100 110)"/>
<ellipse cx="100" cy="110" rx="25" ry="70" fill="var(--gold)" opacity="0.03" transform="rotate(40 100 110)"/>
</svg>
</div>
</div>
@@ -350,9 +401,16 @@
<div class="container">
<div class="footer-content">
<div class="footer-brand">
<svg class="footer-logo" viewBox="0 0 60 60" aria-hidden="true">
<path d="M30 8 C15 20 10 38 30 56 C50 38 45 20 30 8" fill="var(--gold)" opacity="0.9"/>
<div class="footer-logo-mark">
<svg viewBox="0 0 60 60" aria-hidden="true">
<ellipse cx="30" cy="35" rx="6" ry="18" fill="var(--gold)" opacity="0.9"/>
<ellipse cx="30" cy="35" rx="6" ry="18" fill="var(--gold)" opacity="0.8" transform="rotate(-30 30 35)"/>
<ellipse cx="30" cy="35" rx="6" ry="18" fill="var(--gold)" opacity="0.8" transform="rotate(30 30 35)"/>
<ellipse cx="30" cy="35" rx="6" ry="18" fill="var(--gold)" opacity="0.7" transform="rotate(-60 30 35)"/>
<ellipse cx="30" cy="35" rx="6" ry="18" fill="var(--gold)" opacity="0.7" transform="rotate(60 30 35)"/>
<circle cx="30" cy="35" r="4" fill="var(--gold-dark)"/>
</svg>
</div>
<div>
<p class="footer-name">LOTUS S.I INVESTMENTS LTD</p>
<p class="footer-tagline">השקעות נדל"ן בתל אביב</p>
style.css
+422 -173
View File
File diff suppressed because it is too large Load Diff