buildHtml
baseUrl https://midpetrol.scroll.pub
metaTags
editButton /edit.html
title MID PETROLEUM - 24/7 Secure Fuel Depot
header
 class main-header
 div
  class logo-container
  img MID PETROLEUM
   class logo
   alt MID PETROLEUM Logo
 nav
  class nav-menu
  a Home
   href #home
  a Services
   href #services
  a Location
   href #location
  a Contact
   href #contact
  a
   class phone-button
   href tel:+27123456789
   span Call Now: +27 12 345 6789
main
 section
  id home
  class hero
  div
   class hero-content
   h1 24/7 Secure Fuel Depot
   p Your Trusted Partner in Fuel Services
   button Get Started
    class cta-button
 section
  id services
  class services-section
  h2 Our Services
  div
   class service-grid
   div
    class service-card
    i
     class icon fuel-icon
    h3 Fuel Services
    p Premium quality fuel available 24/7
   div
    class service-card
    i
     class icon truck-icon
    h3 Truck Stop
    p Modern facilities for long-haul drivers
   div
    class service-card
    i
     class icon bed-icon
    h3 Accommodation
    p Comfortable rest areas for drivers
   div
    class service-card
    i
     class icon wash-icon
    h3 Washing Facilities
    p State-of-the-art truck washing
 section
  id location
  class location-section
  h2 Find Us
  div
   class map-container
   div
    id map
   div
    class location-info
    h3 Address
    p 123 Industrial Road, Middelburg
    button Get Directions
     class directions-button
 section
  id contact
  class contact-section
  h2 Contact Us
  form
   class contact-form
   div
    class form-group
    input
     type text
     placeholder Your Name
     required
   div
    class form-group
    input
     type email
     placeholder Your Email
     required
   div
    class form-group
    textarea
     placeholder Your Message
     required
   button Submit
    class submit-button
footer
 div
  class footer-content
  div
   class footer-info
   p MID PETROLEUM
   p 123 Industrial Road, Middelburg
   p Contact: +27 12 345 6789