Charlie Portfolio

Last updated 5 months ago

Charlie Portfolio

About this template

Photos

Introduction

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!

Features

Main Page
About Us
Projects
Internal Projects Page
Contact
Services
Privacy
Terms
Responsive Design
Clean Design

Notes

Important note: After purchasing this template and customizing it, be sure that you had a chance to learn how to set up data security.

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.

Pages Overview

index

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.

reset_pw

Here, users reset their password after accessing the link in the mail.

404

This is a page for 404 redirect errors, informing a user that the web page he or she is looking for cannot be found.

about

This page displays a description of the website owner.

contact

This page contains the Contact Us form.

project

This page contains detailed information about a project. It displays images, title, and content.

internal project page

This page contains detailed information about a project. It displays images, title, and detailed content.

services

This page displays a description of the service offered by the website owner.

terms

This page displays a description of the website owner's terms of employment.

privacy

This page displays a description of the website owner's privacy policy.

Reusable elements

Footer

This reusable element is the footer of your app. It contains your portfolio page links, logo, and social links.

Header

This reusable element is the desktop header. It contains logo and navigation links through the app.

Header mobile

This reusable element includes the mobile header. It contains a logo and mobile-menu trigger and contains a mobile navigation menu.

Workflow

Highlighting the workflow with color is a great way to separate actions in essence and significance. Below is the Gloria 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.