Skip to content

Commit

Permalink
Merge pull request #1094 from code-with-ryan/main
Browse files Browse the repository at this point in the history 
Updated ReadMe Issue# 1085 Separate Hero's and Villains
  • Loading branch information
@vikhyatsingh123
vikhyatsingh123 authored Oct 15, 2023
2 parents 3239532 + 7d4bb05 commit 6bae8fd
Showing 1 changed file with 19 additions and 3 deletions.
22 changes: 19 additions & 3 deletions README.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -43,8 +43,8 @@ Not everyone is aware of every tool present in the world no matter how easy or c

<b>Code -</b>

<!-- [character name] card start-->
<div class="flip-card">
<!-- Hero [character name] card start-->
<div class="flip-card good">
<div class="flip-card-inner">
<div class="flip-card-front">
<h2 class="card-title">[name of character]</h2>
Expand All @@ -56,7 +56,23 @@ Not everyone is aware of every tool present in the world no matter how easy or c
</div>
</div>
</div>
<!--[character name] card end-->
<!-- Hero [character name] card end-->

<!-- Villian [character name] card start-->
<div class="flip-card evil">
<div class="flip-card-inner">
<div class="flip-card-front">
<h2 class="card-title">[name of character]</h2>
<img data-src=[image-link] alt=[name of character] height="300px" width="300px" class="img_card">
</div>
<div class="flip-card-back">
<p class="card-text">[Main description about character]</p>
<p>[some more description about character]</p>
</div>
</div>
</div>
<!-- Villian [character name] card end-->

NOTE: add image to the Images folder if not present already and then provide the src in img tag.

Copy this code and paste it in the index.html file to make your changes. Try and test it on your own system and then create a Pull request. You can adjust height of image of character so that it will fit in card.
Expand Down

0 comments on commit 6bae8fd

Please sign in to comment.