iutge-project-resaweb/catalog.html at main · danphannguyen/iutge-project-resaweb · 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
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="style.css">
    <link rel="icon" href="ICONES/NIGHT/FavIconDark.png" id="light-scheme-icon">
    <link rel="icon" href="ICONES/NIGHT/FavIconLight.png" id="dark-scheme-icon">

    <link href="https://unpkg.com/[email protected]/dist/aos.css" rel="stylesheet">

    <title>Catalog - Horizon</title>
</head>

<body>

    <div class="nav-wrapper">
        <nav class="navbar">
            <a data-aos="fade-down" data-aos-duration="750" href="index.html"><img class="brandLogo" src="ICONES/NIGHT/LOGO.svg" alt="Go to home page">
            </a>
            <div class="menu-toggle" id="mobile-menu">
                <span class="bar"></span>
                <span class="bar"></span>
                <span class="bar"></span>
            </div>

            <ul class="nav no-search">
                <li data-aos="fade-down" data-aos-duration="750" data-aos-delay="100" class="nav-item"><a href="index.html#aboutUs" alt="Go to Overview">Overview</a></li>
                <li data-aos="fade-down" data-aos-duration="750" data-aos-delay="200" class="nav-item"><a href="aboutus.html" alt="Go to About us page">About us</a></li>
                <li data-aos="fade-down" data-aos-duration="750" data-aos-delay="300" class="nav-item"><a href="catalog.html" alt="Go to Catalog page" class="hover">Catalog</a></li>
                <li data-aos="fade-down" data-aos-duration="750" data-aos-delay="400" class="nav-item"><a href="extra.php" alt="Go to Extra page">Extra</a></li>
            </ul>
        </nav>
    </div>

    <section class="ourProduct">
        <a href="room.php?id=1" class="productDisplay" data-aos="fade-in" data-aos-delay="200" data-aos-duration="2000" data-aos-anchor-placement="top" data-aos-once="true" alt="Go to Team Suite">
            <h3>team suite</h3>
            <div style="background-image: url('IMG/team.webp');">
            </div>
        </a>
        <a href="room.php?id=2" class="productDisplay" data-aos="fade-in" data-aos-delay="400" data-aos-duration="2000" data-aos-anchor-placement="top" data-aos-once="true" alt="Go to Lounge Suite">
            <h3>lounge suite</h3>
            <div style="background-image: url('IMG/lounge.webp');">
            </div>
        </a>
        <a href="room.php?id=3" class="productDisplay" data-aos="fade-in" data-aos-delay="600" data-aos-duration="2000" data-aos-anchor-placement="top" data-aos-once="true" alt="Go to Stream Suite">
            <h3>stream suite</h3>
            <div style="background-image: url('IMG/stream.webp');">
            </div>
        </a>
    </section>

    <footer>

        <p>
            <a href="terms.html" alt="Go to Terms page">Terms</a>
        </p>
        <p>
            <a href="privacy.html" alt="Go to Privacy page">Privacy</a>
        </p>

        <div class="bottomBrandLogo">
            <a href="index.html"><img src="ICONES/NIGHT/LOGO.svg" alt="Go to home page"></a>
        </div>

        <p>
            <a href="FAQ.html" alt="Go to FAQ page">FAQ</a>
        </p>
        <p>
            <a href="contact.html" alt="Go to Contact page">Contact us</a>
        </p>

        <span>
            All rights reserved, Horizon © 2023
        </span>
    </footer>

    <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js'></script>
    <script defer src="JS/script.js"></script>
    <script defer src="JS/fav.js"></script>
    <script src="https://unpkg.com/[email protected]/dist/aos.js"></script>
    <script>
        AOS.init();
    </script>

</body>

</html>