Charlie Portfolio
Last updated
Last updated
Template Link on Bubble Marketplace
This template is designed to help you create a professional web portfolio and resume page. It allows you to showcase your education, experience, skills, and more—everything needed to impress potential clients or employers.
The Charlie Portfolio template features an elegant design that highlights your work, allowing your creativity and talent to shine. With a user-friendly interface, it's easy to customize and manage content without dealing with complex or confusing features.
This template is ideal for sharing your projects and making a lasting impact on your audience, whether they're already familiar with your work or just discovering it.
Fully responsive and compatible across all devices, this template adheres to the latest UX/UI design standards, offering an intuitive and visually appealing experience.
Before purchasing, feel free to explore the preview section. If you have any questions or need assistance, don't hesitate to contact us. We're here to help!
Main Page
About Us
Projects
Internal Projects Page
Contact
Services
Privacy
Terms
Responsive Design
Clean Design
Important note: After purchasing this template and customizing it, be sure that you had a chance to learn how to set up data security.
Check all privacy settings by the following link before launch: Bubble Privacy
Since access to objects differs in each application and is unique for each case, ensure you have established all the privacy rules.
This template is not the final product. Any part of the application can be modified for different needs.
This is the core page of the template, that displays a stylish portfolio page.
☝ All images and texts (except the repeating groups) are displayed for demonstrational purposes and can be changed directly on the page.
Here, users reset their password after accessing the link in the mail.
This is a page for 404 redirect errors, informing a user that the web page he or she is looking for cannot be found.
This page displays a description of the website owner.
This page contains the Contact Us form.
This page contains detailed information about a project. It displays images, title, and content.
This page contains detailed information about a project. It displays images, title, and detailed content.
This page displays a description of the service offered by the website owner.
This page displays a description of the website owner's terms of employment.
This page displays a description of the website owner's privacy policy.
This reusable element is the footer of your app. It contains your portfolio page links, logo, and social links.
This reusable element is the desktop header. It contains logo and navigation links through the app.
This reusable element includes the mobile header. It contains a logo and mobile-menu trigger and contains a mobile navigation menu.
Highlighting the workflow with color is a great way to separate actions in essence and significance. Below is the Bubble UI standard for the use of colors with a detailed explanation.
The standards below are for informational purposes only. Any discrepancy is not related to the functionality of the application.
Gray - All other actions.
Blue - The actions taking place on our screen do not utilize the application's resources. For instance, when an element is clicked and a popup is opened or closed.
Red - This action involves deleting or resetting values. For instance, "Delete a thing or a list of things," as well as "Reset a group" and "Reset inputs."
Green - These actions involve creating or modifying entries in the database. For example, "Create a new Thing," "Make changes to a thing or a list of things," as well as "Copy a list of things," and so on.
Orange - Actions related to your navigation. For example, "Navigate to a page," or "Do when a condition is true" – when you use specific values for checking, such as "When the current user is logged in," and so on.
Purple - The significance of this color is determined by the developer themselves, as it is done due to the fact that everyone has their own approach to development.
Cyan - Actions utilizing Custom Events – lengthy tasks that involve the creation, modification, deletion, and plugins within a single comprehensive workflow as steps.
Brown - Custom workflow, API workflow, and similar tasks.
This data type contains information only for demonstration purposes.
This data type stores user-related information.
Name
text
Stores the user name
Image
image
Stores the user image
💡Tip: The User data type has the following fields: email, Modified Date, Created Date, and Slug. These fields' values can be used in workflows, conditional formatting, etc. To learn more, see the Bubble manual
This data type is used to store the user’s stacks.
Name
text
Stores the stack name
Image
image
Stores the stack image.
This data type is used to store project proprieties.
Name
text
Stores the project name
Image
image
Stores the project images
Category
text
Stores the project category
Client
text
Stores the project client name
Description
text
Stores the project description
Subtitle
text
Stores the project subtitle
Overview
text
Stores the project overview
Timeline
text
Stores the project timeline
Website
text
Stores the project website
This type of data is used to store the types of services offered.
Title
text
Stores the offer title
Tag
text
Stores the offer tag
Offer 1
text
stores the offer of type 1
Offer 2
text
stores the offer of type 2
Offer 3
text
stores the offer of type 3
Description offer 1
text
Sstores the offer description of type 1
Description offer 2
text
stores the offer description of type 2
Description offer 3
text
stores the offer description of type 3
The template is sold as is. Feel free to contact us with any questions and we will be happy to assist you – https://bubbleui.co
Follow us:
Facebook: https://www.facebook.com/bubbleuico
Twitter: https://x.com/bubbleui
Instagram: https://www.instagram.com/bubbleuico/
