CapstoneProjectFE/index.html at main · yongjinkai/CapstoneProjectFE · 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
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Home</title>
    <link
      href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css"
      rel="stylesheet"
      integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH"
      crossorigin="anonymous"
    />

    <!-- Import fonts awesome stylesheet -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css" integrity="sha512-Kc323vGBEqzTmouAECnVceyQqyqdsSiqLQISBL29aUW4U/M7pSPA/gEUZQqv1cwx4OnYxTxve5UMg5GT6L4JJg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
    <link rel="stylesheet" href="/styles/index.css">
    <link rel="stylesheet" href="/styles/navbar.css">
    <link rel="stylesheet" href="/styles/footer.css">

</head>
<body>

    <!-- start of offcanvas navigation -->
    <nav class="navbar navbar-default navbar-expand-sm fixed-top" style="width: 100%">
        <div class="container-fluid">

            <a class="navbar-brand text-light" href="/index.html"><img src="/img/navbar/rebound1w.png" alt="logo"
                    style="width: 150px; height: 40px; object-fit: cover" class="rounded-pill" /></a>

            <button class="navbar-toggler" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasNavbar"
                aria-controls="offcanvasNavbar" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>

            <!-- Offcanvas Menu -->
            <div class="offcanvas offcanvas-end" tabindex="-1" id="offcanvasNavbar"
                aria-labelledby="offcanvasNavbarLabel">
                <div class="offcanvas-header">
                    <h5 class="offcanvas-title" id="offcanvasNavbarLabel"></h5>
                    <button type="button" class="btn-close btn-close-black" data-bs-dismiss="offcanvas"
                        aria-label="Close"></button>
                </div>
                <div class="offcanvas-body bg-dark navbar-dark menu" id="navbarNav">
                    <div>
                        <!-- dynamic navbar -->
                    </div>

                </div>
            </div>
        </div>
    </nav>
    <!-- end of offcanvasnavigation -->

   <!-- home section start-->

   <div class="home">
    <div class="main-text">
        <p>Welcome to</p>
        <img src="./img/REBOUND.png" alt="img of the word rebound">
        <p>VIP Conceige Nursing Care</p>
        <button id="home-btn" onclick="window.location.href='register.html'">Register</button>
    </div>

    <div class="home-cards">
        <div class="row">
            <img src="./img/Home/Home_card_personalised homecare.jpg" alt="">
            <div class="card-body">
                <h3>PERSONALISED HOME CARE</h3>
                <p>Are you navigating the </p>
                <p>challenges of at-home care?</p>
            </div>
        </div>


        <div class="row">
            <img src="./img/Home/Home_card_quality of life.jpg" alt="">
            <div class="card-body">
                <h3>QUALITY OF LIFE</h3>
                <p>Seeking to optimize your quality of life?</p>
            </div>
        </div>

        <div class="row">
            <img src="./img/Home/Home_card_247 support.jpg" alt="">
            <div class="card-body">
                <h3>24/7 SUPPORT</h3>
                <p>Ready to connect with a supportive community?</p>
            </div>
        </div>
    </div>

 </section>

    <!-- start of footer -->

    <footer class="col footer-section">

        <div class="row py-3 pt-4 footer-top-section m-0">
            <div class="row">
                <div class="col-md-3 footer-image-section">
                    <img src="/img/footer/rebound1.png" alt="logo" style="width: 150px; height: 40px; object-fit: cover" class="rounded-pill" />
                    <p class="footer-description-section">We a VIP Concierge Nursing Care company. Our vision is to empower at-home patients to gain independence and quality lifestyle.
                    </p>
                </div>

                <div class="col-md-1">
                    <!-- empty column -->
                </div>

                <div class="col-md-4 social-media-icon justify-content-center align-content-center text-center">
                    <img src="/img/footer/instagram_icon.webp" alt="instagram">
                    <img src="/img/footer/fb_icon.webp" alt="facebook">
                    <img src="/img/footer/youtube_icon.webp" alt="youtube">
                    <img src="/img/footer/titok_icon.webp" alt="titok">
                </div>

                <div class="col-md-4 footer-contact-section">
                    <p>Contact</p>
                    <a href="#"><img src="/img/footer/phone_icon.png" alt="phone"><span>+(65) 6877 7788</span></a>
                    <a href="#"><img src="/img/footer/message_icon.png" alt="message"><span>Info@rebound.com</span></a>
                    <a href="#"><img src="/img/footer/location_icon.png" alt="location"><span>111 Vitality St. Singapore 877111</span></a>

                </div>
            </div>
        </div>

        <div class="row footer-bottom-section m-0">
            <p>&copy; 2024 REBOUND</p>
        </div>

    </footer>

    <!-- end of footer -->

    <!-- External Custom Script -->
    <script src="/scripts/Mock.js"></script>  <!-- TODO: to remove in production env. -->
    <script src="/scripts/const.js"></script>

    <script src="/scripts/auth.js"></script>
    <script src="/scripts/components/NavController.js"></script>
    <script src="/scripts/loader.js"></script>

    <script src="/scripts/boostrap-ftns.js"></script>
    <script src="/scripts/form-validate.js"></script>

    <script
        src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"
        integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz"
        crossorigin="anonymous">
    </script>
</body>
</html>