https://github.com/devil-1964/education_github

Clone of Education GitHub Website
https://github.com/devil-1964/education_github

basic-project css html tailwind tailwindcss

Last synced: about 1 month ago
JSON representation

Clone of Education GitHub Website

• Host: GitHub
• URL: https://github.com/devil-1964/education_github
• Owner: devil-1964
• Created: 2023-10-22T19:57:48.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2023-10-22T20:38:58.000Z (about 1 year ago)
• Last Synced: 2023-10-22T21:26:41.505Z (about 1 year ago)
• Topics: basic-project, css, html, tailwind, tailwindcss
• Language: HTML
• Homepage: https://devil-1964.github.io/education_github/
• Size: 2.24 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Education Github Clone Website

Welcome to the Education Github Clone Website project! 

**Project Inspiration**: We are inspired by the design and features of [GitHub Education](https://education.github.com/students).

## Note:

This website is not responsive. I made this while learning Tailwind CSS, when I came near the end, I noticed it was not responsive; at that time, I was too late. In the future, if I have time, I will definitely make it responsive. Otherwise, it is a fully working site very similar to the original.

## Table of Contents

- [Disclaimer](#disclaimer)

- [Preview](#preview)

- [Plot](#plot)

## Disclaimer

This website is made by **Devansh** and this website is only made for practice and fun. The rights of this website are reserved to its actual owner.

## Preview

![githubEducation](https://github.com/devil-1964/education_github/assets/98086933/1718e468-b9b7-4ac5-b48b-8c78aabe025c)

## Plot

I made most of the website using *Tailwind CSS* but I used some *Javascript* for the Dropdown Menu.

**Dropdown Explained**: I toggled the *invisible* class using the *onClick* function on the Dropdown Button which display: none to the Dropdown content. I also added window.onclick function to make Dropdown menu invisible when click on any part of the page when Dropdown is set to block.

🌟 Don't forget to star ⭐ this repository if you find it great.