To jest stara wersja strony!
<!DOCTYPE html> <html lang=„en”> <head>
<meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title>
</head> <body>
<div class="infobox">
<div class="heading">
<h2>Cute Dog</h2>
</div>
<img src="https://images.unsplash.com/photo-1586671267731-da2cf3ceeb80?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=689&q=80" class="infobox-img"
alt="infobox picture">
<div class="infobox-group">
<div class="heading">
<h3>Biographical Information</h3>
</div>
<div class="infobox-data">
<div class="infobox-datarow">
<p class="data-heading">Full name</p>
<ul class="data-content">
<li>Bellus Canis</li>
</ul>
</div>
<div class="infobox-datarow">
<p class="data-heading">Age</p>
<ul class="data-content">
<li>6 months</li>
</ul>
</div>
<div class="infobox-datarow">
<p class="data-heading">Status</p>
<ul class="data-content">
<li>Alive</li>
</ul>
</div>
<div class="infobox-datarow">
<p class="data-heading">Relatives</p>
<ul class="data-content">
<li>Papa</li>
<li>Mama</li>
<li>Big Sis</li>
<li>Angry Cat</li>
</ul>
</div>
</div>
</div>
<div class="infobox-group">
<div class="heading">
<h3>Physical Description</h3>
</div>
<div class="infobox-data">
<div class="infobox-datarow">
<p class="data-heading">Hair Color</p>
<ul class="data-content">
<li>Golden Yellow</li>
</ul>
</div>
<div class="infobox-datarow">
<p class="data-heading">Eye Color</p>
<ul class="data-content">
<li>Brown</li>
</ul>
</div>
</div>
</div>
<div class="infobox-group">
<div class="heading">
<h3>Social Information</h3>
</div>
<div class="infobox-data">
<div class="infobox-datarow">
<p class="data-heading">Nation</p>
<ul class="data-content">
<li>Brazil</li>
</ul>
</div>
<div class="infobox-datarow">
<p class="data-heading">Occupation</p>
<ul class="data-content">
<li>Being Cute</li>
</ul>
</div>
<div class="infobox-datarow">
<p class="data-heading">Family</p>
<ul class="data-content">
<li>Hopefully mine</li>
</ul>
</div>
</div>
</div>
</div>
</body> </html>
Dyskusja