FreClean.github.io/index.html at main · FreClean/FreClean.github.io · GitHub

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
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta
      name="description"
      content="FreClean provides professional cleaning services, premium cleaning products, and sustainable business opportunities."
    />
    <meta name="theme-color" content="#2e8b57" />
    <meta property="og:title" content="FreClean | Professional Cleaning Solutions" />
    <meta
      property="og:description"
      content="Cleaner spaces, healthier lives, and stronger communities through professional cleaning and sustainable business opportunities."
    />
    <meta property="og:type" content="website" />
    <title>FreClean | Professional Cleaning Solutions</title>
    <link rel="icon" href="FreClean.jpg" />
    <link rel="stylesheet" href="styles.css" />
  </head>
  <body>
    <header class="hero">
      <nav class="nav container">
        <a class="brand" href="#home">
          <img src="FreClean.jpg" alt="FreClean logo" />
          <span>FreClean</span>
        </a>
        <div class="nav-links">
          <a href="#about">About</a>
          <a href="#services">Services</a>
          <a href="#products">Products</a>
          <a href="#opportunities">Opportunities</a>
          <a href="#contact">Contact</a>
        </div>
      </nav>

      <section class="hero-content container" id="home">
        <div class="hero-text">
          <p class="eyebrow">Professional Cleaning • Premium Products • Sustainable Growth</p>
          <h1>Cleaner spaces, healthier lives, and stronger communities.</h1>
          <p class="lead">
            FreClean delivers trusted cleaning services and high-quality products while creating
            business opportunities for entrepreneurs and communities.
          </p>
          <div class="hero-actions">
            <a class="btn btn-primary" href="#contact">Book a Service</a>
            <a class="btn btn-secondary" href="#products">Explore Products</a>
          </div>
        </div>
        <div class="hero-card">
          <h3>Why FreClean?</h3>
          <ul>
            <li>Reliable and professional service</li>
            <li>Eco-conscious products</li>
            <li>Flexible business opportunities</li>
            <li>Digital and community-focused growth</li>
          </ul>
        </div>
      </section>
    </header>

    <main>
      <section class="section container" id="about">
        <div class="section-heading">
          <p class="eyebrow">About FreClean</p>
          <h2>We combine professional cleaning, premium products, and social impact</h2>
        </div>
        <div class="split-layout">
          <div>
            <p>
              FreClean is a purpose-driven company focused on delivering outstanding cleaning
              services, high-quality products, and meaningful opportunities for communities and
              entrepreneurs.
            </p>
            <p>
              Our mission is to create cleaner environments while building trust, professionalism,
              and long-term value for every client and partner.
            </p>
          </div>
          <div class="bullet-list">
            <div>Trusted professional service</div>
            <div>Eco-conscious and quality-focused products</div>
            <div>Business growth and entrepreneurship support</div>
            <div>Community-centered impact</div>
          </div>
        </div>
      </section>

      <section class="section container" id="services">
        <div class="section-heading">
          <p class="eyebrow">Our Services</p>
          <h2>Solutions for homes, businesses, and institutions</h2>
        </div>
        <div class="card-grid">
          <article class="card">
            <h3>Residential Cleaning</h3>
            <p>Home, apartment, villa, and condominium cleaning with care and consistency.</p>
          </article>
          <article class="card">
            <h3>Commercial Cleaning</h3>
            <p>Office, retail, hotel, restaurant, and school cleaning services tailored to your needs.</p>
          </article>
          <article class="card">
            <h3>Specialized Cleaning</h3>
            <p>Deep cleaning, disinfection, move-in and move-out cleaning, and event support.</p>
          </article>
        </div>
        <div class="services-detail">
          <div>
            <h3>Popular service areas</h3>
            <ul>
              <li>House and apartment cleaning</li>
              <li>Office and retail cleaning</li>
              <li>Hospitality and facility care</li>
              <li>Sanitization and disinfection</li>
            </ul>
          </div>
          <div>
            <h3>What you can expect</h3>
            <ul>
              <li>Professional and punctual teams</li>
              <li>High-quality cleaning standards</li>
              <li>Flexible scheduling options</li>
              <li>Friendly and responsive support</li>
            </ul>
          </div>
        </div>
      </section>

      <section class="section section-alt" id="products">
        <div class="container">
          <div class="section-heading">
            <p class="eyebrow">Our Products</p>
            <h2>Premium cleaning products made for everyday performance</h2>
          </div>
          <div class="card-grid">
            <article class="card">
              <h3>Personal Care</h3>
              <p>Hand soap and sanitizer designed for cleanliness and comfort.</p>
            </article>
            <article class="card">
              <h3>Kitchen & Laundry</h3>
              <p>Effective dishwashing, degreasing, and laundry care products.</p>
            </article>
            <article class="card">
              <h3>Floor & Surface Care</h3>
              <p>Surface cleaners, disinfectants, and floor care solutions with dependable results.</p>
            </article>
          </div>
        </div>
      </section>

      <section class="section section-alt" id="why-us">
        <div class="container">
          <div class="section-heading">
            <p class="eyebrow">Why Choose Us</p>
            <h2>Professional, dependable, and built for long-term value</h2>
          </div>
          <div class="card-grid">
            <article class="card">
              <h3>Consistency</h3>
              <p>We deliver dependable cleaning standards every time, whether for homes or businesses.</p>
            </article>
            <article class="card">
              <h3>Innovation</h3>
              <p>We reflect modern business practices and sustainable solutions in everything we do.</p>
            </article>
            <article class="card">
              <h3>Community Focus</h3>
              <p>We build opportunities that support customers, entrepreneurs, and local communities.</p>
            </article>
          </div>
        </div>
      </section>

      <section class="section container" id="testimonials">
        <div class="section-heading">
          <p class="eyebrow">Client Trust</p>
          <h2>Why customers choose FreClean</h2>
        </div>
        <div class="card-grid">
          <article class="card quote-card">
            <p>“Reliable, professional, and always detail-oriented.”</p>
            <strong>— Homeowner</strong>
          </article>
          <article class="card quote-card">
            <p>“Their team helped us maintain a cleaner and safer workplace.”</p>
            <strong>— Business Client</strong>
          </article>
          <article class="card quote-card">
            <p>“The quality of service and products is outstanding.”</p>
            <strong>— Partner</strong>
          </article>
        </div>
      </section>

      <section class="section container" id="opportunities">
        <div class="section-heading">
          <p class="eyebrow">Business Opportunities</p>
          <h2>Grow with FreClean through services, products, and partnerships</h2>
        </div>
        <div class="split-layout">
          <div>
            <p>
              FreClean is built not only to serve clients, but also to empower entrepreneurs,
              distributors, and community partners through training, product distribution, and
              sustainable business development.
            </p>
          </div>
          <div class="bullet-list">
            <div>Product manufacturing and distribution</div>
            <div>Wholesale and retail supply</div>
            <div>Franchise and partnership development</div>
            <div>Training and business support</div>
          </div>
        </div>
      </section>

      <section class="section section-alt" id="contact">
        <div class="container contact-box">
          <div>
            <p class="eyebrow">Contact</p>
            <h2>Let’s build cleaner spaces together.</h2>
            <p>
              Reach out to learn more about our services, products, or partnership opportunities.
            </p>
            <p><strong>Email:</strong> info@freclean.com</p>
            <p><strong>Phone:</strong> +1 (555) 010-2024</p>
            <p><strong>Location:</strong> Serving homes, businesses, and communities with dependable care.</p>
          </div>
          <div class="contact-actions">
            <a class="btn btn-primary" href="mailto:info@freclean.com">Get in Touch</a>
            <a class="btn btn-secondary" href="https://github.com/FreClean/FreClean.github.io" target="_blank" rel="noreferrer">View Project</a>
          </div>
        </div>
      </section>
    </main>

    <section class="quick-contact">
      <div class="container quick-contact-inner">
        <p>Ready to get started?</p>
        <a class="btn btn-primary" href="mailto:info@freclean.com">Contact FreClean</a>
      </div>
    </section>

    <footer class="footer">
      <div class="container footer-content">
        <p>© 2026 FreClean. All rights reserved.</p>
        <div class="footer-links">
          <a href="#home">Home</a>
          <a href="#services">Services</a>
          <a href="#contact">Contact</a>
        </div>
      </div>
    </footer>
  </body>
</html>