A simple application made using HTML, CSS, JavaScript.
Maintained by: Harsh Vardhan
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 didn'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.
Contributing to TourGuide is a cake-walk as long as you follow the below steps 😉
- Choose a destination whose card you want to contribute, make sure it's not there on the site yet
Fork
the repository- Download that place's image and upload it to the
images
folder. Make sure you provide a valid name to your image file - 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🙅♀️
<!--image card start-->
<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>
</div>
</div>
</div>
<!--image card end-->
- Paste the edited template code into the
index.html
file just below the last added card ! - Please notice if three images are already added in a row create a row class and add into that
<div class="row"> [Add your card here then ] </div> <!--image row end-->
- Each row div conatains 3 image cards.
Sync
your Fork & then create aPull 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 😄
- Star ⭐ the repository if you liked it!