<style> /* Global Modern Styles */ .dk-wrapper { font-family: ‘Segoe UI’, Roboto, Helvetica, Arial, sans-serif; color: #222222; line-height: 1.6; max-width: 1200px; margin: 0 auto; padding: 0 15px; } /* Hero Banner */ .dk-hero-section { background: linear-gradient(135deg, #111111 0%, #1a3a2a 100%); color: #ffffff; text-align: center; padding: 80px 20px; border-radius: 12px; margin-top: 20px; margin-bottom: 40px; position: relative; overflow: hidden; border-bottom: 5px solid #bf0d3e; /* Kenyan Red accent */ } .dk-hero-section h1 { font-size: 3rem; margin: 0 0 15px 0; font-weight: 800; letter-spacing: -0.5px; } .dk-hero-section p { font-size: 1.3rem; max-width: 700px; margin: 0 auto 30px auto; opacity: 0.9; } /* Section Headers */ .dk-section-title { font-size: 2rem; color: #111111; border-left: 5px solid #006633; /* Kenyan Green accent */ padding-left: 15px; margin-bottom: 30px; margin-top: 50px; font-weight: 700; } /* Core Features Grid */ .dk-main-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 25px; margin-bottom: 40px; } .dk-feature-card { background: #ffffff; border: 1px solid #eef2f5; border-radius: 8px; padding: 30px; transition: transform 0.2s ease, box-shadow 0.2s ease; box-shadow: 0 4px 15px rgba(0,0,0,0.02); } .dk-feature-card:hover { transform: translateY(-4px); box-shadow: 0 10px 25px rgba(0,0,0,0.06); } .dk-feature-card h3 { font-size: 1.4rem; margin-top: 0; margin-bottom: 12px; color: #006633; } /* Advertising Section Layout */ .dk-ad-showcase { background: #f4f9f6; border-radius: 10px; padding: 40px; display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 30px; align-items: center; border: 1px solid #d0e6da; } .dk-ad-text h3 { font-size: 1.8rem; color: #111111; margin-top: 0; } .dk-ad-pricing { background: #ffffff; padding: 25px; border-radius: 8px; box-shadow: 0 4px 12px rgba(0,0,0,0.03); border-top: 4px solid #006633; } /* Contact Form Section Layout */ .dk-contact-section { background: #ffffff; border: 1px solid #eef2f5; border-radius: 10px; padding: 40px; margin-top: 40px; box-shadow: 0 4px 20px rgba(0,0,0,0.02); } .dk-form-group { margin-bottom: 20px; } .dk-form-group label { display: block; font-weight: 600; margin-bottom: 8px; color: #444444; } .dk-form-control { width: 100%; padding: 12px; border: 1px solid #cccccc; border-radius: 6px; font-size: 1rem; box-sizing: border-box; } /* Buttons */ .dk-primary-btn { display: inline-block; background-color: #006633; color: #ffffff !important; text-decoration: none; padding: 14px 28px; border-radius: 6px; font-weight: 600; transition: background 0.2s ease; border: none; cursor: pointer; font-size: 1rem; } .dk-primary-btn:hover { background-color: #004422; } .dk-secondary-btn { display: inline-block; background-color: #ffffff; color: #006633 !important; text-decoration: none; padding: 12px 24px; border-radius: 6px; font-weight: 600; border: 2px solid #006633; transition: all 0.2s ease; } .dk-secondary-btn:hover { background-color: #006633; color: #ffffff !important; } /* Utilities */ .text-center { text-align: center; } .badge-tag { background: #e6f0ea; color: #006633; padding: 4px 10px; border-radius: 4px; font-size: 0.8rem; font-weight: 700; text-transform: uppercase; display: inline-block; margin-bottom: 10px; } </style> <div class=”dk-wrapper”> <section class=”dk-hero-section”> <h1>Dallas Kenyans</h1> <p>The definitive digital hub, resource network, and community platform for Kenyans living and thriving across the Dallas-Fort Worth metroplex.</p> <a href=”#contact” class=”dk-primary-btn”>Join the Network</a> </section> <h2 class=”dk-section-title”>Community Directory & Guides</h2> <div class=”dk-main-grid”> <div class=”dk-feature-card”> <span class=”badge-tag”>Commerce</span> <h3>Local Businesses</h3> <p>Explore and support Kenyan-owned businesses, service providers, and culinary spots operating right here in North Texas.</p> <a href=”#” class=”dk-secondary-btn”>Browse Directory</a> </div> <div class=”dk-feature-card”> <span class=”badge-tag”>Growth</span> <h3>Professional Networking</h3> <p>Connect with professionals, find corporate career opportunities, and engage in mentorship within our community network.</p> <a href=”#” class=”dk-secondary-btn”>Connect Now</a> </div> <div class=”dk-feature-card”> <span class=”badge-tag”>Education</span> <h3>Academic Scholarships</h3> <p>Access curated listings of academic grants, educational scholarships, and institutional resources designated for local students.</p> <a href=”#” class=”dk-secondary-btn”>Find Funding</a> </div> <div class=”dk-feature-card”> <span class=”badge-tag”>Culture</span> <h3>Events & Cultural Groups</h3> <p>Stay updated on local cultural festivals, holiday celebrations, religious institutions, and traditional gatherings in DFW.</p> <a href=”#” class=”dk-secondary-btn”>View Calendar</a> </div> <div class=”dk-feature-card”> <span class=”badge-tag”>Support</span> <h3>Planning & Emergency Resources</h3> <p>Find practical community-vetted advice regarding life insurance setups, localized emergency support structures, and family planning.</p> <a href=”#” class=”dk-secondary-btn”>Access Guides</a> </div> </div> <h2 class=”dk-section-title”>Partner With Us</h2> <section class=”dk-ad-showcase”> <div class=”dk-ad-text”> <h3>Advertise on DallasKenyans.com</h3> <p>Grow your business, share community announcements, or market local events by positioning your brand in front of thousands of active community members in North Texas.</p> </div> <div class=”dk-ad-pricing”> <h4>Available Formats:</h4> <ul> <li><strong>Premium Banner Slots:</strong> Maximum visibility across all page headers.</li> <li><strong>Business Directory Boosts:</strong> Pin your company to the top of our local guides.</li> <li><strong>Sponsored Spotlight Feature:</strong> Dedicated introductory write-up for your brand.</li> </ul> <p style=”margin-top:20px;”><a href=”#contact” class=”dk-primary-btn”>Inquire for Rates</a></p> </div> </section> <h2 class=”dk-section-title” id=”contact”>Contact the Editor</h2> <section class=”dk-contact-section”> <p>Have an event to submit, a community update to share, or an advertising inquiry? Send your message directly to the editorial team below.</p> <form action=”#” method=”POST” onsubmit=”event.preventDefault(); alert(‘Thank you! This framework contact placeholder is successfully set up.’);”> <div class=”dk-form-group”> <label for=”dk-name”>Your Name</label> <input type=”text” id=”dk-name” class=”dk-form-control” required placeholder=”John Doe”> </div> <div class=”dk-form-group”> <label for=”dk-email”>Email Address</label> <input type=”email” id=”dk-email” class=”dk-form-control” required placeholder=”[email protected]”> </div> <div class=”dk-form-group”> <label for=”dk-subject”>Inquiry Reason</label> <select id=”dk-subject” class=”dk-form-control”> <option value=”editorial”>General Editorial / Submit News</option> <option value=”advertising”>Advertising Options & Rates</option> <option value=”directory”>Directory Listing Updates</option> </select> </div> <div class=”dk-form-group”> <label for=”dk-message”>Message Details</label> <textarea id=”dk-message” class=”dk-form-control” rows=”6″ required placeholder=”Write your community news or business inquiry here…”></textarea> </div> <button type=”submit” class=”dk-primary-btn”>Send Message to Editor</button> </form> </section> </div>