I made car compeny website i will post evrything up here so you guys can see.
I will start with the code first here you can look at index.html
SteelRoad Trucking Co.
Reliable. Fast. Nationwide.
Our Services
Long Haul
Cross‑country delivery with top‑tier safety and speed.
Local Delivery
Fast and reliable short‑distance transportation.
Heavy Cargo
Specialized trucks for oversized and heavy loads.
And here you can look at the services.html
Our Services
We provide safe, fast, and reliable transportation across the country.
Long Haul Transport
Nationwide delivery with experienced drivers and modern trucks.
Local Delivery
Fast and efficient short‑distance delivery for businesses and stores.
Heavy Cargo
Specialized equipment for oversized and heavy‑duty loads.
Why Choose Us?
- ✔ Safe and reliable drivers
- ✔ Modern, fuel‑efficient trucks
- ✔ On‑time delivery guarantee
- ✔ 24/7 customer support
here you can look at the fleet.html
Our Fleet
SteelRoad Trucking Co. operates a strong and reliable fleet designed for every type of transportation job. Our trucks are maintained regularly and equipped with modern technology to ensure safe and efficient delivery.
Class 8 Semi Trucks
These powerful trucks are used for long‑distance hauling across states. They are equipped with:
- ✔ 500+ horsepower engines
- ✔ Advanced braking systems
- ✔ GPS and real‑time tracking
- ✔ Comfortable sleeper cabins
Box Trucks
Perfect for local and regional deliveries. Our box trucks offer:
- ✔ Fast loading and unloading
- ✔ Ideal for city deliveries
- ✔ Fuel‑efficient engines
- ✔ Secure enclosed cargo space
Heavy Haulers
Used for oversized and heavy‑duty loads. These trucks include:
- ✔ Reinforced trailers
- ✔ High‑torque engines
- ✔ Special permits for large loads
- ✔ Professional certified drivers
Fleet Technology
All our trucks are equipped with modern systems to ensure safety and efficiency:
- ✔ GPS tracking and route optimization
- ✔ Electronic logging devices (ELD)
- ✔ Real‑time maintenance alerts
- ✔ Fuel‑saving driving assistance
Safety First
We take safety seriously. Every truck in our fleet goes through:
- ✔ Weekly inspections
- ✔ Brake and tire checks
- ✔ Driver safety training
- ✔ Emergency equipment checks
and here that how did i style it
/* General Page Style */
body {
margin: 0;
font-family: Arial, sans-serif;
background: #f2f2f2;
}
/* Header */
header {
background: #1f1f1f;
color: white;
padding: 20px;
text-align: center;
}
/* Navigation Bar */
nav {
background: #333;
padding: 10px;
text-align: center;
}
nav a {
color: white;
margin: 0 15px;
text-decoration: none;
font-weight: bold;
}
nav a:hover {
color: #ffcc00;
}
/* Hero Section */
.hero {
background: url('https://images.unsplash.com/photo-1503376780353-7e6692767b70') center/cover no-repeat;
height: 350px;
display: flex;
align-items: center;
justify-content: center;
color: white;
font-size: 40px;
font-weight: bold;
text-shadow: 2px 2px 5px black;
}
/* Content Sections */
.section {
padding: 40px;
text-align: center;
}
/* Service Cards */
.services {
display: flex;
justify-content: center;
gap: 30px;
flex-wrap: wrap;
}
.card {
background: white;
padding: 20px;
width: 250px;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0,0,0,0.2);
}
/* Footer */
footer {
background: #1f1f1f;
color: white;
text-align: center;
padding: 15px;
margin-top: 40px;
}
here you can see the pictures
thanks for staying wit me.