Contact me site with Parcel and Tailwind CSS
Design an inviting personal contact-me website using Parcel and Tailwind CSS.
Parcel
Tailwind CSS
Free
Level 1
Contact me site
The perfect site for a freelancer who wants a low-cost and easy way to let people know who they are and how to contact them.
Overview
Your Challenge is to create a responsive, one-page personal site. This site intends to be used to share a little about the person, Andrew Chapman, and include links to their social channels and a "contact me" button for emailing Andrew.
Your Challenge is complete when:
The website is as close to the original design as possible
The website is responsive and viewable on multiple screen sizes
Includes appropriate semantic HTML
Includes metadata tags for SEO best practices
Elements have the correct state styles (hover, focus, etc.)
Clicking on the "contact me" button launches an email client to send an email to
andrew@example.comClicking on social links opens a new tab to
example.com
What's included
Challenges include all the assets you would expect from a designer in real-world projects, plus some resources to help you complete the Challenge.
- Organized Figma design file
- Detailed desktop, tablet, and mobile layouts
- Comprehensive design system
- Relevant fonts, colors, SVGs, and images
- Alternative Solutions from members
- Straightforward quick-start guide
- Recommended list of learning resources
- Access to community Discord channels