Skip to content

hackercoder100/StyleFest-HTML_6

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

29 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Hacktoberfest 2025 🎉

Note

'''
Always try to make more then 6 pull requests.
Let's assume you have made only 6 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.
'''

📢 **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 6 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! 👌

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

START CONTRIBUTING 👐

Thank you ❤!


Khawaja Azfar

About

A webiste framework. **Repo for Hactoberfest 2025**

Resources

License

Contributing

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • HTML 76.5%
  • CSS 16.8%
  • JavaScript 6.7%