L-Size Converted Shipping Container UK | Premium Modular Buildings

L-size converted shipping container UK - 40ft modular building with bedroom, toilet, and living room, fully furnished with grey cladding


Premium Container Conversion

L-Size Converted Shipping Container Design UK
Discover our perfect and compact 40ft x 8ft converted shipping container design featuring a bedroom, toilet, and living room area. Moreover, this turnkey solution includes all fixtures, fittings, and furnishing for immediate occupancy. Furthermore, the L-size container is ideal for garden rooms, holiday lets, and worker accommodation. In addition, every unit is fully tested and certified to UK Building Regulations before delivery.

📐 Size: 40ft x 8ft (12m x 2.4m)
🛏️ Layout: Bedroom, Toilet, Living Room
⏱️ Delivery: 12-16 Weeks
🏆 Warranty: 15 Years
Request Free Quote | Call 07443 564451 | View Specifications
Fully Furnished & Ready

L-Size Container Key Features

Complete Turnkey Solution

Our L-size converted shipping container is a complete, turnkey solution. Moreover, everything you need is included, from fixtures and fittings to furniture, ready for immediate use. Consequently, you can move in the same day without any extra purchases or installations. In fact, most clients are operational within 24 hours of delivery.

📏 Compact 40ft Design

This 40ft x 8ft (12m x 2.4m) container provides around 29m² of living space. Additionally, the smart layout makes the most of every square meter. Therefore, you get maximum functionality in a compact footprint.

🛏️ Complete Layout

The design includes a separate bedroom, toilet facility, and living room area. Furthermore, the layout provides privacy and functionality in a compact footprint. As a result, occupants enjoy comfortable, well-defined living zones.

🪑 Fully Furnished

A complete furniture package is included, excluding only decorative elements. Moreover, the unit arrives move-in ready with all essential furnishings provided. Consequently, you save thousands on furniture costs and installation time.

🔧 Fixtures & Fittings

All fixtures and fittings are included as standard. In addition, premium quality GEBERIT sanitary ware and modern fittings are installed throughout. Thus, you receive top-quality components that last for decades.

🌡️ Full Insulation

KINGSPAN QuadCore insulation panels deliver superior thermal performance. Consequently, the container remains comfortable year-round with excellent energy efficiency. Furthermore, heating costs are significantly lower than traditional buildings.

🪟 Triple Glazed Windows

Energy-efficient triple-glazed windows provide natural light throughout. Moreover, the U-value of 0.7 W/m²K ensures thermal efficiency. Therefore, heat loss is minimized even in winter months.

⚡ Complete Electrical

Full electrical installation with LED lighting and power outlets is included. Additionally, the system is ready for immediate connection to mains supply. In fact, all wiring meets BS 7671 standards.

💧 Plumbing System

Complete plumbing with toilet facilities and water connections is provided. Furthermore, all pipework is concealed for clean aesthetics. Consequently, the interior maintains a sleek, professional appearance.

What's Included in Your L-Size Container

Complete Interior Package

This is a complete, turnkey solution. Moreover, we've thought of everything so you can move in immediately without extra purchases. In addition, every item is carefully selected for quality and durability. Therefore, you receive a premium product that's built to last.
🛏️ Bedroom Area
  • Bed frame and mattress
  • Wardrobe or storage unit
  • Bedside table
  • Window with blinds
  • LED lighting
  • Power outlets
  • Heating system
  • Finished walls and flooring
🚽 Toilet Facility
  • GEBERIT toilet suite
  • Wash basin with taps
  • Mirror and lighting
  • Towel rail
  • FIBO waterproof wall panels
  • Vinyl flooring
  • Ventilation system
  • All plumbing connections
🛋️ Living Room Area
  • Sofa or seating
  • Coffee table
  • Storage units
  • Windows with blinds
  • LED lighting
  • Multiple power outlets
  • Heating system
  • Finished walls and flooring
🏗️ Structure & Systems
  • 40ft shipping container structure
  • Full insulation (walls, roof, floor)
  • Triple-glazed windows
  • External door with lock
  • Complete electrical system
  • Complete plumbing system
  • Climate control/heating
  • Fire detection system

Understanding What's Not Included

While the L-size is fully furnished, certain items are excluded by design. However, these optional add-ons can be easily added. Consequently, you have flexibility to personalize your space according to your preferences.
⚠️ Not Included (Optional Add-Ons):
  • Decorative elements (artwork, cushions, ornaments)
  • Kitchen facilities (can be added)
  • TV and entertainment systems
  • External decking or landscaping
  • Site preparation and foundations
  • Utility connections to mains services

L-Size Design Layout

Efficient Space Planning

The L-size container features an efficient layout that makes the most of the 40ft x 8ft footprint. Moreover, the design provides distinct zones for sleeping, living, and sanitary facilities. Furthermore, careful planning ensures smooth traffic flow between areas. Therefore, the space feels larger than its actual size.
The 40ft x 8ft (12m x 2.4m) container provides around 29m² of usable space. In addition, the layout is carefully designed to include:
  • Bedroom Zone: Private sleeping area with bed, storage, and natural light
  • Toilet Facility: Compact bathroom with toilet, basin, and ventilation
  • Living Room Area: Open living space for relaxation and daily activities
  • Storage Solutions: Built-in storage throughout to make the most of space
  • Circulation Space: Efficient internal layout with clear pathways

Design Benefits

Ultimately, this thoughtful design delivers multiple advantages:
  • Separate zones for privacy and functionality
  • Natural light from multiple windows
  • Efficient use of every square meter
  • Easy to maintain and clean
  • Comfortable for 1-2 occupants
Moreover, the flexible layout can be adapted to different uses. Consequently, the container works equally well as a home office, guest suite, or holiday let.
Example L-size floor plan showing bedroom, toilet, and living room layout

Technical Specifications

Built to the Highest Standards

Our L-size converted shipping containers are built to the highest standards. Furthermore, all specifications comply with UK Building Regulations and ISO certifications. In addition, every component is tested and certified before installation. Therefore, you can be confident in the quality and safety of your container. Moreover, our manufacturing process is ISO 9001 certified for consistent quality control.

Energy Performance & Sustainability

Notably, the L-size container achieves A-rated energy performance. Moreover, the premium insulation ensures minimal heat loss throughout the year. Consequently, running costs are much lower than traditional buildings. Furthermore, the sustainable construction methods reduce environmental impact significantly. In fact, factory construction reduces site waste by up to 90% compared to traditional builds.

🏗️ Structure & Dimensions

Container Size: 40ft x 8ft (12m x 2.4m)
Floor Area: Approximately 29m²
Internal Height: 2.4m – 2.7m
Frame Material: Corten steel shipping container
Layout: Bedroom, toilet, living room
Expected Lifespan: 50-75 years

🌡️ Thermal Performance

Wall Insulation: KINGSPAN QuadCore 120-150mm
Wall U-Value: 0.16-0.18 W/m²K
Roof Insulation: PIR Thermano 170-200mm
Roof U-Value: 0.11 W/m²K
Floor Insulation: PIR Thermano 160mm
Floor U-Value: 0.13 W/m²K
Windows U-Value: 0.7 W/m²K (triple glazed)
Energy Rating: A-rated

🪑 Furniture & Fittings

Bedroom Furniture: Bed, wardrobe, bedside table
Living Room Furniture: Sofa, coffee table, storage
Sanitary Ware: GEBERIT toilet and basin
Window Treatments: Blinds included
Lighting: LED throughout all areas
Flooring: SPC rigid core click vinyl
Wall Finish: Painted plasterboard
Not Included: Decorative elements only

⚡ Electrical System

Distribution Board: Central RCD-protected
Lighting: LED throughout all rooms
Power Outlets: Multiple double sockets
External Socket: Weather-protected
Switches: Modern white finish
Certification: BS 7671 compliant

💧 Plumbing System

Toilet: GEBERIT wall-hung or floor
Basin: GEBERIT with chrome taps
Water Heater: 80L capacity (optional)
Pipework: Concealed installation
Wall Panels: FIBO waterproof in toilet
Drainage: Complete waste system

🔥 Fire & Safety

Fire Rating: 60-minute structure
Fire Detection: Smoke alarms included
Emergency Lighting: Available as option
Fire Extinguisher: Provided and positioned
Escape Route: Clear exit path to door
Compliance: UK Building Regulations Part B

🪟 Windows & Doors

Window Type: Triple-glazed aluminum/PVC
Window U-Value: 0.7 W/m²K
External Door: Aluminum thermally broken
Door U-Value: 1.1 W/m²K
Security: Multi-point locking system
Blinds: Included on all windows

🎨 Finishes

Wall Finish: Painted plasterboard (white)
Ceiling: Painted plasterboard
Flooring: SPC rigid core click vinyl
Skirting: MDF painted white
Exterior: Anthracite grey (RAL 7016)
Custom Colors: Available on request

Perfect Applications for L-Size Containers

The L-size container’s compact yet complete design makes it ideal for various residential and commercial applications. Moreover, the turnkey solution means immediate occupancy.

L-size container garden room UK

Garden Rooms & Annexes

Perfect self-contained garden room for guests, teenagers, or elderly relatives. Furthermore, provides independent living space with all facilities included.

  • Guest accommodation
  • Teenager’s retreat
  • Granny annex
  • Home office with facilities

L-size container holiday let UK

Holiday Lets & Glamping

Turnkey holiday accommodation ready for guests. Additionally, the compact design is perfect for glamping sites and holiday parks.

  • Glamping pods
  • Holiday park units
  • Airbnb rentals
  • Eco-tourism accommodation

L-size container worker accommodation UK

Worker Accommodation

Self-contained living quarters for site workers or security personnel. Moreover, all facilities included for comfortable on-site living.

  • Construction site accommodation
  • Security guard quarters
  • Farm worker housing
  • Temporary staff accommodation

L-size container studio UK

Studio Apartments

Compact studio living with bedroom, living, and bathroom facilities. Furthermore, ideal for single occupancy or couples.

  • Student accommodation
  • Starter homes
  • Downsizing solutions
  • Affordable housing

L-size container retreat UK

Wellness Retreats

Peaceful retreat space for meditation, yoga, or personal wellness. Additionally, the private facilities create a sanctuary environment.

  • Meditation rooms
  • Yoga studios
  • Therapy rooms
  • Personal retreats

L-size container emergency housing UK

Emergency Housing

Rapid deployment housing for emergency situations. Moreover, the complete facilities provide immediate shelter and comfort.

  • Disaster relief housing
  • Temporary accommodation
  • Homeless support units
  • Crisis housing

Customization & Upgrade Options

While the L-size comes fully furnished and equipped, you can customize finishes and add optional extras. Furthermore, we can tailor the design to your specific requirements.

🎨 Interior Customization

  • Custom color schemes (walls, furniture)
  • Premium flooring upgrades (wood, carpet)
  • Upgraded furniture packages
  • Built-in storage solutions
  • Kitchenette addition (sink, hob, fridge)
  • Shower addition to toilet area
  • Smart home technology
  • Decorative lighting options

🏠 Exterior Upgrades

  • Premium cladding (timber, composite)
  • Custom RAL color selection
  • Composite decking (various sizes)
  • Entrance canopy
  • External lighting
  • Steps and handrails
  • Landscaping integration
  • Privacy screening

⚡ Technical Upgrades

  • Air-to-air heat pump system
  • Underfloor heating
  • Solar PV panels
  • Hot water system upgrade
  • Enhanced security (CCTV, alarm)
  • Smart thermostats
  • TV and entertainment wiring
  • Enhanced insulation

🛁 Bathroom Upgrades

  • Shower cubicle addition
  • Premium sanitary ware
  • Heated towel rail
  • Luxury tiling options
  • Vanity unit with storage
  • Mirror with integrated lighting
  • Extractor fan upgrade
  • Underfloor heating

Want to discuss your specific requirements? Our design team can help create the perfect L-size container for your needs.

Discuss Customization Options

Why Choose Our L-Size Container Design?

01

Complete Turnkey Solution

Everything included from structure to furniture. Moreover, move in immediately without additional purchases or installations required.

02

Compact Yet Complete

Efficient 40ft design includes bedroom, toilet, and living room. Furthermore, perfect for sites with space constraints.

03

Rapid Deployment

12-16 week manufacturing and installation timeline. Additionally, minimal site preparation required compared to traditional builds.

04

Cost-Effective

All-inclusive pricing with no hidden costs. Moreover, furniture and fittings included saves thousands in additional expenses.

05

Energy Efficient

A-rated energy performance with premium insulation. Furthermore, low running costs with triple-glazed windows and efficient heating.

06

Relocatable Asset

Can be relocated if needed, protecting your investment. Additionally, maintains value as a portable building asset.

L-Size Container Pricing

Transparent, all-inclusive pricing with furniture and fittings included. Moreover, flexible payment terms and asset finance options available.

Standard Package

Complete with all essentials

From
£32,500
+ VAT
  • ✓ 40ft x 8ft container (29m²)
  • ✓ Bedroom with bed & wardrobe
  • ✓ Toilet with basin
  • ✓ Living room with sofa & table
  • ✓ Full insulation throughout
  • ✓ Triple-glazed windows with blinds
  • ✓ Complete electrical system
  • ✓ Complete plumbing system
  • ✓ All fixtures & fittings
  • ✓ All furniture (excl. decorative)
  • ✓ 15-year structural warranty
  • ✓ Delivery and installation

Request Quote

Luxury Package

Premium throughout

From
£52,500
+ VAT
  • ✓ Everything in Premium, plus:
  • ✓ Designer furniture package
  • ✓ Full bathroom with shower
  • ✓ Full kitchen facilities
  • ✓ Underfloor heating
  • ✓ Smart home controls
  • ✓ Solar PV panels (optional)
  • ✓ Premium bathroom suite
  • ✓ Timber cladding exterior
  • ✓ Extended decking (20m²)
  • ✓ Security system (CCTV, alarm)
  • ✓ White-glove installation service

Request Quote

Pricing Notes:

  • All prices include furniture, fixtures, and fittings (excluding decorative elements)
  • Delivery and installation included within 50 miles of our facility
  • Site preparation and foundations are customer responsibility
  • Utility connections to mains services are customer responsibility
  • VAT may be 0% for qualifying residential mobile homes
  • Asset finance available – spread costs over 1-5 years
  • Prices subject to site survey and specific requirements

Flexible Payment Terms:

40%Deposit on order confirmation

55%Before delivery to site

5%Within 14 days of installation

From Order to Move-In

Our streamlined process ensures your L-size container is delivered fully furnished and ready to use. Moreover, we handle everything from manufacturing to installation.

1

Initial Consultation

Week 0

Free consultation to discuss your requirements and site conditions. Furthermore, we’ll provide a detailed quote including all furniture and fittings.

  • Site assessment
  • Design discussion
  • Furniture selection
  • Detailed quotation
2

Design Finalization

Weeks 1-2

Confirm specifications, colors, and any customization options. Additionally, we’ll handle planning applications if required.

  • Technical drawings
  • Color and finish selection
  • Furniture confirmation
  • Planning submission (if needed)
3

Manufacturing

Weeks 3-14

Your container is manufactured and fitted out in our factory. Moreover, furniture is installed and tested before delivery.

  • Container preparation
  • Insulation and finishes
  • Electrical and plumbing installation
  • Furniture fitting
  • Quality inspections
  • Final testing
4

Site Preparation

Weeks 12-14

Prepare your site for delivery while manufacturing continues. Furthermore, we provide detailed site preparation guidelines.

  • Level base preparation
  • Foundation/support system
  • Utility connection points
  • Access route clearance
5

Delivery & Installation

Weeks 15-16

Professional delivery and installation with all furniture in place. Additionally, full commissioning and handover provided.

  • Transportation to site
  • Crane lifting and positioning
  • Service connections
  • Final checks and testing
  • Comprehensive handover
6

Move In & Enjoy

Day 1

Your L-size container is ready for immediate occupancy. Moreover, comprehensive warranty and aftercare support included.

  • Fully furnished and ready
  • All utilities connected
  • 15-year structural warranty
  • 24-month minor defect warranty
  • Ongoing technical support

L-Size Container FAQs

Common questions about our L-size converted shipping containers. Moreover, contact us if you need additional information.

What exactly is included in the L-size container?

The L-size container is a complete turnkey solution including the 40ft x 8ft structure, full insulation, triple-glazed windows, complete electrical and plumbing systems, bedroom furniture (bed, wardrobe, bedside table), living room furniture (sofa, coffee table, storage), toilet with GEBERIT fixtures and basin, all lighting, blinds, and finished walls and flooring. Moreover, the only items not included are decorative elements such as artwork, cushions, and ornaments.

What are the exact dimensions?

The L-size container measures 40ft x 8ft (12m x 2.4m) externally, providing approximately 29m² of internal floor space. Moreover, internal height is typically 2.4-2.7m. Furthermore, the layout includes a bedroom zone, toilet facility, and living room area within this compact footprint.

Do I need planning permission?

Planning requirements vary by location and intended use. Moreover, many L-size containers qualify as permitted development for residential garden rooms or temporary structures. However, permanent residential use or locations in conservation areas typically require planning permission. Furthermore, we provide guidance and can recommend planning consultants to assist with applications.

Can I add a kitchen?

Yes, absolutely. While the standard L-size doesn’t include kitchen facilities, we can add a kitchenette with sink, hob, and fridge as an optional upgrade. Moreover, full kitchen installations are available in our Premium and Luxury packages. Furthermore, we can customize the kitchen to your specific requirements and available space.

Can I add a shower to the toilet area?

Yes, we can add a shower cubicle to the toilet area as an optional upgrade. Moreover, this is included as standard in our Premium and Luxury packages. Furthermore, we can install either a standard shower or a wet room configuration depending on your preference and space requirements.

What foundations are required?

The L-size container requires a level, stable base. Moreover, options include concrete pad foundations, steel frame supports, or reinforced concrete piles. Furthermore, the specific foundation depends on ground conditions and local building regulations. Additionally, we provide detailed foundation specifications with your order and can recommend groundwork contractors.

How long does delivery take?

Standard delivery is 12-16 weeks from order confirmation. Moreover, this includes complete manufacturing with all furniture and fittings installed in our factory, quality inspections, transportation, and on-site installation. Furthermore, expedited delivery may be available for urgent projects at additional cost. Additionally, we provide regular progress updates throughout the manufacturing process.

Is the furniture good quality?

Yes, all furniture is carefully selected for quality, durability, and comfort. Moreover, we use commercial-grade furniture designed for long-term use. Furthermore, the Premium and Luxury packages include upgraded furniture options. Additionally, you can specify particular furniture styles or brands during the design phase to match your preferences.

Can I choose different colors and finishes?

Yes, customization is available. While the standard package includes white walls and anthracite grey exterior, you can select custom colors for walls, furniture, and exterior cladding. Moreover, we offer various flooring options including wood-effect, carpet, or luxury vinyl. Furthermore, our design team can help create a cohesive color scheme to match your preferences.

What warranty is provided?

We provide a comprehensive 15-year structural warranty covering the container structure and major building components. Additionally, a 24-month minor defect warranty covers workmanship, materials, and furniture. Moreover, individual components such as windows and electrical systems may have longer manufacturer warranties. Furthermore, full warranty documentation is provided at handover.

Are utilities included?

The container includes complete electrical and plumbing systems ready for connection to mains services. Moreover, all internal wiring, fixtures, lighting, and plumbing are fully installed and tested. However, connection to external mains utilities (electricity, water, drainage) is typically customer responsibility. Furthermore, we provide detailed connection specifications and can recommend qualified contractors for utility connections.

Can the container be relocated?

Yes, the L-size container can be relocated if needed. Moreover, the modular design allows for disassembly, transportation, and reassembly at a new location. However, relocation costs depend on distance, site conditions, and whether furniture needs to be removed first. Furthermore, this flexibility protects your investment if circumstances change.

Is it suitable for year-round living?

Yes, absolutely. The L-size container features premium KINGSPAN insulation (U-values 0.16-0.18 W/m²K), triple-glazed windows, and optional heating systems. Moreover, the A-rated energy performance ensures comfort in all seasons. Furthermore, the structure is designed for 50-75 years of use. Consequently, it’s perfect for year-round accommodation with low running costs.

What about maintenance?

The L-size container requires minimal maintenance. Moreover, the steel structure is corrosion-resistant and the external cladding is durable and weather-resistant. Furthermore, regular maintenance includes cleaning gutters, checking seals around windows and doors, and annual inspection of electrical and plumbing systems. Additionally, we provide a comprehensive maintenance guide at handover.

Is finance available?

Yes, asset finance is available for qualifying purchases. Moreover, we work with specialist finance providers to offer flexible terms over 1-5 years. Furthermore, this allows you to spread costs while preserving working capital. Additionally, our team can provide finance quotations and arrange applications. Consequently, the L-size container becomes an affordable investment.

Can I visit to see an example?

Yes, we welcome site visits to view completed L-size containers (subject to client permission). Moreover, factory visits can be arranged to see manufacturing in progress and furniture installation. Furthermore, we can provide virtual tours, 3D visualizations, and detailed photo galleries. Additionally, our team can discuss case studies similar to your requirements.

What Our Customers Say

Real feedback from L-size container customers. Moreover, see why individuals and businesses choose KC Modular Buildings for turnkey solutions.

★★★★★

“The L-size container is perfect for our holiday let business. Moreover, guests love that everything is included and the quality is outstanding. Furthermore, it was ready to rent immediately after installation with no additional work needed.”

James Patterson
Holiday Let Owner, Lake District
★★★★★

“We needed worker accommodation on our construction site and the L-size was the perfect solution. Moreover, the complete furniture package meant our site manager could move in the same day. Furthermore, the quality exceeded our expectations for the price.”

Sarah Mitchell
Construction Manager, Manchester
★★★★★

“My elderly mother needed an annex in our garden and the L-size container was ideal. Moreover, everything was included so she could move in immediately. Furthermore, the compact layout works perfectly for her needs and the quality is excellent.”

David Thompson
Homeowner, Bristol

Ready to Order Your L-Size Container?

Get a free, no-obligation quote for your fully furnished L-size converted shipping container. Moreover, our expert team will guide you through every step from design to installation.


Free consultation & site survey

Detailed quote within 48 hours

Complete turnkey solution

All furniture & fittings included

Response within 24 hours • No obligation • Expert guidance • Fully furnished solution

Elevation Front/Back View Detailed elevation drawings showing the front and back views of the L-size container. Moreover, these technical drawings illustrate window placement, door positions, and external finishes.

Front Elevation View Main Entry Side
🔍 Click to Enlarge
Front Elevation Features: 🚪 Main Entry Door Aluminum thermally broken door with multi-point locking system

🪟 Triple-Glazed Windows Energy-efficient windows (U-value 0.7 W/m²K) with blinds

🎨 Premium Cladding Anthracite grey finish (RAL 7016) or custom color options

💡 External Lighting LED entrance lighting (optional upgrade)

Dimensions: Total Width: 2.4m (8ft) Total Height: 2.6m - 2.9m (including roof) Door Size: 900mm x 2100mm Window Heights: Various (bedroom & living room) Back Elevation View Rear Side 🔍 Click to Enlarge Back Elevation Features: 🪟 Bedroom Window Triple-glazed window providing natural light and ventilation

💨 Ventilation Bathroom extractor vent and natural ventilation points

🔌 Service Connections Utility connection points for water, drainage, and electrical

🏗️ Container Structure Original shipping container corrugated steel visible or clad

Dimensions: Total Width: 2.4m (8ft) Total Height: 2.6m - 2.9m (including roof) Window Size: Varies by room Utility Access: Ground level connections Side Elevation View (40ft Length) 12m Full Length 🔍 Click to Enlarge Side Elevation Features: 📏 40ft Length Full 12-meter container providing 29m² of floor space

🪟 Multiple Windows Windows positioned for bedroom, living room, and natural light

🏠 Roof Profile Flat or slightly pitched roof with waterproof membrane

🎨 Cladding Options Timber, composite, or metal cladding available

Dimensions: Total Length: 12m (40ft) Total Height: 2.6m - 2.9m (including roof) Floor to Ceiling: 2.4m - 2.7m internal Roof Overhang: Optional (100-300mm) 📐 Download Technical Drawings Get detailed elevation drawings, floor plans, and specifications for the L-size container. Moreover, these technical documents are essential for planning applications and site preparation.

📄 Download Elevations (PDF) 📄 Download Floor Plan (PDF) 📄 Download Specifications (PDF) All drawings are indicative. Final designs subject to site survey and customization.

🎨 Customization Available All elevation views can be customized to your requirements. Moreover, we can adjust window positions, door locations, cladding materials, and colors. Furthermore, our design team will create bespoke elevation drawings for your specific project during the consultation phase.

Discuss Custom Design /* Elevation Section Styles */ .elevation-section { background: white; padding: 3rem 2rem; border-radius: 8px; margin-bottom: 2rem; } .elevation-section h2 { color: #0066cc; font-size: 2rem; text-align: center; margin-bottom: 1rem; } .elevation-container { display: grid; gap: 3rem; margin-top: 3rem; } .elevation-card { background: #f8f9fa; border-radius: 8px; overflow: hidden; box-shadow: 0 2px 8px rgba(0,0,0,0.1); } .elevation-card.full-width { grid-column: 1 / -1; } .elevation-header { background: linear-gradient(135deg, #0066cc 0%, #0052a3 100%); color: white; padding: 1.5rem 2rem; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 1rem; } .elevation-header h3 { color: white; font-size: 1.5rem; margin: 0; } .elevation-badge { background: rgba(255,255,255,0.2); padding: 0.5rem 1rem; border-radius: 20px; font-size: 0.9rem; font-weight: 600; } .elevation-image-wrapper { position: relative; background: white; padding: 2rem; } .elevation-image-wrapper img { width: 100%; height: auto; border-radius: 4px; box-shadow: 0 2px 8px rgba(0,0,0,0.1); } .elevation-overlay { position: absolute; top: 2rem; right: 2rem; opacity: 0; transition: opacity 0.3s ease; } .elevation-image-wrapper:hover .elevation-overlay { opacity: 1; } .zoom-btn { background: rgba(0,102,204,0.9); color: white; border: none; padding: 0.75rem 1.5rem; border-radius: 6px; font-weight: 600; cursor: pointer; transition: all 0.3s ease; } .zoom-btn:hover { background: #0052a3; transform: scale(1.05); } .elevation-details { padding: 2rem; } .elevation-details h4 { color: #0066cc; font-size: 1.3rem; margin-bottom: 1.5rem; } .elevation-features-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.5rem; margin-bottom: 2rem; } .elevation-feature { display: flex; gap: 1rem; align-items: start; } .elevation-feature .feature-icon { font-size: 2rem; flex-shrink: 0; } .elevation-feature .feature-text strong { color: #333; font-size: 1.05rem; display: block; margin-bottom: 0.25rem; } .elevation-feature .feature-text p { color: #666; font-size: 0.95rem; line-height: 1.6; margin: 0; } .elevation-dimensions { background: white; padding: 1.5rem; border-radius: 6px; border-left: 4px solid #ff6600; } .elevation-dimensions h5 { color: #0066cc; font-size: 1.1rem; margin-bottom: 1rem; } .elevation-dimensions ul { list-style: none; padding: 0; margin: 0; } .elevation-dimensions li { padding: 0.5rem 0; color: #666; border-bottom: 1px solid #e9ecef; } .elevation-dimensions li:last-child { border-bottom: none; } .elevation-dimensions strong { color: #333; display: inline-block; min-width: 150px; } /* Download Section */ .elevation-download-section { margin-top: 3rem; } .download-card { background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%); padding: 2rem; border-radius: 8px; text-align: center; border: 2px dashed #0066cc; } .download-card h4 { color: #0066cc; font-size: 1.5rem; margin-bottom: 1rem; } .download-card > p { color: #666; font-size: 1.05rem; line-height: 1.7; max-width: 800px; margin: 0 auto 2rem; } .download-buttons { display: flex; justify-content: center; gap: 1rem; flex-wrap: wrap; margin-bottom: 1.5rem; } .btn-download { display: inline-flex; align-items: center; gap: 0.75rem; background: #0066cc; color: white; padding: 1rem 2rem; border-radius: 6px; text-decoration: none; font-weight: 600; transition: all 0.3s ease; } .btn-download:hover { background: #0052a3; transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,102,204,0.3); } .download-icon { font-size: 1.3rem; } .download-note { color: #999; font-size: 0.9rem; font-style: italic; margin: 0; } /* Customization Note */ .elevation-customization-note { background: #fff3cd; padding: 2rem; border-radius: 8px; border-left: 4px solid #ffc107; margin-top: 2rem; text-align: center; } .elevation-customization-note h4 { color: #856404; font-size: 1.3rem; margin-bottom: 1rem; } .elevation-customization-note p { color: #856404; font-size: 1.05rem; line-height: 1.7; margin-bottom: 1.5rem; } /* Responsive Design */ @media (max-width: 992px) { .elevation-features-grid { grid-template-columns: 1fr; } .elevation-header { flex-direction: column; align-items: flex-start; } } @media (max-width: 768px) { .elevation-section { padding: 2rem 1rem; } .elevation-image-wrapper { padding: 1rem; } .elevation-details { padding: 1.5rem; } .elevation-overlay { opacity: 1; top: 1rem; right: 1rem; } .zoom-btn { padding: 0.5rem 1rem; font-size: 0.9rem; } .download-buttons { flex-direction: column; } .btn-download { width: 100%; justify-content: center; } } @media (max-width: 480px) { .elevation-section h2 { font-size: 1.5rem; } .elevation-header h3 { font-size: 1.2rem; } .elevation-feature { flex-direction: column; text-align: center; } .elevation-dimensions strong { display: block; min-width: auto; margin-bottom: 0.25rem; } } /* Print Styles */ @media print { .elevation-overlay, .zoom-btn, .download-buttons, .elevation-customization-note .btn-secondary { display: none; } .elevation-image-wrapper { page-break-inside: avoid; } } /* Accessibility */ .zoom-btn:focus { outline: 3px solid white; outline-offset: 2px; } .btn-download:focus { outline: 3px solid #0066cc; outline-offset: 2px; } /* High Contrast Mode */ @media (prefers-contrast: high) { .elevation-card { border: 2px solid #000; } .elevation-badge { border: 1px solid white; } } /* Reduced Motion */ @media (prefers-reduced-motion: reduce) { .zoom-btn, .btn-download { transition: none; } .elevation-overlay { opacity: 1; } } jQuery(document).ready(function($) { // Elevation image zoom functionality $('.zoom-btn').on('click', function(e) { e.stopPropagation(); var imgSrc = $(this).closest('.elevation-image-wrapper').find('img').attr('src'); var imgAlt = $(this).closest('.elevation-image-wrapper').find('img').attr('alt'); var lightbox = $('') .css({ 'position': 'fixed', 'top': 0, 'left': 0, 'width': '100%', 'height': '100%', 'background': 'rgba(0,0,0,0.95)', 'display': 'flex', 'align-items': 'center', 'justify-content': 'center', 'z-index': 10000, 'cursor': 'zoom-out', 'padding': '2rem' }) .append( $('') .css({ 'position': 'relative', 'max-width': '95%', 'max-height': '95%' }) .append( $('') .attr('src', imgSrc) .attr('alt', imgAlt) .css({ 'max-width': '100%', 'max-height': '90vh', 'border-radius': '8px', 'box-shadow': '0 4px 20px rgba(0,0,0,0.5)' }) ) .append( $('') .text('✕ Close') .css({ 'position': 'absolute', 'top': '-40px', 'right': '0', 'background': 'white', 'color': '#333', 'border': 'none', 'padding': '0.5rem 1rem', 'border-radius': '6px', 'font-weight': '600', 'cursor': 'pointer', 'font-size': '1rem' }) .on('click', function(e) { e.stopPropagation(); lightbox.fadeOut(300, function() { $(this).remove(); }); }) ) .append( $('') .text(imgAlt) .css({ 'position': 'absolute', 'bottom': '-50px', 'left': '0', 'right': '0', 'color': 'white', 'text-align': 'center', 'font-size': '0.95rem', 'padding': '0.5rem' }) ) ) .on('click', function(e) { if ($(e.target).hasClass('elevation-lightbox')) { $(this).fadeOut(300, function() { $(this).remove(); }); } }); $('body').append(lightbox); lightbox.hide().fadeIn(300); // Track analytics if (typeof gtag !== 'undefined') { gtag('event', 'elevation_zoom', { 'event_category': 'engagement', 'event_label': 'L-Size Elevation View' }); } }); // Track download clicks $('.btn-download').on('click', function() { var fileName = $(this).text().trim(); if (typeof gtag !== 'undefined') { gtag('event', 'download', { 'event_category': 'document', 'event_label': fileName, 'page': 'L-Size Container' }); } }); // Keyboard navigation for lightbox $(document).on('keydown', function(e) { if (e.key === 'Escape' && $('.elevation-lightbox').length) { $('.elevation-lightbox').fadeOut(300, function() { $(this).remove(); }); } }); // Animate elevation cards on scroll if ('IntersectionObserver' in window) { const elevationObserver = new IntersectionObserver((entries) => { entries.forEach(entry => { if (entry.isIntersecting) { entry.target.style.opacity = '1'; entry.target.style.transform = 'translateY(0)'; elevationObserver.unobserve(entry.target); } }); }, { threshold: 0.1, rootMargin: '0px 0px -50px 0px' }); $('.elevation-card').each(function() { $(this).css({ 'opacity': '0', 'transform': 'translateY(30px)', 'transition': 'opacity 0.6s ease, transform 0.6s ease' }); elevationObserver.observe(this); }); } }); Elevation View Comparison View Key Features Dimensions Access Points Front Elevation Main entry door Living room windows Premium cladding External lighting 2.4m (W) × 2.6-2.9m (H) Primary entrance Back Elevation Bedroom window Ventilation points Service connections Utility access 2.4m (W) × 2.6-2.9m (H) Service access Side Elevation Full 40ft length Multiple windows Roof profile Cladding options 12m (L) × 2.6-2.9m (H) Emergency exit (optional) .elevation-comparison { margin-top: 3rem; padding: 2rem; background: white; border-radius: 8px; } .elevation-comparison h3 { color: #0066cc; font-size: 1.5rem; margin-bottom: 1.5rem; text-align: center; } .comparison-table-wrapper { overflow-x: auto; } .comparison-table { width: 100%; border-collapse: collapse; background: #f8f9fa; border-radius: 8px; overflow: hidden; } .comparison-table thead { background: linear-gradient(135deg, #0066cc 0%, #0052a3 100%); color: white; } .comparison-table th { padding: 1rem; text-align: left; font-weight: 600; font-size: 1.05rem; } .comparison-table td { padding: 1rem; border-bottom: 1px solid #e9ecef; vertical-align: top; } .comparison-table tbody tr:last-child td { border-bottom: none; } .comparison-table tbody tr:hover { background: #e9ecef; } .comparison-table ul { list-style: none; padding: 0; margin: 0; } .comparison-table li { padding: 0.25rem 0; padding-left: 1.5rem; position: relative; color: #666; font-size: 0.95rem; } .comparison-table li::before { content: "✓"; position: absolute; left: 0; color: #28a745; font-weight: bold; } @media (max-width: 768px) { .comparison-table { font-size: 0.9rem; } .comparison-table th, .comparison-table td { padding: 0.75rem 0.5rem; } }
L-size converted shipping container UK - 40ft modular building with bedroom, toilet, and living room, fully furnished with grey cladding
Elevation - side view
House dimensions
Examples