Olux – Creative Personal CV/Resume Portfolio HTML Template

  • Version: 1.0.0
  • Last Updated: September 06 21
  • Author: themesflat
Thank you so much for your interests. Your comments and ratings would be much appreciated. If you purchase this template, you will get support. We will update this template time by time and we want to hear your wishes for the future updates or for complete new templates. You need file XD or images please contact via skyper:themesflat or email themesflat@gmail.com we will send this for you.

Template features:

  • HTML5 & CSS3
  • Responsive Template
  • Free icons used
  • Pixel Perfect
  • Clean & Unique Design
  • Easy to customize
  • Retina Ready
  • Unlimited Colors
  • Boxed or Wide layout
  • Ajax Contact Form
  • 2 Home Page
  • 2 Portfolio page
  • Parallax Effect
  • & much more...

HTML Structure

Olux – Creative Personal CV/Resume Portfolio HTML Template

Below is Olux basic structure:

<!DOCTYPE html>
<head>
    <meta charset="utf-8">
    <title>Olux – Creative Personal CV/Resume Portfolio HTML Template </title>

    <!-- Mobile Specific Metas -->

    <!-- Bootstrap  -->

    <!-- Theme Style -->

    <!-- Responsive -->

    <!-- colors -->    
   
    <!-- Animation Style -->    

    <!-- Favicon and touch icons  -->
</head>

<body>
	<!-- Header -->	

	<!-- Slider -->

    <!-- Section -->
    <section class="flat-row"> </section>

    <!-- Footer -->
    <footer class="footer"> </footer>

   	<!-- Bottom -->
   	<div class="bottom"> </bottom>

   	<!-- Go Top -->
    <a class="go-top">
     	<i class="fa fa-angle-up"></a>
    </a>
   
   <!-- Javascript -->
   <script type="text/javascript" src="assets/js/jquery.min.js"></script>
   <script type="text/javascript" src="assets/js/bootstrap.min.js"></script>
   <script type="text/javascript" src="assets/js/jquery.easing.js"></script>
   <script type="text/javascript" src="assets/js/jquery-waypoints.js"></script>
   <script type="text/javascript" src="assets/js/owl.carousel.js"></script>
   <script type="text/javascript" src="assets/js/parallax.js"></script>
   <script type="text/javascript" src="assets/js/jquery.cookie.js"></script>   
   <script type="text/javascript" src="assets/js/switcher.js"></script>      
   <script type="text/javascript" src="assets/js/main.js"></script>
</body>

</html>

CSS System

The Olux CSS System contains 3 parts:
  • Template style
  • Shortcodes style
  • Responsive style
  • Javascript - Fonts - Animation - Bootstrap style

Style.css ( Template style )


/**
  * Reset Browsers
  * Forms
  * Button
  * Typography
  * Extra classes
  * link style
  * text global
  * Root
  * parallax
  * hover effect
  * Top Bar
  * Header
  * Sub Menu
  * Mobile Menu
  * Search Form
  * Header Fixed
  * Pagination
  * flat title page
  * flat blog
  * flat about
  * flat skill about
  * flat services
  * flat counter
  * flat working-project
  * flat client
  * flat team
  * flat latest new
  * flat about 2nd
  * flat work
  * flat about education
  * flat brand
  * flat about client
  * flat latest style 2
  * flat list services 
  * flat about work
  * flat contact me
  * flat services details
  * flat portfolio
  * flat portfolio details
  * flat team member
  * flat Contact
  * Footer
  * Bottom
  * Scroll Top
  * Boxed
  * Media Queries
*/

Shortcodes.css ( Shortcodes - Elements style )

You can easily use the shortcodes to create your own page.


/** 
  * Button
  * slide style
  * preload
  * side menu
  * side menu lastest work
  * side menu lastest new
  * side menu video
  * side social
*/

Javascript - Fonts - Animation - Bootstrap style

/**  
*	animate.css
*	bootstrap.css
*	jquery.fancybox.css
*	owl.carousel.css
*	wow.css
*/

Javascript Custom

Here you can modify any settings for ( Retina Logos, Animations, Testimonials, Sliders, & Progress bar and more..)

Main.js ( js/main.js )


/**
  * retinaLogo
  * headerFixed
  * scrollToTop
  * ajaxContactForm
  * alertBox
  * button swiper crourel, slider
  * inputEmailHidden
  * mainSlider
  * carousel
  * sliderCoverflow
  * sliderVertical
*/

Shortcodes System

You can easily use the shortcodes to create your own page.

    
/** 
  * Button
  * slide style
  * preload
  * side menu
  * side menu lastest work
  * side menu lastest new
  * side menu video
  * side social
*/

Credits