Pen Settings

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

You're using npm packages, so we've auto-selected Babel for you here, which we require to process imports and make it all work. If you need to use a different JavaScript preprocessor, remove the packages in the npm tab.

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

Use npm Packages

We can make npm packages available for you to use in your JavaScript. We use webpack to prepare them and make them available to import. We'll also process your JavaScript with Babel.

⚠️ This feature can only be used by logged in users.

Code Indentation

     

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.

HTML Settings

Here you can Sed posuere consectetur est at lobortis. Donec ullamcorper nulla non metus auctor fringilla. Maecenas sed diam eget risus varius blandit sit amet non magna. Donec id elit non mi porta gravida at eget metus. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.

            
              
<div class="text-center">

  <h1>Tsi'yu-gunsini</h1>
  <h2>Translation- Canoe (tsi'yu), He is Dragging It (gunsini)</h2>
  <h3>War Chief Dragging Canoe Of The Cherokee Nation</h3>
  
  
 <div class="row">
   

<ul id="list1" style="text-decoration:underline;
font-weight:bold;
font-size:20px;">Also Called</ul>
<li id="list1">Cui canacina</li>
<li id="list1">Savage Napoleon</li>
<li id="list1">dragon</li>
   
    
<ul  id="list2" style="text-decoration:underline;
  font-weight:bold;
  font-size:20px;">Band/Clan Affiliation</ul>
<li id="list2">Wolf Clan(warrior)</li>
   
  
   
    <ul id="list3" style="text-decoration:underline;
  font-weight:bold;
  margin-top:;">mother </ul>
    <li id="list3">Nionne ollie</li>

     
       <ul id="list4" style="text-decoration:underline;
  font-weight:bold;
  font-size:px;">Father</ul>
<li id="list4"><a href='https://en.wikipedia.org/wiki/Attakullakulla'">Attakullakulla</a></li>

  <ul id="list5">Siblings</ul>
  <li id="list5">Tache</li>
  <li id="list5">Little Badger</li>
<li id="list5">Little Owl</li>
<li id="list5">Raver</li>
<li id="list5">Turtle At Home</li>
  <li id="list5">Alexander Cameron</li>
<li id="list5">John Stuart</li>
 
 <img id="img1"  src="http://www.revolutionary-war-and-beyond.com/images/cherokee-dragon-by-talmadge-davis.jpg"></img>
  <ul>Why Dragging Canoe?</ul>
  <p>It is said that at a very young age. Dragging Canoe wished to join a war party to show his readiness he attempted to carry a canoe by himself. He was only able to Drag it.</p>
 <ul style>Significant Positions</ul>
  <p>Tsi'yu-gunsini was a war leader who led a dissident band of young Cherokees against the United States in the American Revolutionary War. Dragging Canoe is considered by many to be the most significant leader of the Southeast, and provided a significant role model for the younger<a href:"https://en.wikipedia.org/wiki/Tecumseh"> Tecumseh</a>, who was a member of a band of Shawnee living with the Chickamaugas and taking part in their wars."<a href:"http://www.aaanativearts.com/cherokee/dragging-canoe.htm">http://www.aaanativearts.com/cherokee/dragging-canoe.htm"</a></p>
<ul>Famous Quotes</ul>
<p>1775-Not Yet Conquered Speech- tsi'yu-gunsini makes a passionate speech rallying his people"Whole Indian Nations have melted away like snowballs in the sun before the white man's advance. They leave scarcely a name of our people except those wrongly recorded by their destroyers. Where are the Delewares? They have been reduced to a mere shadow of their former greatness. We had hoped that the white men would not be willing to travel beyond the mountains. Now that hope is gone. They have passed the mountains, and have settled upon Tsalagi (Cherokee) land. They wish to have that usurpation sanctioned by treaty. When that is gained, the same encroaching spirit will lead them upon other land of the Tsalagi (Cherokees). New cessions will be asked. Finally the whole country, which the Tsalagi (Cherokees) and their fathers have so long occupied, will be demanded, and the remnant of the Ani Yvwiya, The Real People, once so great and formidable, will be compelled to seek refuge in some distant wilderness. There they will be permitted to stay only a short while, until they again behold the advancing banners of the same greedy host. Not being able to point out any further retreat for the miserable Tsalagi (Cherokees), the extinction of the whole race will be proclaimed. Should we not therefore run all risks, and incur all consequences, rather than to submit to further loss of our country? Such treaties may be alright for men who are too old to hunt or fight. As for me, I have my young warriors about me. We will hold our land. A-WANINSKI, I have spoken." </p>
  <ul style=>Lifeline</ul>
  <h4 style="font-size:50px">est.1740-March 1st, 1792</h4>
  <li>1735-1740 (the exact birth year of dragging canoe is not known.)Born in the cheroke village of tenase </li>
  <li>1738-1739 Dragging Canoe contracts smallpox at an early age. leaving his face permanently pock-marked. An outbreak of smallpox wipes out over half the population of the cherokee.</li>
  <li>1753 Dragging canoes only child Young Dragging Canoe is born</li>
  <li></li>
  </div>
            
          
!
            
              body{color:red;
<!--background image-->;
  background-image:url('http://www.appalachianhistory.net/montanip/wp-content/uploads/2013/08/Dragging-Canoe-500x382.jpg');
background-repeat:no-repeat;
  background-size:100%;
  background-attachment:fixed;
  background-color:black;
  max-width:1000px;
  margin-left:40px;
}
h1{font-size:167px;}
h2{font-size:42px;}
h3{font-size:43px;}
#img1{
  border-width: 10px ;
  border-style: solid;
  border-color: brown;
  border-radius: 100%;
  margin-left:-400px;
  margin-right:-250px;
  
  
}
#list1
{float:left;
  clear:left;
  margin-left:200px;
  
}
#list2
{float:left;
 clear:left;
 margin-left:70px;
}
#list3
{float:right;
  clear:right;
  margin-top:-140px;
  margin-bottom:140px;
  margin-right:250px;
  margin-left:-200px;
}
#list4
{float:right;
  clear:right;
  margin-top:-130px;
  margin-bottom:130px;
  margin-right:150px;
  margin-left: -150px;
}
#list5{float:right;
clear:right;
margin-right:30px;
margin-left:-150px;
  margin-top:-120px;
  margin-bottom:120px;
}
ul{font-size:20px;
font-weight:bold;
text-decoration:underline}
p{font-size:20px}
            
          
!
999px
🕑 One or more of the npm packages you are using needs to be built. You're the first person to ever need it! We're building it right now and your preview will start updating again when it's ready.

Console