rishika10442 / motivations-collection

A simple html page to place all the motivational quotes and prayers. Later this will be designed properly with a proper backend.

Motivations-Collection

A simple html page to place all the motivational quotes and prayers. Later this will be designed properly with a proper backend.

Purpose of this repo

1. It contains quotes from all over the globe so anyone's free to contribute.

2. Right now the repo contains a single html page, which acts as a collection dump for all the quotes different people have to offer. So it's pretty simple to contribute.

3. Later this will be stylised and converted to a proper website, with a proper hosting and a backend where users will be able to upload their own motivational quotes.

How to contribute

1. Fork the repository

2. Clone and Open it in a choice of editor. Then create a branch in which you'll commit.

3. Upload the topic specific image of your favourite quote

4. Copy and paste the below code at the end of the index.html file

              <!-- start of [quote name] -->
             <article class="col-12 col-md-6 tm-post">
                    <hr class="tm-hr-primary" />
                    <a href="#" class="effect-lily tm-post-link tm-pt-60">
                        <div class="tm-post-link-inner">
                            <!-- Link the respective image here -->
                            <img src="img/img-01.jpg" alt="Image" class="img-fluid" />
                        </div>
                        <span class="position-absolute tm-new-badge">New</span>
                        <h2 class="tm-pt-30 tm-color-primary tm-post-title">
                            [quote]
                        </h2>
                    </a>
                    <div class="d-flex justify-content-between tm-pt-45">
                        <!-- give genre as motivation for motivation and prayer for prayer -->
                        <span class="tm-color-primary">[Genre]</span>
                        <!-- date format dd/mm/yyyy -->
                        <span class="tm-color-primary">[Date]</span>
                    </div>
                    <hr />
                    <div class="d-flex justify-content-between">
                        <span>by [contributor name]</span>

                        <!-- if no author please provide the word "anonymus" in this section -->
                        <span>said by [author name]</span>
                    </div>
                </article>
                <!-- end of [quote name] -->

5. Link the image you uploaded and fill the sections accordingly

6. On completion, in the terminal put the following commands:

git add .

git commit -m "[quote name] contribution from [contributor name]"

git push origin [branch-name]

7. Finally create a pull request.

Live Page

The site is hosted at: motivations