/* style.css */ * {   box-sizing: border-box;   margin: 0; padding: 0;   font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; } body {   background: #f9f9f9;   color: #222;   line-height: 1.6;   min-height: 100vh;   display: flex;   flex-direction: column; } a {   color: #0077cc;   text-decoration: none; } a:hover {   text-decoration: underline; } header {   background-color: #003366;   color: white;   padding: 1rem 2rem;   display: flex;   justify-content: space-between;   align-items: center;   flex-wrap: wrap;   position: sticky;   top: 0;   z-index: 100; } .logo svg {   height: 50px; } nav a {   margin-left: 1.5rem;   font-weight: 600;   font-size: 1rem; } nav a:hover {   color: #00aaff; } nav {   margin-top: 0.5rem; } .contact-bar {   background-color: #0055aa;   color: white;   font-size: 0.9rem;   padding: 0.5rem 2rem;   text-align: center;   display: flex;   justify-content: center;   gap: 2rem;   flex-wrap: wrap; } main {   max-width: 1100px;   margin: 2rem auto;   padding: 0 1rem;   flex-grow: 1; } footer {   background-color: #003366;   color: white;   text-align: center;   padding: 1.5rem 1rem;   font-size: 0.9rem;   margin-top: auto; } /* Hero section */ .hero {   height: 400px;   background: url('https://images.unsplash.com/photo-1590080877773-1e0c4cb0639a?auto=format&fit=crop&w=1350&q=80') no-repeat center/cover;   display: flex;   justify-content: center;   align-items: center;   color: white;   text-shadow: 2px 2px 6px rgba(0,0,0,0.7);   border-radius: 8px;   margin-bottom: 2rem; } .hero h1 {   font-size: 3rem;   background: rgba(0,0,0,0.45);   padding: 1rem 2rem;   border-radius: 10px; } /* Sections */ section h2 {   color: #003366;   font-size: 2.2rem;   margin-bottom: 1rem;   border-bottom: 3px solid #0077cc;   display: inline-block;   padding-bottom: 0.25rem; } .services-grid {   display: grid;   grid-template-columns: repeat(auto-fit,minmax(250px,1fr));   gap: 1.8rem; } .service-card {   background: white;   border-radius: 8px;   box-shadow: 0 4px 8px rgba(0,0,0,0.1);   padding: 1.5rem;   text-align: center;   transition: transform 0.3s ease;   cursor: default; } .service-card:hover {   transform: translateY(-7px); } .service-icon {   font-size: 3rem;   color: #0077cc;   margin-bottom: 1rem; } /* Contact form */ form {   max-width: 600px;   background: white;   padding: 1.5rem;   border-radius: 8px;   box-shadow: 0 4px 8px rgba(0,0,0,0.1); } label {   font-weight: 600; } input, textarea {   width: 100%;   padding: 0.5rem;   margin: 0.3rem 0 1rem;   border: 1px solid #ccc;   border-radius: 4px;   font-size: 1rem;   font-family: inherit;   resize: vertical; } button {   background-color: #003366;   color: white;   border: none;   padding: 0.75rem 1.5rem;   font-size: 1rem;   border-radius: 6px;   cursor: pointer;   transition: background-color 0.3s ease; } button:hover {   background-color: #0055aa; } /* Responsive */ @media (max-width: 600px) {   header {     flex-direction: column;     align-items: flex-start;   }   nav {     margin-top: 1rem;     width: 100%;     display: flex;     flex-direction: column;   }   nav a {     margin-left: 0;     margin-bottom: 0.75rem;     font-size: 1.2rem;   }   .contact-bar {     font-size: 0.85rem;     gap: 1rem;   } } About | EXPRESS CONSTRUCTION INC
top of page

GET TO KNOW US

Licensed Professionals

Ever since opening our doors back in 2000, we’ve been committed to our clients’ unique project needs and achieving their utmost satisfaction with our work. As a leader in the industry, we use a comprehensive approach in order to provide a wide range of services for the projects we’re involved with.

From dealing with bureaucratic requirements to coordinating with subcontractors, EXPRESS CONSTRUCTION INC guarantees precise, timely, and efficient work. Get in touch to bring your vision to life today.

Construction Worker
About: About Us
bottom of page