-
Notifications
You must be signed in to change notification settings - Fork 2
/
About.html
183 lines (143 loc) · 12.3 KB
/
About.html
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
183
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="styles.css">
<script src="https://cdn.tailwindcss.com"></script>
<title>About</title>
<!--Navbar-->
<div>
<header class="">
<div id="activities">
<div class="container">
<nav>
<img src="IndabaX_Images/Logo_1.jpg" class="logo">
<ul id="sidemenu">
<li><a href ="index.html">Home</a></li>
<li><a href ="about.html">About</a></li>
<li><a href ="members.html">Members</a></li>
<li><a href ="club-activities.html">Club activities</a></li>
<li><a href ="SunbirdAI Translate.html">SunbirdAI Translate</a></li>
<li><a href ="Partners.html">Our partners</a></li>
<i class ="fas fa-times" onclick="closemenu()"></i>
</ul>
<i class ="fas fa-bars" onclick="openmenu()"></i>
</nav>
</div>
</header>
</div>
</head>
</head>
<body>
<!--About content-->
<section class="py-10 bg-gray-50 sm:py-16 lg:py-24">
<div class="max-w-5xl px-4 mx-auto sm:px-6 lg:px-8">
<div class="grid items-center grid-cols-1 gap-y-6 md:grid-cols-2 md:gap-x-20">
<div class="">
<h2 class="text-3xl font-bold leading-tight text-black sm:text-4xl lg:text-5xl">Grow your skills in the field of AI & ML.</h2><p class="text-base font-semibold tracking-wider text-blue-600 uppercase hover:text-yellow-500">A club for students at UTAMU who share interests in AI and ML</p>
<p class="mt-4 text-base leading-relaxed text-gray-600 font-semibold hover:text-blue-600">
Indabax AI Club UTAMU is a dynamic student-driven community focused on fostering interest and advancing knowledge in artificial intelligence (AI) at Uganda Technology and Management University (UTAMU).
The club provides a platform for members to explore AI concepts, participate in hands-on projects, and engage in collaborative learning.
Through workshops, seminars, coding sessions, and networking events, we aim to bridge the gap between academic learning and real-world AI applications.
Our goal is to empower students with the skills, resources, and opportunities needed to excel in AI and make meaningful contributions to the field.
Whether you're a beginner or an advanced learner, Indabax AI Club UTAMU is the place to ignite your passion for AI and innovation.
</p>
</div>
<div class="absolute between-10 right-16 sm:between-5 sm:right-8 md:between-7 md:right-10">
<div class="bg-yellow-300 hover:bg-yellow-500">
<div class="sm:px-8 sm:py-10">
<span class="block text-4xl sm:text-2xl font-bold text-black lg:text-5xl"> Indabax AI Club </span>
<span class="block text-4xl font-bold sm:text-2xl text-black lg:text-5xl"> UTAMU </span>
</div>
</div>
</div>
</div>
</div>
<div class="py-10 bg-white sm:py-16 lg:py-24">
<div class="px-4 mx-auto sm:px-6 lg:px-8 max-w-7xl">
<div class="max-w-2xl mx-auto text-center">
<div class="flex items-center justify-center">
<div class="w-20 h-20 -mr-6 overflow-hidden bg-gray-300 rounded-full">
<img class="object-cover w-full h-full" src="IndabaX_Images/Avatar_1.png" alt="" />
</div>
<div class="relative overflow-hidden bg-gray-300 border-8 border-white rounded-full w-28 h-28">
<img class="object-cover w-full h-full" src="IndabaX_Images/Avatar_1.png" alt="" />
</div>
<div class="w-20 h-20 -ml-6 overflow-hidden bg-gray-300 rounded-full">
<img class="object-cover w-full h-full" src="IndabaX_Images/Avatar_1.png" alt="" />
</div>
</div>
<h2 class="mt-8 text-3xl font-bold leading-tight text-black lg:mt-12 sm:text-4xl lg:text-5xl">Join <span class="border-b-8 border-yellow-300">51</span> other students & experts</h2>
<p class="max-w-xl mx-auto mt-6 text-xl text-gray-600 md:mt-10">
Join Indabax AI Club UTAMU to gain hands-on experience in AI, collaborate on exciting projects, learn from experts,
and be part of a community shaping the future of technology and innovation!
</p>
<a href="Club-Acitvities.html" title="" class="inline-flex items-center justify-center px-4 py-4 mt-8 font-semibold text-white transition-all duration-200 bg-blue-600 border border-transparent rounded-md lg:mt-12 hover:bg-yellow-500 focus:bg-blue-700" role="button">
<svg class="w-5 h-5 mr-2 -ml-1" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z" />
</svg>
Get instant access to our weekly Activities
</a>
</div>
</div>
</div>
</section>
<!--Footer-->
<section class="bg-gray-900 ">
<div class="">
<div class="">
</div>
<script>
var sidemenu= document.getElementById("sidemenu");
function openmenu(){
sidemenu.style.right="0";
}
function closemenu(){
sidemenu.style.right="-200px";
}
</script>
<hr class="mt-16 mb-10 border-gray-800" />
<p class="w-full mt-8 text-sm text-center text-gray-100 sm:mt-0 md:mt-0 lg:mt-0 sm:w-auto md:w-auto lg:w-auto xl:w-auto sm:order-2 md:order-2 lg:order-2 xl:order-2">© Copyright 2024, All Rights Reserved by Indabax AI Club UTAMU</p>
<div class="flex flex-wrap ">
<ul class="flex justify-end sm:space-x-3 md:space-x-3 lg:space-x-10 xl:space-x-10 sm:order-3 md:order-3 lg:order-3 xl:order-3">
<li>
<a href="https://x.com/UTAMU/_AI?t=FR7_QAM60tlkssdK0gaKxQs=09" title="Twitter" class="flex items-center justify-center text-white transition-all duration-200 bg-transparent border border-gray-700 rounded-full w-7 h-7 focus:bg-blue-600 hover:bg-blue-600 hover:border-blue-600 focus:border-blue-600">
<svg class="w-4 h-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
<path
d="M19.633 7.997c.013.175.013.349.013.523 0 5.325-4.053 11.461-11.46 11.461-2.282 0-4.402-.661-6.186-1.809.324.037.636.05.973.05a8.07 8.07 0 0 0 5.001-1.721 4.036 4.036 0 0 1-3.767-2.793c.249.037.499.062.761.062.361 0 .724-.05 1.061-.137a4.027 4.027 0 0 1-3.23-3.953v-.05c.537.299 1.16.486 1.82.511a4.022 4.022 0 0 1-1.796-3.354c0-.748.199-1.434.548-2.032a11.457 11.457 0 0 0 8.306 4.215c-.062-.3-.1-.611-.1-.923a4.026 4.026 0 0 1 4.028-4.028c1.16 0 2.207.486 2.943 1.272a7.957 7.957 0 0 0 2.556-.973 4.02 4.02 0 0 1-1.771 2.22 8.073 8.073 0 0 0 2.319-.624 8.645 8.645 0 0 1-2.019 2.083z"
></path>
</svg>
</a>
</li>
<li>
<a href="https://chat.whatsapp.com/G340z9ppZjQGuRUfdjySqF" title="WhatsApp" class="flex items-center justify-center text-white transition-all duration-200 bg-transparent border border-gray-700 rounded-full w-7 h-7 focus:bg-blue-600 hover:bg-blue-600 hover:border-blue-600 focus:border-blue-600">
<svg class="w-4 h-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="currentColor">
<path d="M16 .3C7.3.3.3 7.3.3 16c0 2.9.8 5.6 2.3 8L.1 31.8c-.2.6.4 1.2 1 .9l7.7-2.4c2.3 1.2 4.9 1.9 7.6 1.9 8.8 0 15.7-7 15.7-15.7S24.8.3 16 .3zm8.8 23.4c-.4 1-2.1 2-3.1 2.3-.8.3-1.9.5-6.5-1.4-5.4-2.1-8.9-7.5-9.2-7.9-.3-.4-2.2-2.9-2.2-5.5s1.4-3.9 2-4.4c.5-.5 1.1-.7 1.5-.7h1.1c.4 0 .8 0 1.2.9.5 1.4 1.8 4.7 2 5 .2.4.2.7 0 1.1-.2.4-.4.7-.7 1-.4.4-.7.7-.3 1.4 1.1 2 2.7 3.6 4.8 4.6.7.4 1.1.3 1.5-.2.4-.5.9-1.2 1.4-1.9.4-.7.7-.8 1.2-.6.5.2 3 1.4 3.5 1.7.4.2.7.3.9.5.1.2.1 1.1-.3 2.1z"/>
</svg>
</a>
</li>
<li>
<a href="https://github.com/IndabaxAIClubUTAMU" title="Github" class="flex items-center justify-center text-white transition-all duration-200 bg-transparent border border-gray-700 rounded-full w-7 h-7 focus:bg-blue-600 hover:bg-blue-600 hover:border-blue-600 focus:border-blue-600">
<svg class="w-4 h-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M12.026 2c-5.509 0-9.974 4.465-9.974 9.974 0 4.406 2.857 8.145 6.821 9.465.499.09.679-.217.679-.481 0-.237-.008-.865-.011-1.696-2.775.602-3.361-1.338-3.361-1.338-.452-1.152-1.107-1.459-1.107-1.459-.905-.619.069-.605.069-.605 1.002.07 1.527 1.028 1.527 1.028.89 1.524 2.336 1.084 2.902.829.091-.645.351-1.085.635-1.334-2.214-.251-4.542-1.107-4.542-4.93 0-1.087.389-1.979 1.024-2.675-.101-.253-.446-1.268.099-2.64 0 0 .837-.269 2.742 1.021a9.582 9.582 0 0 1 2.496-.336 9.554 9.554 0 0 1 2.496.336c1.906-1.291 2.742-1.021 2.742-1.021.545 1.372.203 2.387.099 2.64.64.696 1.024 1.587 1.024 2.675 0 3.833-2.33 4.675-4.552 4.922.355.308.675.916.675 1.846 0 1.334-.012 2.41-.012 2.737 0 .267.178.577.687.479C19.146 20.115 22 16.379 22 11.974 22 6.465 17.535 2 12.026 2z"
></path>
</svg>
</a>
</li>
<li>
<a href="https://t.me/+MaR2hpvvPCczMDJk" title="Telegram" class="flex items-center justify-center text-white transition-all duration-200 bg-transparent border border-gray-700 rounded-full w-7 h-7 focus:bg-blue-600 hover:bg-blue-600 hover:border-blue-600 focus:border-blue-600">
<svg class="w-4 h-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
<path d="M22.356 3.31a1.5 1.5 0 0 0-1.545-.18L2.18 10.468a1.5 1.5 0 0 0 .079 2.804l3.72 1.243 1.302 4.476c.274.948 1.616 1.082 2.143.202l2.75-4.488 4.344 3.826a1.5 1.5 0 0 0 2.448-.77l3.905-15.41a1.5 1.5 0 0 0-.758-1.042zM17.603 18.452l-6.178-5.442a.75.75 0 0 0-1.167.177l-3.131 5.11-1.003-3.45 8.48-5.227a.75.75 0 0 0-.753-1.293l-9.616 4.123-3.493-1.167L20.555 4.5l-2.952 13.952z"/>
</svg>
</a>
</li>
</ul>
</div>
</div>
</section>
</body>
</html>