ACCOMMODATE-ME/index.html at main · EGABO-TECH/ACCOMMODATE-ME · 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
<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>ACCOMMODATE ME | HOME</title>
    <link rel="icon" type="image/png" href="Assets/logo.png" />
    <link rel="stylesheet" href="css/styles.css" />
  </head>
  <body>
    <!-- Dark Mode Toggle -->
    <input type="checkbox" id="dark-mode-toggle" class="dark-mode-checkbox">
    <label for="dark-mode-toggle" class="dark-mode-label">
      <svg class="sun" viewBox="0 0 24 24"><path d="M12 7c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5zM2 13h2c.55 0 1-.45 1-1s-.45-1-1-1H2c-.55 0-1 .45-1 1s.45 1 1 1zm18 0h2c.55 0 1-.45 1-1s-.45-1-1-1h-2c-.55 0-1 .45-1 1s.45 1 1 1zM11 2v2c0 .55.45 1 1 1s1-.45 1-1V2c0-.55-.45-1-1-1s-1 .45-1 1zm0 18v2c0 .55.45 1 1 1s1-.45 1-1v-2c0-.55-.45-1-1-1s-1 .45-1 1zM5.99 4.58c-.39-.39-1.03-.39-1.41 0-.39.39-.39 1.03 0 1.41l1.06 1.06c.39.39 1.03.39 1.41 0 .39-.39.39-1.03 0-1.41L5.99 4.58zm12.37 12.37c-.39-.39-1.03-.39-1.41 0-.39.39-.39 1.03 0 1.41l1.06 1.06c.39.39 1.03.39 1.41 0 .39-.39.39-1.03 0-1.41l-1.06-1.06zm1.06-10.96c.39-.39.39-1.03 0-1.41-.39-.39-1.03-.39-1.41 0l-1.06 1.06c-.39.39-.39 1.03 0 1.41.39.39 1.03.39 1.41 0l1.06-1.06zM7.05 18.36c.39-.39.39-1.03 0-1.41-.39-.39-1.03-.39-1.41 0l-1.06 1.06c-.39.39-.39 1.03 0 1.41.39.39 1.03.39 1.41 0l1.06-1.06z"/></svg>
      <svg class="moon" viewBox="0 0 24 24"><path d="M12 3c-4.97 0-9 4.03-9 9s4.03 9 9 9 9-4.03 9-9c0-.46-.04-.92-.1-1.36-.98 1.37-2.58 2.26-4.4 2.26-3.03 0-5.5-2.47-5.5-5.5 0-1.82.89-3.42 2.26-4.4C12.92 3.04 12.46 3 12 3zm0 16c-3.86 0-7-3.14-7-7s3.14-7 7-7c.18 0 .36.01.53.03-1.63 1.1-2.78 2.87-3.23 4.97h2.11c.36-1.12 1.04-2.09 1.93-2.82C12.87 8.01 13 8.98 13 10c0 2.21 1.79 4 4 4 1.02 0 1.99-.13 2.88-.34-.73.89-1.7 1.57-2.82 1.93v2.11c2.1-.45 3.87-1.6 4.97-3.23.02.17.03.35.03.53 0 3.86-3.14 7-7 7z" fill="none"/><path d="M9.37 5.51c-.18.61-.27 1.25-.27 1.99 0 4.08 3.32 7.4 7.4 7.4.74 0 1.38-.09 1.99-.27C17.45 17.19 14.93 19 12 19c-3.86 0-7-3.14-7-7 0-2.93 1.81-5.45 4.37-6.49z"/></svg>
    </label>
    <!--HEADER SECTION-->
    <header class="main-header">
      <div class="header-container">
        <div class="logo">
          <img
            src="Assets/logo.png"
            alt="Accommodate Me Logo"
            class="logo-img"
          />
          <h1>ACCOMMODATE ME</h1>
        </div>
        <!--NAVIGATION BAR-->
        <nav class="nav-links">
          <a href="index.html" target="_blank">Home</a>
          <a href="html/About-Us.html" target="_blank">About Us</a>
          <a href="html/browse-listings.html" target="_blank"
            >Browse Listings</a
          >
          <a href="html/contact.html" target="_blank">Contact</a>
          <a href="html/list-property.html" target="_blank" class="btn-list"
            >List Property</a
          >
        </nav>
      </div>
    </header>

    <!-- HERO -->
    <section class="hero" id="home">
      <div class="hero-bg"></div>
      <div class="hero-overlay"></div>
      <div class="hero-content">
        <h1 class="hero-title">
          Build Your<br /><em>Future</em><br />Rent Easy.
        </h1>
        <p class="hero-sub">
          Stop searching and start living. Whether you're relocating from afar or just moving closer to class, we've got you covered.
        </p>
        <div class="hero-actions">
          <a href="#sign-up" class="btn-primary">Sign Up</a>
          <a href="html/About-Us.html" target="_blank" class="btn-ghost">About Us</a>
        </div>
      </div>
      <div class="hero-scroll-hint">
        <span>Scroll</span>
        <div class="scroll-line"></div>
      </div>
    </section>

    <!-- TICKER BANNER -->
    <div class="mission-banner">
      <div class="ticker-wrap">
        <div class="ticker">
          <span>Verified Housing &bull;</span><span>Safety and comfort&bull;</span>
          <span>Seamless Transitions &bull;</span><span>Academic Success&bull;</span>
          <span>Stop Searching &bull;</span><span>Seamless Transactions &bull;</span>
          <span>Verified Housing &bull;</span><span>Safety and comfort&bull;</span>
          <span>Rehome &bull;</span><span>Protect &bull;</span>
          <span>Educate &bull;</span><span>Grow &bull;</span>
        </div>
      </div>
    </div>

    <!--FOOTER SECTION-->
    <footer class="footer">
      <div class="footer-container">
        <div class="footer-brand">
          <div class="logo-group">
            <img src="Assets/logo.png" alt="Logo" class="footer-logo-img" />
            <h3 class="brand-name">ACCOMMODATE <span>ME</span></h3>
          </div>
          <p class="brand-tagline">
            Stop searching and start living. Whether you're relocating from afar
            or just moving closer to class, we've got you covered.
          </p>
        </div>

        <div class="footer-col">
          <h4>Quick Links</h4>
          <ul>
            <li><a href="index.html" target="_blank">Home</a></li>
            <li>
              <a href="html/About-Us.html" target="_blank">About Us</a>
            </li>
            <li>
              <a href="html/browse-listings.html" target="_blank"
                >Browse Listings</a
              >
            </li>
            <li><a href="html/contact.html" target="_blank">Contact</a></li>
            <li>
              <a href="html/list-property.html" target="_blank"
                >List Property</a
              >
            </li>
          </ul>
        </div>

        <div class="footer-col">
          <h4>Get in Touch</h4>
          <p>
            <strong>Email:</strong>
            <a href="mailto:accommodate-me@gmail.com"
              >accommodate-me@gmail.com</a
            >
          </p>
          <p><strong>Phone:</strong> +256 772 270 027</p>
          <p>
            <strong>Location:</strong> Nsambya, Kampala.<br />
            Cavendish University Uganda,<br />
            Opposite the American Embassy
          </p>
        </div>
      </div>

      <div class="footer-bottom">
        <div class="bottom-content">
          <p>&copy; 2026 ACCOMMODATE ME. All rights reserved.</p>
          <div class="bottom-socials">
            <a href="#">X</a>
            <a href="#">Instagram</a>
            <a href="#">LinkedIn </a>
            <a href="#">GitHub</a>
          </div>
        </div>
      </div>
    </footer>
  </body>
</html>