zepp
/
thiscat.rocks
1
0
Fork 0
Code Issues Activity

clean up use of divs, decide if other semantic tags can be used

This commit is contained in:
emma 2025-01-01 05:59:31 -05:00
parent 9b3ffeb69f
commit becd2f4b27
1 changed files with 38 additions and 43 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
index.php
View File

@ -7,13 +7,15 @@
<link rel="icon" href="./site-resources/assets/favicon.svg">
<link rel="stylesheet" href="style/style.css">
</head>
<body>
<?php include "./includes/nav.php" ?>
<main>
<section class="welcome-section">
<img class="baxter-welcome-img" src="img/baxter-welcome.webp" alt="My cat Baxter, sitting in a cardboard box looking at the camera.">
<div class="welcome-text">
<section>
<img src="img/baxter-welcome.webp" alt="My cat Baxter, sitting in a cardboard box looking at the camera.">
<h1>Welcome to the homepage of all things Baxter!</h1>
<p>
Baxter is a domestic shorthair cat, with a distinct Mackerel Tabby fur pattern.
His broken stripes together with a long thick stripe down his back resemble that of a tiger!
@ -30,12 +32,10 @@
in bed and fall asleep, typically during the colder months.
</p>
</div>
</section>
<section>
<h3>Baxter facts!</h3>
<div class="quick-facts">
<div class="baxter-is">
<p>Baxter is:</p>
<ul>
<li>A cat</li>
@ -43,9 +43,8 @@
<li>The fastest gun in the West</li>
<li>Always comfy</li>
</ul>
</div>
<div class="baxter-is-not">
<p>Baxter is not:</p>
<ul>
<li>A dog</li>
@ -53,19 +52,15 @@
<li>A fan of changes in routine</li>
<li>Anything other than amazing</li>
</ul>
</div>
<div class="baxter-loves">
<p>Baxter loves:</p>
<uL>
<ul>
<li>Pets</li>
<li>Places to cuddle</li>
<li>Food</li>
<li>The people who care about him most</li>
</uL>
</div>
</ul>
<div class="baxter-hates">
<p>Baxter hates:</p>
<ul>
<li>Loud noises</li>
@ -73,9 +68,8 @@
<li>Closed doors</li>
<li>Not getting enough cuddle time</li>
</ul>
</div>
</div>
</section>
<section>
<h3>My favorite photos of Baxter</h3>
<figure>
@ -99,6 +93,7 @@
<figcaption>Looking shy but owning the look at the same time, he's a natural!</figcaption>
</figure>
</section>
<section class="goodbye">
<h3>Come back anytime!</h3>
<p>