Website for Qec Funds LLC
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>QEC Funds LLC | Financial Solutions</title>
<meta name="description"
content="QEC Funds LLC provides professional financial and business solutions with a focus on transparency, reliability, and responsible service.">
<meta name="keywords"
content="QEC Funds LLC, financial services, business solutions, investment services, financial solutions">
<meta name="author" content="QEC Funds LLC">
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
html {
scroll-behavior: smooth;
}
body {
font-family: Arial, Helvetica, sans-serif;
background: #f7f9fc;
color: #263442;
line-height: 1.7;
}
a {
text-decoration: none;
}
.container {
width: 92%;
max-width: 1150px;
margin: auto;
}
/* =========================
HEADER
========================= */
header {
background: #071a2b;
color: #ffffff;
position: sticky;
top: 0;
z-index: 1000;
box-shadow: 0 3px 15px rgba(0,0,0,0.12);
}
.navbar {
min-height: 75px;
display: flex;
align-items: center;
justify-content: space-between;
}
.logo {
color: #ffffff;
font-size: 25px;
font-weight: 800;
letter-spacing: 1px;
}
.logo span {
color: #d5b13a;
}
nav ul {
display: flex;
list-style: none;
gap: 28px;
}
nav ul li a {
color: #ffffff;
font-size: 14px;
font-weight: 600;
transition: 0.3s ease;
}
nav ul li a:hover {
color: #d5b13a;
}
/* =========================
HERO
========================= */
.hero {
background:
linear-gradient(
rgba(7, 26, 43, 0.95),
rgba(7, 26, 43, 0.96)
);
color: #ffffff;
padding: 110px 0;
}
.hero-content {
max-width: 820px;
}
.hero-label {
color: #d5b13a;
font-size: 14px;
font-weight: 700;
letter-spacing: 2px;
text-transform: uppercase;
margin-bottom: 18px;
}
.hero h1 {
font-size: 58px;
line-height: 1.15;
margin-bottom: 22px;
}
.hero h1 span {
color: #d5b13a;
}
.hero p {
color: #d9e1e8;
font-size: 18px;
max-width: 720px;
margin-bottom: 32px;
}
.button {
display: inline-block;
background: #d5b13a;
color: #071a2b;
padding: 13px 24px;
border-radius: 5px;
font-weight: 700;
transition: 0.3s ease;
}
.button:hover {
background: #e5c95f;
transform: translateY(-2px);
}
.button-outline {
display: inline-block;
margin-left: 10px;
padding: 12px 24px;
border: 1px solid #ffffff;
color: #ffffff;
border-radius: 5px;
font-weight: 700;
}
.button-outline:hover {
border-color: #d5b13a;
color: #d5b13a;
}
/* =========================
SECTIONS
========================= */
section {
padding: 85px 0;
}
.section-title {
text-align: center;
max-width: 720px;
margin: 0 auto 50px;
}
.section-title small {
display: block;
color: #b08f1c;
font-size: 13px;
font-weight: 800;
letter-spacing: 2px;
text-transform: uppercase;
margin-bottom: 8px;
}
.section-title h2 {
color: #071a2b;
font-size: 38px;
margin-bottom: 12px;
}
.section-title p {
color: #687786;
font-size: 16px;
}
/* =========================
ABOUT
========================= */
.about {
background: #ffffff;
}
.about-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 55px;
align-items: center;
}
.about-text h3 {
color: #071a2b;
font-size: 28px;
margin-bottom: 18px;
}
.about-text p {
color: #596a79;
margin-bottom: 15px;
}
.about-box {
background: #f3f6f9;
border-left: 4px solid #d5b13a;
padding: 30px;
border-radius: 6px;
}
.about-box h3 {
color: #071a2b;
margin-bottom: 12px;
}
/* =========================
SERVICES
========================= */
.services {
background: #f7f9fc;
}
.service-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 25px;
}
.service-card {
background: #ffffff;
padding: 32px;
border-radius: 8px;
border: 1px solid #e5e9ee;
transition: 0.3s ease;
}
.service-card:hover {
transform: translateY(-5px);
box-shadow: 0 12px 35px rgba(7,26,43,0.08);
}
.service-icon {
width: 50px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
background: #071a2b;
color: #d5b13a;
border-radius: 6px;
font-size: 21px;
font-weight: bold;
margin-bottom: 20px;
}
.service-card h3 {
color: #071a2b;
margin-bottom: 12px;
font-size: 20px;
}
.service-card p {
color: #6b7885;
font-size: 15px;
}
/* =========================
VALUES
========================= */
.values {
background: #071a2b;
color: #ffffff;
}
.values .section-title h2 {
color: #ffffff;
}
.values .section-title p {
color: #bdc9d4;
}
.values-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 25px;
}
.value-card {
padding: 30px;
border: 1px solid rgba(255,255,255,0.12);
border-radius: 8px;
background: rgba(255,255,255,0.04);
}
.value-card h3 {
color: #d5b13a;
margin-bottom: 10px;
}
.value-card p {
color: #c7d1da;
font-size: 15px;
}
/* =========================
CONTACT
========================= */
.contact {
background: #ffffff;
}
.contact-box {
max-width: 800px;
margin: auto;
text-align: center;
padding: 55px 30px;
border: 1px solid #e1e6eb;
border-radius: 10px;
background: #f8fafc;
}
.contact-box h2 {
color: #071a2b;
font-size: 34px;
margin-bottom: 12px;
}
.contact-box p {
color: #687786;
margin-bottom: 25px;
}
.email {
display: inline-block;
color: #071a2b;
font-size: 18px;
font-weight: 700;
margin-bottom: 25px;
}
.email:hover {
color: #b08f1c;
}
/* =========================
FOOTER
========================= */
footer {
background: #04111d;
color: #aebbc7;
padding: 40px 0 25px;
}
.footer-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
padding-bottom: 30px;
border-bottom: 1px solid rgba(255,255,255,0.1);
}
.footer-logo {
color: #ffffff;
font-size: 22px;
font-weight: 800;
margin-bottom: 12px;
}
.footer-logo span {
color: #d5b13a;
}
footer p {
font-size: 14px;
}
.footer-links {
text-align: right;
}
.footer-links a {
color: #c6d0d9;
margin-left: 20px;
font-size: 14px;
}
.footer-links a:hover {
color: #d5b13a;
}
.copyright {
text-align: center;
padding-top: 22px;
font-size: 13px;
color: #84929e;
}
/* =========================
RESPONSIVE
========================= */
@media (max-width: 850px) {
.navbar {
flex-direction: column;
padding: 18px 0;
gap: 12px;
}
nav ul {
gap: 15px;
flex-wrap: wrap;
justify-content: center;
}
.hero {
padding: 90px 0;
}
.hero h1 {
font-size: 43px;
}
.hero p {
font-size: 16px;
}
.about-grid,
.service-grid,
.values-grid,
.footer-grid {
grid-template-columns: 1fr;
}
.footer-links {
text-align: left;
}
.footer-links a {
margin-left: 0;
margin-right: 18px;
}
}
@media (max-width: 500px) {
.hero h1 {
font-size: 36px;
}
.button,
.button-outline {
display: block;
text-align: center;
margin: 8px 0;
}
.section-title h2 {
font-size: 30px;
}
}
</style>
</head>
<body>
<!-- =========================
HEADER
========================= -->
<header>
<div class="container navbar">
<a href="#home" class="logo">
QEC <span>FUNDS LLC</span>
</a>
<nav>
<ul>
<li><a href="#home">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#services">Services</a></li>
<li><a href="#values">Our Values</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
</div>
</header>
<!-- =========================
HERO
========================= -->
<section class="hero" id="home">
<div class="container hero-content">
<div class="hero-label">
QEC Funds LLC
</div>
<h1>
Professional <span>Financial Solutions</span>
Built on Trust
</h1>
<p>
QEC Funds LLC is committed to providing professional,
transparent, and responsible financial and business solutions.
We focus on creating long-term value through dependable service,
thoughtful decision-making, and a client-focused approach.
</p>
<a href="#contact" class="button">
Contact Us
</a>
<a href="#about" class="button-outline">
Learn More
</a>
</div>
</section>
<!-- =========================
ABOUT
========================= -->
<section class="about" id="about">
<div class="container">
<div class="section-title">
<small>About Us</small>
<h2>About QEC Funds LLC</h2>
<p>
A professional organization focused on reliable service,
transparency, and responsible business practices.
</p>
</div>
<div class="about-grid">
<div class="about-text">
<h3>Professional. Transparent. Client-Focused.</h3>
<p>
QEC Funds LLC is a professional limited liability company
focused on delivering practical financial and business
solutions.
</p>
<p>
Our approach is centered on transparency, professionalism,
responsible decision-making, and building lasting
relationships with the people and businesses we serve.
</p>
<p>
We believe that strong financial relationships are built
through clear communication, responsible practices, and
consistent service.
</p>
</div>
<div class="about-box">
<h3>Our Approach</h3>
<p>
We aim to provide clear information and professional
support while maintaining a strong commitment to
responsible business practices.
</p>
</div>
</div>
</div>
</section>
<!-- =========================
SERVICES
========================= -->
<section class="services" id="services">
<div class="container">
<div class="section-title">
<small>What We Do</small>
<h2>Our Services</h2>
<p>
Professional solutions designed around responsible
business practices and client needs.
</p>
</div>
<div class="service-grid">
<div class="service-card">
<div class="service-icon">01</div>
<h3>Financial Solutions</h3>
<p>
Professional financial solutions designed to support
informed business and financial decision-making.
</p>
</div>
<div class="service-card">
<div class="service-icon">02</div>
<h3>Business Support</h3>
<p>
Practical business support focused on organization,
planning, and sustainable business development.
</p>
</div>
<div class="service-card">
<div class="service-icon">03</div>
<h3>Professional Guidance</h3>
<p>
Clear and responsible guidance designed to help clients
better understand available financial and business
options.
</p>
</div>
</div>
</div>
</section>
<!-- =========================
VALUES
========================= -->
<section class="values" id="values">
<div class="container">
<div class="section-title">
<small>Our Principles</small>
<h2>What We Stand For</h2>
<p>
Our business is guided by principles that help us maintain
professional and responsible relationships.
</p>
</div>
<div class="values-grid">
<div class="value-card">
<h3>Transparency</h3>
<p>
We value clear communication and straightforward
information in our business relationships.
</p>
</div>
<div class="value-card">
<h3>Integrity</h3>
<p>
We strive to conduct our business with professionalism,
honesty, and responsible practices.
</p>
</div>
<div class="value-card">
<h3>Reliability</h3>
<p>
We focus on consistent service and dependable
communication with our clients and partners.
</p>
</div>
</div>
</div>
</section>
<!-- =========================
CONTACT
========================= -->
<section class="contact" id="contact">
<div class="container">
<div class="contact-box">
<h2>Contact QEC Funds LLC</h2>
<p>
For general business inquiries, please contact us by email.
</p>
<a
class="email"
href="mailto:qecfundsllc@gmail.com">
qecfundsllc@gmail.com
</a>
<br>
<a
href="mailto:qecfundsllc@gmail.com"
class="button">
Send Us an Email
</a>
</div>
</div>
</section>
<!-- =========================
FOOTER
========================= -->
<footer>
<div class="container">
<div class="footer-grid">
<div>
<div class="footer-logo">
QEC <span>FUNDS LLC</span>
</div>
<p>
Professional financial and business solutions
focused on transparency, responsibility, and
dependable service.
</p>
</div>
<div class="footer-links">
<a href="#home">Home</a>
<a href="#about">About</a>
<a href="#services">Services</a>
<a href="#contact">Contact</a>
</div>
</div>
<div class="copyright">
© 2026 QEC Funds LLC. All Rights Reserved.
</div>
</div>
</footer>
</body>
</html>
Comments
Post a Comment