Introduction - Setup
  • Website Overview
  • Introduction - Setup
  • Adding JQuery
  • Adding Bootstrap
Fullscreen Image slider
  • Adding Superslides files
  • Using Superslides
  • Creating our own JavaScript file
  • Adding our own images to the slider
  • Superslides options
  • Adding next and previous buttons
  • Styling the next and previous buttons
  • Adding a background overlay
Title section
  • Title section HTML
  • Typed Js
About Section
  • About section HTML
  • Adding text to the about section
Technical Skills Section
  • Creating the skills section HTML
  • Adding the slider
  • Adding the pie charts
  • Pie chart options
  • Styling the charts
  • Activating the charts on scroll
Stats Section
  • Creating the stats section HTML
  • Styling the skills items
  • Using Font Awesome
  • Adding the icon to the items
  • Counting the number up from 0
  • Counting up on scroll
Contact Section
  • Creating the contact section HTML
  • Styling the contact section
Portfolio Section
  • Adding Isotope
  • Adding the filter buttons
  • Styling the filter buttons
  • Creating a portfolio item
  • Portfolio item icons
  • Viewing items in full screen
  • Styling the items
  • Adding an overlay to the items
  • Adding fly in/out transitions to the buttons
  • Zooming the images on hover
  • Filtering items
  • Bug fix - icons not showing on mobile
Copyright Section
  • Creating the copyright section
Creating the Navigation Menu
  • Adding the Bootstrap navigation menu
  • Styling the navigation bar
  • Sticking navigation bar on scroll
  • Fixing navigation bugs
  • Sliding to section on link click
Page Loading Overlay
  • Adding a loading Gif
  • Fading out the loading indication
  • Specifying the viewport
  • Bug fix - images overlapping