435 lines
24 KiB
HTML
435 lines
24 KiB
HTML
<!doctype html>
|
||
<html lang="he" dir="rtl">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>Lotus Real | השקעות נדל"ן בתל אביב</title>
|
||
<meta name="description" content="LOTUS S.I INVESTMENTS LTD - חברת נדל"ן והשקעות מובילה בתל אביב. ליווי מקצועי, פרויקטים איכותיים, והזדמנויות השקעה מניבות.">
|
||
<meta property="og:title" content="Lotus Real | השקעות נדל"ן בתל אביב">
|
||
<meta property="og:description" content="חברת נדל"ן והשקעות מובילה בתל אביב - LOTUS S.I INVESTMENTS LTD">
|
||
<meta property="og:type" content="website">
|
||
<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=Cormorant+Garamond:wght@400;500;600&display=swap" rel="stylesheet">
|
||
<link rel="stylesheet" href="style.css">
|
||
</head>
|
||
<body>
|
||
<a href="#main-content" class="skip-link">דלג לתוכן הראשי</a>
|
||
|
||
<header class="site-header">
|
||
<nav class="nav-container">
|
||
<a href="#hero" class="logo">
|
||
<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>
|
||
</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>
|
||
<span></span>
|
||
<span></span>
|
||
</button>
|
||
<ul class="nav-links" id="main-nav">
|
||
<li><a href="#about">אודות</a></li>
|
||
<li><a href="#areas">אזורי פעילות</a></li>
|
||
<li><a href="#projects">פרויקטים</a></li>
|
||
<li><a href="#contact" class="nav-cta">צור קשר</a></li>
|
||
</ul>
|
||
</nav>
|
||
</header>
|
||
|
||
<main id="main-content">
|
||
<section id="hero" class="hero">
|
||
<div class="hero-bg" aria-hidden="true">
|
||
<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>
|
||
<a href="#contact" class="btn btn-secondary">דברו איתנו</a>
|
||
</div>
|
||
</div>
|
||
<div class="hero-scroll" aria-hidden="true">
|
||
<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>
|
||
</section>
|
||
|
||
<section id="about" class="about">
|
||
<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">
|
||
<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>
|
||
<p class="about-text">
|
||
הגישה שלנו משלבת ראייה אסטרטגית ארוכת טווח עם ביצוע מקצועי ומדויק, תוך שמירה על יחסים אישיים ושקיפות מלאה מול לקוחותינו ושותפינו.
|
||
</p>
|
||
<div class="about-values">
|
||
<div class="value-item">
|
||
<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">
|
||
<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">
|
||
<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>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="areas" class="areas">
|
||
<div class="container">
|
||
<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="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">
|
||
<h3>תל אביב</h3>
|
||
<p>מרכז העסקים והתרבות של ישראל. פרויקטי מגורים יוקרתיים, משרדים ונכסים מסחריים באזורים המבוקשים ביותר.</p>
|
||
<span class="area-tag">אזור פעילות מרכזי</span>
|
||
</div>
|
||
</article>
|
||
<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="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">
|
||
<h3>גוש דן</h3>
|
||
<p>רמת גן, גבעתיים, בני ברק והרצליה — ערי הלוויין עם פוטנציאל צמיחה משמעותי.</p>
|
||
</div>
|
||
</article>
|
||
<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="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">
|
||
<h3>השרון</h3>
|
||
<p>נתניה, רעננה, כפר סבא והוד השרון — אזור מתפתח במהירות.</p>
|
||
</div>
|
||
</article>
|
||
<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="1.5"/>
|
||
<circle cx="32" cy="18" r="6" fill="none" stroke="currentColor" stroke-width="1.5"/>
|
||
</svg>
|
||
</div>
|
||
<div class="area-content">
|
||
<h3>ירושלים</h3>
|
||
<p>הזדמנויות ייחודיות בנדל"ן למגורים ומסחר, עם ביקוש יציב.</p>
|
||
</div>
|
||
</article>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<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: #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"/>
|
||
<rect x="20" y="25" width="10" height="10" fill="currentColor" opacity="0.2"/>
|
||
<rect x="35" y="25" width="10" height="10" fill="currentColor" opacity="0.2"/>
|
||
<rect x="50" y="25" width="10" height="10" fill="currentColor" opacity="0.2"/>
|
||
<rect x="20" y="40" width="10" height="10" fill="currentColor" opacity="0.2"/>
|
||
<rect x="35" y="40" width="10" height="10" fill="currentColor" opacity="0.2"/>
|
||
<rect x="50" y="40" width="10" height="10" fill="currentColor" opacity="0.2"/>
|
||
<rect x="20" y="55" width="10" height="10" fill="currentColor" opacity="0.2"/>
|
||
<rect x="35" y="55" width="10" height="10" fill="currentColor" opacity="0.2"/>
|
||
<rect x="50" y="55" width="10" height="10" fill="currentColor" opacity="0.2"/>
|
||
<polygon points="40,5 10,20 70,20" fill="none" stroke="currentColor" stroke-width="1" opacity="0.4"/>
|
||
</svg>
|
||
</div>
|
||
<div class="project-info">
|
||
<span class="project-tag">מגורי יוקרה</span>
|
||
<h3>מגדל רוטשילד</h3>
|
||
<p>פרויקט דירות יוקרה בשדרות רוטשילד, 24 קומות, נוף לים</p>
|
||
<span class="project-status status-active">בשיווק</span>
|
||
</div>
|
||
</article>
|
||
<article class="project-card">
|
||
<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"/>
|
||
<rect x="45" y="15" width="25" height="55" fill="none" stroke="currentColor" stroke-width="1" opacity="0.4"/>
|
||
</svg>
|
||
</div>
|
||
<div class="project-info">
|
||
<span class="project-tag">מסחרי</span>
|
||
<h3>קומפלקס הבורסה</h3>
|
||
<p>מרכז משרדים ומסחר ברמת גן</p>
|
||
<span class="project-status status-complete">הושלם</span>
|
||
</div>
|
||
</article>
|
||
<article class="project-card">
|
||
<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"/>
|
||
<circle cx="40" cy="40" r="15" fill="none" stroke="currentColor" stroke-width="1" opacity="0.3"/>
|
||
<circle cx="40" cy="40" r="5" fill="currentColor" opacity="0.3"/>
|
||
</svg>
|
||
</div>
|
||
<div class="project-info">
|
||
<span class="project-tag">התחדשות עירונית</span>
|
||
<h3>פינוי בינוי פלורנטין</h3>
|
||
<p>120 יחידות דיור חדשות</p>
|
||
<span class="project-status status-planning">בתכנון</span>
|
||
</div>
|
||
</article>
|
||
<article class="project-card">
|
||
<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"/>
|
||
<rect x="32" y="40" width="16" height="20" fill="none" stroke="currentColor" stroke-width="1" opacity="0.3"/>
|
||
</svg>
|
||
</div>
|
||
<div class="project-info">
|
||
<span class="project-tag">מגורים</span>
|
||
<h3>גני הרצליה</h3>
|
||
<p>פרויקט בוטיק בהרצליה פיתוח</p>
|
||
<span class="project-status status-progress">בביצוע</span>
|
||
</div>
|
||
</article>
|
||
<article class="project-card project-wide">
|
||
<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"/>
|
||
<rect x="25" y="35" width="20" height="25" fill="none" stroke="currentColor" stroke-width="1" opacity="0.3"/>
|
||
<rect x="75" y="35" width="20" height="25" fill="none" stroke="currentColor" stroke-width="1" opacity="0.3"/>
|
||
</svg>
|
||
</div>
|
||
<div class="project-info">
|
||
<span class="project-tag">מיזם משותף</span>
|
||
<h3>מתחם יפו העתיקה</h3>
|
||
<p>שימור ופיתוח מבנים היסטוריים למגורים ומסחר, 45 יחידות</p>
|
||
<span class="project-status status-planning">בתכנון</span>
|
||
</div>
|
||
</article>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="contact" class="contact">
|
||
<div class="container">
|
||
<div class="contact-grid">
|
||
<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="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="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>
|
||
<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="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>
|
||
<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">
|
||
<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>
|
||
<form class="contact-form" action="#" method="POST" novalidate>
|
||
<div class="form-group">
|
||
<label for="name">שם מלא</label>
|
||
<input type="text" id="name" name="name" required autocomplete="name">
|
||
</div>
|
||
<div class="form-group">
|
||
<label for="email">דוא"ל</label>
|
||
<input type="email" id="email" name="email" required autocomplete="email">
|
||
</div>
|
||
<div class="form-group">
|
||
<label for="phone">טלפון</label>
|
||
<input type="tel" id="phone" name="phone" autocomplete="tel">
|
||
</div>
|
||
<div class="form-group">
|
||
<label for="subject">נושא</label>
|
||
<select id="subject" name="subject">
|
||
<option value="">בחרו נושא</option>
|
||
<option value="investment">הזדמנויות השקעה</option>
|
||
<option value="partnership">שיתוף פעולה</option>
|
||
<option value="purchase">רכישת נכס</option>
|
||
<option value="other">אחר</option>
|
||
</select>
|
||
</div>
|
||
<div class="form-group form-group-full">
|
||
<label for="message">הודעה</label>
|
||
<textarea id="message" name="message" rows="5" required></textarea>
|
||
</div>
|
||
<button type="submit" class="btn btn-primary btn-submit">שליחת הודעה</button>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</main>
|
||
|
||
<footer class="site-footer">
|
||
<div class="container">
|
||
<div class="footer-content">
|
||
<div class="footer-brand">
|
||
<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>
|
||
</div>
|
||
</div>
|
||
<nav class="footer-links" aria-label="ניווט תחתון">
|
||
<a href="#about">אודות</a>
|
||
<a href="#areas">אזורי פעילות</a>
|
||
<a href="#projects">פרויקטים</a>
|
||
<a href="#contact">צור קשר</a>
|
||
</nav>
|
||
</div>
|
||
<div class="footer-bottom">
|
||
<p>© 2025 LOTUS S.I INVESTMENTS LTD. כל הזכויות שמורות.</p>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
|
||
<script src="script.js"></script>
|
||
</body>
|
||
</html>
|