Commit 38b3ad60 authored by s20marilena's avatar s20marilena
Browse files

Initial commit

parents
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>HTML paraugs</title>
<meta name="description" content="Šis ir neliels HTML dokumenta paraugs">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- no google fonts-->
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Architects+Daughter&display=swap" rel="stylesheet">
<link rel="stylesheet" href="style.css">
<!-- tas treniņam-->
<style>
span.fancy{
font-family: cursive;
font-weight: bold;
color: red;
}
</style>
</head>
<body>
<header class="container">
<p>Lenards Millers</p>
</header>
<!-- Navigācijas bloks-->
<nav class="container">
<ul>
<li><a href="https://www.venta.lv/" target="_blank">VeA</a></li>
<li><a href="https://validator.w3.org/nu/#textarea" target="_blank">W3 Validator</a></li>
<li><a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element" target="_blank">HTML reference</a></li>
</ul>
</nav>
<main class="container">
<div class="columns-2"></div>
<article style="text-align: center;">
<h1>The Simpsons</h1>
<figure>
<img src="https://upload.wikimedia.org/wikipedia/en/thumb/0/0d/Simpsons_FamilyPicture.png/220px-Simpsons_FamilyPicture.png" alt="The Simpsons">
<figcaption>Cascading Style Simpsons</figcaption>
</figure>
<p><em>The Simpsons</em> is an American animated sitcom created by Matt Groening for the Fox Broadcasting Company.[2][3][4] The series is a satirical depiction of American life, epitomized by <strong>the Simpson family</strong>, which consists of Homer, Marge, Bart, Lisa, and Maggie. <span class="fancy">The show is set in the fictional town of Springfield and parodies American culture and society, television, and the human condition.</span> </p>
<p>The family was conceived by Groening shortly before a solicitation for a series of animated shorts with producer James L. Brooks. Groening created a dysfunctional family and named the characters after his own family members, substituting Bart for his own name; he thought Simpson was a funny name in that it sounded similar to "simpleton".[5] The shorts became a part of The Tracey Ullman Show on April 19, 1987. After three seasons, the sketch was developed into a half-hour prime time show and became Fox's first series to land in the Top 30 ratings in a season (1989–1990). </p>
</article>
<aside style="text-align: center;">
<h2>Character ages</h2>
<table style="display: block; width: 200px;margin-left: auto;margin-right: auto;">
<tr>
<th>Name</th>
<th>Age</th>
</tr>
<tr>
<td>Homer</td>
<td>38</td>
</tr>
<tr>
<td>Marge</td>
<td>38</td>
</tr>
<tr>
<td>Bart</td>
<td>10</td>
</tr>
<tr>
<td>Lisa</td>
<td>10</td>
</tr>
<tr>
<td>Meggie</td>
<td>1</td>
</tr>
</table>
</aside>
</div>
<h2>Main characters</h2>
<section>
<section class="related-panel">
<h3>Homer</h3>
<img src="https://upload.wikimedia.org/wikipedia/en/0/02/Homer_Simpson_2006.png" alt="Homer Simpson">
<p>Homer Jay Simpson is the bumbling husband of Marge, and father to Bart, Lisa and Maggie Simpson.[1] He is the son of Mona and Abraham "Grampa" Simpson. Homer held over 188 different jobs in the first 400 episodes of The Simpsons.[2] In most episodes, he works as the nuclear safety inspector at the Springfield Nuclear Power Plant, a position which, whilst being wholly unsuitable for, he has held since "Homer's Odyssey", the third episode of the series.[3] At the nuclear plant, Homer is often ignored and completely forgotten by his boss Mr. Burns, and he constantly falls asleep and neglects his duties. Matt Groening has stated that he decided to have Homer work at the power plant because of the potential for Homer to wreak severe havoc.[4] Each of his other jobs has lasted only one episode. In the first half of the series, the writers developed an explanation about how he got fired from the plant and was then rehired in every episode. In later episodes, he often began a new job on impulse, without any mention of his regular employment.[5]</p>
</section>
<section class="related-panel">
<h3>Marge</h3>
<img src="https://upload.wikimedia.org/wikipedia/en/0/0b/Marge_Simpson.png" alt="Marge Simpson">
<p>Homer Jay Simpson is the bumbling husband of Marge, and father to Bart, Lisa and Maggie Simpson.[1] He is the son of Mona and Abraham "Grampa" Simpson. Homer held over 188 different jobs in the first 400 episodes of The Simpsons.[2] In most episodes, he works as the nuclear safety inspector at the Springfield Nuclear Power Plant, a position which, whilst being wholly unsuitable for, he has held since "Homer's Odyssey", the third episode of the series.[3] At the nuclear plant, Homer is often ignored and completely forgotten by his boss Mr. Burns, and he constantly falls asleep and neglects his duties. Matt Groening has stated that he decided to have Homer work at the power plant because of the potential for Homer to wreak severe havoc.[4] Each of his other jobs has lasted only one episode. In the first half of the series, the writers developed an explanation about how he got fired from the plant and was then rehired in every episode. In later episodes, he often began a new job on impulse, without any mention of his regular employment.[5]</p>
</section>
<section class="related-panel">
<h3>Bart</h3>
<img src="https://upload.wikimedia.org/wikipedia/en/a/aa/Bart_Simpson_200px.png" alt="Bart Simpson">
<p>The Simpsons uses a floating timeline in which the characters do not age or age very little, and as such, the show is always assumed to be set in the current year. In several episodes, events have been linked to specific times, though sometimes this timeline has been contradicted in subsequent episodes. Bart's year of birth was stated in "I Married Marge" (season three, 1991) as being in the early 1980s.[3] In "Simpsorama" (season 26, 2014) Bart states his birthday as February 23.[4] He lived with his parents in the Lower East Side of Springfield until the Simpsons bought their first house. When Lisa was born, Bart was at first jealous of the attention she received, but he soon warmed to her when he discovered that "Bart" was her first word. </p>
</section>
<section class="related-panel">
<h3>Lisa </h3>
<img src="https://upload.wikimedia.org/wikipedia/en/thumb/e/ec/Lisa_Simpson.png/220px-Lisa_Simpson.png" alt="Lisa Simpson">
<p>The Simpsons uses a floating timeline in which the characters do not have physical ages;[2] as such, Lisa is always depicted as 7–8 years old.[3] The show itself is perpetually set in the year of broadcast (except for occasional flashbacks and flashforwards). In several episodes, events have been linked to specific time periods, although this timeline has been contradicted in subsequent episodes.[4] Lisa's year of birth is given in "Lisa's First Word" (season 4, 1992) as 1984, during the Summer Olympics.[5] The episode "That '90s Show" (season 19, 2008), however, contradicts much of the established backstory; for example, it presents Homer and Marge as being childless in the late 1990s. </p>
</section>
<section class="related-panel">
<h3>Meggie</h3>
<img src="https://upload.wikimedia.org/wikipedia/en/thumb/9/9d/Maggie_Simpson.png/220px-Maggie_Simpson.png" alt="Meggie Simpson">
<p>The Simpsons uses a floating timeline in which the characters do not physically age, and as such the show is assumed to be set in the current year. In several episodes, events have been linked to specific times, though sometimes this timeline has been contradicted in subsequent episodes.[2] Maggie is the youngest child of Marge and Homer, and sister to Bart and Lisa. When Marge became pregnant with Bart, she and Homer got married at a chapel in Las Vegas. To support his impending family, Homer all but demanded a job at the Springfield Nuclear Power Plant, impressing its owner, Mr. Burns, with his aggressive submissiveness.</p>
</section>
</section>
<figure>
<img src="..." alt="The Simpsons">
<figcaption>Cascading Style Simpsons</figcaption>
</figure>
</main>
<footer class="container">
<p>Vea, 2021</p>
</footer>
</body>
</html>
\ No newline at end of file
* {
box-sizing: border-box;
}
html {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 16px;
color: #212121;
line-height: 1.5;
}
body {
margin: 0;
text-align: justify;
}
h1, h2, h3 {
font-family: 'Architects Daughter', cursive;
font-size: 2rem;
/*caps lock virstakstiem h1 h2 h3*/
font-variant: all-small-caps;
}
h3{
text-align: center;
}
section section img {
display: block;
margin: 0 auto;
}
h3{
color: red;
}
header {
background-color: lightblue;
}
nav {
background-color: rgb(245, 245, 3);
}
nav ul {
margin: 0;
padding: 0;
}
nav ul {
margin: 0;
padding: 0;
}
nav ul li {
list-style-type: none;
display: inline-block;
}
nav ul li::after {
content: " § ";
}
nav ul li:last-child::after {
content: "";
}
footer {
background-color: lightgreen;
}
/* noņem apmales, kas bojā layout'u*/
header p, footer p, nav ul {
margin: 0;
}
header {
padding: 4rem 1rem;
}
footer {
padding: 2rem 1rem;
margin-top: 4rem;
}
article p {
text-align: justify;
}
@media screen and (min-width: 992px){
body {
margin: 0;
}
.container{
display: block;
width: 992px;
margin-left: auto;
margin-right: auto;
}
html {
font-size: 16px;
}
main {
padding: 0;
}
}
main {
padding: 0 1rem;
}
main p {
text-align: justify;
}
.related-panel h3 {
text-align: center;
}
.related-panel img {
display: block;
margin-left: auto;
margin-right: auto;
max-width: 100%;
}
figure {
display: block;
width: 100%;
margin: 0;
position: relative;
}
figure img {
display: block;
width: 100%;
}
.columns-2 {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
align-items: stretch;
}
.columns-2 article {
flex: 2;
margin-right: 0.5rem;
}
.columns-2 aside {
flex: 1;
margin-left: 0.5rem;
}
\ No newline at end of file
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment