You should categorise facts like science facts should be in science.html for ex.
I can do a little work on that and also store the data in an api.
Assign me this task pls

I want to add some changes in Read fact and contribute button and also want to change top button with icon

I would love to re-write fact 21 as it seems to have 2 different quote in one box and 2 different github ID in one box

Please assign me this issue under Hacktoberfest and I will add dark theme mode on your website

Follow Steps

Facts - Website 💡

Add Your Facts

Start Your First Contributin
If You are New to Contribution Then first read CONTRIBUTING.md file the follow all the Steps Before Starting Contribution first You Need to Give Star to This Repository and Follow me then you can Start.

Steps :

• Copy the below side code and paste
• Paste it in index.html
• Paste Code before This Comment ()
• Change Your Name
• Add Your Fact
• Add Your Name and Github Id and Link
• Then Send me Pull Request
• Dont touch any other code.

  <!-- Fact (serial-number) -->
    <div class="wrapper">
        <div class="card-bg">
          <div class="card">
             <div class="card-img">
            <img calss="headshot" src="images/favicon.png">
          </div> 
            <div class="card-inner">
              <p>"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type."</p>
            <span> Your Name - <a href="#"> Your GitHub ID <a></span>
            </div>
          </div>
          
         </div>
      </div>

Thank You

• for more information - Read CONTRIBUTING.md file

There is no need of a toggler button while on large and Medium Screens.
After fixing this, The toggler will be present on small screens like Mobile phones only, and on large and medium sized screens, we will be having a Complete Navbar.

Assign me this and add Hacktoberfest and Hacktoberfest-accepted labels.

The current implementation of the navbar is not fully responsive, causing layout issues on smaller screen sizes. It needs to be updated to ensure proper display and functionality across different devices.

Steps to Reproduce:

1. Open the website on a mobile device or resize the browser window to a smaller width.
2. Observe how the navbar elements are not adjusting correctly and may overflow or wrap incorrectly.

Expected Behavior:
The navbar should adapt to different screen sizes and maintain its usability and visual appeal. All elements should remain accessible and well-organized, regardless of the device used to view the website.

Note: This issue does not affect the functionality of the website, but it impacts the overall user experience, particularly on mobile devices. Improving the navbar responsiveness will enhance the website's usability and make it more accessible to a wider range of users.

Follow Steps

Facts - Website 💡

Add Your Facts

Start Your First Contributin
If You are New to Contribution Then first read CONTRIBUTING.md file the follow all the Steps Before Starting Contribution first You Need to Give Star to This Repository and Follow me then you can Start.

Steps :

• Copy the below side code and paste
• Paste it in index.html
• Paste Code before This Comment ()
• Change Your Name
• Add Your Fact
• Add Your Name and Github Id and Link
• Then Send me Pull Request
• Dont touch any other code.

  <!-- Fact (serial-number) -->
    <div class="wrapper">
        <div class="card-bg">
          <div class="card">
             <div class="card-img">
            <img calss="headshot" src="images/favicon.png">
          </div> 
            <div class="card-inner">
              <p>"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type."</p>
            <span> Your Name - <a href="#"> Your GitHub ID <a></span>
            </div>
          </div>
          
         </div>
      </div>

Thank You

• for more information - Read CONTRIBUTING.md file

1. Footer section not spanning the whole area.
   
2. Too much distance between hero and navbar
   
3. The opening animation of the nav bar is not smooth unlike the closing animation.

Follow Steps

Facts - Website 💡

Add Your Facts

Start Your First Contributin
If You are New to Contribution Then first read CONTRIBUTING.md file the follow all the Steps Before Starting Contribution first You Need to Give Star to This Repository and Follow me then you can Start.

Steps :

• Copy the below side code and paste
• Paste it in index.html
• Paste Code before This Comment ()
• Change Your Name
• Add Your Fact
• Add Your Name and Github Id and Link
• Then Send me Pull Request
• Dont touch any other code.

  <!-- Fact (serial-number) -->
    <div class="wrapper">
        <div class="card-bg">
          <div class="card">
             <div class="card-img">
            <img calss="headshot" src="images/favicon.png">
          </div> 
            <div class="card-inner">
              <p>"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type."</p>
            <span> Your Name - <a href="#"> Your GitHub ID <a></span>
            </div>
          </div>
          
         </div>
      </div>

Thank You

• for more information - Read CONTRIBUTING.md file

Hi I want to update the Navbar by making it sticky and add search functionality to the Search Bar

I would like to correct fact 21, it contains 2 fact and 2 diffent github ID.
I propose that this issue be assigned to me to seperate them.

I would like to add a new fact.

i would like to add a section of cards with slider having title and image of category of facts
and add the same to navigation bar menu text with dropdown...
please assign me this issue to work upon

I want to add the pageloader which loads finally into a main website after taking few seconds ,it redirects the client to the main website page.
The animation would be related to the theme/main idea of the web page.

And i will be also adding the fact in the same repo

Pls assign me for the suggested changes , I will make it awesome and good looking.
And do pls label it with Hactoberfest and Hacktoberfest-accepted label.

Hello, I am a graphics designer and I wanna create a custom made banner for the Readme File, If you want me to do that assign me this issue and please include HacktoberFest labels too

Would you prefer to have this organizational system implemented on this website? If so, please let me know, and I'll be happy to create a pull request after completing the basic implementation (focusing solely on coding facts). If not, just inform me, and I will promptly delete this repository. Your feedback is greatly appreciated. Thank you!
preview-
https://dexyscraft.github.io/Facts-Website/

code -
https://github.com/DexyScraft/Facts-Website/tree/feat/organize-facts

Hello, I would like to add a new fact to the site. I know a little about chess AI which would be neat to add.

I'd like to improve the UI to prevent overflowing of the website in relation to the navigation bar.

Aligning text and icons and adding padding to cards for better look
@minhaj-313 can you assign me this under hacktoberfest tag

I'd like to add a fact about the human body, it can be categorised under the science section.