diff --git a/assets/css/custom.css b/assets/css/custom.css new file mode 100644 index 0000000..6e40f21 --- /dev/null +++ b/assets/css/custom.css @@ -0,0 +1,211 @@ +/* TPS Petroleums LLP Custom Styles */ + +:root { + --tps-green: #2E7D32; + --tps-dark-blue: #1A237E; + --tps-white: #FFFFFF; + --tps-light-grey: #F5F5F5; + --tps-dark-grey: #333333; + --font-headings: 'Montserrat', sans-serif; + --font-body: 'Open Sans', sans-serif; +} + +body { + font-family: var(--font-body); + color: var(--tps-dark-grey); +} + +h1, h2, h3, h4, h5, h6 { + font-family: var(--font-headings); + font-weight: 700; +} + +.navbar { + transition: background-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out; +} + +.navbar-brand { + font-family: var(--font-headings); + font-weight: 700; + font-size: 1.5rem; +} + +.navbar.scrolled { + background-color: var(--tps-white); + box-shadow: 0 2px 10px rgba(0,0,0,0.1); +} + +#hero { + background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('https://images.pexels.com/photos/228095/pexels-photo-228095.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=2'); + background-size: cover; + background-position: center; + color: var(--tps-white); + min-height: 100vh; + display: flex; + align-items: center; + justify-content: center; +} + +#hero h1 { + font-size: 3.5rem; + font-weight: 800; +} + +#hero p { + font-size: 1.25rem; + max-width: 800px; + margin: 1rem auto; +} + +.btn-primary { + background-color: var(--tps-green); + border-color: var(--tps-green); + font-weight: 600; + padding: 0.75rem 1.5rem; + transition: background-color 0.3s, border-color 0.3s; +} + +.btn-primary:hover { + background-color: #256528; + border-color: #256528; +} + +.btn-secondary { + background-color: transparent; + border-color: var(--tps-white); + color: var(--tps-white); + font-weight: 600; + padding: 0.75rem 1.5rem; + transition: background-color 0.3s, color 0.3s; +} + +.btn-secondary:hover { + background-color: var(--tps-white); + color: var(--tps-dark-grey); +} + +footer { + background-color: var(--tps-light-grey); +} + +.section-title { + font-weight: 800; + margin-bottom: 1rem; + padding-bottom: 0.5rem; + border-bottom: 3px solid var(--tps-green); + display: inline-block; +} + +#about .card { + border: none; + transition: transform 0.3s ease, box-shadow 0.3s ease; +} + +#about .card:hover { + transform: translateY(-5px); + box-shadow: 0 8px 25px rgba(0,0,0,0.1) !important; +} + +.icon-circle { + width: 60px; + height: 60px; + background-color: rgba(46, 125, 50, 0.1); + border-radius: 50%; + display: flex; + align-items: center; + justify-content: center; + color: var(--tps-green); +} + +#product ul li svg { + vertical-align: middle; +} + +/* Quality Assurance Section */ +#quality .card { + border: none; + transition: transform 0.3s ease, box-shadow 0.3s ease; +} + +#quality .card:hover { + transform: translateY(-5px); + box-shadow: 0 8px 25px rgba(0,0,0,0.1) !important; +} + +/* Logistics & Traceability Section */ +#logistics .list-unstyled li div { + font-size: 1.05rem; +} + +#logistics .feather { + width: 30px; /* Slightly larger icons */ + height: 30px; +} + +/* Sustainability Section */ +#sustainability .feather { + width: 30px; + height: 30px; +} + +#sustainability ul li div { + font-size: 1.05rem; +} + +/* Contact Section */ +#contact form { + background-color: var(--tps-white); + padding: 2rem; + border-radius: 8px; + box-shadow: 0 4px 15px rgba(0,0,0,0.05); +} + +.section-title-decorative { + font-weight: 800; + margin-bottom: 1rem; + position: relative; + display: inline-block; +} + +.section-title-decorative::after { + content: ''; + position: absolute; + bottom: -10px; + left: 50%; + transform: translateX(-50%); + width: 60px; + height: 4px; + background-color: var(--tps-green); +} + +#hero { + background: linear-gradient(45deg, rgba(46, 125, 50, 0.8), rgba(26, 35, 126, 0.8)), url('https://images.pexels.com/photos/228095/pexels-photo-228095.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=2'); + background-size: cover; + background-position: center; +} + +/* Specifications & Comparison Sections */ +#specifications .table, +#comparison .table { + font-size: 1.1rem; +} + +#specifications .table-bordered, +#comparison .table-bordered { + border-color: #dee2e6; +} + +.table thead.table-dark th { + background-color: var(--tps-dark-blue); + border-color: var(--tps-dark-blue); +} + +#comparison .text-success { + color: var(--tps-green) !important; + font-weight: 600; +} + +#comparison .text-danger { + color: #dc3545 !important; + font-weight: 600; +} diff --git a/assets/js/main.js b/assets/js/main.js new file mode 100644 index 0000000..188e65c --- /dev/null +++ b/assets/js/main.js @@ -0,0 +1,10 @@ +document.addEventListener('DOMContentLoaded', function () { + const navbar = document.querySelector('.navbar'); + window.addEventListener('scroll', () => { + if (window.scrollY > 50) { + navbar.classList.add('scrolled'); + } else { + navbar.classList.remove('scrolled'); + } + }); +}); diff --git a/index.php b/index.php index 7205f3d..9bdcba0 100644 --- a/index.php +++ b/index.php @@ -1,150 +1,410 @@ - + - - - New Style - - - - - - - - - - - - - - - - - - - + + + <?php echo htmlspecialchars(getenv('PROJECT_NAME') ?: 'TPS Petroleums LLP'); ?> + + + + + + + + + + + + + + + + + + -
-
-

Analyzing your requirements and generating your website…

-
- Loading… -
-

AI is collecting your requirements and applying the first changes.

-

This page will update automatically as the plan is implemented.

-

Runtime: PHP — UTC

-
-
- + + +
+ +
+ + +
+
+

Advanced RDF Biofuel Solutions for a Cleaner Industrial Future

+

High-performance, environmentally responsible biofuel with secure logistics and strict quality control.

+
+ Explore Our Product + Contact Us +
+
+
+ + +
+
+
+

Company Focus

+

TPS Petroleums LLP delivers advanced RDF Biofuel solutions with a strong emphasis on quality control, secure logistics, and environmental sustainability. The company uses innovative processing technology to ensure reliable, high-performance biofuel for industrial applications.

+
+
+
+
+
+
+ +
+
Quality Control
+

Rigorous testing at every stage ensures our biofuel meets the highest performance and safety standards.

+
+
+
+
+
+
+
+ +
+
Secure Logistics
+

Reliable and timely delivery of biofuel with end-to-end traceability for complete peace of mind.

+
+
+
+
+
+
+
+ +
+
Sustainability
+

Our RDF biofuel reduces emissions and promotes a circular economy, helping you meet your green targets.

+
+
+
+
+
+
+ + +
+
+
+
+

Product (RDF Biofuel)

+

Our high-calorific value RDF Biofuel is an eco-friendly alternative to traditional fossil fuels, engineered for efficiency and performance. It is produced from non-hazardous solid waste, undergoing a rigorous refinement process to ensure consistent quality for industrial boilers, furnaces, and power plants.

+
    +
  • High energy output and consistent performance.
    • +
  • Reduces carbon footprint and harmful emissions.
    • +
  • Cost-effective and reliable fuel source.
    • +
+
+
+ Biofuel Production Facility +
+
+
+
+ + +
+
+
+

Multi-Stage Quality Assurance

+

We enforce a rigorous, multi-stage quality control process to guarantee every batch of biofuel meets the highest standards of performance and safety.

+
+
+
+
+
+
+ +
+
Raw Material Testing
+

Comprehensive feedstock analysis is conducted before unloading to ensure quality from the very start.

+
+
+
+
+
+
+
+ +
+
In-Process Monitoring
+

Continuous quality checks are performed throughout the manufacturing process.

+
+
+
+
+
+
+
+ +
+
Final Product Verification
+

Comprehensive testing is done before dispatch to ensure the final product meets all specifications.

+
+
+
+
+
+
+
+ +
+
Documentation & Sampling
+

Test reports and counter-samples are provided with every single delivery for full transparency.

+
+
+
+
+
+
+ + +
+
+
+
+

Logistics & Traceability

+

Our integrated logistics network ensures that your biofuel supply is secure, timely, and fully traceable from our plant to your facility.

+
    +
  • + +
    Detailed Test Reports: Every shipment includes comprehensive test reports, so you have full visibility into the fuel's specifications.
    +
    • +
  • + +
    Counter Samples: For quality assurance, we store counter samples of every delivery for one month.
    +
    • +
  • + +
    Sealed Invoices: All invoices and challans are dispatched with a unique seal number to ensure tamper-proof documentation.
    +
    • +
+
+
+ Logistics and Supply Chain +
+
+
+
+ + +
+
+
+
+

Commitment to Sustainability

+

We are dedicated to promoting a circular economy and reducing the environmental impact of industrial processes. Our RDF biofuel is a testament to this commitment, offering a cleaner, more sustainable energy source.

+
    +
  • + +
    Reduced Emissions: Significantly lowers CO2, SOx, and NOx emissions compared to fossil fuels.
    +
    • +
  • + +
    Circular Economy: Converts non-hazardous waste into a valuable energy resource, reducing landfill.
    +
    • +
  • + +
    Energy Security: Provides a locally sourced, reliable alternative to imported fossil fuels.
    +
    • +
+
+
+ Green Energy and Sustainability +
+
+
+
+ + +
+
+
+

Technical Specifications

+

Detailed technical specifications of our high-performance RDF Biofuel.

+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
ParameterValue
Gross Calorific Value (GCV)3500-4500 Kcal/Kg
Ash Content10-15%
Moisture Content< 10%
Sulphur Content< 0.5%
Chlorine Content< 0.5%
+
+
+
+
+ + +
+
+
+

Fuel Comparison

+

See how our RDF Biofuel compares to traditional fuels.

+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
ParameterRDF BiofuelCoal / Petcoke
Carbon FootprintLowHigh
SOx & NOx EmissionsVery LowHigh
Ash ContentLowHigh
CostEconomicalVolatile
Energy SecurityHigh (Local Supply)Dependent on Imports
+
+
+
+
+ + +
+
+
+

Get in Touch

+

We are here to answer your questions and help you find the right biofuel solution for your business.

+
+
+
+ + + +
+
+
+ + +
+
+ + +
+
+
+ + +
+
+ +
+
+ +
+
+
+
+ + + + + + + +