Scribd
Upload
29 views3 pages

Cartoons

Wreck-It Ralph is an 8-bit video game bad guy who is the main character of the film. He travels through the arcade to prove he can be a good guy. Ralph is described as super cool, treated as a bad-ass, and friendly to glitchy characters. The document provides details on Ralph's characteristics and friends which include Vanellope from Wreck-It Ralph and Finn and Jake from Adventure Time. It was created by Ronron and copyrighted in 2023.

Uploaded by

jhonnasdingle25
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
29 views3 pages

Cartoons

Wreck-It Ralph is an 8-bit video game bad guy who is the main character of the film. He travels through the arcade to prove he can be a good guy. Ralph is described as super cool, treated as a bad-ass, and friendly to glitchy characters. The document provides details on Ralph's characteristics and friends which include Vanellope from Wreck-It Ralph and Finn and Jake from Adventure Time. It was created by Ronron and copyrighted in 2023.

Uploaded by

jhonnasdingle25
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 3

<!

DOCTYPE html>
<html>
<head>
<3tle>Wreck-It Ralph</3tle>
<link rel="stylesheet" type="text/css" href="css/hero.css">
</head>
<body>

<div class="wrapper">
<header>
<img src="img/profile.jpg">
<h1>Wreck-It Ralph</h1>
</header>
<div class="content">
<h2>About Ralph</h2>
<p>An 8-bit video-game bad guy who travels the length of the arcade to prove
that he's a good guy.</p>
<h2>Ralph's characteris3cs</h2>
<ol>
<li>He's super cool</li>
<li>He's treated as bad-ass</li>
<li>He's friendly to glitchy-girl game characters</li>
</ol>
<img class="big-image" src="img/big-image.jpg">
<p class="cap3on">This is Ralph in ac3on</p>
<h2>Ralph's friends</h2>
<ul>
<li><a
href="hTps://wreckitralph.fandom.com/wiki/Vanellope_von_Schweetz" target="_blank"
3tle="Visit Vanellope's page">Vanellope </a> from Wreck-it Ralph</li>
<li><a href="hTps://adventure3me.fandom.com/wiki/Finn"
target="_blank" 3tle="Visit Finn's page">Finn</a> from Adventure Time</li>
<li><a href="hTps://adventure3me.fandom.com/wiki/Jake"
target="_blank" 3tle="Visit Jake's page">Jake</a> from Adventure Time</li>
</ul>
</div>
<footer>
<ul>
<li>Made by <a href="hTp://119.93.173.77:81/oes/" target="_blank"
3tle="View Ronron's FB page">Ronron</a></li>
<li>&copy; 2023</li>
</ul>
</footer>
</div>
</body>
</html>

CSS
html, body{
font-family: Arial, sans-serif;
margin: 0;
}

header{
background-color: #052049;
padding: 40px;
text-align: center;
}

h1{
font-size: 90px;
color: white;
}

header img{
border-radius: 174px;
width: 300px;
border: 24px solid #CC0000;
}

.content{
max-width: 900px;
margin: 0 auto;
padding: 0 20px;
}

img.big-image{
max-width: 100%;
}

p.cap3on{
font-size: 16px;
color: lightgrey;
font-style: italic;
}

ul{
list-style: none;
padding: 0;
margin: 0;
}

a{
color: red;
text-decora3on: none;
}

footer{
margin-top: 20px;
padding: 40px 20px;
background-color: #E6E6E6;
}

footer ul{
text-align: center;
}

footer ul li{
display: inline-block;
margin: 0 5px;
}

You might also like