buildHtml
baseUrl https://truckstopscroll.pub
metaTags
editButton /edit.html
title MID PETROLEUM - 24/7 Secure Truck Stop
style.css
header
 nav
  div MID PETROLEUM
   class logo
  div
   class nav-links
   a Home
    href #home
   a Services
    href #services
   a Facilities
    href #facilities
   a Contact
    href #contact
main
 section
  id home
  class hero
  div
   class hero-content
   h1 Your Trusted 24/7 Truck Stop
   p Secure parking, clean facilities, and professional service - all in one place
   button Get Directions
    class cta-button
    onclick openMap()
 section
  id services
  class services-grid
  h2 Our Services
  div
   class service-card
   div 🛡️
    class icon
   h3 24/7 Security
   p Round-the-clock surveillance and security personnel for your peace of mind
  div
   class service-card
   div 🛏️
    class icon
   h3 Safe Sleepover Area
   p Comfortable rest areas for drivers to recharge
  div
   class service-card
   div 🚿
    class icon
   h3 Clean Facilities
   p Modern ablution facilities maintained to the highest standards
  div
   class service-card
   div ⛽
    class icon
   h3 Fuel Services
   p Quality fuel available 24/7
 section
  id facilities
  class facilities
  h2 Our Facilities
  div
   class facility-grid
   div
    class image-card
    img
     src images/ablution.jpg
     alt Clean Ablution Facilities
    h3 Modern Ablution Facilities
   div
    class image-card
    img
     src images/parking.jpg
     alt Secure Parking Area
    h3 Secure Parking
   div
    class image-card
    img
     src images/rest.jpg
     alt Rest Area
    h3 Rest Area
 section
  id contact
  class contact
  h2 Contact Us
  div
   class contact-grid
   div
    class map-container
    div
     id map
   div
    class contact-form
    form
     input
      type text
      placeholder Your Name
     input
      type email
      placeholder Your Email
     textarea
      placeholder Your Message
     button Submit
      type submit
      class submit-button
div
 class chatbot
 div
  id chatbot-toggle
  span Need Help?
 div
  id chatbot-container
  class hidden
  div
   class chatbot-messages
  input
   type text
   placeholder Type your question...
   id chatbot-input
footer
 div
  class footer-content
  div
   class footer-links
   a Privacy Policy
   a Terms of Service
   a FAQ
  p MID PETROLEUM - Your Trusted Partner on the Road
script.js