{"html":"<h1 id=\"pageTitle\" data-x=\"50\" data-y=\"70\" data-fontSize=\"45\" data-gap=\"2\" data-size=\"2\">Pink Blossoms</h1><section class=\"container mt-3\"><div class=\"panel details\"><div class=\"w-100 mx-auto\"><div class=\"details-links row w-100 mx-auto p-0 position-relative\"><a class=\"col-6 me-auto text-start ps-0 p-md-0 view-site effect-tilt\" href=\"https://www.pinkblooms.net\" target=\"_blank\"><div class=\"button\"><span>View Live Site</span></div><span class=\"shadow\"></span></a></div><hr/><div class=\"details-img\"><figure class=\"m-0\"><img src=\"https://res.cloudinary.com/nrjohnson-cloud/image/upload/v1740668142/portfolio/projects/mundjpfk2v6ve0rdcphr.png\" alt=\"NRJohnson - Pink Blossoms\"/></figure></div><p>Robyn Petty is a local floral event specialist. She reached out to me asking for a webpage where people can learn about her and request a consultation.</p><p>Both forms are email forms that utilize Mailgun. The consultation form uses Vue 2 to manage state and CSS transitions for a smooth experience.</p><p>I made this site through my <a href=\"https://www.onendoneweb.com\" target=\"_blank\">One-n-Done Web</a> business.</p><p><br></p><p>All code is my own. The page is a Node.js Application with Pug. The page leverages Bootstrap and Vue but all other CSS and Javascript was coded by me.</p></div></div></section>"}