<style> body { background-color: #f0f0f0; } .header { background-color: #333; color: #fff; padding: 20px; text-align: center; font-size: 24px; font-weight: bold; border: 4px solid #000; border-radius: 10px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); } .text { font-family: 'Open Sans', sans-serif; font-size: 16px; } .shadow { background-color: #666; color: #fff; width: 50%; padding: 10px; border: 4px solid #000; border-radius: 5px; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5); float: left; } </style> </head> <body> <div class="header"> <h1>Shadow Weavers | The Art of Darkness</h1> <p class="text">Welcome to the Shadow Weavers, where the boundaries of reality are tested and pushed to the limit.</p> </div> <div class="shadow"> <h2>Shadow Weaving Theory</h2> <p class="text">The art of weaving shadows is an ancient discipline, requiring patience, skill, and a dash of madness.</p> <p class="text">Our shadow weavers are masters of the craft, able to conjure entire landscapes from the darkest corners of the mind.</p> <p class="text"><a href="/guild-members/shadow-weavers/shadow-weaving-principles">Learn more about the fundamental principles of Shadow Weaving</a></p> <p class="text"><a href="/guild-members/shadow-weavers/shadow-weaving-applications">Discover the practical applications of Shadow Weaving in the world today</a></p> </div> <div class="shadow"> <h2>Rumors and Legends</h2> <p class="text">Rumor has it that the Shadow Weavers Guild has been secretly manipulating world events from the shadows for centuries.</p> <p class="text">But is it true? Or is it just another tale to keep the fires burning?</p> <p class="text"><a href="/guild-members/shadow-weavers/shadow-weavers-in-history">Uncover the truth behind the Shadow Weavers' alleged involvement in world events</a></p> </div> </body> </html>