Hacktoberfest 2022 🎉

Note

'''
Always try to make more then 4 pull requests.
Let's assume you have made only 4 pull request to different projects.
but one project is excluded from hackoctoberfest event.
Then your pull request will not be counted and you will just have 3 valid pull requests.
If this happens then you will not get any swags or t-shirt.
'''

🗣 https://hacktoberfest2022-github.netlify.app/ 🔥.

📢 **This repository is deployed and and after you request will be merged you can see it from above link **

⏳ Steps to Follow :

Register for Hacktoberfest and get started to make your first PR.
Make 4 valid PRs during the period of (1st - 31st) October to earn cool swags.

Add your card to the website. Or add a fun feature... Anything you feel is cool or weird - Add it! 👌

Step 1: Watch this short video tutorial to get and idea about git and github. or read FIRST-CONTRIBUTIONS
Step 2: Fork 👨‍💻 the repository by clicking the top right fork button on github or the emoji in this line.
Step 3: Add your name card on the website.

Open the index.html file and scroll to the bottom to reach the mark.
Now add this follwing code snippet. (with your github username where required)

<!-- Team member -->
            <div class="col-xs-12 col-sm-6 col-md-4">
                <div class="image-flip" >
                    <div class="mainflip flip-0">
                        <div class="frontside">
                            <div class="card">
                                <div class="card-body text-center">
                                    <p><img class=" img-fluid" src="[PASTE LINK TO YOUR IMAGE]" alt="card image"></p>
                                    <h4 class="card-title">[YOUR NAME]</h4>
                                    <p class="card-text">[ADD YOUR LINE]</p>
                                    <a href="https://github.com/[YOUR GITHUB USERNAME]" class="btn btn-primary btn-sm"><i class="fa fa-plus"></i></a>
                                </div>
                            </div>
                        </div>
                        <div class="backside">
                            <div class="card">
                                <div class="card-body text-center mt-4">
                                    <h4 class="card-title">[YOUR NAME]</h4>
                                    <p class="card-text">[ADD YOUR LINE]</p>
                                    <ul class="list-inline">
                                        <li class="list-inline-item">
                                            <a class="social-icon text-xs-center" target="_blank" href="[YOUR FACEBOOK URL]">
                                                <i class="fa fa-facebook"></i>
                                            </a>
                                        </li>
                                        <li class="list-inline-item">
                                            <a class="social-icon text-xs-center" target="_blank" href="[YOUR TWITTER]">
                                                <i class="fa fa-twitter"></i>
                                            </a>
                                        </li>
                                        <li class="list-inline-item">
                                            <a class="social-icon text-xs-center" target="_blank" href="[YOUR INSTAGRAM]">
                                                <i class="fa fa-instagram"></i>
                                            </a>
                                        </li>
                                        <li class="list-inline-item">
                                            <a class="social-icon text-xs-center" target="_blank" href="[YOUR LINKEDIN]">
                                                <i class="fa fa-linkedin"></i>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- ./Team member -->