I created this simple notion portfolio page template using basic html, css, and JS, and you can extend this as well
Features
- Search
- Easily add your own content using json and markdown
- Tailwind css, for rapid development.
Live site
You can view the live site here: Notion portfolio landing page
Screenshot
How to use
- download the portfolio from: https://github.com/PaulleDemon/awesome-landing-pages/tree/main/src/portfolio/notion
- inside data.json make the following changes
{ "name": "Paul's portfolio", "icon": "./assets/images/home/paul.png", "pages": [ { "icon": "./assets/images/home/paul.png", // icon can be image, a bootstrap icon class or an emoji "name": "About", // name of the page "link": "/about", // should be unique "content": "content/about.md" // this has to be a path to your md or your html content }, { "icon": "📖", "name": "Blogs", "link": "/blogs", "content": "content/blog.html" }, { "icon": "bi bi-suitcase-lg-fill", "name": "Work Experience", "link": "/experience", "content": "content/projects.html" }, ] }
That’s it, you have your own notion themed portfolio
Follow
Source code:
Source code for Traveler App landing page Github
Discover more from Coursity
Subscribe to get the latest posts sent to your email.