1
0
Fork 0

create nav partial, convert index to php to test

This commit is contained in:
emma 2024-12-31 21:32:28 -05:00
parent 265adfd979
commit 52cd15f1c4
2 changed files with 11 additions and 14 deletions

10
includes/nav.php Normal file
View File

@ -0,0 +1,10 @@
<header id="top">
<h1>This cat rocks!</h1>
<p>A homepage for my fine feline friend, Baxter</p>
<nav>
<a href="index.html">Home</a>
<a href="loveletter.html">Love you, Baxter</a>
<a href="behavior.html">Baxter's behaviors</a>
<a href="about.html">About this site</a>
</nav>
</header>

View File

@ -1,5 +1,4 @@
<!DOCTYPE html>
<!-- proven.lol/151033 -->
<html lang="en">
<head>
<title>This cat rocks!</title>
@ -9,19 +8,7 @@
<link rel="stylesheet" href="style/style.css">
</head>
<body>
<header id="top">
<img class="baxter-hero-img" src="img/baxter-hero.webp" alt="A picture of my cat Baxter looking at the camera.">
<div class="header-content">
<h1>This cat rocks!</h1>
<p>A homepage for my fine feline friend, Baxter</p>
<nav>
<a href="index.html">Home</a>
<a href="loveletter.html">Love you, Baxter</a>
<a href="behavior.html">Baxter's behaviors</a>
<a href="about.html">About this site</a>
</nav>
</div>
</header>
<?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.">