Giter Club home page Giter Club logo

facts-website's Introduction


๐Ÿ’ก Facts-Website โœจ

It is a personal static website/portfolio template hosted with GitHub Pages, built to showcase my recent projects.
Site URL / Demo: minhaj-313.github.io/Facts-Website/

About Me

Contribution Guidelines

  • Don't forget to star the repository!
  1. Fork the repository and clone it locally from the hacktoberfest branch. Before starting your work, ensure it's up to date with the current hacktoberfest branch.
  2. Pick an issue from here. If you can't assign it to yourself, write in the issue comments that you want to pick it. Please stay assigned to one issue at a time so that you are not blocking others.
  3. Create a branch for your edits. Use the following branch naming conventions: portfolio/issue-number.
  4. Please add the issue number to your commit message.
  5. Propose a Pull Request to the hacktoberfest branch containing the issue number and title.
  6. Give an accurate description of your Pull Request with screenshots.
  7. Reference any relevant issues or other information in your PR.
  8. Wait for a review and adjust your PR according to it.
  9. Congrats! Your PR should now be merged in!

If you can't handle some parts of the issue, then please ask for help in the comments.

Author


Shaikh Minhaj

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

facts-website's People

Contributors

0rigin-c0de avatar aarav238 avatar abhay-raj19 avatar abhisheky1806 avatar aditisingh2003 avatar amansgith avatar anurag-gpt avatar anushkamandal25 avatar billugates avatar elon-baba avatar front-runner-sd avatar harshit1142 avatar iamunknown1 avatar lakshayroop5 avatar lavenroop5 avatar manasi-jain avatar mayankjx avatar minhaj-313 avatar mishra-tushar avatar moechadsayshi avatar nilis24 avatar opensourcecontributer avatar pacific077 avatar samarthmotka avatar sidharthbh8 avatar soumyajit2825 avatar tancl2022 avatar tancl88 avatar tck3759 avatar yashpsct010 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

facts-website's Issues

Categorise

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

Dark theme missing

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

Add New Banner to Readme File

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

Adding a New Fact

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.

new category section for facts of specific type

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

Navbar Fix

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.

Add your Fact - For new Contributor - Hacktoberfest

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

Navbar is not fully responsive, and code is not up to date according to es6

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.

A pre-page loader.

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.

Re-write fact 21

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

Start your First Contribution for Hacktoberfest 2022

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

Prevent overflowing

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

[FEATURES] Add a fact

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

First Contribution - Add Your Fact in 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

Correcting fact 21

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.

Improvements is required in some areas

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

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.