BANADDA.github.io/index.html at master · BANADDA/BANADDA.github.io · 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
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
<!doctype html>
<html>

<head>
  <title>MyHostel</title>
  <meta charset="utf-8" name="viewport" content="width=device-width, initial-scale=1">
  <link href="css/frame.css" media="screen" rel="stylesheet" type="text/css" />
  <link href="css/controls.css" media="screen" rel="stylesheet" type="text/css" />
  <link href="css/custom.css" media="screen" rel="stylesheet" type="text/css" />
  <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700' rel='stylesheet' type='text/css'>
  <link href='https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700' rel='stylesheet' type='text/css'>
  <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700" rel="stylesheet">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  <script src="js/menu.js"></script>
  <style>
    .menu-index {
      color: rgb(128,128,128) !important;
      opacity: 1 !important;
      font-weight: 700 !important;
    }

}
  </style>
</head>

<body  style="background-color:#DBF9FC">
  <div class="menu-container"></div>
  <style>
    .menu-container {
      background-color: brown;}
    .bg {
  /* The image used */
  background-image: url("img/download.png");

  /* Full height */
  height: 100%;

  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
</style>
  <div class="content-container" >
    <div class="content">
      <div class="content-table flex-column">
        <!-------------------------------------------------------------------------------------------->
        <!--Start Intro-->
         <!--------div class="flex-item flex-column">
            <img class="image center" src="img/myhostel1.png" style="max-width: 300px;">
            <!---img class="image" src="img/myhostel1.png" height:"250"----->
          </div------->
        <div class =  "flex-row">
          <div class="flex-item flex-column">
            <h1 text-align = "middle"; font-color = "blue"; class="text add-top-margin";>
       APP OVERVIEW
            </h1>

          </div>
        </div>
        </div>
        <!--End Intro-->
        <!-------------------------------------------------------------------------------------------->
        <!--Start Text Only-->
        <div class="flex-row">
          <div class="flex-item flex-column">
            <div>

            <h2 class="add-top-margin">What is MyHostel ?</h2>
            <p class="text" style="font-family: Arial">
              MyHostel is a smartphone application designed to locate places of residency around the University. The app outsources detailed information
              about the different services offered at these places, as well as showing the exact location of these places on the app's built in map.
              Users such as students, sponsors and gurdians can use the information provided by the app to analyze which of these areas best suits them,
              as well as making bookings through the app.
            </p>
 <div class="flex-row">

          <div class="flex-item flex-item-stretch flex-column">
            <h2 class="add-top-margin">Why Hostels</h2>
            <p class="text" style="font-family: Arial">
              According to a survey carried out by our Team members in Makerere University,
it was discovered that a large percentage of students face
a big challenge of locating areas of residency while at campus and some
of these students become victims of fraud while in desperate attemps to acquire bed spaces at campus. Others spend a lot of time devoted
devoted in searching for perfect places where they would spend
their university life from, ending up missing lectures. We know that attending daily classes at the
campus is very important and leads to better performance as well as attaining the
right information and skills from lecturers and professors. So this Mobile App is is designed to solve such problems,
 by linking the students directly to the hostel, halls and rentals places available around campus.
            </p>
          </div>
    <div class="flex-item flex-item-stretch flex-column">
            <img class="image" src = "img/myhostel4.jpg" align="right" style="width:320px;height:400px">
          </div>
        </div>
            <!----div>
            <h2 class="add-top-margin">Why Hostels</h2>
            <p class="text">
 According to a survey carried out by our Team members in Makerere University,
it was discovered that a large percentage of students face
a big challenge of locating areas of residency while at campus and some
of these students become victims of fraud while in desperate attemps to acquire bed spaces at campus. Others spend a lot of time devoted
devoted in searching for perfect places where they would spend
their university life from, ending up missing lectures. We know that attending daily classes at the
campus is very important and leads to better performance as well as attaining the
right information and skills from lecturers and professors. So this Mobile App is is designed to solve such problems,
 by linking the students directly to the hostel, halls and rentals places available around campus.
               <img class = "image" src = "img/myhostel4.jpg" alt="MyHostel4 Logo" style="width:320px;height:500px";float:"right"/>
              </p>
              </div----->

            </div>


            <h2 class="add-top-margin">Who can use the App</h2>
             <div class="gallery">
          <a href="javascript:void(0)" class="flex-column"><img src="img/stud1.png">
          </a>
          <a href="javascript:void(0)" class="flex-column"><img src="img/stud2.png">
          </a>
          <a href="javascript:void(0)" class="flex-column"><img src="img/stud3.png">
          </a>
            </div>

            <div class="flex-row">
          <div class="flex-item flex-column">
            <p class="text" style="font-family: Arial">
             As of current, the Application contains only features and areas that are suitable for students in Makerere University
                  Main Campus. These Students can download and register with app at a free cost and start to use its services. The application also
                  allows non students who are looking for places of residency to register and access its services, provided they are interested to live around Makerere University .
            </p>
          </div>
                <!---p class="text-small-margin">
                  As of current, the Application contains only features and areas that are suitable for students in Makerere University
                  Main Campus. These Students can download and register with app at a free cost and start to use its services. The application also
                  allows non students who are looking for places of residency to register and access its services, provided they are interested to live around Makerere University .
                </p----->
         <div>
            <h2 class="add-top-margin">How to Download the App</h2>
           <div>
              <h3>
                 Google Play
              </h3>
              <ol style="font-family: Arial">
           <li>On your device, open Google Play Store or visit the <a href = "www.googleplaystore.com"> Google Play store </a> on a web browser.</li>
                <li>Search or browse for MyHostel App.</li>
                <li>Select the app in the search options.</li>
                <li>Select Install.</li>
            </ol>
           </div>
           <div>
              <h3>
                 Apple App Store
              </h3>
              <ol style="font-family: Arial">
           <li>On your device, open App Store or visit the <a href = "www.Appstore.com"> App Store </a> on a web browser.</li>
                <li>Search or browse for MyHostel App in search bar.</li>
                <li>Select the app in the search options.</li>
                <li>Select Install.</li>
                <li>After downloading, open the App</li>
            </ol>
           </div>
          </div>
        </div>
               <div class="flex-item flex-column">
            <div class="control-group">
              <a href="javascript:void(0)" target="_blank" class="custom-image-button">
                <img src="img/app-store-badge.png" width="150">
              </a>
              <a href="javascript:void(0)" target="_blank" class="custom-image-button">
                <img src="img/google-play-badge.png" width="150">
              </a>
            </div>
          </div>
        </div>

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

</html>