Hacktober-Fests

Hey everyone! below you can learn to contribute to open source 😊.

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

• Step 0: Watch this short video tutorial to get and idea about git and github. or read FIRST-CONTRIBUTIONS
• Step 1: Fork 👨‍💻 the repository by clicking the top right fork button on github or the emoji in this line.
• Step 2: 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 -->

Save HTML file, Push your code to your forked repository and send a merge request

• Step 3: Change the background Color of the webpage

Open the style.css file and find the mark to this code snippet and change the color.

#team {
    /* Change this tag color to your choice */
    background: [YOUR COLOR HEX CODE OR NAME] !important;
}

Push your code and send a merge request

• Step 4: Change navbar color.

Open the index.html file and find the mark to this code snippet and change the color.

<!-- Change navbar background color here -->
    <nav class="navbar navbar-expand-lg navbar-light" style="background-color: [YOUR COLOR HERE];">

Push your code and send a merge request

• Step 5: Add your name to the contributers list.

Open the README.md file and scroll to the bottom to contributers mentions.
Now add this follwing code snippet (with your github username where required.) at the mark. 

<td align="center">
<a href="https://github.com/[YOUR GITHUB USERNAME HERE]">
    <img src="[YOUR PROFILE IMAGE URL]" width="100px;" alt=""/>
    <br />
    <sub>
        <b>
            [YOUR NAME HERE]
        </b>
    </sub>
</td>

Save your file Push your code and send a merge request

• Additional Step: You can add something to the website of your own! 😊 You know now how it works. 😉
• Step 6: Check your HACKTOBERFEST page!

START CONTRIBUTING 👐

• List of beginner repositories: UP-FOR-GRABS.NET

Thank you ❤!

Shankar Lohar

Sourav Nayek