https://github.com/skycooper/hogwartswebpage

https://github.com/skycooper/hogwartswebpage

bootstrap css fslightbox html

Last synced: about 1 month ago
JSON representation

• Host: GitHub
• URL: https://github.com/skycooper/hogwartswebpage
• Owner: SkyCooper
• Created: 2022-09-15T11:01:27.000Z (almost 4 years ago)
• Default Branch: main
• Last Pushed: 2022-09-25T12:57:02.000Z (almost 4 years ago)
• Last Synced: 2025-02-23T10:15:12.401Z (over 1 year ago)
• Topics: bootstrap, css, fslightbox, html
• Language: HTML
• Homepage: https://skycooper.github.io/HogwartsWebpage/
• Size: 48.4 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Hogwarts Web Page

### Check The Live Website ➡️ [Live Website](https://skycooper.github.io/HogwartsWebpage/)

### Animation of the Website

![image](https://github.com/SkyCooper/HogwartsWebpage/blob/main/Hogwarts.gif)

### Visualization of the Website

![image](https://user-images.githubusercontent.com/106506769/192144219-025bcbba-83b7-45ca-9ec1-d71d5a3a4485.png)

![image](https://user-images.githubusercontent.com/106506769/192144235-fd0c1b34-42aa-46fc-b551-e8f7609b63f2.png)

![image](https://user-images.githubusercontent.com/106506769/192144254-9f5d4904-825b-4d4c-b863-99c411107087.png)

![image](https://user-images.githubusercontent.com/106506769/192144268-fc846898-e787-4eed-aeee-ffee8f53c67a.png)

![image](https://user-images.githubusercontent.com/106506769/192144277-1e746846-af59-4421-8dbb-a7f1f37a335e.png)

![image](https://user-images.githubusercontent.com/106506769/192144289-fa9a2e78-3c73-43d8-8bfa-15589ee90b95.png)

![image](https://user-images.githubusercontent.com/106506769/192144336-57d74cc6-51d3-4952-87c1-525b5ef10a10.png)

## Project Skeleton 

|----Hogwarts

        |----index.html  

        |----style.css   

        |----img

        |----Hogwarts.gif

        |----readme.md            

### Overview

I mastered HTML, CSS and Bootstrap features in this project. You can see the visual representation of the website above.

### Used in this project

👉HTML tags, Bootstrap, Comments, CSS styling, Positioning,etc.

### How to Use the Project

+ First download a code editor

+ Second open the files : [My Docs](https://github.com/SkyCooper/HogwartsWebpage)

+ You can use this tutorial : [VS Code tutorial](https://www.youtube.com/watch?v=fJEbVCrEMSE)