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