Documentation for Nens Personal Resume Template

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

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 Page
- blog-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 page
- contact-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

How to Change Font Awesome Icons!

Font Awesome includes more than 900 icons that can be easily used on your site. For example you want the download link with the PDF icon.

Go to Font Awesome Icons gallery and find the one you need. I our example it is file-pdf. Click the detail, then find and copy <i class="fas fa-file-pdf"></i>.
Place the copied line to your link: <a href="file.pdf"><i class="fas fa-file-pdf"></i> Download File</a>
Final result: Download File

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

How to Change Logo

Replace the logo name from your logo directory.

How to Change Navigation Bar

How to Change Homepage Hero Section

Modify 'About Me' Section

Modify 'Service' Section

Modify 'Education' & 'Experience' Section

Edit Skills with annimated Bars

Edit your skills with animated bars.

Edit Portfolio Showcase Item

Portfolio Filter buttons

Portfolio items with carousel features.

Edit Portfolio Details

Edit Testimonial Items

Edit Blog post Items

Edit Blog post 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

Welcome to NENs HTML