Skip to content

Instantly share code, notes, and snippets.

@willshepp28

willshepp28/characters.html

Created May 23, 2017 18:17
Show Gist options
  • Save willshepp28/a728cc356df0d159c6601cc4185b7e17 to your computer and use it in GitHub Desktop.
Save willshepp28/a728cc356df0d159c6601cc4185b7e17 to your computer and use it in GitHub Desktop.
Download ZIP
Star - Writing HTML
Raw
characters.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<style>
nav li{
display: inline-block;
}
</style>
</head>
<body>
<!-- Start of header -->
<header>
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="characters.html">Characters</a></li>
<li><a href="season_one.html">Season One</a></li>
</ul>
</nav>
</header> <!-- End of header -->
<!-- Start of Showcase -->
<section id="showcase">
<h1>Star vs. the Forces of Evil</h1>
<div id="jumbotron"><img src="https://media.giphy.com/media/10PFUoJu4psvCw/giphy.gif?response_id=591e3aa50b3724d34101e235" alt=""></div>
</section> <!-- End of Showcase -->
<!-- Start of container -->
<section id="container">
<hr>
<section id="characters">
<ul>
<li><b>Star Butterfly</b></li>
<p>Princess Star Butterfly i the main protagonist of Star vs. the Forces of Evil. She is a teenage princess of the kingdom of Mewni (located in another dimension) sent to Earth by her parents in order to learn how to user the royal magic wand.</p>
<p>Star has to main motivations</p>
<ol>
<li>Learning to control her wand</li>
<li>Keeping the wand out of the wrong hands</li>
</ol><br>
<li><b>Marco Diaz</b></li>
<p>Marco is Star's best friend. He is kind, responsible, very organized, and supportive of others. He has a reputation at his school for being the "safe kid" due to avoiding danger and being cautious, though he insists that he is a "misunderstood bad boy".</p><br>
<li><b>Ludo</b></li>
<p>Ludo is a major antagonist of Star vs. the Forces of Evil. In season 1, he uses and army of monsters in order to steal Star's wand and take over the universe. As of season2, however, he has his own wand and new monster followers. Toward the end of season 2 , his body is possessed by Toffee.</p>
</ul>
</section>
<hr>
</section> <!-- End of container -->
<!-- Start of Footer -->
<footer>
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="characters.html">Characters</a></li>
<li><a href="season_one.html">Season One</a></li>
</ul>
</nav>
</footer> <!-- End of Footer -->
</body>
</html>
Raw
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<style>
nav li{
display: inline-block;
}
</style>
</head>
<body>
<!-- Start of header -->
<header>
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="characters.html">Characters</a></li>
<li><a href="season_one.html">Season One</a></li>
</ul>
</nav>
</header> <!-- End of header -->
<!-- Start of Showcase -->
<section id="showcase">
<h1>Star vs. the Forces of Evil</h1>
<div id="jumbotron"><img src="https://media.giphy.com/media/ao2IHZ0y6ZD2M/giphy.gif?response_id=591e2f84844bcbfe80481f0e" alt=""></div>
</section> <!-- End of Showcase -->
<!-- Start of container -->
<section id="container">
<div id="top-content">
<h1>This is a small site about the stroy and characters from Star vs. the Forces of Evil</h1>
<hr>
</div>
<div id="main-content">
<h3>Story</h3>
<p><strong>Star vs. the Forces of Evil</strong> is an American animated television series produced by Disney Television Animation. The first episode was shown on January 18, 2015, on Disney Channel as a special preview, and the series officially premiered on March 30, 2015, on Disney XD.</p><br>
<p>Totally the best show ever</p><br>
<p>The show was created by Daron Nefcy, who had worked on storyboards for Wander Over Yonder and Robot and Monster. Nefcy became the second woman to create an animated series for Disney Television Animation (the first being Sue Rose, who ceated Pepper Ann), and the first woman to create a Disney XD series. On February 12, 2015, Disney renewed the series for a second season prior to its premiere on Disney XD. The second season premiered on July 11 2016. On March 4, 2016, it was renewed for a third season, and on February 28, 217, it was officically renewed for a fourth season.</p>
</div>
<hr>
</section> <!-- End of container -->
<!-- Start of Footer -->
<footer>
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="characters.html">Characters</a></li>
<li><a href="season_one.html">Season One</a></li>
</ul>
</nav>
</footer> <!-- End of Footer -->
</body>
</html>
Raw
season_one.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<style>
nav li{
display: inline-block;
}
#container {
margin-top: 60px;
}
</style>
</head>
<body>
<!-- Start of header -->
<header>
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="characters.html">Characters</a></li>
<li><a href="season_one.html">Season One</a></li>
</ul>
</nav>
</header> <!-- End of header -->
<!-- Start of Showcase -->
<section id="showcase">
<h1>Star vs. the Forces of Evil</h1>
<div id="jumbotron"><img src="https://media.giphy.com/media/10PFUoJu4psvCw/giphy.gif?response_id=591e3aa50b3724d34101e235" alt=""></div>
<hr>
</section> <!-- End of Showcase -->
<!-- Start of container -->
<section id="container">
<h3>Season One</h3>
<section id="episodes">
<table style="width:100%">
<tr>
<th>Episode Number</th>
<th>Title</th>
<th>Aire Date</th>
</tr>
<tr>
<td>01</td>
<td>"Star Comes to Earth"</td>
<td>March 30, 2015</td>
</tr>
<tr>
<td>02</td>
<td>"Party With a Pony"</td>
<td>March 30, 2015</td>
</tr>
<tr>
<td>03</td>
<td>"Match Maker"</td>
<td>March 30, 2015</td>
</tr>
<tr>
<td>04</td>
<td>"School Spirit"</td>
<td>March 30, 2015</td>
</tr>
<tr>
<td>05</td>
<td>"Monster Arm"</td>
<td>April 6, 2015</td>
</tr>
<tr>
<td>06</td>
<td>"The Other Exchange Student"</td>
<td>April 6, 2015</td>
</tr>
<tr>
<td>07</td>
<td>"Cheer up, Star"</td>
<td>April 13, 2015</td>
</tr>
<tr>
<td>08</td>
<td>"Quest Buy"</td>
<td>April 13, 2015</td>
</tr>
<tr>
<td>09</td>
<td>"Diaz Family Vacation"</td>
<td>April 20, 2015</td>
</tr>
<tr>
<td>10</td>
<td>Brittney's Party</td>
<td>April 20, 2015</td>
</tr>
<tr>
<td>11</td>
<td>"Mewberty"</td>
<td>June 15, 2015</td>
</tr>
<tr>
<td>12</td>
<td>"Pixtopia"</td>
<td>June 15, 2015</td>
</tr>
<tr>
<td>13</td>
<td>"Lobster Claws"</td>
<td>June 22, 2015</td>
</tr>
<tr>
<td>14</td>
<td>"Sleep Spells"</td>
<td>June 22, 2015</td>
</tr>
<tr>
<td>15</td>
<td>"Blood Moon Ball"</td>
<td>July 20, 2015</td>
</tr>
<tr>
<td>16</td>
<td>"Fortune Cookies"</td>
<td>July 20, 2015</td>
</tr>
<tr>
<td>17</td>
<td>"Freeze Day"</td>
<td>July 27, 2015</td>
</tr>
<tr>
<td>18</td>
<td>"Royal Pain"</td>
<td>July 27, 2015</td>
</tr>
<tr>
<td>19</td>
<td>"St. Olga's Reform School for Wayward Princesses"</td>
<td>August 10, 2015</td>
</tr>
<tr>
<td>20</td>
<td>"Mewnipendance Day"</td>
<td>August 17, 2015</td>
</tr>
<tr>
<td>21</td>
<td>"The Banagic Incident"</td>
<td>August 17, 2015</td>
</tr>
<tr>
<td>22</td>
<td>"Interdimensional Field Trip"</td>
<td>September 14, 2015</td>
</tr>
<tr>
<td>23</td>
<td>"Marco Grows a Beard"</td>
<td>September 14, 2015</td>
</tr>
<tr>
<td>24</td>
<td>"Storm the Castle"</td>
<td>September 21, 2015</td>
</tr>
</table>
</section>
<hr>
</section> <!-- End of container -->
<!-- Start of Footer -->
<footer>
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="characters.html">Characters</a></li>
<li><a href="season_one.html">Season One</a></li>
</ul>
</nav>
</footer> <!-- End of Footer -->
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment