Lelouch-lamperouge card added.

Issue DecodersCommunity#4 solved.
Hello, I am Agraj katiyar.
Added an anime character .

index.html

@@ -246,6 +246,33 @@ <h2 class="card-title">Light Yagami</h2>
                 </div>
             </div>
             <!--Sample [Character Name] card end-->
+            <!--Add your card below this line -->
+                 <div class="card mb-3 card-bg my-4" style="max-width: 100%;">
+                <div class="row no-gutters">
+                    <div class="col-md-4">
+                    <!-- Replace image_name_here by the complete name (with extension) of the image you uploaded -->
+                        <img src="./images/lelouch-lamperouge.jpg" alt="[Character Name here]" height="390px" width="300px">
+                    </div>
+                    <div class="col-md-8">
+                        <div class="card-body">
+                            <h2 class="card-title">Lelouch Lamperouge ( (Code Geass) )</h2>
+                            <p class="card-text">
+                             The words "the ends justify the means" were his mantra....
+                            </p>
+                            <p>
+                              Lelouch was one of the best examples of a hero gone astray. As often happens in dramatic stories, his good intentions paved a road to a dark place. 
+                                His rise and downfall is almost Shakespearean in nature, as his own pride and arrogance cloud his judgment and he misses out on what was truly important.
+
+But at least he did it all with a sense of dramatic flair! His alter ego Zero, complete with mysterious helmet and flowing cape, was an iconic tool to secure a place in the psyche of both his enemies and his followers.
+                                In the end, Lelouch's plans are successful, though not in the way anyone ever expected.
+                            </p>
+                            <hr>
+                            <p>Contributed by- AGRAJ KATIYAR </p>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <!--Sample [Character Name] card end-->
             <!--Add your card below this line -->
                   <div class="card mb-3 card-bg my-4" style="max-width: 100%;">
                 <div class="row no-gutters">