Resumez: ResumeZ One Page Professional Resume Template

Visit Our Product Page

Overview

ResumeZ is a clean and minimalistic responsive professional resume or portfolio template. This is built with modern technologies like HTML5, CSS3, jQuery, Bootstrap 3. ResumeZ also comes with ready made CSS3 Anitmation, Flexible Count, Portfolio, Testimonial Slider, Blog Display, Google Map, Working Contact Form, Paralax and more.

It is accepted that before you start modifying the HTML for your need at least you have basic knowledge in html and twitter Bootstrap3. If you need custom development as well as need to know any thing specific for this theme that doesn't cover in this documentation, you are always welcome to contact us.

How to Modify or Customize

This theme has only one html file called index.html . For any kind of changes please open this file. Also all line number in this documentation indicate index.html file line.

GENERAL

Site Header code starts from line 6 and ends at line 53. It Contains global settings for this settings.

Change Site title see line number 9 of index.html.

Change Site Stylesheet: Line-48. In this stylesheet has all global styles with default color. If you want to only change color then please find five stylesheet in css directory with suffix ...style.css , no matter the settings are changed in any styles switching. Because all stylesheets has same global styles with different pre defined color scheme.

If you want to add new stylesheet then add it to site head section and to add new javascript file please see bottom of the index file.

Custom JS file: Line- 1072. If you find custom js code the plese find cbscript.js from js directory.

Section Title

We maintain same coding standard for all section titile and subtile. That make it high customisable.

Title & Subtitle: to change title please go to the top of the every section and find the code is like:

                                 

Profile

My Personal Info

Header section starts from line 61 and end line 96

Change Profile Image: Line number 82

                               
Profile Image

Editable Header code starts from line 84 and ends at line 99. You can edit each item code is like this

                                 
Profile Image

Hello, I'm

JONATHON DOE

  • UX Designer
  • Web Developer
  • Web Developer

See My Work

Title & Subtitle: to change title of header the lines 84 for title, and 85 for subtitle , the code is same as above:

                                     

Hello, I'm

JONATHON DOE

PROFILE

Profile section starts from line 128 and end line 248

                                 

About ME

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam, at culpa dignissimos dolore doloremque doloribus dolorum ducimus hic, minima, nam obcaecati quo.
Akma quos repellat repudiandae sequi tempora vero voluptatemLorem ipsum dolor sit amet, consectetur adipisicing elit.

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Personal Info

Name: Jonathon Doe

Age: 25 years Old

Phone: +4165-46556-XXX

Email: +4165-46556-XXX

Address: 795 Folsom Ave, Suite 600,
San Francisco, CA 94107.

Award

Award section starts from line 165 and end line 190

Single Award box colde:

                                
600 Awards Win

EXPERIENCE

EXPERIENCE section starts from line 113 and end line 288

The slider is very basic using owl carousel. To change the information of the slider follow this

                               
200X-
200X

Google, Inc.

Software Engineer
200X-
200X

Microsoft Corporation

Web Developer
200X-
200X

Oracle Corporation

Software Engineer
200X-
200X

Symantec Corporation

Web Developer
200X-
200X

Salesforce Inc.

Software Engineer
200X-
200X

VMware, Inc.

Web Developer
200X-
200X

Salesforce Inc

Software Engineer
200X-
200X

Amadeus IT Group

Web Developer
200X-
200X

Apple Inc.

Software Engineer
2007-
2008

International Business Machines Corporation

Web Developer
2007-
2008

Computer Associates International, Inc.

Software Engineer

Each slider item code is like this

                                 
2007-
2008

Computer Associates International, Inc.

Software Engineer

EDUCATION

EDUCATION section starts from line 302 and end line 332

To change the information of the timeline follow this

                               
  • Lorem University, Bangladesh

    B.Sc Engineer .

    2007 - 2011

  • Lorem Government College

    HSC

    2005 - 2006

  • Lorem Government High School

    SSC

    2004 - 2005

CODING SKILLS

CODING SKILLS section starts from line 365 and end line 401

To change the information of the single programming skill item follow this

                                  

6/7 Hi 95%

HTML5 & CSS3

GRAPHICS SKILLS

GRAPHICS SKILLS section starts from line 409 and end line 445

To change the information of the single graphics skill item follow this

                                 

5/7 85%

Photoshop

SERVICE

SERVICE section starts from line 478 and end line 543

To edit single service item . Please single service item Code is like:

                                  
  • Software Development

    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Esse fuga maiores maxime quis?

  • Works

    Portfolio section starts from line 559 and end line 730

    Filter Menu: to change menu item please go to the lines 525 and the code is like:

                                    
                                 

    Please add to eash item datagroup name carefully. Because it essential for item filtering.

    Single Porfolio item code is like:

                                      
                                

    Need to add datagroups neme to all single item.The code is like:

                                      

    Need to add data-title, data-contentnt, data-clink, data-cname, data-service, data-image attribute for modal content.The code is like:

                                  
                                

    BLOG

    BLOG section starts from line 733 and end line 866

    To edit latest blog box item please find the Code is like:

                                    
    blog

    Your Breaking News Title here

    Lorem ipsum dolor sit. Alias dicta libero quod sint qui suscipit! Alias assumenda eara asjk sunt! Amet eligendi provident qui suscipit! Alias assumenda eara asjk necess reprehe! Lorem ipsum dolor sit. Alias dicta libero quod sint qui suscipit! Alias assumenda eara asjk sunt! Amet eligendi provident qui suscipit! Alias assumenda eara asjk necess reprehe! Lorem ipsum dolor sit. Alias dicta libero quod sint qui suscipit! Alias assumenda eara asjk sunt! Amet eligendi provident qui suscipit! Alias assumenda eara asjk ...

    READ MORE

    To edit other blog box item please find the Code is like:

                                     
    blog

    Your Breaking News Title here

    Lorem ipsum dolor sit. Alias dicta libero quod sint qui suscipit! Alias assumenda eara asjk sunt! Amet eligendi provident qui suscipit!

    READ MORE

    TESTIMONIAL

    TESTIMONIAL section starts from line 870 and end line 922

    Slider: The slider is very basic using twitter bootstrap. To change the name, images, company name and content of the testimonial slider follow this:

                                  

    Afara Safad

    Company Name

    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consequuntur delectus, deleniti dignissimos earum facere incidunt iste maxime, modi natus neque praesentium, unde vero voluptas. Beatae culpa dolorem laboriosam maxime saepe.

    CONTACT FORM

    To configure email options then open contact.php file which you find from php directory from theme root. There we try to describe everything by comments.

    Default Email configuration:

                                    $admin_email_to         = 'sabuj@codeboxr.com'; // admin email who will get the contact email alert
                                    $admin_email_to_name    = "Company Name"; // Admin Name/Company name who will get the email alert
                                    $admin_email_from       = 'info@codeboxr.com';  // admin email from which email address email will be sent
                                    $admin_email_from_name  = 'System'; //admin name from which email will be sent
                                    $admin_send_subject     = 'Contact form alert'; //email subject what the admin will get as contact email alert
                                    $user_send_subject      = 'Thanks for contact, your copy'; //email subject what the user will get if the user agreed or select "copy me"
                              

    GOOGLE MAP

    This is a javascript based plugin. So, for any type customization or modification need to open site custom javascript file which you find from js floder as cbscript.js

    HTML code of goole map starting from as

                                    

    Confgigure Google map: To change latitude, longitude, tile and content, please open cbscript.js file from js directory and go to line number 385. The code is like:

                                    // Show google Maps For Landigz Tempalte. You can customize from here
                                    $('.map_canvas').CbMaps({
                                        mapOptions: {
                                            latitude: ['23.810637'],
                                            longitude: ['90.400615'],
                                            center: true,
                                            scrollwheel: false,
                                            zoom: 8,
                                            mapType: 'satellite', //google.maps.MapTypeId.ROADMAP
                                            icon: cbx_path + '/img/map-icon.png',
                                            infoWindow: [{
                                                title: 'Codeboxr',
                                                content: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias debitis delectus dolorum enim ex harum, natus quaerat voluptas? Est et labore molestiae molestias odio possimus quae quaerat quam reiciendis, sunt.'
                                            }]
                                        }
                                    });
    
                                

    Sometimes you need to change file path. Then you will find it from line 11 from cbscript.js

    
                                        var cbx_path = window.location.protocol + '//' + window.location.host;
                                        var pathArray = window.location.pathname.split( '/' );
                                        for (i = 1; i < (pathArray.length - 1); i++) {
                                            cbx_path += '/';
                                            cbx_path += pathArray[i];
                                        }
    
                                

    Left Menu

    LEFT SIDEBAR section starts from line 1024 and end line 1047.

    If you want to customize or add new menu item then you can do it easily by editing fwing code:

                                     
                                

    Right Menu

    RIGHT SIDEBAR section starts from line 66 and end line 73.

    If you want to customize or add new menu item then you can do it easily by editing fwing code:

                                    
                                

    if you want to edit footer section. Please go to line number 1010 of index.html file and edit.

                                    

    Copyright @ 2015. All Rights Reserved.