<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>El Camino Business Consulting</title>
<style>
/* Import Google Font */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap');
/* CSS Variables */
:root {
--primary-color: #2C3E50; /* Dark Blue */
--accent-color: #2980b9; /* Bright Blue */
--background-color: #f4f4f4; /* Light Grey */
--text-color: #333; /* Dark Text */
--white: #fff;
}
/* Base Styles */
body {
margin: 0;
font-family: 'Montserrat', sans-serif;
background-color: var(--background-color);
color: var(--text-color);
line-height: 1.6;
}
/* Typography */
h1, h2, h3 {
line-height: 1.2;
}
/* Header styles */
header {
background-color: var(--primary-color);
padding: 50px 20px;
text-align: center;
color: var(--white);
}
header h1 {
margin: 10px 0;
font-size: 2.8em;
}
header p {
margin: 10px 0 20px 0;
font-size: 1.2em;
}
/* Navigation styles */
nav {
margin-top: 15px;
}
nav a {
color: var(--white);
text-decoration: none;
margin: 0 20px;
font-weight: 700;
font-size: 1.1em;
transition: color 0.3s, transform 0.3s;
}
nav a:hover {
color: var(--accent-color);
transform: scale(1.05);
}
/* Main Content & Sections */
main {
padding: 20px 0;
}
section {
max-width: 1000px;
margin: 40px auto;
padding: 30px;
background: var(--white);
border-radius: 10px;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
h2 {
margin-top: 0;
color: var(--accent-color);
border-bottom: 2px solid var(--background-color);
padding-bottom: 10px;
margin-bottom: 20px;
}
p {
font-size: 1.1em;
}
/* Services Grid Styling */
.services {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 20px;
margin-top: 30px;
}
.service {
background: var(--background-color);
padding: 20px;
border-radius: 8px;
box-shadow: 0 2px 5px rgba(0,0,0,0.05);
transition: transform 0.3s;
}
.service:hover {
transform: translateY(-5px);
box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}
.service h3 {
color: var(--primary-color);
margin-top: 0;
}
/* Footer Styles */
footer {
background-color: var(--primary-color);
color: var(--white);
text-align: center;
padding: 20px;
font-size: 0.9em;
}
</style>
</head>
<body>
<header role="banner">
<h1>El Camino Business Consulting</h1>
<p>More than 30 Years of Experience | Fully Bilingual English/Spanish</p>
<nav role="navigation">
<a href="#about">About</a>
<a href="#services">Services</a>
<a href="#contact">Contact</a>
</nav>
</header>
<main role="main">
<section id="about">
<h2>About Us</h2>
<p>El Camino Business Consulting has over 30 years of experience providing expert business valuations, accounting, financing, marketing, and acquisitions. Fully bilingual in English and Spanish, we are dedicated to helping your business grow and succeed in a competitive environment.</p>
</section>
<section id="services">
<h2>Our Services</h2>
<div class="services">
<div class="service">
<h3>Business Valuations</h3>
<p>Accurate and thorough valuations to support your growth, sales, or investments.</p>
</div>
<div class="service">
<h3>Accounting</h3>
<p>Reliable financial solutions tailored to your needs.</p>
</div>
<div class="service">
<h3>Financing</h3>
<p>Guidance to secure the best financing options for your business expansion.</p>
</div>
<div class="service">
<h3>Marketing</h3>
<p>Innovative marketing strategies to increase your visibility and sales.</p>
</div>
<div class="service">
<h3>Acquisitions</h3>
<p>Expert guidance through every step of your acquisition process.</p>
</div>
</div>
</section>
<section id="contact">
<h2>Contact Us</h2>
<p>Email: <a href="mailto:elcaminoconsultingllc@gmail.com">elcaminoconsultingllc@gmail.com</a></p>
<p>Phone: +1 608-616-5434</p>
</section>
</main>
<footer role="contentinfo">
<p>© 2025 El Camino Business Consulting. All rights reserved.</p>
</footer>
</body>
</html>