Here is the updated code. I have added the specific phone number, the Valora email address, and the full physical address in San Antonio.
You can copy this entire block and upload it to your index.html file on GoDaddy.
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Torcor Holdings LLC</title>
<style>
/* --- RESET & BASIC STYLES --- */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
color: #333;
line-height: 1.6;
background-color: #f4f4f4;
}
a { text-decoration: none; color: inherit; }
ul { list-style: none; }
/* --- COLOR PALETTE --- */
:root {
--primary-blue: #0f172a; /* Deep Navy */
--accent-gold: #c5a059; /* Muted Gold */
--light-grey: #f8fafc;
--text-grey: #475569;
}
/* --- NAVIGATION --- */
header {
background: #fff;
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
position: fixed;
width: 100%;
z-index: 1000;
}
.nav-container {
max-width: 1200px;
margin: 0 auto;
padding: 1rem 2rem;
display: flex;
justify-content: space-between;
align-items: center;
}
.logo {
font-size: 1.5rem;
font-weight: 700;
color: var(--primary-blue);
letter-spacing: -1px;
text-transform: uppercase;
}
.logo span { color: var(--accent-gold); }
.nav-links a {
margin-left: 2rem;
font-size: 0.9rem;
font-weight: 500;
color: var(--text-grey);
transition: color 0.3s;
}
.nav-links a:hover { color: var(--primary-blue); }
/* --- HERO SECTION --- */
.hero {
height: 90vh;
/* Industrial/Global Trade background image */
background: linear-gradient(rgba(15, 23, 42, 0.85), rgba(15, 23, 42, 0.85)),
url('https://images.unsplash.com/photo-1586528116311-ad8dd3c8310d?ixlib=rb-1.2.1&auto=format&fit=crop&w=1950&q=80');
background-size: cover;
background-position: center;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
color: #fff;
padding: 0 1rem;
}
.hero-content h1 {
font-size: 3.5rem;
font-weight: 700;
margin-bottom: 1rem;
letter-spacing: -1px;
}
.hero-content p {
font-size: 1.25rem;
max-width: 700px;
margin: 0 auto 2rem auto;
color: #cbd5e1;
font-weight: 300;
}
.btn {
display: inline-block;
padding: 1rem 2.5rem;
background: var(--accent-gold);
color: #fff;
font-weight: 600;
border-radius: 2px;
transition: background 0.3s;
text-transform: uppercase;
font-size: 0.85rem;
letter-spacing: 1px;
}
.btn:hover { background: #b08d4b; }
/* --- SECTIONS --- */
section { padding: 5rem 2rem; }
.container { max-width: 1100px; margin: 0 auto; }
.section-title {
text-align: center;
margin-bottom: 3rem;
}
.section-title h2 {
font-size: 2rem;
color: var(--primary-blue);
margin-bottom: 0.5rem;
}
.section-title .line {
width: 60px;
height: 3px;
background: var(--accent-gold);
margin: 0 auto;
}
/* --- ABOUT --- */
.about-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 4rem;
align-items: center;
}
.about-text p { margin-bottom: 1.5rem; color: var(--text-grey); }
.about-stats {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 2rem;
}
.stat-item h3 { font-size: 2.5rem; color: var(--primary-blue); }
.stat-item p { font-size: 0.9rem; text-transform: uppercase; letter-spacing: 1px; color: var(--text-grey); }
/* --- STRATEGY/PORTFOLIO --- */
.bg-light { background: #fff; }
.strategy-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 2rem;
}
.card {
background: var(--light-grey);
padding: 2.5rem;
border-left: 4px solid var(--accent-gold);
transition: transform 0.3s;
}
.card:hover { transform: translateY(-5px); }
.card h3 { margin-bottom: 1rem; color: var(--primary-blue); }
.card p { color: var(--text-grey); font-size: 0.95rem; }
.card strong { color: #333; }
/* --- CONTACT --- */
.contact-container {
text-align: center;
background: var(--primary-blue);
color: #fff;
padding: 4rem 2rem;
border-radius: 4px;
}
.contact-info { margin-top: 2rem; }
.contact-info p { margin-bottom: 0.8rem; font-size: 1.1rem; }
.contact-info a { color: #fff; border-bottom: 1px dotted #ccc; }
/* --- FOOTER --- */
footer {
background: #0f172a;
color: #64748b;
text-align: center;
padding: 2rem;
font-size: 0.9rem;
border-top: 1px solid #1e293b;
}
/* --- RESPONSIVE --- */
@media (max-width: 768px) {
.hero-content h1 { font-size: 2.5rem; }
.about-grid { grid-template-columns: 1fr; }
.nav-links { display: none; }
}
</style>
</head>
<body>
<header>
<div class="nav-container">
<div class="logo">Torcor <span>Holdings</span></div>
<nav class="nav-links">
<a href="#about">About</a>
<a href="#portfolio">Our Portfolio</a>
<a href="#contact">Contact</a>
</nav>
</div>
</header>
<section class="hero">
<div class="hero-content">
<h1>Global Logistics. Strategic Trade.</h1>
<p>Torcor Holdings LLC invests in high-value supply chain assets and commodity markets, driving growth through our specialized operating entities.</p>
<a href="#contact" class="btn">Contact Us</a>
</div>
</section>
<section id="about" class="container">
<div class="about-grid">
<div class="about-text">
<div class="section-title" style="text-align: left;">
<h2>Who We Are</h2>
<div class="line" style="margin: 0;"></div>
</div>
<p>Torcor Holdings LLC is a private investment firm focused on tangible assets and essential industries. We operate at the intersection of logistics and international trade.</p>
<p>Our strategy is built on vertical integration—controlling both the movement of goods and the trading of commodities. Through our subsidiaries, we manage complex logistics networks and execute strategic trades in energy and mineral sectors.</p>
</div>
<div class="about-stats">
<div class="stat-item">
<h3>2024</h3>
<p>Founded</p>
</div>
<div class="stat-item">
<h3>TX</h3>
<p>Headquartered</p>
</div>
</div>
</div>
</section>
<section id="portfolio" class="bg-light">
<div class="container">
<div class="section-title">
<h2>Operating Divisions</h2>
<div class="line"></div>
</div>
<div class="strategy-grid">
<div class="card">
<h3>Trucking & Logistics</h3>
<p>Executed through <strong>Torco Trucking LLC</strong>.</p>
<p style="margin-top: 10px;">We provide comprehensive freight solutions and fleet management, ensuring reliable supply chain continuity across North America.</p>
</div>
<div class="card">
<h3>Commodity Trading</h3>
<p>Executed through <strong>Valora International Services LLC</strong>.</p>
<p style="margin-top: 10px;">We specialize in the strategic trading of physical commodities, including metals, minerals, and petroleum derivatives.</p>
</div>
<div class="card">
<h3>Industrial Assets</h3>
<p>Management of strategic industrial properties and storage facilities that support our logistics and trading operations.</p>
</div>
</div>
</div>
</section>
<section id="contact" class="container">
<div class="contact-container">
<h2>Get in Touch</h2>
<p style="color: #cbd5e1; max-width: 600px; margin: 1rem auto;">
For inquiries regarding our logistics services or trading capabilities.
</p>
<div class="contact-info">
<p><strong>Headquarters:</strong> 9706 Plymouth Rd., Ste. 593 San Antonio, TX 78216</p>
<p><strong>Email:</strong> <a href="mailto:jtorre@valoraisl.com">jtorre@valoraisl.com</a></p>
<p><strong>Phone:</strong> (832) 830-1408</p>
</div>
</div>
</section>
<footer>
<p>© 2026 Torcor Holdings LLC. All Rights Reserved.</p>
</footer>
</body>
</html>