--- description: Work Remote. Lean Labs' list of job openings for our world-class growth team. HubSpot experience a plus! Apply now! image: https://www.leanlabs.com/hubfs/LL%20V4.1/LL%20Featured%20Image.png title: Front end developer code exercise --- ![LL Logo Dark](https://www.leanlabs.com/hubfs/LL%20V4.1/logos/LL%20Logo%20Dark.svg) ###### DEVELOPER EXERCISE ### ![miles-ll@2x](https://www.leanlabs.com/hs-fs/hubfs/LLv3/images/miles-ll@2x.jpg?width=500&height=334&name=miles-ll@2x.jpg) ### Build A Module. Take a look at [this module.](https://www.figma.com/file/mj4bYm6knxPJ3ByfVOQ7CA/SR-Card-Filter-01?node-id=1%3A2116) You'll need to make a Figma account to see the comments and styles. The task is to build it using JavaScript, HTML and CSS. Get it as close as you can to the design and submit it using the form below. We'll be notified of the submission, we'll check it over, and then we'll get back to you. Thanks for trying out for the team! We look forward to seeing your work. #### Exam Submission ```json { "@graph": [ { "@id": "https://www.leanlabs.com/#organization", "url": "https://www.leanlabs.com/", "logo": { "url": "https://www.leanlabs.com/favicon.ico", "@type": "ImageObject", "width": 60, "height": 60 }, "name": "Lean Labs", "@type": "Organization", "sameAs": [ "https://www.entities.org/entity/lean-labs", "https://www.linkedin.com/company/lean-labs", "https://www.crunchbase.com/organization/lean-labs-eed8", "https://twitter.com/leanlabs", "https://www.youtube.com/@LeanLabs1", "https://www.facebook.com/LeanLabs", "https://ecosystem.hubspot.com/marketplace/solutions/lean-labs", "https://clutch.co/profile/lean-labs", "https://www.g2.com/products/lean-labs/reviews", "https://opencorporates.com/companies/us_fl/P23000000218", "https://www.agencyspotter.com/lean-labs" ], "slogan": "We help companies on HubSpot Drive Growth", "address": { "@type": "PostalAddress", "postalCode": "34638", "addressRegion": "FL", "streetAddress": "16703 Early Riser Avenue, Suite 11", "addressCountry": "US", "addressLocality": "Land O' Lakes" }, "founder": { "name": "Kevin Barber", "@type": "Person", "sameAs": "https://www.linkedin.com/in/thekevinbarber", "jobTitle": "Head of Growth" }, "memberOf": { "name": "HubSpot Diamond Partner", "@type": "Organization" }, "legalName": "Brandvious, Inc.", "knowsAbout": [ { "url": "https://www.leanlabs.com/solutions/answer-engine-optimization-agency", "name": "Answer Engine Optimization", "@type": "Thing" }, { "url": "https://www.leanlabs.com/solutions/growth-driven-design", "name": "Growth-Driven Design", "@type": "Thing" }, { "url": "https://www.leanlabs.com/solutions/loop-marketing", "name": "Loop Marketing", "@type": "Thing" }, { "url": "https://www.leanlabs.com/solutions/hubspot-projects", "name": "HubSpot", "@type": "Thing" }, { "url": "https://www.leanlabs.com/solutions/lead-generation-website", "name": "Lead Generation", "@type": "Thing" }, { "url": "https://www.leanlabs.com/solutions/website-redesign", "name": "Website Redesign", "@type": "Thing" }, { "url": "https://www.leanlabs.com/expertise/saas-marketing-agency-hubspot", "name": "SaaS Marketing", "@type": "Thing" }, { "url": "https://www.leanlabs.com/expertise/healthcare-marketing-agency-hubspot", "name": "Healthcare Marketing", "@type": "Thing" }, { "url": "https://www.leanlabs.com/expertise/fintech-marketing-agency-hubspot", "name": "Fintech Marketing", "@type": "Thing" } ], "description": "Lean Labs boosts marketing ROI for SaaS and B2B companies, driving significant growth through expert strategies, lead generation, and website optimization.", "contactPoint": { "url": "https://www.leanlabs.com/contact", "@type": "ContactPoint", "email": "hello@lean-labs.com", "telephone": "+1-913-871-6500", "contactType": "sales" }, "foundingDate": "2007-08-10", "hasOfferCatalog": { "name": "Lean Labs Services", "@type": "OfferCatalog", "itemListElement": [ { "name": "Marketing x AI", "@type": "OfferCatalog", "itemListElement": [ { "@type": "Offer", "itemOffered": { "url": "https://www.leanlabs.com/solutions/loop-marketing", "name": "Loop Marketing", "@type": "Service" } }, { "@type": "Offer", "itemOffered": { "url": "https://www.leanlabs.com/solutions/answer-engine-optimization-agency", "name": "Answer Engine Optimization (AEO)", "@type": "Service" } }, { "@type": "Offer", "itemOffered": { "url": "https://www.leanlabs.com/solutions/hubspot-website-schema-rocket", "name": "AEO Schema", "@type": "Service" } }, { "@type": "Offer", "itemOffered": { "url": "https://www.leanlabs.com/solutions/aeo-genie", "name": "AEO Genie", "@type": "Service" } } ] }, { "name": "Web x AI", "@type": "OfferCatalog", "itemListElement": [ { "@type": "Offer", "itemOffered": { "url": "https://www.leanlabs.com/solutions/lead-generation-website", "name": "Lead Gen Websites", "@type": "Service" } }, { "@type": "Offer", "itemOffered": { "url": "https://www.leanlabs.com/solutions/websites", "name": "Website Design", "@type": "Service" } }, { "@type": "Offer", "itemOffered": { "url": "https://www.leanlabs.com/solutions/growth-driven-design", "name": "Growth-Driven Design", "@type": "Service" } }, { "@type": "Offer", "itemOffered": { "url": "https://www.leanlabs.com/solutions/website-redesign", "name": "Website Redesign", "@type": "Service" } }, { "@type": "Offer", "itemOffered": { "url": "https://www.leanlabs.com/solutions/web-migrations", "name": "Website Migrations", "@type": "Service" } } ] }, { "name": "HubSpot x AI", "@type": "OfferCatalog", "itemListElement": [ { "@type": "Offer", "itemOffered": { "url": "https://www.leanlabs.com/solutions/hubspot-projects", "name": "HubSpot Projects", "@type": "Service" } }, { "@type": "Offer", "itemOffered": { "url": "https://www.leanlabs.com/solutions/hubspot-breeze-agents", "name": "HubSpot Breeze Agents", "@type": "Service" } } ] } ] }, "numberOfEmployees": { "@type": "QuantitativeValue", "value": 12 } }, { "@id": "https://www.leanlabs.com/#website", "url": "https://www.leanlabs.com/", "name": "Lean Labs", "@type": "WebSite", "publisher": { "@id": "https://www.leanlabs.com/#organization" }, "inLanguage": "en-US", "description": "Lean Labs boosts marketing ROI for SaaS and B2B companies through expert strategies, lead generation, and website optimization." }, { "@id": "https://www.leanlabs.com/careers/developer-exercise", "url": "https://www.leanlabs.com/careers/developer-exercise", "name": "Developer Exercise", "@type": "WebPage", "isPartOf": { "@id": "https://www.leanlabs.com/#website" }, "breadcrumb": { "@id": "https://www.leanlabs.com/careers/developer-exercise#breadcrumb" }, "inLanguage": "en-US", "description": "Build a front-end module from a Figma design and submit your work to join the Lean Labs development team.", "dateModified": "2023-12-13T10:16:35.419Z", "datePublished": "2023-12-05T17:31:31.000Z", "isAccessibleForFree": true }, { "@id": "https://www.leanlabs.com/careers/developer-exercise#breadcrumb", "@type": "BreadcrumbList", "itemListElement": [ { "item": "https://www.leanlabs.com/", "name": "Home", "@type": "ListItem", "position": 1 }, { "item": "https://www.leanlabs.com/careers/", "name": "Careers", "@type": "ListItem", "position": 2 }, { "name": "Developer Exercise", "@type": "ListItem", "position": 3 } ] } ], "@context": "https://schema.org" } ```