-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathproducts.html
More file actions
141 lines (128 loc) · 6.01 KB
/
Copy pathproducts.html
File metadata and controls
141 lines (128 loc) · 6.01 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Products | FreClean Cleaning & Fragrance Products</title>
<meta name="description" content="FreClean's cleaning and fragrance product catalog, made in Haiti.">
<link rel="canonical" href="https://freclean.com/products.html">
<meta property="og:title" content="FreClean | Products">
<meta property="og:description" content="Cleaning and fragrance products, lifecycle status.">
<meta name="twitter:card" content="summary">
<link rel="icon" type="image/svg+xml" href="assets/img/favicon.svg">
<link rel="stylesheet" href="style.css">
</head>
<body>
<a class="skip-link" href="#main">Skip to content</a>
<header class="site">
<div class="nav">
<a class="brand" href="index.html"><img src="assets/img/logo.jpg" alt="FreClean logo"> FreClean</a>
<button class="menu-toggle" aria-label="Open menu" aria-controls="navlinks" aria-expanded="false">☰</button>
<ul id="navlinks">
<li><a href="about.html">Company</a></li>
<li><a href="services.html">Services</a></li>
<li><a href="products.html">Products</a></li>
<li><a href="entrepreneurship.html">Entrepreneurship</a></li>
<li><a href="web3-payments.html">Web3 Payments</a></li>
<li><a href="contact.html">Contact</a></li>
<li><a class="cta" href="contact.html#book">Book a Cleaning</a></li>
</ul>
</div>
</header>
<main id="main">
<section class="page-hero">
<div class="container">
<div class="breadcrumb"><a href="index.html">Home</a> / Products</div>
<h1>Cleaning products made in Haiti</h1>
<p class="lead">Every product below carries a lifecycle status. Nothing is listed as commercially available unless that has been verified.</p>
</div>
</section>
<div class="container"><div class="wipe"></div></div>
<section>
<div class="container grid cols-2" style="align-items:center;">
<picture>
<source type="image/webp" srcset="assets/img/product-detail.webp">
<img src="assets/img/product-detail.png" alt="FreClean multi-purpose cleaning spray, 750ml" loading="lazy">
</picture>
<div>
<span class="tag dev">Launch planning</span>
<h2>FreClean Multi-Surface Cleaner</h2>
<table>
<tr><th>SKU</th><td>To be announced</td></tr>
<tr><th>Category</th><td>Cleaning products</td></tr>
<tr><th>Sizes</th><td>400ml, 750ml</td></tr>
<tr><th>Made in</th><td>Haiti</td></tr>
<tr><th>Ingredients</th><td>To be announced</td></tr>
<tr><th>Manufacturing status</th><td>Launch planning</td></tr>
<tr><th>Retail price</th><td>To be announced</td></tr>
</table>
</div>
</div>
</section>
<section>
<div class="container">
<div class="grid cols-2">
<picture>
<source type="image/webp" srcset="assets/img/product-400ml.webp">
<img src="assets/img/product-400ml.png" alt="FreClean multi-purpose cleaner, 400ml bottle" loading="lazy">
</picture>
<div class="card">
<span class="tag planned">Launch planning</span>
<h3>Fragrance products</h3>
<p>A fragrance product line is being prepared alongside the cleaning line, under the same FreClean quality and safety process.</p>
</div>
</div>
</div>
</section>
<section>
<div class="container">
<div class="section-head">
<span class="eyebrow">Catalog status</span>
<h2>Product lifecycle</h2>
<p>FreClean uses five lifecycle states for every product, from first formulation to discontinuation.</p>
</div>
<table>
<tr><th>Status</th><th>Meaning</th></tr>
<tr><td class="mono">Development</td><td>Formulation or design in progress; not yet produced.</td></tr>
<tr><td class="mono">Prototype</td><td>A working sample exists; not yet sold.</td></tr>
<tr><td class="mono">Available</td><td>Verified as in stock and sold to customers.</td></tr>
<tr><td class="mono">Discontinued</td><td>No longer produced or sold.</td></tr>
<tr><td class="mono">Planned</td><td>Intended for future development; not started.</td></tr>
</table>
</div>
</section>
<div class="container">
<div class="callout"><p>Wholesale pricing, batch and supplier information, and safety data sheets are published per product once verified. None of these figures are estimated or invented on this site.</p></div>
</div>
<footer>
<div class="container grid">
<div>
<a class="brand" href="index.html" style="color:#fff;"><img src="assets/img/logo.jpg" alt="FreClean logo"> FreClean</a>
<p style="color:#9DBBB4;margin-top:12px;max-width:32ch;">Professional cleaning, cleaning products, entrepreneurship, and Web3 payments in Léogâne, Ouest, Haiti.</p>
</div>
<div><h4>Company</h4><ul><li><a href="about.html">About</a></li><li><a href="services.html">Services</a></li><li><a href="products.html">Products</a></li></ul></div>
<div><h4>Programs</h4><ul><li><a href="entrepreneurship.html">Entrepreneurship</a></li><li><a href="web3-payments.html">Web3 Payments</a></li></ul></div>
<div><h4>Contact</h4><ul><li><a href="mailto:freclean7@gmail.com">freclean7@gmail.com</a></li><li><a href="tel:+18493881969">+1 (849) 388-1969</a></li><li>Léogâne, Ouest, Haiti</li></ul></div>
</div>
<div class="container footer-bottom">
<span>© 2026 FreClean. All rights reserved.</span>
<span><a href="policies.html">Privacy · Terms · Booking · Payment policies</a></span>
</div>
</footer>
<script>
(function(){
const btn = document.querySelector('.menu-toggle');
const nav = document.getElementById('navlinks');
if(btn && nav){
btn.setAttribute('aria-expanded','false');
btn.addEventListener('click', function(){
const open = nav.classList.toggle('open');
btn.setAttribute('aria-expanded', open ? 'true' : 'false');
});
document.addEventListener('keydown', (e)=>{ if(e.key==='Escape'){ nav.classList.remove('open'); btn.setAttribute('aria-expanded','false'); }});
}
})();
</script>
</main>
</body>
</html>