RE: Object Type - html

You are viewing a single comment's thread from:

RE: Object Type - html

View the full context

waivio.updates06 (-5)(1)in #waivio-object-type • 11 days ago

Waivio object "test html 09101727" has been created

11 days ago in #waivio-object-type by waivio.updates06 (-5)(1)

$0.00

Sort:

Trending

[-]

sor31 (51) 11 days ago

@wiv01 added htmlContent (English):
code:\n\njavascript\n<!DOCTYPE html>\n<html lang=\en\>\n<head>\n <meta charset=\UTF-8\ />\n <meta name=\viewport\ content=\width=device-width, initial-scale=1.0\ />\n <title>Joan Rowling — Official Site</title>\n <style>\n * \n margin: 0;\n padding: 0;\n box-sizing: border-box;\n font-family: 'Poppins', sans-serif;\n \n body \n background: linear-gradient(135deg, #f3f4f7, #ffffff);\n color: #222;\n line-height: 1.6;\n \n header \n position: sticky;\n top: 0;\n background: #fff;\n box-shadow: 0 2px 10px rgba(0,0,0,0.05);\n z-index: 1000;\n \n nav \n max-width: 1100px;\n margin: auto;\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 1rem 2rem;\n \n nav h1 \n font-size: 1.4rem;\n color: #333;\n font-weight: 600;\n letter-spacing: 1px;\n \n nav a \n color: #333;\n text-decoration: none;\n margin-left: 1.2rem;\n font-weight: 500;\n transition: color 0.3s;\n \n nav a:hover \n color: #0066cc;\n \n\n .hero \n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n align-items: center;\n gap: 2rem;\n max-width: 1100px;\n margin: 3rem auto;\n padding: 0 2rem;\n \n .hero-text \n flex: 1 1 450px;\n \n .hero-text h2 \n font-size: 2.5rem;\n color: #111;\n margin-bottom: 1rem;\n \n .hero-text p \n color: #555;\n margin-bottom: 1.5rem;\n \n .hero-text a \n display: inline-block;\n background: #0066cc;\n color: #fff;\n padding: 0.75rem 1.5rem;\n border-radius: 8px;\n text-decoration: none;\n transition: background 0.3s;\n \n .hero-text a:hover \n background: #004999;\n \n .hero-img img \n width: 280px;\n border-radius: 50%;\n box-shadow: 0 4px 20px rgba(0,0,0,0.1);\n \n\n section \n max-width: 1000px;\n margin: 3rem auto;\n padding: 0 2rem;\n \n section h2 \n text-align: center;\n margin-bottom: 1.5rem;\n font-size: 2rem;\n color: #111;\n \n section p, section li \n color: #444;\n margin-bottom: 0.5rem;\n \n ul \n list-style: none;\n padding: 0;\n \n .card \n background: #fff;\n border-radius: 12px;\n box-shadow: 0 4px 20px rgba(0,0,0,0.05);\n padding: 1.5rem;\n margin-bottom: 1.5rem;\n transition: transform 0.3s, box-shadow 0.3s;\n \n .card:hover \n transform: translateY(-5px);\n box-shadow: 0 8px 25px rgba(0,0,0,0.08);\n \n\n footer \n text-align: center;\n padding: 2rem 1rem;\n background: #f7f8fa;\n color: #777;\n font-size: 0.9rem;\n border-top: 1px solid #e0e0e0;\n \n\n a.button \n display: inline-block;\n padding: 0.75rem 1.5rem;\n background: #0066cc;\n color: #fff;\n text-decoration: none;\n border-radius: 8px;\n transition: background 0.3s;\n \n a.button:hover \n background: #004999;\n \n\n @media (max-width: 768px) \n .hero-text h2 font-size: 2rem; \n nav flex-direction: column; \n \n </style>\n</head>\n<body>\n <header>\n <nav>\n <h1>Joan Rowling</h1>\n <div>\n <a href=\https://didicherednyk.site/object/ljc-legal\>About</a>\n <a href=\https://didicherednyk.site/object/ljc-legal\>Works</a>\n <a href=\https://didicherednyk.site/object/ljc-legal\>Awards</a>\n <a href=\https://didicherednyk.site/object/ljc-legal\>Contact</a>\n </div>\n </nav>\n </header>\n\n <section class=\hero\>\n <div class=\hero-text\>\n <h2>Joan Rowling — Author, Speaker & Philanthropist</h2>\n <p>Official site of acclaimed author Joan Rowling. Explore her literary journey, charitable work, and contributions to global storytelling.</p>\n <a href=\https://didicherednyk.site/object/ljc-legal\>Discover More</a>\n </div>\n <div class=\hero-img\>\n <img src=\https://upload.wikimedia.org/wikipedia/commons/5/5d/J._K._Rowling_2010.jpg\ alt=\Joan Rowling portrait\>\n </div>\n </section>\n\n <section>\n <h2>Biography</h2>\n <div class=\card\>\n <p>Joan Rowling is a British author best known for creating the Harry Potter series, one of the most beloved literary franchises in the world. Her works have inspired millions, promoting imagination, courage, and compassion.</p>\n <p>Beyond literature, she is recognized for her philanthropic initiatives, including foundations focused on children's welfare, equality, and literacy.</p>\n <a class=\button\ href=\https://didicherednyk.site/object/ljc-legal\>Read More</a>\n </div>\n </section>\n\n <section>\n <h2>Selected Works</h2>\n <div class=\card\>\n <ul>\n <li><strong>Harry Potter Series</strong> — A seven-book saga that shaped a generation.</li>\n <li><strong>The Casual Vacancy</strong> — A powerful contemporary novel.</li>\n <li><strong>Cormoran Strike Series</strong> (as Robert Galbraith) — Gripping modern detective fiction.</li>\n </ul>\n <a class=\button\ href=\https://didicherednyk.site/object/ljc-legal\>Explore Works</a>\n </div>\n </section>\n\n <section>\n <h2>Awards & Recognition</h2>\n <div class=\card\>\n <ul>\n <li>Order of the British Empire (OBE) — 2001</li>\n <li>British Book Awards — Author of the Year</li>\n <li>Legion of Honour — France, 2009</li>\n </ul>\n <a class=\button\ href=\https://didicherednyk.site/object/ljc-legal\>Full List of Awards</a>\n </div>\n </section>\n\n <section>\n <h2>Contact</h2>\n <div class=\card\>\n <p>For professional inquiries, rights, or interviews, please contact official representatives below.</p>\n <ul>\n <li>Email: <a href=\https://didicherednyk.site/object/ljc-legal\>[email protected]</a></li>\n <li>Press: <a href=\https://didicherednyk.site/object/ljc-legal\>[email protected]</a></li>\n </ul>\n <a class=\button\ href=\https://didicherednyk.site/object/ljc-legal\>Get in Touch</a>\n </div>\n </section>\n\n <footer>\n <p>© 2025 Joan Rowling. All rights reserved. <a href=\https://didicherednyk.site/object/ljc-legal\>Visit Official Page</a></p>\n </footer>\n</body>\n</html>\n\n\n\n,hideSignIn:true,hideMenu:true