Compare commits
4 Commits
d28e152200
...
becd2f4b27
| Author | SHA1 | Date |
|---|---|---|
 emma
|
becd2f4b27 | |
|
emma
|
9b3ffeb69f | |
|
emma
|
a8c2537403 | |
|
emma
|
52a4b47dc3 |
|
|
@ -1,6 +1,6 @@
|
|||
<header id="top">
|
||||
<img src="../site-resources/assets/header-cat.svg" height="32px" width="32px">
|
||||
<h1>This cat rocks!</h1>
|
||||
<p>This cat rocks!</p>
|
||||
<p>A homepage for my fine feline friend, Baxter</p>
|
||||
<nav>
|
||||
<a href="index.html">Home</a>
|
||||
|
|
|
|||
117
index.php
117
index.php
|
|
@ -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">
|
||||
<h2>Welcome to the homepage of all things Baxter!</h2>
|
||||
<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,75 +32,70 @@
|
|||
in bed and fall asleep, typically during the colder months.
|
||||
</p>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2>Baxter facts!</h2>
|
||||
<div class="quick-facts">
|
||||
<div class="baxter-is">
|
||||
<p>Baxter is:</p>
|
||||
<ul>
|
||||
<li>A cat</li>
|
||||
<li>Loving to those he knows</li>
|
||||
<li>The fastest gun in the West</li>
|
||||
<li>Always comfy</li>
|
||||
</ul>
|
||||
</div>
|
||||
<h3>Baxter facts!</h3>
|
||||
<p>Baxter is:</p>
|
||||
<ul>
|
||||
<li>A cat</li>
|
||||
<li>Loving to those he knows</li>
|
||||
<li>The fastest gun in the West</li>
|
||||
<li>Always comfy</li>
|
||||
</ul>
|
||||
|
||||
<div class="baxter-is-not">
|
||||
<p>Baxter is not:</p>
|
||||
<ul>
|
||||
<li>A dog</li>
|
||||
<li>Automatically friendly to everyone</li>
|
||||
<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>
|
||||
<li>Pets</li>
|
||||
<li>Places to cuddle</li>
|
||||
<li>Food</li>
|
||||
<li>The people who care about him most</li>
|
||||
</uL>
|
||||
</div>
|
||||
<p>Baxter is not:</p>
|
||||
<ul>
|
||||
<li>A dog</li>
|
||||
<li>Automatically friendly to everyone</li>
|
||||
<li>A fan of changes in routine</li>
|
||||
<li>Anything other than amazing</li>
|
||||
</ul>
|
||||
|
||||
<div class="baxter-hates">
|
||||
<p>Baxter hates:</p>
|
||||
<ul>
|
||||
<li>Loud noises</li>
|
||||
<li>Loud people</li>
|
||||
<li>Closed doors</li>
|
||||
<li>Not getting enough cuddle time</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<p>Baxter loves:</p>
|
||||
<ul>
|
||||
<li>Pets</li>
|
||||
<li>Places to cuddle</li>
|
||||
<li>Food</li>
|
||||
<li>The people who care about him most</li>
|
||||
</ul>
|
||||
|
||||
<p>Baxter hates:</p>
|
||||
<ul>
|
||||
<li>Loud noises</li>
|
||||
<li>Loud people</li>
|
||||
<li>Closed doors</li>
|
||||
<li>Not getting enough cuddle time</li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2>My favorite photos of Baxter</h2>
|
||||
<div class="photo-gallery">
|
||||
<div class="gallery-card">
|
||||
<h3>My favorite photos of Baxter</h3>
|
||||
<figure>
|
||||
<img src="./img/posed-baxter.jpg" alt="My cat Baxter laying on my chest over a blanket in bed looking at the camera. The many details and patterns of his mackeral tabby fur pattern are fully visible">
|
||||
<p>A very fancy photo of a very fancy cat!</p>
|
||||
</div>
|
||||
<div class="gallery-card">
|
||||
|
||||
<figcaption>A very fancy photo of a very fancy cat!</figcaption>
|
||||
</figure>
|
||||
<figure>
|
||||
<img src="./img/curious-baxter.jpg" alt="My cat Baxter inspecting the camera lens. His nose is the closest part of him to the lens as he inspects it by smelling as would be typical for a cat inspecting something unfamiliar">
|
||||
<p>A curious baxter inspects the camera lens</p>
|
||||
</div>
|
||||
<div class="gallery-card">
|
||||
|
||||
<figcaption>A curious baxter inspects the camera lens</figcaption>
|
||||
</figure>
|
||||
<figure>
|
||||
<img src="img/gallery-card-three.webp" alt="My cat Baxter as a kitten strecthed out enjoying the sun coming through a window.">
|
||||
<p>Did I mention he loves sunbathing too?</p>
|
||||
</div>
|
||||
<div class="gallery-card">
|
||||
|
||||
<figcaption>Did I mention he loves sunbathing too?</figcaption>
|
||||
</figure>
|
||||
<figure>
|
||||
<img src="img/gallery-card-two.webp" alt="My cat Baxter looking out from behind a window blind.">
|
||||
<p>Looking shy but owning the look at the same time, he's a natural!</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<figcaption>Looking shy but owning the look at the same time, he's a natural!</figcaption>
|
||||
</figure>
|
||||
</section>
|
||||
|
||||
<section class="goodbye">
|
||||
<h2>Come back anytime!</h2>
|
||||
<h3>Come back anytime!</h3>
|
||||
<p>
|
||||
I hope you've enjoyed your visit and learned about Baxter and just
|
||||
how much he means to me. If you haven't please check out the other pages on this site.
|
||||
|
|
|
|||
Loading…
Reference in New Issue