https://github.com/nyctophilus/special-template

Special Design
https://github.com/nyctophilus/special-template

css css3 html5 javascript js layout

Last synced: about 2 months ago
JSON representation

Special Design

• Host: GitHub
• URL: https://github.com/nyctophilus/special-template
• Owner: Nyctophilus
• Created: 2022-02-05T03:48:14.000Z (about 3 years ago)
• Default Branch: main
• Last Pushed: 2022-02-11T12:39:43.000Z (about 3 years ago)
• Last Synced: 2025-01-21T12:07:30.894Z (3 months ago)
• Topics: css, css3, html5, javascript, js, layout
• Language: HTML
• Homepage:
• Size: 9.2 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# 🏛️Special-Template

Special Design --Practice JS Template 



![Preview page](head.jpg)

  
A Practice Design Template, Mainly Focused on practical Javascript.

  
LocalStorage To Save User Settings, and take defaults when reload.

  
Randomly Change Background images at time intervals.

  
Validation System of Form Fully functioning.

  
Custom Setting Panel on Sticky Position.

  
Changes on Widths|Display On Scroll.

  
Popup menu on image click.

  
Animated SVG

  
Grid System


# Special Design


1st Day: 6/2/2022

first Dev session:      06:20 AM    ~   08:44 AM        ~ 02h 24m


2nd Day: 7/2/2022

first Dev session:     08:11 AM    ~   12:34 PM        ~ 04h 23m

3nd Day: 8/2/2022

first Dev session:      07:24 AM    ~   03:03 PM        ~ 07h 39m



Challenge Completed in   16h 26m











    Website Stats Report

    







    Website UPDATED Stats Report

    







TODO:

- [x] zoom effect on hover in gallery section

- [x] on scroll show time line smoothly

- [x] Timeline final touches

- [x] Features functionility

- [x] testimonials

- [x] Contact us

- [x] Footer

- [x] Contact us Form function.js

- [x] popup for unvalid data

- [x] delete the popup span on evetlistener vaild data 🎉🎉🎉

- [x] preview image

- [x] Stats image

- [x] if empty Storage => set buttons in gearBox to defualt actives

- [x] level up Accessibility

- [x] level up SEO

- [x] level up Best Practices

- [x] check responsivity of the lower part of the webpage

- FIXDONE: the condition to let the backgrounds chnage randomly

- FIXDONE: Fix Popup image size

- FIXDONE: disable selecting text on bullets

  


  


  


  🍬 Leave a :star: if you like it, Please!🤩




📫 Please hit me up at [email protected] if you have any feedback or improvements.