Pen Settings

HTML

CSS

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URL's added here will be added as <link>s in order, and before the CSS in the editor. If you link to another Pen, it will include the CSS from that Pen. If the preprocessor matches, it will attempt to combine them before processing.

+ add another resource

JavaScript

Babel is required to process package imports. If you need a different preprocessor remove all packages first.

Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

+ add another resource

Behavior

Save Automatically?

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

Format on Save

If enabled, your code will be formatted when you actively save your Pen. Note: your code becomes un-folded during formatting.

Editor Settings

Code Indentation

Want to change your Syntax Highlighting theme, Fonts and more?

Visit your global Editor Settings.

HTML

              
                <div class="container-fluid bg-light ">
  
  <h1 class=" display-3 text-center">The Thalaiva <small class="text-muted">The Common man who became Living legend</small></h1>
  <figure class="figure">
  <img class="img-fluid" src="https://i.ytimg.com/vi/0WlEgvbf81c/maxresdefault.jpg" alt="Rajini Boss">
    <figcaption class="figure-caption">Rajinikanth the super hero in India .</figcaption>
  </fig>
     <div class="row justify-content-md-center"><div class="col">
  <p class="lead">
Rajinikanth was born on December 12 1950 in Karnataka, India. He was the fourth child to his parents Ramabai and Ramoji Rao Gaekwad. His original name was Shivaji Rao Gaekwad. He lost his mother at the age of five. He had his schooling at the Acharya Patasala in Bangalore and then at the Vivekananda Balak Sangh, a unit of the Ramakrishna Mission. His mother tongue is Marathi, though he has not done any movie in it. Before starting his career in the film industry, he had to take up all sorts of odd jobs. He served as a bus conductor for Karnataka state transport corporation in Bangalore. It was during this time that he nurtured his acting interests by performing in various stage plays.</p>
   
        <h4>Rajinikanth, as he's popularly known by fans, his movies are known for their punch dialogues, which are "one-liners" in the movie and repeated by him in the movie after/ before a cinematic triumph. Popular Lines:</h4>
		<ul class="list-group">
        <li class="list-group-item">" Naan oru dhatavai sonna, Adhu nooru dhatavai sonna madhiri" (roughly translates to - "If I say it once its equivalent to saying it a hundred times") - in the movie "Baasha" 
        </li>
        <li class="list-group-item">"Aandavan Solran Arunachalam Mudickiran" (translation - "God tells me, Arunachalam finishes it") -in the movie "Arunachalam".
        </li>
        <li class="list-group-item">"Adhighama Aasappadra Aambleyum Adhighama Kovappedra Pombleyum Nalla Vaazhntha Charithrame Kedayadhu" (translation - "History depicts that-Man who is greedy and woman who has more anger hasn't lived a pleasant life") - in the movie"Padayappa".
        </li>
        <li class="list-group-item">Valli - Nee virumburavalai kattikiruthai vida unnai virumburavalai kattikitta un vazhkkai santhoshama irrukkum.. Valli - It'll be better to marry a girl who likes you than a girl you like most "Valli" 
        </li>
        <li class="list-group-item">Annamalai - Naan solrathaiyum seiyven.. sollathathium seiyven... Annamalai - I'll do what I say, and also what I don't say "Annamalai".
        </li>
        <li class="list-group-item">"Naan solratha thaan seivan, seiratha thaan solluven" (translation- I do what I say, I say only what I do) - movie "Manithan".
        </li>
        <li class="list-group-item">Uzhaippali - Nethu naan coolie.. enniku naan nadigan.. naalaikku... Silaber solranga naan eppadi varuven appadi varuven.. naan eppadi varuvennu andavanukkum mattum thaan theriyum.. Uzhaippali - Yesterday I was a coolie, today I'm an actor, tomorrow...people may say what they want. But what I'll become, only god knows "Uzhaippali"
        </li>
        <li class="list-group-item">"Laka Laka Laka Laka Laka Laka....."- movie "Chandramukhi".
        </li>
        <li class="list-group-item">"Idhu Eppadi Irukku" (translation- How is it?) - movie "16 Vayadhiniley".
        </li>
        <li class="list-group-item">"Yaen paera kaettaa, vaiyithila yirukkira pulla, oru kaiyaala than vaaya moodi kittu, matha kaiyaala thaan amma vaaya moodum".(translation - If my name is heard, baby in his/her mothers womb would close it's mouth with one hand and close the mouth of his/her mother's mouth with the other hand) - in the movie "Moondru Mugam".
        </li>
        <li class="list-group-item">Muthu - Naan eppo varuven eppadi varuvennu yarukkum theriyathu...eppo varunumo appo correctaa varuven... Muthu - When I will make an entrance, where and how.. nobody will now. But when I do make one, it will be at the right time. "Muthu"
        </li>
        <li class="list-group-item">"Naan Baba, yaentha pakkamum saaiyaatha Baba" (translation- My name is 'Baba', not a lap dog) - movie "Baba".
        </li>
        <li class="list-group-item">"Anger is the reason for all miseries, One should know how to control it, otherwise life will become miserable" - "Padayappa".
        </li>
        <li class="list-group-item">Padayappa - En Vazhi Thani Vazhi... "Padayappa".
        </li>
        <li class="list-group-item">"Aasanja adikirathu wungga policy, aassaiyamma adikirathu Baba policy" - "Baba"
        </li>
        <li class="list-group-item">"Gatham Gatham, Mudinjathu Mudinji Pochi" - "Baba"</li>
        </ul></div>
  <div class="text-center">
<h2>If you have time, you should read more about this incredible human being on his <a href="https://en.wikipedia.org/wiki/Rajinikanth" target="_blank">Wikipedia Page</a></h2>
 </div></div></div>
              
            
!

CSS

              
                body {margin:30px;}
              
            
!

JS

              
                
              
            
!
999px

Console