<div style="font-family: Arial, sans-serif; max-width: 600px; margin: 50px auto; padding: 20px; border: 2px solid #333; border-radius: 10px; background-color: #f0f0f0; text-align: center;"> <!-- Site Header --> <div style="margin-bottom: 30px;"> <h1 style="margin: 0; color: #333;">MyCoolSite</h1> <p style="color: #666;">Welcome to MyCoolSite! Explore the sections below.</p> </div> <!-- Sections --> <div style="margin-bottom: 15px; padding: 15px; background-color: #fff; border-radius: 8px; border: 1px solid #ccc;"> <h2 style="margin: 0 0 5px 0;">Home</h2> <p>Check out the latest updates and news.</p> </div> <div style="margin-bottom: 15px; padding: 15px; background-color: #fff; border-radius: 8px; border: 1px solid #ccc;"> <h2 style="margin: 0 0 5px 0;">About</h2> <p>Learn more about our mission and team.</p> </div> <div style="margin-bottom: 20px; padding: 15px; background-color: #fff; border-radius: 8px; border: 1px solid #ccc;"> <h2 style="margin: 0 0 5px 0;">Contact</h2> <p>Get in touch with us for inquiries or support.</p> </div> <!-- Fake Button --> <div style="padding: 15px 40px; background-color: ; color: white; font-weight: bold; border-radius: 8px; display: inline-block; cursor: default; user-select: none;"> Click Me </div> </div>
same as the featured project divs can be used for ui instead of style because no header no images or buttons. only static stuff. it looks like a button but no working
