Wedo | Personal Portfolio HTML Template

  • Version: 1.0.0
  • Last Updated: May 29 23
  • 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 PSD or images please contact
Email: helpdeskthemesflat@gmail.com
Skype id: helpdeskthemesflat
Create ticket id : https://themesflat.ticksy.com/ticket

Template features:

  • HTML5 & CSS3
  • Responsive Template
  • XD files included
  • Animate everything you want
  • Free icons used
  • Pixel Perfect
  • Clean & Unique Design
  • Easy to customize
  • Retina Ready
  • Unlimited Colors
  • Home Page
  • Services Page
  • Service Detail
  • Price List
  • Parallax Effect
  • & much more...

HTML Structure

Wedo | Personal Portfolio HTML Template

Below is Wedo basic structure:

<!DOCTYPE html>
<head>
    <meta charset="utf-8">
    <title>Wedo | Personal Portfolio HTML Template </title>

    <!-- Mobile Specific Metas -->

    <!-- Bootstrap  -->

    <!-- Theme Style -->

    <!-- Favicon and Touch Icons -->

    <!-- Animation Text -->

    <!-- Responsive -->

    <!-- colors -->    
   
    <!-- ios support -->    

    <!-- Font  -->
</head>

<body>
	<!-- Header -->	

	<!-- Slider -->

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

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

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

   
   <!-- 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 Wedo CSS System contains 3 parts:
  • Template style
    • Disabled state
  • Shortcodes style
  • Responsive style
  • Javascript - Fonts - Animation - Bootstrap style

Your_template/app/scss/style.scss ( Template style )


/**
    * variable
    * reset
    * header
    * footer
    * popup menu
    * dark themes
    * preloader 
*/

Your_template/app/scss/shortcodes.scss ( Shortcodes - Elements style )

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


/**
    * sidebar
    * widget social icons
    * blog detail
    * widget cart profile
    * widget user comment
    * widget post comment
    * portfolio details 
    * contact us
    * widget cart contact
    * blog page
    * widget pagination
    * widget box testimonials 
    * price table
    * portfolio page
    * skill page
    * service page 
    * count
    * about us
    * page section
    * dark themes
    * home page
*/

Javascript - Fonts - Animation - Bootstrap style


/**  
    *	animate.css
    *	bootstrap.min.css
    *	responsive.css
    *	shortcodes.css
    *	splt.css
    *   style.css
*/

Javascript Custom

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

Main.js ( javascript/main.js )


/**
    * Choose themes
    * Type text
    * Header fixed
    * Counter
    * Modal down
    * Number
    * Progress bar
    * counter
    * Page transition
    * Fullscreen
    * Text animation
    * preload
*/

Shortcodes System

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

    
/**
  * preloaded
  * Header
  * popup
  * home
  * about us
  * service
  * price-table
  * skill
  * portfolio
  * portfolio single V1
  * portfolio single V2
  * blog
  * blog - details
  * testimonials
  * contact
  * Footer
*/

Credits