A simple html page to place all the motivational quotes and prayers. Later this will be designed properly with a proper backend.
-
It contains quotes from all over the globe so anyone's free to contribute.
-
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.
-
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.
-
Fork the repository
-
Clone and Open it in a choice of editor. Then create a branch in which you'll commit.
-
Upload the topic specific image of your favourite quote
-
Copy and paste the below code at the end of the
index.htmlfile
<!-- 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] -->
-
Link the image you uploaded and fill the sections accordingly
-
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]- Finally create a pull request.
The site is hosted at: motivations