buildHtml
baseUrl https://midpetrol.scroll.pub
metaTags
editButton /edit.html
title MID PETROLEUM - Professional 24/7 Truck Stop Services
style.css
header
 class hero
 nav
  class main-nav
  div MID PETROLEUM
   class logo
  div
   class nav-links
   a Home
    href #home
   a Services
    href #services
   a Amenities
    href #amenities
   a Contact
    href #contact
   a Location
    href #location
 div
  class hero-content
  h1 Your Trusted 24/7 Truck Stop
  p Professional services, secure facilities, and comfortable rest areas
  a Learn More
   class cta-button
   href #services
main
 section
  id services
  class services-grid
  h2 Our Services
  div
   class service-card
   div
    class icon security-icon
   h3 24/7 Security
   p Round-the-clock surveillance and security staff for your safety
  div
   class service-card
   div
    class icon rest-icon
   h3 Rest Areas
   p Clean, comfortable sleeping facilities for long-haul drivers
  div
   class service-card
   div
    class icon shower-icon
   h3 Clean Facilities
   p Modern ablution facilities maintained to the highest standards
  div
   class service-card
   div
    class icon fuel-icon
   h3 Fuel Services
   p Quality fuel available 24/7 with competitive pricing
 section
  id amenities
  class amenities
  h2 Truck Stop Amenities
  div
   class amenities-content
   div
    class amenity-details
    h3 Modern Facilities
    p Experience our state-of-the-art amenities designed for your comfort
    ul
     li Spacious parking areas
     li Hot showers
     li Rest rooms
     li Dining area
    a View All Amenities
     class secondary-button
     href #contact
   div
    class amenity-image
 section
  id location
  class location
  h2 Find Us
  div
   class map-container
   div
    id map
  div
   class location-details
   h3 MID PETROLEUM Location
   p 123 Truck Stop Road, Industrial Area
   p Open 24/7, 365 days a year
 section
  id contact
  class contact
  h2 Contact Us
  div
   class contact-grid
   div
    class contact-form
    form
     id uploadForm
     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 contact-info
    h3 Get In Touch
    p Phone: (555) 123-4567
    p Email: info@midpetrol.com
div
 id chatbot
 class chatbot-container
footer
 div
  class footer-content
  div
   class footer-links
   a Services
    href #services
   a Amenities
    href #amenities
   a Contact
    href #contact
  p MID PETROLEUM - Serving the trucking community since 2000
script.js