School Regulation Landing - Copy this Html, Tailwind Component to your project
Set a solid colored background, avoiding any distracting or eye straining images. Use a single, elegant, and soothing color: choose a deep midnight blue with a slight gradient toward the top. This background should cover the entire homepage and create a perfect contrast with the text and other page elements. In the center of the page, place a large and clearly visible title: "Il Regolamento della Scuola: La Nostra Guida per Crescere Insieme". Write this text in pure white, using an authoritative serif font like Georgia or something similar, and make it bold to stand out. Directly below the title, add a short introductory paragraph: "Questo sito è dedicato a tutti gli studenti, i genitori e il personale della scuola. Qui troverai il regolamento che guida la nostra comunità e scoprirai l’importanza dell’Articolo 14, dedicato a responsabilità e diritti degli studenti." Write this text using a modern, clean font like Open Sans, in white with a subtle fade to light gray for visual harmony. Add two central buttons below the description: The first button should be labeled "Scopri l'Articolo 14", with a warm orange background and white text. The second button should read "Consulta il Regolamento Completo", with a dark blue background (slightly darker than the main background) and white text. The buttons must be large, rounded at the corners, and well spaced. Add a subtle shadow effect to make them stand out further and a hover effect that slightly brightens their color when hovered over. Below the buttons, create a teaser section dedicated to Articolo 14. Insert a small stylized icon, such as a symbol of justice (a simple and modern scale) or a handshake, to represent the theme of shared responsibility. Next to the icon, write a short explanatory paragraph: "L’Articolo 14 promuove il rispetto reciproco e il senso di responsabilità tra studenti, personale e istituto, per costruire un ambiente di apprendimento positivo e inclusivo." Add a link at the end that reads "Leggi tutto sull’Articolo 14" in underlined dark blue. At the top of the page, insert a simple but functional header. Place the school logo in the center, with the name of the institution written next to it in clear and readable characters, preferably in white. Add a horizontal menu that integrates seamlessly, with the following items: Home, Il Regolamento, Articoli Chiave, Contatti. Use an elegant and modern font here as well, with white text that lights up slightly when hovered over. Finally, in the footer, use a darker midnight blue background than the main background. Write the school name, address, and main contact details in white. Add a concluding message: "Questo progetto è stato creato dagli studenti per promuovere la conoscenza e la consapevolezza del regolamento scolastico." Include links to official social media accounts, using minimalist and discreet icons. Keep the entire design fluid and fully responsive, optimized for both desktop and mobile devices. Ensure navigation is intuitive, with fast loading times and a professional appearance in every detail.
