Git Product home page Git Product logo

tourguide's Introduction

TourGuide 🖼️ ( OpenSourced for Hacktoberfest 2023 )

Star ⭐ the repository if you liked it!

A simple application made using HTML, CSS, JavaScript.

How you can Contribute?

There is always something to contribute for everyone. In this project, you can add your favourite place to visit as a card to the website! Or maybe you don't like the line that you are reading right now and want to change it! Well, why not?

We appreciate all kinds of contributions from core-code contributions to non-code contributions like fixing the site, suggesting a feature, raising an issue, etc.

How to Contribute?

Contributing to TourGuide is a cake-walk as long as you follow the steps below 😉

  1. Choose a destination whose card you want to contribute, make sure it's not there on the site yet

  2. Fork the repository

  3. Download that place's image and upload it to the images folder. Make sure you provide a valid name to your image file

  4. Copy the Card template code given below & fill in the information as directed

    Note: Copy & paste the entire code as it is after filling the details of the character! 🙅‍♂️Atmost 3 cards in a row .Create a new row if you want to add more🙅‍♀️

        <div class="image">
           <img src="images/[Your Image]" alt="">
              <div class="details">
                 <h2>[Final Destination's Name] <span>[City or State Name]</span></h2>
                 <p>[Add some Info aout the place not more than 30 words] </p>
                  <div class="more">
                     <a href="[add a link which have more details about the place]" class="read-more">Read <span>More</span></a>
                     <a href="[add a link directing to its location]" class="read-more">See <span>Location</span></a>
                   </div>
              </div>
        </div>
  5. Paste the edited template code into the index.html file just below the last added card !

  6. Please notice if three images are already added in a row create a row class and add into that

       <!--image row start-->
       <div class="row">
            [Add your card here then ]
        </div>
       <!--image row end-->
  7. Each row div contains 3 image cards.

  8. Sync your Fork & then create a Pull Request. If there are any conflicts with the main branch then resolve them first.

    title: Name of the place added
    description: Issue no: #[Issue no here] (for adding a new place its #4)

That's it, you have successfully contributed to tourGuide. Your Place will appear on the site within minutes of your PR getting merged

OUR AMAZING CONTRIBUTORS




Maintained with ♥️ Harsh Vardhan

tourguide's People

Contributors

harshvardhansb avatar kanikasingh0 avatar adarsh1114 avatar das-amit avatar its-kundan avatar anupgupta09 avatar im-anahata avatar vaishnavi-nawghare avatar dellucifer avatar anshupathak-88825 avatar rimjhim20 avatar anonymous372 avatar abhay-raj19 avatar amol-gits avatar sanketkale99 avatar satyamrs00 avatar shivam04099 avatar nikzayn avatar kumarshivam382 avatar chaudhary-99 avatar aniketsinha2002 avatar abhishek-verma75230 avatar vanshiii203 avatar harshisdead avatar zugzwang03 avatar saha-rj avatar rudrakshkarpe avatar tejeswar68 avatar saikatssd avatar heysagnik avatar

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.