No Collections Here
Sort your projects into collections. Click on "Manage Collections" to get started
My Portfolio
Welcome to my portfolio. Here you’ll find a selection of my work. Explore my projects to learn more about what I do.
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Propellium Property Services | Greater Puget Sound</title> <style> body { margin: 0; font-family: 'Segoe UI', Arial, sans-serif; color: #333; background-color: #fff; line-height: 1.6; } header { background-color: #004466; color: white; text-align: center; padding: 2rem 1rem; } header h1 { font-size: 2rem; margin-bottom: 0.3rem; } header p { font-size: 1.1rem; opacity: 0.9; } nav { background-color: #00334d; text-align: center; padding: 0.5rem 0; } nav a { color: white; text-decoration: none; margin: 0 15px; font-weight: 600; transition: color 0.2s; } nav a:hover { color: #00ccff; } section { padding: 2rem 1.5rem; max-width: 1100px; margin: auto; } h2 { color: #004466; text-align: center; margin-bottom: 1.5rem; } .services { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 1.5rem; } .service-box { background: #f5f5f5; border-radius: 10px; padding: 1.2rem; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1); transition: transform 0.2s; } .service-box:hover { transform: translateY(-4px); } .service-box h3 { color: #00334d; margin-bottom: 0.5rem; } .contact-form { background: #f9f9f9; padding: 2rem; border-radius: 10px; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1); max-width: 600px; margin: auto; } .contact-form input, .contact-form textarea { width: 100%; padding: 0.8rem; margin-bottom: 1rem; border: 1px solid #ccc; border-radius: 6px; font-size: 1rem; } .contact-form button { background-color: #004466; color: white; border: none; padding: 0.9rem; border-radius: 6px; cursor: pointer; font-size: 1.1rem; width: 100%; transition: background 0.3s; } .contact-form button:hover { background-color: #006699; } footer { background-color: #004466; color: white; text-align: center; padding: 1rem; margin-top: 2rem; font-size: 0.9rem; } @media (max-width: 600px) { header h1 { font-size: 1.5rem; } } </style> </head> <body> <header> <h1>Propellium Property Services</h1> <p>Apartment • HOA • Commercial Maintenance | Greater Puget Sound</p> </header> <nav> <a href="#services">Services</a> <a href="#contact">Contact</a> </nav> <section id="services"> <h2>Our Services</h2> <div class="services"> <div class="service-box"> <h3>Gutter Cleaning & Repair</h3> <p>Prevent costly water damage and ensure proper flow with our full-service gutter cleaning and repair solutions.</p> </div> <div class="service-box"> <h3>Chimney Cleaning & Repair</h3> <p>Maintain safety and efficiency with professional chimney cleaning and restoration services for all property types.</p> </div> <div class="service-box"> <h3>Roof Cleaning</h3> <p>Extend roof life and curb appeal with debris removal and gentle, effective roof cleaning methods.</p> </div> <div class="service-box"> <h3>Preventive Moss Treatment</h3> <p>Protect roofs and surfaces from moss growth with our eco-safe preventive treatment plans.</p> </div> <div class="service-box"> <h3>Dryer Vent Cleaning</h3> <p>Reduce fire hazards and improve dryer efficiency with our thorough vent cleaning services.</p> </div> <div class="service-box"> <h3>Pressure Washing</h3> <p>Restore your property’s appearance with pressure washing for siding, entryways, breezeways, and sidewalks.</p> </div> </div> </section> <section id="contact"> <h2>Request a Quote</h2> <form class="contact-form" action="https://formspree.io/f/YOUR_FORM_ID" method="POST"> <input type="text" name="name" placeholder="Your Name" required /> <input type="email" name="_replyto" placeholder="Your Email" required /> <input type="text" name="phone" placeholder="Your Phone Number" /> <textarea name="message" rows="5" placeholder="Tell us what services you need..." required></textarea> <button type="submit">Send Message</button> </form> <p style="text-align:center; margin-top:15px;">Or call us directly at <strong>(555) 123-4567</strong></p> </section> <footer> <p>© 2025 Propellium Property Services. All rights reserved.</p> </footer> </body> </html>
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Propellium Property Services | Greater Puget Sound</title> <style> body { margin: 0; font-family: 'Segoe UI', Arial, sans-serif; color: #333; background-color: #fff; line-height: 1.6; } header { background-color: #004466; color: white; text-align: center; padding: 2rem 1rem; } header h1 { font-size: 2rem; margin-bottom: 0.3rem; } header p { font-size: 1.1rem; opacity: 0.9; } nav { background-color: #00334d; text-align: center; padding: 0.5rem 0; } nav a { color: white; text-decoration: none; margin: 0 15px; font-weight: 600; transition: color 0.2s; } nav a:hover { color: #00ccff; } section { padding: 2rem 1.5rem; max-width: 1100px; margin: auto; } h2 { color: #004466; text-align: center; margin-bottom: 1.5rem; } .services { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 1.5rem; } .service-box { background: #f5f5f5; border-radius: 10px; padding: 1.2rem; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1); transition: transform 0.2s; } .service-box:hover { transform: translateY(-4px); } .service-box h3 { color: #00334d; margin-bottom: 0.5rem; } .contact-form { background: #f9f9f9; padding: 2rem; border-radius: 10px; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1); max-width: 600px; margin: auto; } .contact-form input, .contact-form textarea { width: 100%; padding: 0.8rem; margin-bottom: 1rem; border: 1px solid #ccc; border-radius: 6px; font-size: 1rem; } .contact-form button { background-color: #004466; color: white; border: none; padding: 0.9rem; border-radius: 6px; cursor: pointer; font-size: 1.1rem; width: 100%; transition: background 0.3s; } .contact-form button:hover { background-color: #006699; } footer { background-color: #004466; color: white; text-align: center; padding: 1rem; margin-top: 2rem; font-size: 0.9rem; } @media (max-width: 600px) { header h1 { font-size: 1.5rem; } } </style> </head> <body> <header> <h1>Propellium Property Services</h1> <p>Apartment • HOA • Commercial Maintenance | Greater Puget Sound</p> </header> <nav> <a href="#services">Services</a> <a href="#contact">Contact</a> </nav> <section id="services"> <h2>Our Services</h2> <div class="services"> <div class="service-box"> <h3>Gutter Cleaning & Repair</h3> <p>Prevent costly water damage and ensure proper flow with our full-service gutter cleaning and repair solutions.</p> </div> <div class="service-box"> <h3>Chimney Cleaning & Repair</h3> <p>Maintain safety and efficiency with professional chimney cleaning and restoration services for all property types.</p> </div> <div class="service-box"> <h3>Roof Cleaning</h3> <p>Extend roof life and curb appeal with debris removal and gentle, effective roof cleaning methods.</p> </div> <div class="service-box"> <h3>Preventive Moss Treatment</h3> <p>Protect roofs and surfaces from moss growth with our eco-safe preventive treatment plans.</p> </div> <div class="service-box"> <h3>Dryer Vent Cleaning</h3> <p>Reduce fire hazards and improve dryer efficiency with our thorough vent cleaning services.</p> </div> <div class="service-box"> <h3>Pressure Washing</h3> <p>Restore your property’s appearance with pressure washing for siding, entryways, breezeways, and sidewalks.</p> </div> </div> </section> <section id="contact"> <h2>Request a Quote</h2> <form class="contact-form" action="https://formspree.io/f/YOUR_FORM_ID" method="POST"> <input type="text" name="name" placeholder="Your Name" required /> <input type="email" name="_replyto" placeholder="Your Email" required /> <input type="text" name="phone" placeholder="Your Phone Number" /> <textarea name="message" rows="5" placeholder="Tell us what services you need..." required></textarea> <button type="submit">Send Message</button> </form> <p style="text-align:center; margin-top:15px;">Or call us directly at <strong>(555) 123-4567</strong></p> </section> <footer> <p>© 2025 Propellium Property Services. All rights reserved.</p> </footer> </body> </html>