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

              
                <link href="https://fonts.googleapis.com/css?family=Permanent+Marker" rel="stylesheet">
<center>
  <style>
    div: width
    a:visited {color:orange; background-color:transparent; text-decoration:none}
    a:hover   {color:red; background-color:transparent; text-decoration:underline}
    a:active  {color:green; background-color:transparent; text-decoration:underline}
  </style>
  <div class="container">
    <div class="jumbotron">

      <h1 class="text-primary" style=" color: orange;">Naruto Uzimaki</h1>
      <p style="color:orange;">"Because they saved me from myself, they rescued me from my loneliness. They were the first to accept me for who I am. They're my friends."
      </p>
      <img src="https://67.media.tumblr.com/b1b579e6a4cd9e6e3c9e5a040641cd6e/tumblr_mf7cviOuYw1r26jxbo1_500.gif" alt="null" style="width:200px; height:200px; ">
      <p style="color: orange;"><a href="http://naruto.wikia.com/wiki/Naruto_Uzumaki" target="_blank"><b>Naruto Uzimaki</b> </a>(うずまきナルト, Uzumaki Naruto) is a shinobi of Konohagakure. He became the jinchūriki of the Nine-Tails on the day of his birth — a fate that caused him to
        be ostracised by most of Konoha throughout his childhood. After joining Team Kakashi, Naruto worked hard to gain the village's acknowledgement all the while chasing his dream to become Hokage. In the following years, through many hardships and
        ordeals, he became a capable ninja regarded as a hero both by the villagers, and soon after, the rest of the world, becoming known as the Hero of the Hidden Leaf (木ノ葉隠れの英雄, Konohagakure no Eiyū, Literally meaning: Hero of the Hidden Tree Leaves).
        He soon proved to be one of the main factors in winning the Fourth Shinobi World War, leading him to achieve his dream and become the village's Seventh Hokage (七代目火影, Nanadaime Hokage, Literally meaning: Seventh Fire Shadow).</p>
      <h4 style="color: orange;" align="left"><b> Background</b></h4>
      <p style="color: orange;">Naruto was born on the night of October 10th to Minato Namikaze (the Fourth Hokage) and Kushina Uzumaki (the second jinchūriki of the Nine-Tails). He was named after the protagonist of Jiraiya's first book, which made the Sannin his godfather.[14]
        <p style="color:orange;">The Third Hokage made special arrangements for Minato to preserve Kushina's seal containing the Nine-Tails while she gave birth to Naruto in a remote location, escorted by midwives and Anbu. A masked man, Tobi, tracked down their location, however,
          killed the midwives and Anbu, and captured Naruto, forcing Minato to quickly rescue him and teleport him to a safe house. Minato and Kushina protect Naruto Minato and Kushina protect Naruto from the Nine-Tails. With Minato gone, Tobi captured
          Kushina and released the Nine-Tails from her, using it to devastate Konoha.[15]</p> 
      <p style="color:orange;"> Minato saved Kushina and left Naruto in her care before he went to protect the village,[16]</p>
      <p style="color:orange;">eventually defeating Tobi and freeing the Nine-Tails from Tobi's control. Returning to Naruto and Kushina's location, Minato realised the only way to stop the Nine-Tails was to seal it within Naruto, believing that his son would someday need the fox's power to defeat Tobi when he returned.[17]</p>
      <p style="color:orange;">Since the Nine-Tails' chakra was too immense to seal into an infant, Minato sacrificed his soul to split the fox's chakra in half, sealing the Yin half within himself and the Yang half within Naruto. After telling Naruto how much they loved him, Minato and Kushina succumbed to their wounds from protecting their son from the Nine-Tails and passed away. Orphaned, Naruto grew up not knowing who his parents were, receiving only his mother's surname, as Hiruzen wanted to protect Naruto from
        his father's enemies.[18]</p>
      <p style="color:orange;">Minato's dying wish that Naruto be regarded as a hero was honoured by the very few who could put aside their pain and losses caused by the disaster, while the majority of Konoha, however having no knowledge of the circumstances surround his birth, openly ostracised and resented Naruto for containing the beast that devastated the village and took many lives; some even viewed Naruto as the Nine-Tails itself. Soon, the Third Hokage forbade anyone from mentioning the Nine-Tails, hoping that the younger generation would not blindly hate Naruto as their parents did.[19]</p>
      <p style="color:orange;">However, Naruto's peers emulated their parents' hatred of him, despite not knowing why. This social isolation caused Naruto to crave acknowledgement, which he would gain by pulling pranks. Naruto&#039;s first encounter with Hinata Naruto meets Hinata. On a snowy day - the day of his enrolment in the Ninja Academy[20]</p>
      <p style="color:orange;">- Naruto first met Hinata Hyūga, who was being picked on by three bullies. Despite not knowing her, Naruto immediately came to her defence, but he was outnumbered and knocked unconscious, and the bullies damaged his red scarf. When Naruto awoke, Hinata thanked him for helping her and returned his scarf to him, but he let her keep it. He was unaware that the young Hyūga girl's growing affections for him began from that moment onwards.[21]</p>

      <p style="color:orange;">Young sasuke and Naruto Naruto and Sasuke in the Academy. In the Academy, Naruto became a student of Iruka Umino, who acted as a surrogate older brother to keep him in line and help him work harder. Naruto also met his class-mate Sasuke Uchiha and tried to befriend him, since he was alone as well. Jealous of Sasuke's skills and popularity, however,[22]</p>
      <p style="color:orange;">he developed a one-sided rivalry in his pursuit to prove himself just as good as, if not better than, Sasuke, wishing that someday, Sasuke would accept him as an equal.[23]</p>
      <p style="color:orange;"> Naruto also grew close with the owner of Ramen Ichiraku, Teuchi and his daughter Ayame, being welcomed as their favourite customer.</p>
</center>
</div>
</div>
              
            
!

CSS

              
                
body {
  margin-top: 60px;
  background-color:#075A86;
font-family:"permanent marker";}






              
            
!

JS

              
                
              
            
!
999px

Console