buildHtml
baseUrl https://petroleum.scroll.pub
title MID PETROLEUM
metaTags
editButton /edit.html
style.css
header
 class hero
 nav
  div MID PETROLEUM
   class logo
  div
   class nav-links
   a Home
    href #home
   a Services
    href #services
   a Upload
    href #upload
   a Contact
    href #contact
   button Get Started
    class cta-button
 div
  class hero-content
  h1 Powering Your Journey, Fueling Your Success
  p Where performance meets precision, and reliability is a given.
  a Discover More
   class primary-button
   href #services
main
 section
  id services
  class services
  h2 Our Services
  div
   class service-grid
   div
    class service-card
    div 🛢️
     class service-icon
    h3 Petroleum Distribution
    p At MID PETROLEUM, we’re more than just a diesel depot—we’re your trusted partner in keeping your engines running and your business moving forward. 
   div
    class service-card
    div ⚡
     class service-icon
    h3 Product Solutions
    p With decades of expertise in the fuel industry, we deliver high-quality, reliable diesel products and services tailored to meet the needs of commercial fleets, heavy machinery, and transportation companies.
   div
    class service-card
    div 🌿
     class service-icon
    h3 Sustainable Practices
    p From fast and convenient fuel delivery to 24/7 depot access, we are committed to fueling your success with the highest standards of service and reliability.
   div
    class service-card
    div 🔧
     class service-icon
    h3 Truck Stop
    p On-site Security
Your safety is our priority. At WTS Truck Stop, we provide robust on-site security measures to ensure peace of mind for both drivers and their vehicles.
 section.  Ablutions
We prioritize cleanliness and comfort for all our guests. Our ablution facilities include spotless showers and restrooms, providing drivers with a refreshing and hygienic experience after long hours on the road. Stay fresh and ready for your journey with our well-maintained amenities designed with your needs in mind. 
 	
  id upload
  class upload-section
  h2 Document Upload
  div
   class upload-container
   form
    class upload-form
    div
     class file-input-wrapper
     label Choose File
      for file-upload
     input
      type file
      id file-upload
      accept .pdf,.doc,.docx
    button Upload Document
     class upload-button
     type submit
 section
  id contact
  class contact-section
  h2 Contact Us
  div
   class contact-grid
   div
    class contact-form
    form
     input
      type text
      placeholder Your Name
     input
      type email
      placeholder Your Email
     textarea
      placeholder Your Message
     button Send Message
      class submit-button
   div
    class contact-info
    h3 Our Location
    div
     class map-container
     id map
    div
     class contact-details
     p 📍 123 Energy Street, Industrial Zone
     p 📞 +1 234 567 8900
     p 📧 info@midpetroleum.com
footer
 div
  class footer-content
  div
   class footer-links
   a About Us
    href #about
   a Privacy Policy
    href #privacy
   a Terms of Service
    href #terms
  div
   class social-links
   a
    href #
    class social-icon
    span LinkedIn
   a
    href #
    class social-icon
    span Twitter
   a
    href #
    class social-icon
    span Facebook
script.js