Welcome to Portlu ! Get familiar with the Stripe products and explore their features:
Well organized and easy to understand. You can any work by following our docs easily
Code is clean if it can be understood.Our code is more formatting for your website
Our Template is full Perfect for all device. You can visit our template all device easily.
The template has Sass available for css. You can Change and customize css by sass.
Portlu is faster loading speed. Portlu create your template so much faster and easier
We are provide 24 hours support for all clients.You can purchase without hesitation.
Welcome to wellconcept
Portlu - Creative Agency & Portfolio HTML5 Template is a contemporary and polished HTML5 and Bootstrap template for creative agencies. A well-curated portfolio is an essential tool in the artistic and creative industries. Digital agencies, startups, Creative Business agencies, Personal portfolios, marketing services, Consultants, and artisans all utilize portfolios as a cornerstone of their self-promotion. Thus, having an exceptional portfolio is of paramount importance. In this context, Portlu offers an ideal solution. It caters to a wide range of businesses, including digital agencies, creative business consultancies, Corporate Business, Consulting, Acoustical, Management, Financial, International Consultant, Personal Portfolio, and any portfolio profile you can imagine. This template boasts 8 distinct homepage demos and even features a dark mode, with 33 HTML pages and meticulously designed blocks that can be effortlessly edited and customized to suit your unique requirements. Portlu is the ultimate solution for creating distinctive and standout portfolio websites.
After purchasing Portlu template on templateforest.net with your Envato account, go to your Download page. You can choose to download Portlu template only or the entire Portlu template package which contains the following files:
Installing a Portlu template is not like WordPress or CMS theme installation, actually, installation keyword does not go with Portlu template. Why? because you don’t install anything, yes Portlu or HTML templates are automatically rendered by the browser.
Before all that you have to edit your template and place your own contents by replacing old demo contents, in this case, you will need a code editor such as – VScode, Sublime Text, etc. When template editing is done using editor, save the files and folder and go ahead to upload template files on live server.
First of all, If you don’t have your template on your computer, download Portlu template to get started, when download/purchase complete you will get a package like this screenshot (after unzip).
This template is a fixed layout with four columns. The main contents are inside the 'body' tag divided into different section (i.e. header, banner, services,... footer etc.). The general template structure is the same throughout the template. Here is the general structure.
<!DOCTYPE html>
<html class="no-js" lang="zxx">
<head>
<meta charset="utf-8">
<title> Portlu - Creative Agency & Portfolio HTML5 Template</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Place favicon.ico in the root directory -->
<link rel="shortcut icon" type="image/x-icon" href="assets/img/logo/favicon.png">
<!-- CSS here -->
<link rel="stylesheet" href="assets/css/vendor/bootstrap.css">
<link rel="stylesheet" href="assets/css/vendor/animate.css">
<link rel="stylesheet" href="assets/css/plugins/swiper-bundle.css">
<link rel="stylesheet" href="assets/css/plugins/slick.css">
<link rel="stylesheet" href="assets/css/vendor/magnific-popup.css">
<link rel="stylesheet" href="assets/css/vendor/font-awesome-pro.css">
<link rel="stylesheet" href="assets/css/vendor/hover-reveal.css">
<link rel="stylesheet" href="assets/css/vendor/icomoon.css">
<link rel="stylesheet" href="assets/css/vendor/spacing.css">
<link rel="stylesheet" href="assets/css/main.css">
</head>
<!-- JS here -->
<script src="assets/js/vendor/jquery-3.6.0.min.js"></script>
<script src="assets/js/plugins/jquery.waypoints.min.j"></script>
<script src="assets/js/vendor/bootstrap-bundle.js"></script>
<script src="assets/js/plugins/swiper-bundle.js"></script>
<script src="assets/js/plugins/slick.min.js"></script>
<script src="assets/js/plugins/wow.js"></script>
<script src="assets/js/vendor/magnific-popup.js"></script>
<script src="assets/js/plugins/nice-select.js"></script>
<script src="assets/js/plugins/counterup.js"></script>
<script src="assets/js/vendor/jquery-ui.min.js"></script>
<script src="assets/js/plugins/isotope-pkgd.js"></script>
<script src="assets/js/plugins/imagesloaded-pkgd.js"></script>
<script src="assets/js/plugins/vanilla-tilt.js"></script>
<script src="assets/js/vendor/hover-reveal.js"></script>
<script src="assets/js/vendor/tween-max.js"></script>
<script src="assets/js/plugins/parallax.min.js"></script>
<script src="assets/js/plugins/parallax-scroll.js"></script>
<script src="assets/js/plugins/jarallax.min.js"></script>
<script src="assets/js/vendor/ajax-form.js"></script>
<script src="assets/js/vendor/js_circle-progress.min.js"></script>
<script src="assets/js/main.js">
</body>
</html>
We are using one customed CSS files (style.css) and several vendor css files. CSS file structure is as follows:
/*********************************************************************************
Template Name: Portlu - Creative Agency & Portfolio HTML5 Template
Author: wellconcept
Support: [email protected]
Description: Portlu - Creative Agency & Portfolio HTML5 Template
Version: 1.0
Note: This is style css.
**********************************************************************************/
/************ TABLE OF CONTENTS ***************
-----------------
01. THEME CSS
-----------------
1.1 Theme Default
1.2 Common Classes
1.3 Default Spacing
-----------------
02. HEADER CSS
-----------------
3.1 Header Style 1
3.2 Header Style 2
3.3 Header Style 3
2.3 Header common
2.4 Header to top
---------------------------------
03. MENU CSS
---------------------------------
4.1 menu css
4.2 meanmenu css
---------------------------------
04. BLOG CSS
---------------------------------
5.1 postbox
5.2 sidebar
5.3 blog-details
---------------------------------
05. FOOTER CSS
---------------------------------
6.1 Footer
6.2 Footer copyright
-----------------
06. COMPONENTS CSS
-----------------
7.1 Accordion
7.2 Animation
7.3 Background
7.4 Back to top
7.5 Breadcrumb
7.6 Carousel
7.7 Forms
7.8 list
7.9 Offcanvas
7.10 Pagination
7.11 Preloader
7.12 Section Title
7.13 Shortcodes
7.14 Tab
7.15 Tooltip
7.16 index
---------------------------------
07. PAGES CSS
---------------------------------
8.1 About css
8.2 Award css
8.3 Brand css
8.4 Contact css
8.5 Counter css
8.6 Cta css
8.7 Demo css
8.8 Error css
8.9 Faq css
8.10 Feature css
8.11 Job css
8.12 Login css
8.13 Portfolio css
8.14 Pricing css
8.15 Progress css
8.16 Service css
8.17 Skill css
8.18 Slider css
8.19 Subscribe css
8.20 Team css
8.21 Testimonial css
8.22 Video css
8.23 Widget css
8.24 video css
8.25 Index css
**********************************************/
There is a custom .js file named main.js and are several vendor js files as plugins. We are using jQuery(a javascript library) instead of vanilla javascript. Our file structure is a follows:
To change any images of the website
Example: Suppose you want to change the following image file:
<div class="header__logo pt-10 pb-10">
<a href="index.html">
<img src="assets/imgs/logo/logo.svg" alt="logo not found">
</a>
</div>
To change any images of the website
Example: Suppose you want to change the following image file:
<div class="header__logo">
<a href="index.html">
<img class="logo-dark" src="assets/img/logo/logo-black.png" alt="logo-img">
</a>
</div>
We have used scss for this project to write css. If you are familiar with scss you should customize only the .scss files. Please make sure you compile the style.scss file after you have made changes in any of the .scss files.
Have a look at the following image for a visual description:
We've used the following fonts, free icons and plugins as listed:
Thank you for purchasing my template.
If you have any questions that are
beyond the scope of this help file, please feel free to open a new ticket at our
Support
forum
Update Change log View Changelog Here
If you need to theme customization or make custom theme or template. Please, you can contact us for this.
Contact Us Contact Us
If you need to theme customization or make custom theme or template. Please, you can contact us for this.
Contact
