Skip to content

NightFall : Free Personal Website Theme built with Bootstrap 5.3.3 by TheNocturnalDevGypsy. You like the Repo? Don't forget to 🌟, πŸ‘οΈ, πŸ”± and ❀️!

License

Notifications You must be signed in to change notification settings

thenocturnaldevgypsy-io/nightfall-bootstrap-template-personal

Repository files navigation

Logo

NightFall

Free Personal Website Theme built with Bootstrap 5.3.3 by TheNocturnalDevGypsy

You like the Repo? Don't forget to 🌟, πŸ‘οΈ, πŸ”± and ❀️!

Purpose-PLAYGROUND Version 2.0.0 Lang-HTML|CSS|JavaScript Framework-Bootstrap Database-None Contribute-OPEN License MIT Last Update 03.12.2024 Support me via Ko-Fi

SECTION About this Repository

NightFall is one of my active personal project for refreshing my skills with the latest Bootstrap's release (5.3.3), focusing with creating a Responsive (mobile, tablet and desktop) Template that can be used for personal or portfolio website.

SUBSECTION Features

  • Added all the necessary SEO Required Tags and Files to make it SEO Ready.
  • Available in Muti-Pages Template: Home, About, Education, Experiences, Services and Contact

SUBSECTION Live URLs

SECTION Build With ❀️ and ...

IDE and OS

Version: 1.93.1 (user setup)
Commit: 38c31bc77e0dd6ae88a4e9cc93428cc27a56ba40
Date: 2024-09-11T17:20:05.685Z
Electron: 30.4.0
ElectronBuildId: 10073054
Chromium: 124.0.6367.243
Node.js: 20.15.1
V8: 12.4.254.20-electron.0
OS: Windows_NT x64 10.0.19045

Web Server and Database

MAMP by MAMP GmbH
Version: 5.0.6 (7029)
x64 binaries release

PHP version: 8.3.1
Database client version: libmysql - mysqlnd 8.3.1 
phpMyAdmin Version information: 5.1.2

Frameworks, Libraries and Tools

- Bootstrap 5.3.3 https://github.com/twbs/bootstrap
- Google Font: REM https://fonts.google.com/specimen/REM?query=rem
- Bootstrap Icons https://github.com/twbs/icons
- FontAwesome 6 Icons (Free) https://github.com/FortAwesome/Font-Awesome
- AOS (Animate on scroll) https://github.com/michalsnik/aos
- imagesLoaded https://github.com/desandro/imagesloaded
- Isotope https://github.com/metafizzy/isotope
- purecounterjs https://github.com/srexi/purecounterjs
- Swiper.js https://github.com/nolimits4web/swiper
- Typed.js https://github.com/mattboldt/typed.js
- Waypoint.js (No Framework) https://github.com/imakewebthings/waypoints

Image Sources Credits

SECTION Folders and Files Structure

At the moment, the repository contains the following structure, where:

project-root/
β”œβ”€ assets/              # assets folder for images, css, js and other libraries
β”‚  β”œβ”€ images/           # main directory for storing image files
β”‚  β”‚  β”œβ”€ favicons/      # favicons for the website
β”‚  β”‚  β”œβ”€ portfolio/     # portfolio mockup images
β”‚  β”‚  └─ testimonials/  # testimonial thumbnails
β”‚  β”œβ”€ css/              # main directory for storing css files
β”‚  β”œβ”€ js/               # main directory for storing js files
β”‚  └─ library/          # main directory for the framework and libraries used
β”œβ”€ md_assets/           # assets folder for markdown files (documentation)
β”œβ”€ .gitignore           # files ignored by Git
β”œβ”€ CHANGELOG.md         # project changelog documentation
β”œβ”€ LICENSE              # license file
└─ README.md            # project documentation
Description File/s
Home Page of the template index.html
Main CSS of the template assets/css/main.styles.css
Main JS of the template assets/js/main.core.js

SECTION Sitemap, Contents and Breakdown

Home/
  β”œβ”€ Short Introduction/
  β”œβ”€ Copyrights and Notes/
  └─ Social Network Details/ 

About/
  β”œβ”€ Introduction/
  β”œβ”€ Counters/
  β”œβ”€ My Skills, Domain Knowledge/
  β”‚  β”œβ”€ Skill Bars/
  β”‚  └─ Tech Stack/
  └─ Testimonials/

Education/
  β”œβ”€ Formal Education/
  β”œβ”€ Certificates, Licenses/
  └─ Online Learning and Code Challenges/
 
Experience
  β”œβ”€ Recent/
  └─ Previous/
   
Portfolio/   
  └─ Portfolio Details/    
  
Services/  
  └─ Service Details/

Contact/

Footer/
  β”œβ”€ Copyrights and Notes/
  └─ Social Network Details/
  • Home: Simple splash screen of the website, Copyrights, Notes and Social Network Details
    • HTML files: index.html
  • About: About the site owner
    • HTML files: about.html
  • Education: Records of formal education to professional certifications and online courses taken
    • HTML files: education.html
  • Experience: Records of recent and previous experiences
    • HTML files: experience.html
  • Portfolio: Portfolio details
    • HTML files: portfolio.html, portfolio-details.html
  • Services: Services offered
    • HTML files: services-1.html
  • Contact: Hiring, shops and contact details
    • HTML files: contact.html
  • Footer: Copyrights, Notes and Social Network Details. (except Home (index.html))

SECTION Roadmap

See the open issues and backlog for the list of proposed features (and known issues).

SECTION Changelog

Below is the latest updates, go to the Changelog Listing for the complete information.

Version Date Commit Type Description
2.0.0 03.12.2024 fbe2a27 for PR 11 refactor/perf/chore - Updated the full template from one page to multi-page template
- Rechecking the CSS respositive, added more clearer comments
- Removed the old deployments that was linked to my old GitHub account at Vercel and Netlify, redeployed the latest version at Vercel (https://nightfall-eight.vercel.app)
- Updated the repo's documentation

SECTION Contribute

Want to contribute? Great! Contributions welcome, but please read the contribution guidelines first on how to contribute to the project, including pull request guidelines and community contributions.

SECTION Forking the Repo

If you'd like to use this repo for your own project, I would like to ask a favor from you:

  • Please do 🌟 and πŸ‘οΈ this repo (or, maybe ❀️ by buying me a β˜• at Ko-Fi? πŸ₯²).
  • Click Fork at the top of this page.
  • Please be mindful of the LICENSE applicable

SECTION License

Distributed under the MIT License by Abegail Torrendon / TheNocturnalDevGypsy.

  • You can freely modify and reuse.
  • The original LICENSE must be included with copies of this software.
  • Please link back (if you can fork, the better) to this repo.

SECTION Get in Touch

I'd love to hear your thoughts on the project and get your suggestions. Feel free to create new issue on this repo or you can also contact me by creating a new discussion at πŸ’¬ Ask Me Anything! (AMA and Q&A) category under my GitHub Profile Repo's Discussions