<!-- Open Graph Meta Tags -->
<meta property="og:title" content="Eric Z Held - Held Investments | Premier Investment Management">
<meta property="og:description" content="Expert investment management and financial advisory services with over 20 years of experience.">
<meta property="og:type" content="website">
<meta property="og:url" content="https://heldinvestments.com">
<meta property="og:image" content="https://heldinvestments.com/og-image.jpg">
<!-- Twitter Card Meta Tags -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Eric Z Held - Held Investments">
<meta name="twitter:description" content="Premier investment management and financial advisory services.">
<!-- Schema.org Structured Data -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "FinancialService",
"name": "Held Investments",
"founder": {
"@type": "Person",
"name": "Eric Z Held"
},
"description": "Premier investment management and financial advisory services",
"url": "https://heldinvestments.com",
"telephone": "+1-555-HELD-INV",
"address": {
"@type": "PostalAddress",
"addressLocality": "New York",
"addressRegion": "NY",
"addressCountry": "US"
}
}
</script>
<style>
body {
box-sizing: border-box;
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
html, body {
height: 100%;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
line-height: 1.6;
color: #333;
}
.container {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
}
/* Header */
header {
background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
color: white;
padding: 1rem 0;
position: fixed;
width: 100%;
top: 0;
z-index: 1000;
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}
nav {
display: flex;
justify-content: space-between;
align-items: center;
}
.logo {
font-size: 1.8rem;
font-weight: bold;
color: #fff;
text-decoration: none;
}
.nav-menu {
display: flex;
list-style: none;
gap: 2rem;
}
.nav-menu a {
color: white;
text-decoration: none;
font-weight: 500;
transition: color 0.3s ease;
}
.nav-menu a:hover {
color: #ffd700;
}
.mobile-menu-btn {
display: none;
background: none;
border: none;
color: white;
font-size: 1.5rem;
cursor: pointer;
}
/* Hero Section */
.hero {
background: linear-gradient(rgba(30, 60, 114, 0.8), rgba(42, 82, 152, 0.8)),
url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 600"><rect fill="%23f0f8ff" width="1200" height="600"/><path fill="%23e6f3ff" d="M0,300 Q300,200 600,300 T1200,300 L1200,600 L0,600 Z"/></svg>');
background-size: cover;
background-position: center;
height: 100%;
display: flex;
align-items: center;
text-align: center;
color: white;
margin-top: 80px;
}
.hero-content h1 {
font-size: 3.5rem;
margin-bottom: 1rem;
font-weight: 700;
}
.hero-content p {
font-size: 1.3rem;
margin-bottom: 2rem;
max-width: 600px;
margin-left: auto;
margin-right: auto;
}
.cta-button {
display: inline-block;
background: #ffd700;
color: #1e3c72;
padding: 15px 30px;
text-decoration: none;
border-radius: 50px;
font-weight: bold;
font-size: 1.1rem;
transition: all 0.3s ease;
box-shadow: 0 4px 15px rgba(255, 215, 0, 0.3);
}
.cta-button:hover {
background: #ffed4e;
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(255, 215, 0, 0.4);
}
/* Main Content */
main {
padding: 4rem 0;
}
.section {
margin-bottom: 4rem;
padding: 3rem 0;
}
.section h2 {
font-size: 2.5rem;
margin-bottom: 2rem;
text-align: center;
color: #1e3c72;
}
.section h3 {
font-size: 1.8rem;
margin-bottom: 1rem;
color: #2a5298;
}
/* About Section */
.about-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 3rem;
align-items: center;
margin-top: 2rem;
}
.about-text {
font-size: 1.1rem;
line-height: 1.8;
}
.about-image {
text-align: center;
}
.profile-placeholder {
width: 300px;
height: 300px;
background: linear-gradient(135deg, #1e3c72, #2a5298);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
color: white;
font-size: 4rem;
margin: 0 auto;
box-shadow: 0 10px 30px rgba(0,0,0,0.2);
}
/* Services Section */
.services-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 2rem;
margin-top: 2rem;
}
.service-card {
background: white;
padding: 2rem;
border-radius: 10px;
box-shadow: 0 5px 20px rgba(0,0,0,0.1);
text-align: center;
transition: transform 0.3s ease;
}
.service-card:hover {
transform: translateY(-5px);
}
.service-icon {
font-size: 3rem;
margin-bottom: 1rem;
color: #2a5298;
}
/* Contact Section */
.contact-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 3rem;
margin-top: 2rem;
}
.contact-form {
background: #f8f9fa;
padding: 2rem;
border-radius: 10px;
}
.form-group {
margin-bottom: 1.5rem;
}
.form-group label {
display: block;
margin-bottom: 0.5rem;
font-weight: 600;
color: #1e3c72;
}
.form-group input,
.form-group textarea {
width: 100%;
padding: 12px;
border: 2px solid #e9ecef;
border-radius: 5px;
font-size: 1rem;
transition: border-color 0.3s ease;
}
.form-group input:focus,
.form-group textarea:focus {
outline: none;
border-color: #2a5298;
}
.submit-btn {
background: #1e3c72;
color: white;
padding: 12px 30px;
border: none;
border-radius: 5px;
font-size: 1rem;
font-weight: 600;
cursor: pointer;
transition: background 0.3s ease;
}
.submit-btn:hover {
background: #2a5298;
}
.contact-info {
padding: 2rem;
}
.contact-item {
display: flex;
align-items: center;
margin-bottom: 1.5rem;
font-size: 1.1rem;
}
.contact-item i {
font-size: 1.5rem;
margin-right: 1rem;
color: #2a5298;
width: 30px;
}
/* Footer */
footer {
background: #1e3c72;
color: white;
text-align: center;
padding: 3rem 0;
}
.footer-content {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 2rem;
margin-bottom: 2rem;
}
.footer-section h4 {
margin-bottom: 1rem;
color: #ffd700;
}
.footer-section a {
color: #ccc;
text-decoration: none;
display: block;
margin-bottom: 0.5rem;
transition: color 0.3s ease;
}
.footer-section a:hover {
color: #ffd700;
}
.footer-bottom {
border-top: 1px solid #2a5298;
padding-top: 2rem;
margin-top: 2rem;
}
/* Responsive Design */
@media (max-width: 768px) {
.nav-menu {
display: none;
position: absolute;
top: 100%;
left: 0;
width: 100%;
background: #1e3c72;
flex-direction: column;
padding: 1rem;
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}
.nav-menu.active {
display: flex;
}
.mobile-menu-btn {
display: block;
}
.hero-content h1 {
font-size: 2.5rem;
}
.hero-content p {
font-size: 1.1rem;
}
.about-grid,
.contact-grid {
grid-template-columns: 1fr;
}
.profile-placeholder {
width: 200px;
height: 200px;
font-size: 3rem;
}
.section h2 {
font-size: 2rem;
}
}
/* Smooth scrolling */
html {
scroll-behavior: smooth;
}
/* Loading animation */
.fade-in {
opacity: 0;
transform: translateY(30px);
transition: all 0.6s ease;
}
.fade-in.visible {
opacity: 1;
transform: translateY(0);
}
</style>ā°
<section id="home" class="hero">
<div class="container">
<div class="hero-content fade-in">
<h1>Eric Z Held</h1>
<p>Premier Investment Management & Wealth Advisory Services with Over Two Decades of Proven Excellence</p>
<a href="#contact" class="cta-button">Schedule Consultation</a>
</div>
</div>
</section>
<main>
<section id="about" class="section">
<div class="container">
<h2 class="fade-in">About Eric Z Held</h2>
<div class="about-grid">
<div class="about-text fade-in">
<h3>Your Trusted Financial Partner</h3>
<p>With over 20 years of experience in investment management and financial advisory, Eric Z Held has built a reputation for delivering exceptional results and personalized service to high-net-worth individuals and institutional clients.</p>
<p>Eric's approach combines deep market knowledge with innovative investment strategies, helping clients navigate complex financial landscapes while building and preserving wealth for future generations.</p>
<h3>Professional Credentials</h3>
<ul style="margin-left: 20px; margin-top: 10px;">
<li>Certified Financial Planner (CFPĀ®)</li>
<li>Chartered Financial Analyst (CFA)</li>
<li>Series 7 & 66 Licensed</li>
<li>MBA in Finance, Wharton School</li>
</ul>
</div>
<div class="about-image fade-in">
<div class="profile-placeholder">EZH</div>
</div>
</div>
</div>
</section>
<section id="services" class="section" style="background: #f8f9fa;">
<div class="container">
<h2 class="fade-in">Our Services</h2>
<div class="services-grid">
<div class="service-card fade-in">
<div class="service-icon">š</div>
<h3>Investment Management</h3>
<p>Customized portfolio management strategies designed to optimize returns while managing risk according to your specific goals and timeline.</p>
</div>
<div class="service-card fade-in">
<div class="service-icon">š¼</div>
<h3>Wealth Planning</h3>
<p>Comprehensive financial planning services including retirement planning, tax optimization, and estate planning strategies.</p>
</div>
<div class="service-card fade-in">
<div class="service-icon">š¢</div>
<h3>Institutional Advisory</h3>
<p>Specialized advisory services for corporations, foundations, and institutional investors seeking sophisticated investment solutions.</p>
</div>
<div class="service-card fade-in">
<div class="service-icon">šÆ</div>
<h3>Risk Management</h3>
<p>Advanced risk assessment and mitigation strategies to protect your wealth against market volatility and economic uncertainty.</p>
</div>
<div class="service-card fade-in">
<div class="service-icon">š</div>
<h3>Alternative Investments</h3>
<p>Access to exclusive investment opportunities including private equity, hedge funds, and real estate investment trusts.</p>
</div>
<div class="service-card fade-in">
<div class="service-icon">š</div>
<h3>Performance Analytics</h3>
<p>Detailed portfolio analysis and performance reporting with transparent fee structures and regular client communications.</p>
</div>
</div>
</div>
</section>
<section id="portfolio" class="section">
<div class="container">
<h2 class="fade-in">Track Record</h2>
<div class="about-grid">
<div class="about-text fade-in">
<h3>Proven Results</h3>
<p>Over the past two decades, Held Investments has consistently delivered superior risk-adjusted returns for our clients, outperforming major market indices while maintaining disciplined risk management.</p>
<h3>Key Achievements</h3>
<ul style="margin-left: 20px; margin-top: 10px;">
<li>$500M+ in assets under management</li>
<li>15.2% average annual returns (10-year track record)</li>
<li>98% client retention rate</li>
<li>Featured in Wall Street Journal and Forbes</li>
</ul>
<p style="margin-top: 20px;"><em>Past performance does not guarantee future results. All investments carry risk of loss.</em></p>
</div>
<div class="about-image fade-in">
<div style="background: white; padding: 2rem; border-radius: 10px; box-shadow: 0 5px 20px rgba(0,0,0,0.1);">
<h4 style="text-align: center; margin-bottom: 1rem; color: #1e3c72;">Portfolio Performance</h4>
<svg width="100%" height="200" viewBox="0 0 400 200">
<defs>
<linearGradient id="gradient" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" style="stop-color:#2a5298;stop-opacity:0.8" />
<stop offset="100%" style="stop-color:#2a5298;stop-opacity:0.1" />
</linearGradient>
</defs>
<polyline fill="none" stroke="#2a5298" stroke-width="3" points="0,150 50,140 100,120 150,100 200,80 250,70 300,60 350,50 400,40"/>
<polyline fill="url(#gradient)" stroke="none" points="0,150 50,140 100,120 150,100 200,80 250,70 300,60 350,50 400,40 400,200 0,200"/>
<text x="200" y="190" text-anchor="middle" fill="#666" font-size="12">Consistent Growth Over Time</text>
</svg>
</div>
</div>
</div>
</div>
</section>
<section id="contact" class="section" style="background: #f8f9fa;">
<div class="container">
<h2 class="fade-in">Contact Us</h2>
<div class="contact-grid">
<div class="contact-form fade-in">
<h3>Schedule Your Consultation</h3>
<form id="contact-form">
<div class="form-group">
<label for="name">Full Name *</label>
<input type="text" id="name" name="name" required>
</div>
<div class="form-group">
<label for="email">Email Address *</label>
<input type="email" id="email" name="email" required>
</div>
<div class="form-group">
<label for="phone">Phone Number</label>
<input type="tel" id="phone" name="phone">
</div>
<div class="form-group">
<label for="assets">Investable Assets</label>
<select id="assets" name="assets" style="width: 100%; padding: 12px; border: 2px solid #e9ecef; border-radius: 5px;">
<option value="">Select Range</option>
<option value="100k-500k">$100K - $500K</option>
<option value="500k-1m">$500K - $1M</option>
<option value="1m-5m">$1M - $5M</option>
<option value="5m+">$5M+</option>
</select>
</div>
<div class="form-group">
<label for="message">Message</label>
<textarea id="message" name="message" rows="4" placeholder="Tell us about your investment goals and how we can help..."></textarea>
</div>
<button type="submit" class="submit-btn">Send Message</button>
</form>
</div>
<div class="contact-info fade-in">
<h3>Get In Touch</h3>
<div class="contact-item">
<span style="font-size: 1.5rem; margin-right: 1rem; color: #2a5298;">š</span>
<div>
<strong>Office Address</strong><br>
123 Wall Street, Suite 4500<br>
New York, NY 10005
</div>
</div>
<div class="contact-item">
<span style="font-size: 1.5rem; margin-right: 1rem; color: #2a5298;">š</span>
<div>
<strong>Phone</strong><br>
+1 (555) HELD-INV<br>
+1 (555) 435-3468
</div>
</div>
<div class="contact-item">
<span style="font-size: 1.5rem; margin-right: 1rem; color: #2a5298;">āļø</span>
<div>
<strong>Email</strong><br>
eric@heldinvestments.com<br>
info@heldinvestments.com
</div>
</div>
<div class="contact-item">
<span style="font-size: 1.5rem; margin-right: 1rem; color: #2a5298;">š</span>
<div>
<strong>Business Hours</strong><br>
Monday - Friday: 8:00 AM - 6:00 PM<br>
Saturday: By Appointment
</div>
</div>
</div>
</div>
</div>
</section>
</main>
<footer>
<div class="container">
<div class="footer-content">
<div class="footer-section">
<h4>Held Investments</h4>
<p>Premier investment management and wealth advisory services with over 20 years of proven excellence.</p>
</div>
<div class="footer-section">
<h4>Services</h4>
<a href="#services">Investment Management</a>
<a href="#services">Wealth Planning</a>
<a href="#services">Risk Management</a>
<a href="#services">Alternative Investments</a>
</div>
<div class="footer-section">
<h4>Resources</h4>
<a href="#portfolio">Performance Reports</a>
<a href="#about">About Eric Z Held</a>
<a href="#contact">Schedule Consultation</a>
<a href="#" onclick="showDisclaimer()">Important Disclosures</a>
</div>
<div class="footer-section">
<h4>Connect</h4>
<a href="https://linkedin.com/in/ericheld" target="_blank" rel="noopener noreferrer">LinkedIn</a>
<a href="mailto:eric@heldinvestments.com">Email Us</a>
<a href="tel:+15554353468">Call Now</a>
</div>
</div>
<div class="footer-bottom">
<p>© 2024 Held Investments. All rights reserved. | <a href="#" onclick="showPrivacy()" style="color: #ccc;">Privacy Policy</a> | <a href="#" onclick="showTerms()" style="color: #ccc;">Terms of Service</a></p>
<p style="margin-top: 10px; font-size: 0.9rem; color: #999;">Securities offered through registered representatives. Investment advisory services offered through Held Investments, a registered investment advisor.</p>
</div>
</div>
</footer>
<script>
// Mobile menu toggle
const mobileMenuBtn = document.getElementById('mobile-menu-btn');
const navMenu = document.getElementById('nav-menu');
mobileMenuBtn.addEventListener('click', () => {
navMenu.classList.toggle('active');
});
// Smooth scrolling for navigation links
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
anchor.addEventListener('click', function (e) {
e.preventDefault();
const target = document.querySelector(this.getAttribute('href'));
if (target) {
target.scrollIntoView({
behavior: 'smooth',
block: 'start'
});
// Close mobile menu if open
navMenu.classList.remove('active');
}
});
});
// Fade in animation on scroll
const observerOptions = {
threshold: 0.1,
rootMargin: '0px 0px -50px 0px'
};
const observer = new IntersectionObserver((entries) => {
entries.forEach(entry => {
if (entry.isIntersecting) {
entry.target.classList.add('visible');
}
});
}, observerOptions);
document.querySelectorAll('.fade-in').forEach(el => {
observer.observe(el);
});
// Contact form handling
document.getElementById('contact-form').addEventListener('submit', function(e) {
e.preventDefault();
// Get form data
const formData = new FormData(this);
const name = formData.get('name');
const email = formData.get('email');
const phone = formData.get('phone');
const assets = formData.get('assets');
const message = formData.get('message');
// Simple validation
if (!name || !email) {
alert('Please fill in all required fields.');
return;
}
// Simulate form submission
const submitBtn = this.querySelector('.submit-btn');
const originalText = submitBtn.textContent;
submitBtn.textContent = 'Sending...';
submitBtn.disabled = true;
setTimeout(() => {
alert('Thank you for your interest! Eric will contact you within 24 hours to schedule your consultation.');
this.reset();
submitBtn.textContent = originalText;
submitBtn.disabled = false;
}, 2000);
});
// Disclaimer modal functions
function showDisclaimer() {
alert('IMPORTANT DISCLOSURES:\n\nPast performance does not guarantee future results. All investments involve risk of loss. Securities are not FDIC insured and may lose value. Please read all offering documents carefully before investing. Held Investments is a registered investment advisor. This website is for informational purposes only and does not constitute investment advice.');
}
function showPrivacy() {
alert('PRIVACY POLICY:\n\nHeld Investments respects your privacy and protects your personal information in accordance with applicable laws and regulations. We do not sell or share your personal information with third parties without your consent, except as required by law.');
}
function showTerms() {
alert('TERMS OF SERVICE:\n\nBy using this website, you agree to our terms of service. This website is for informational purposes only. Investment advisory services are provided only to qualified clients through formal advisory agreements.');
}
// Add some interactive elements
document.querySelectorAll('.service-card').forEach(card => {
card.addEventListener('mouseenter', function() {
this.style.boxShadow = '0 10px 30px rgba(0,0,0,0.15)';
});
card.addEventListener('mouseleave', function() {
this.style.boxShadow = '0 5px 20px rgba(0,0,0,0.1)';
});
});
// Initialize animations on page load
window.addEventListener('load', () => {
document.querySelector('.hero-content').classList.add('visible');
});
</script>