Introduction
Thank you for purchasing the NENs Resume / CV template! This is the documentation that will help you with customizing the template.
Template name | : | NENs - Personal Portfolio Resume HTML Template |
Version | : | v1.0.0 |
Author | : | www.themestransmit.com |
Support | : | support@themestransmit.com |
This documentation is to help you regarding each step of customization. Please go through the documentation carefully to understand how this template is made and how to edit this properly.
Important! This is a static HTML template and not a WordPress theme! It doesn't have any admin/back-end panel and it is created for the developers or person who knows the HTML. If this is not you have intended to buy, you can ask for a refund.
Getting Started
Before you dive into code, we want you to explain how the template is structured and organized, what support is included, what tools did we have used, etc.
Folder Structure
- Nen-Resume
Main (root) folder with index HTML files and assets folder
-
CSS
Template
style.css
and other plugins CSS files. -
Font
Template Font [default 'Rubik'] Support
-
Fonts
FontAwesome icons Support fonts
-
Images
Contains demo images and svg icons that are used in template.
-
JS
Template
script.js
and other plugins -
Sass
All Scss Files stored on that folder
-
CSS
Template Installation
To Install the NENs Resume Template please follow the instruction below:
FTP Upload:
- Open up your FTP manager and connect to your hosting
- Browse to required directory (Normally public_html)
- Upload the file inside nens-resume zip folder.
- Extract the nens-resume zip folder.
Template Pages
- Home Page
index.html
for Homepage.
- Blogs
blog.html
for Blogs Pageblog-details.html
for Blog Details page
- Related Pages
elements.html
Elements page ( Team member, pricing, fun-facts, buttons, tables, Accordion, Tabs etc. )portfolio-details.html
designed for explaining abotu portfolis and projects.404.html
404 / Page Not Found / Error pagecontact-form.php
sending email to clients inbox page
Source Files
Fonts
This template content has been used by google fonts. You can implement any google fonts or custom font you want and link the to the head of the html document.
/* ======================================================== Google fonts link =========================================================== */ <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600&display=swap" rel="stylesheet">
Note: You can use any google or premium font in this template by downloding the targeted font. If face any trouble to set your font, please contact us. We'll implement the font in this template.
CSS
All the CSS plugins have been used in this template are linked in head section of the html documents.
/* ======================================================== CSS Plugins =========================================================== */ Bootstrap v5 <link rel="stylesheet" href="assets/css/bootstrap.min.css"> Fontawesome <link rel="stylesheet" href="assets/css/fontAwesome5Pro.css"> Swiper Slider <link rel="stylesheet" href="assets/css/swiper-bundle.min.css"> Animated Headline <link rel="stylesheet" href="assets/css/cdheadline.css"> magnific Popup <link rel="stylesheet" href="assets/css/magnific-popup.css"> Main Style sheet <link rel="stylesheet" href="assets/css/style.css">
JS
All the js plugins have been used in this template are imported end of the HTMl document with a custom js file namely custom.js
/* ======================================================== JS Plugins =========================================================== */ <script src="assets/js/assets/js/bootstrap.bundle.min.js"></script> <script src="assets/js/jquery-3.6.0.min.js"></script> <script src="assets/js/assets/js/waypoints.min.js"></script> <script src="assets/js/swiper-bundle.min.js"></script> <script src="assets/js/isotope.pkgd.min.js"></script> <script src="assets/js/jquery.magnific-popup.min.js"></script> <script src="assets/js/jquery.counterup.min.js"></script> <script src="assets/js/cd-headline.js"></script> <script src="assets/js/script.js"></script>
Customize NENs Resume
How to edit files!
Yes, it’s completely possible to edit HTML in Notepad++ or a similar program, but things will go much more smoothly for you if you use a proper code editing app. One of the main reasons is you’ll get colored highlighting of your code, as you’ll see shortly, which will make it much easier to read and edit.
How to Change Fonts!
-
If you are not satisfied with the default font, you can choose from hundreds ones from the Google Fonts. After you are happy with the selected
font, click to the font name link. You'll be redirected to to font detail. Then
select the font style that suggested. To select the style click Select this style.
A sidebar window will show with text "Selected Family" - click it. When you are done click <link> radio tab and copy the link url.
For example:
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300&display=swap" rel="stylesheet">
-
Then open the HTML file where you want to change fonts and find the
<link>...
element which loads the Google font in the<head>
tag and place your copied code. -
Final step is to change the font family in the
_variables-site.scss
file from the variable-site folder. Open it and see the font heading and font body variable. Now go back to Google Fonts page where you have choose your font and copy the font family name and past it to here.
$font__heading: 'Poppins'; $font__body: 'Open Sans';
Note: In this template 'Poppins' fonts has been used for Headings and "Open Sans" fonts has been used for body and text. Convert your font to CSS fonts and place the fonts in the 'Fonts' folder with the stylesheet.css file
For that, you can use Online @font-face generator — Transfonter
Changing Template Color Mode
Yes, It's totaly easy to convert NENs color mode. Simple add a data-layout-mode="dark"
or data-layout-mode="light"
on <html> tag
for changing color mode within a second. See the screenshot below
Customize Home Page
Edit Portfolio Showcase Item
Portfolio Filter buttons
Portfolio items with carousel features.
Edit Portfolio Details
Customize Contact Form
How to modify contact Form
To modify the contact page please open the index.html
file in your code editor and go to contact
div. Now customize the feild as you wish.
Remember that the form action value set to contact-form.php
. You should replace your webmaster email $webmaster_email
address to get an email from the customer. Please contact the support team to get support for any inconvenience.
Support Desk

Please remember you have purchased a very affordable template and you have not paid for a full-time web design agency. Occasionally we will help with small tweaks, but these requests will be put on a higher priority due to their nature. Support is also 100% optional and we provide it for your connivence, so please be patient, polite and respectful.
Please visit our profile page or ask question @ThemesTransmit
Support for our items includes:
- * Responding to questions or problems regarding the item and its features
- * Fixing bugs and reported issues
- * Providing updates to ensure compatibility with new software versions
Item support does not include:
- * Customization and installation services
- * Support for third party software and plug-ins
Before seeking support, please...
- Make sure your question is a valid Template Issue and not a customization request.
- Make sure you have read through the documentation and any related video guides before asking support on how to accomplish a task.
- Try disabling any active plugins/library to make sure there isn't a conflict with a plugin/library. And if there is this way you can let us know.
- If you have customized your Template and now have an issue, back-track to make sure you didn't make a mistake. If you have made changes and can't find the issue, please provide us with your changelog.
- Almost 80% of the time we find that the solution to people's issues can be solved with a simple "Google Search". You might want to try that before seeking support. You might be able to fix the issue yourself much quicker than we can respond to your request.
- Make sure to state the name of the Template you are having issues with when requesting support via ThemeForest.
Version History (Changelog)
You can find the version history (changelog.txt) file on nens-resume.zip folder or you can check changelog on template sale page.
Once again, thank you so much for purchasing this template. As I said at the beginning, I'd be glad to help you if you have any questions relating to this template. No guarantees, but I'll do my best to assist. If you have a more general question relating to the templates on ThemeForest, you might consider visiting the forums and asking your question in the "Item Discussion" section.
Changelog
----------------------------------------------------------------------------------------- Version 1.0.0 - 28 February 2023 ----------------------------------------------------------------------------------------- - Initial Release Nens Resume - Upadate all plugins - Improve site speed and image optimization - Improve Responsive issues - Breadcrumb improved for all pages - Product design quality enhanced
Copyright and license
This Template released under MIT License.
For more information about copyright and license check ThemesTransmit