Cat/rescue.html at main · mikelikecoding/Cat · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/main.css">
    <title>Rescue Page</title>
</head>
<body>

    <header>

        <nav>
            <a href="index.html">Home</a>
            <a href="about.html">About </a>
            <!-- <a href="rescue.html">Rescue</a> -->
            <a href="adopt.html"></a>
            <!-- <a href="log.html">Sign Up</a> -->
        </nav>
        <!-- <h1 class="us">CATS OUR US!</h1> -->
        <p class="res">Rescue, Adoption, and Rehab for our </p>
    </header>
    <h2 class="clientData"></h2>
    <main class="catHub catContainer">
       <div class="row1 ">
       <button><img src="./images/cat0.jpg" alt="cat.png" data-num="0"></button>
       <button><img src="./images/cat1.jpg" alt="cat2.png" data-num="1"></button>
       <button><img src="./images/cat2.jpg" alt="cat3.png" data-num="2"></button>
       <button><img src="./images/cat3.jpg" alt="cat4.png" data-num="3"></button>
       <button><img src="./images/cat4.jpg" alt="cat5.png" data-num="4"></button>
       <button><img src="./images/cat5.jpg" alt="cat5.png" data-num="5"></button>
       <button><img src="./images/er.jpg" alt="cat7png" data-num="6"></button>
       <button><img src="./images/cat7.jpg" alt="cat.png" data-num="7"></button>
       </div>
       <div class="row2">
        <button><img src="./images/cat8.jpg" alt="cat.png" data-num="8"></button>
        <button><img src="./images/cat9.jpg" alt="cat.png" data-num="9"></button>
        <button><img src="./images/cat10.jpg" alt="cat.png" data-num="10"></button>
        <button><img src="./images/cat11.jpg" alt="cat.png" data-num="11"></button>
        <button><img src="./images/cata.jpg" alt="cat.png" data-num="12"></button>
        <button><img src="./images/cat13.jpg" alt="cat.png" data-num="13"></button>
        <button><img src="./images/cat14.jpg" alt="cat.png" data-num="14"></button>
        <button><img src="./images/cat15.jpg" alt="cat.png" data-num="15"></button>
       </div>
       <div class="row3">
        <button><img src="./images/cat16.jpg" alt="cat.png" data-num="16"></button>
        <button><img src="./images/cat17.jpg" alt="cat.png" data-num="17"></button>
        <button><img src="./images/cat18.jpg" alt="cat.png" data-num="18"></button>
        <button><img src="./images/cat19.jpg" alt="cat.png" data-num="19"></button>
        <button><img src="./images/cat20.jpg" alt="cat.png" data-num="20"></button>
        <button><img src="./images/cat21.jpg" alt="cat.png" data-num="21"></button>
        <button><img src="./images/cat22.jpg" alt="cat.png" data-num="22"></button>
        <button><img src="./images/cat23.jpg" alt="cat.png" data-num="23"></button>
       </div>
       <div class="resMessage"></div>
    </main>
    <footer>

    </footer>
    <script
    src="https://code.jquery.com/jquery-3.7.0.js"
    integrity="sha256-JlqSTELeR4TLqP0OG9dxM7yDPqX1ox/HfgiSLBj8+kM="
    crossorigin="anonymous"></script>
    <script src="js/main.js"></script>
</body>
</html>