Skip to content

This is an intermediate site I created to expand my digital reach

Notifications You must be signed in to change notification settings

Kuria-byte/My-Website

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

My-Website

kuria This is an Website I engineered to expand my digital reach

About

This is a personal website that can be used to showcase your developer skills to recruiters and potential prsopects.

What I learnt📐

  • Bootstrap 4
  • Owl Carousel- jQuery plugin that lets you create a beautiful responsive carousel slider.
  • Fancy Box
  • Typed Js
  • Page Piling
  • Netlify Forms & PHP Mail sender
  • Web crawlers & Site map
  • Advanced SEO
  • SAAS
  • Web-testing
  • SSL certificates
  • Website-optimization
  • Google Webmaster

Project Structure🚀

The structure of the website

  • js - all common scripts used on the pages, theme scripts included in script.js file
  • css - all common css used on the pages, theme styles included in style.css file
  • img - images, icons and backgrounds for the project
  • img/favicons - all favicons, favicons were generated here https://realfavicongenerator.net/
  • fonts - all custom fonts and icons used on the pages, included LineIcons visit homepage

PagePiling

  • Scrolling pile of sections create with pagePiling plugin.
  • Class slide-dark makes section background grayer.
  • For sections with a dark background in footer, you must add slide-dark-footer class.

Animation

All animation sliders are built with Animate.css, you can find documentation here.

  • To animate a new item, you need to add classes to it:
  • Animate-element - for activation animation
  • Delay6 - set delay before the animation starts (delay1, ..., delay10 - values from 0.1s to 1s)
  • FadeIn - animate name from Animate.css.

Carousels

  • Projects, Experience and Testimonials carousels built with plugin Owl carousel jquery.

Fancybox

  • YouTube & Vimeo videos can be used with fancybox by just providing the page URL.
  • You can also use this plugin for displaying zoom images.http://fancyapps.com/fancybox/3/

Web Test

ian

References

Inspiration ❤

About

This is an intermediate site I created to expand my digital reach

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published