forked from yenchiah/project-website-template
-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathembedding.html
More file actions
171 lines (145 loc) · 5.54 KB
/
embedding.html
File metadata and controls
171 lines (145 loc) · 5.54 KB
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
<!doctype html>
<html>
<head>
<title>Project Title</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-embedding {
color: rgb(255, 255, 255) !important;
opacity: 1 !important;
font-weight: 700 !important;
}
#slideshow {
overflow: hidden;
height: 510px;
width: 728px;
margin: 0 auto;
}
/* Style each of the sides
with a fixed width and height */
.slide {
float: left;
height: 510px;
width: 728px;
}
/* Add animation to the slides */
.slide-wrapper {
/* Calculate the total width on the
basis of number of slides */
width: calc(728px * 7);
/* Specify the animation with the
duration and speed */
animation: slide 10s ease infinite;
}
/* Define the animation
for the slideshow */
@keyframes slide {
/* Calculate the margin-left for
each of the slides */
20% {
margin-left: 0px;
}
40% {
margin-left: calc(-728px * 1);
}
60% {
margin-left: calc(-728px * 2);
}
80% {
margin-left: calc(-728px * 3);
}
}
</style>
</head>
<body>
<div class="menu-container"></div>
<div class="iframe-container">
</div>
<div style="background-color:#800000">
<div class="flex-row">
<div class="flex-item flex-column" style="color :white;">
<div>
<h2> <u> About </u> </h2>
<h1 style="font-family: Arial" style="font-size:60px">
A vision for <br>
excellence
</h1>
<div style="font-size:35">
<p>
The MyHostel Technologies and Services works to develop and maintain a rich information-technology
environment for University Students in support of vision for excellence through simplifying their lives while in University.
</p>
</div>
</div>
</div>
<!-- The dots/circles -->
<div style="text-align:right">
<div id="slideshow">
<div class="slide-wrapper">
<!-- Define each of the slides
and write the content -->
<div class="slide">
<img class="image" src = "img/bm.png" class="slide-number">
</div>
<div class="slide">
<img class="image" src = "img/bm1.png" class="slide-number">
</div>
<div class="slide">
<img class="image" src = "img/bm2.png" class="slide-number">
</div>
<div class="slide">
<img class="image" src = "img/myhostel4.jpg" class="slide-number">
</div>
</div>
</div>
<div class="flex-row">
<h2> Our People </h2>
<div class="flex-row">
<p>
Technology is our hallmark, but it’s the energy and expertise of the people who work with us that powers our division.
The MyHostel app is a team of three personel, who work as the back-bone and big brains in the whole franchise
</p>
<div class="flex-row">
<div class="flex-item flex-column">
<p>
<b>Eng.Kizito Richard</b> is our team leader and always ensures the smooth flow of all activities in our organisation.
He is currently pursuing a bachelor's degree in Computer Sciences and has got an experience of about three years in both leading and information systems.<br>
<b>Email:</b><a target="_blank" href="javascript:void(0)">Kizitomuto@gmail.com</a>
</P>
</div>
</div>
<div class="flex-row">
<div class="flex-item flex-column">
<p>
<b>Dr.Banadda Mubaraka</b>is our Chief Architect. He is responsible for designing and giving a major layor out the application before the development stage
He is also responsible for designing major APIs and backend of the apps.
He is currently pursuing a bachelor's degree in Computer Sciences in Makerere University and has got an experience of about 3 years in computer science field.<br>
<b>Email:</b><a target="_blank" href="javascript:void(0)">banaddamubaraka68@gmail.com</a><br>
<b>Github:</b><a href="github.com/BANADDA">BANADDA</a>
</p>
</div>
<div class="flex-row">
<div class="flex-item flex-column">
<p>
<b>Eng.Paul Louis</b> is our lead Software engineer
He is responsible for designing the frontend and user interfaces.
He also handles user experience
He is currently pursuing a bachelor's degree in Computer Sciences
and has got an experience of about three years in the field.
<b>Email:</b><a target="_blank" href="javascript:void(0)">Paulouis@gmail.com</a><br>
</p>
</div>
</div>
</div>
</div>
</div>
</body>
</html>