-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
441 lines (402 loc) · 43.4 KB
/
index.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
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>E-Magazine | FLAIR'19</title>
<link href='http://fonts.googleapis.com/css?family=Raleway:400,300,200,700,600,500,800,900,100' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="inc/venobox/venobox.css">
<link rel="stylesheet" href="css/animate.css">
<link rel="stylesheet" href="css/font-awesome.min.css">
<link rel="stylesheet" href="css/owl.carousel.css">
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="css/responsive.css">
<link rel="stylesheet" href="css/color-change-function.css">
<link rel="apple-touch-icon-precomposed" href="img/apple-touch-icon-precomposed.html">
</head>
<body id="particles-js">
<div id="demo-box">
<div class="close-box">
<i class="box-close fa fa-cog fa-spin"></i>
<i class="box-open fa fa-cog fa-spin"></i>
</div>
<h2>Change color</h2>
<div class="color-box">
<span class="default-color"></span>
<span class="lightgren-color"></span>
<span class="blue-color"></span>
<span class="darkblue-color"></span>
<span class="sliver-color"></span>
<span class="red-color"></span>
</div>
</div>
<!--Start of the Header Page-->
<header class="header">
<div class="header-top-area">
</div>
<div class="header-bottom">
<div class="container">
<div class="row">
<div class="col-md-3">
<div class="logo">
<h1><a>EMAGAZINE<span>19</span></a></h1>
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
</div>
</div>
<div class="col-md-9">
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav navbar-right">
<li class="active"><a href="#">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#department">Department</a></li>
<li><a href="#articles">Articles</a></li>
<li><a href="archive.html">Tutorial</a></li>
<li><a href="archive.html">Papers</a></li>
<li><a href="contact-me.html">Contact us</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</header>
<!--End of Header Page-->
<!--Start of Carosal-->
<div style="clear:both"></div>
<section class="slides">
<div class="slide-list">
<div class="single-slide">
<div class="slide-bg slide-1 animated"></div>
</div>
<div class="single-slide">
<div class="slide-bg slide-2 animated"></div>
</div>
<!-- <div class="single-slide">
<div class="slide-bg slide-3 animated"></div>
<div class="slide-text animated">
<h2>Nature photography by Shahadat Rahman Shemul</h2>
<p><i class="fa fa-heart"></i> 124 <i class="fa fa-comments"></i> 32 <i class="fa fa-tags"></i> Photography</p>
<a href="single-post.html" class="read-now"><i class="fa fa-long-arrow-right"></i></a>
<div class="slide-date">
<p>7 <span>Jul</span></p>
</div>
</div>
</div> -->
<!-- <div class="single-slide">
<div class="slide-bg slide-4 animated"></div>
<div class="slide-text animated">
<h2>We are still alive!</h2>
<p><i class="fa fa-heart"></i> 54 <i class="fa fa-comments"></i> 27 <i class="fa fa-tags"></i> Lifestyle</p>
<a href="single-post.html" class="read-now"><i class="fa fa-long-arrow-right"></i></a>
<div class="slide-date">
<p>10 <span>Oct</span></p>
</div>
</div>
</div> -->
</div>
</section>
<!--End of Carosal-->
<!--Start of About the College-->
<section id="about">
<div class="container-fluid">
<div class="text-center">
<h1 style="color: #ffffff">About</h1>
</div>
<div class="row">
<div class="col-sm-4" >
<h4 style="color: #ffffff" class="text-center text-capitalize">Who are we?</h3>
<p class="text-justify" style="color: #999">
Right from the founding of the Society of Jesus (known as the Jesuit Order), Jesuits pioneered in the field of innovative education keeping the needs of the society in focus.
When education was only for the elite and the rich, St Ignatius of Loyola (Founder of the Jesuit Order) founded the Roman College and announced free education.From that time the Jesuits have effectively used education as the key to empowerment of the marginalized and they applied education as the mantra to make the neglected gain leadership in the society. During the colonization of South America, the Jesuits founded the so called ‘Jesuit Republics’ and they set not only the slaves free but educated and trained them in music and fine-arts on par with the Europeans. And in the 1960s, especially after the General Congregation 32 (the highest policy making body of the Jesuit Order), the Jesuits all over the globe took the preferential option for the poor and the marginalized. And it was concretised in South India, especially in Tamilnadu, as preferential option for the rural poor and the Dalits who are socially marginalized, economically impoverished, religiously ignored and politically neglected.
The first university college in India was founded by the Jesuits as St Joseph’s College (Trichy in 1844). And today the well-known other Jesuit institutions of Jesuit higher education in Tamilnadu are Loyola College, Loyola College of Education, Loyola Institute of Business Administration (Chennai), St Xavier’s College and St Xavier’s College of Education (Palayamkottai), Arul Anandar College (Karumathur) and Loyola College (Vettavalam). Loyola College (Chennai) has been, over a decade, ranked as one of the top ten excellent institutions in India.
Now the Jesuits have come forward to found a professional institution to train the youth in skill-based capacity building in order to meet the needs and challenges of the ever evolving world of science and technology. It is in this context that Loyola-ICAM College of Engineering and Technology (LICET) has taken shape in Loyola College Campus (Chennai) which is located in the heart of Chennai cosmopolitan city in South India.
</p>
</div>
<div class="col-sm-4" >
<h4 class="text-center text-capitalize" style="color: #ffffff">Our Philosophy</h3>
<p class="text-justify" style="color: #999">
In Loyola, we look at education differently. For us, education does not lie in the quantification of knowledge. But it lies in the quality of knowledge that helps form the character of students. We Form them as Competent, Committed, Creative and Compassionate men and women for others. We believe in this philosophy. This is our passion. And this is the core of Jesuit Education. This is what has made Loyola climb to the top in the league of colleges in India. </p>
</div>
<div class="col-sm-4" >
<h4 class="text-center text-capitalize" style="color: #ffffff">Ideals Of Jesuit Higher Education</h3>
<p class="text-justify" style="color: #999">
Jesuits and formation of character are synonyms in the history of education. ‘Jesuits have been engaged in university teaching, research and scholarly publication almost since the foundation of the Society (of Jesus). They attempt to discover, shape, renew or promote human wisdom, while at the same time respecting the integrity of disciplined scholarship’ (GC 34 404). Further, ‘the Society of Jesus has carried a flame for nearly five hundred years through innumerable social and cultural circumstance that have challenged it intensely to keep that flame alive and burning’ (GC 35 D2/1).The Jesuit institutions of higher learning serve as major channels of social advancement for the poor and the marginalized so that each one of them becomes ‘a fire that kindles other fires’ of equality and justice.
Today about 50% of our people are poor and kept illiterate. They are deprived of the basic necessities of life and education, of human dignity and the power to decide their own future. The response to this situation is the integral liberation of humankind towards liberation together with the poor/Dalits. The preferential option for the poor/Dalits means that we cast our lot with them. Our love is, indeed, for all human beings but assumes different forms. We love the oppressed by espousing their causes and we love the oppressor by emancipating him/her from his/her greed and domination which dehumanize him/her (See. The Vision of the Jesuit Higher Education in Madurai Province).
While we open up the access especially to those who cannot otherwise make it to higher and technical education, we do not compromise on academic excellence. Here we do not merely inform but holistically form the students – with the hope that individual formation would lead to social transformation. Thus we prepare the students not merely to survive in the world out there but to surf the world of competence with their creativity and competence. And at the same time they do not only feel for the needy but become them. They become convinced that they are born in a world of inequality but they would not leave the world as they find it. Thus they become agents of social change – This they would achieve as they would become engineers to engineer a just society. At LICET each one is formed not only for each one’s family but for the nation and for the world.
The maxim of the Jesuit education is ‘magis’ (ever more/greater). As they leave LICET each one would realize: if you really want to achieve something the entire universe would conspire to help you achieve it. The spirit of ‘ever to excel’ would be the driving force to create a new world order. In LICET they would not be taught yesterday’s solution for tomorrow’s problems/challenges but they would be formed as men and women of vision for a better tomorrow.
</p>
</div>
</div>
</div>
</section>
<!--End of About the College-->
<!--Start of About the Department-->
<section id="department">
<div class="container-fluid">
<div class="text-center">
<h1 style="color: #f7f7f7">Department</h1>
</div>
<div class="row">
<div class="col-sm-4" >
<h4 class="text-center text-capitalize" style="color: #ffffff">Mission</h3>
<p class="text-justify" style="color: #999">
1. To provide a practice oriented methodology with access to contemporary knowledge in Information Technology for the betterment of the society<br>
2. To prepare students for competent careers in Information Technology through innovation, team spirit, ethics and entrepreneurial skills in evolving technologies<br>
3. To integrate our department with quality organizations worldwide and promote industry institute interaction for symbiotic benefits<br>
4. To promote interdisciplinary research through innovation and reflective thinkingM<br></p>
</div>
<div class="col-sm-4" >
<h4 class="text-center text-capitalize" style="color: #ffffff">Vission</h3>
<p class="text-justify" style="color: #999">
To build proficient Information Technologists through moral, ethical and technological standards for the societal well-being. </p>
</div>
<div class="col-sm-4" >
<h4 class="text-center text-capitalize" style="color: #ffffff">Department</h3>
<p class="text-justify" style="color: #999">
The field of information technology covers the design, administration and support of computer and telecommunications systems. The IT Department had its inception in the year 2010 with the UG programme, having 60 as the sanctioned intake of students. The department holds energetic and dynamic faculty who constantly update their knowledge and skills through various quality improvement programs. The department transforms the students into young professional equipped with valuable skills for their career development. This programme is an integration of classroom and laboratory learning .This course aids in acquiring practical knowledge; striking a balance between the basics of engineering science and the applications in the real circumstances. </p>
</div>
</div>
</div>
</section>
<!--End of About the Department-->
<!--start of Articles Section-->
<section id="articles">
<div class="container" style="margin-top: 20px">
<div class="text-center">
<h1 style="color: #ffffff">Articles</h1>
</div>
<div class="row grid-blog">
<div class="col-md-4">
<article class="post">
<div class="post-featured-content">
<a title="Cloud Computing" class="post-lightbox" href="img/cloud.png"><img src="img/cloud.png" alt="Cloud Computing"></a>
</div>
<div class="post-content">
<p class="post-categories"><a href=""></a></p>
<h2><a href="pavithracloud.html">Cloud Computing</a></h2>
<p class="posted-by">by <a href="">Pavithra</a> </p>
<div class="post-excerpt">
<p> Cloud computing is used for storing and accessing data and programs over the internet instead of computer ‘s hard drive. There are boardly classified into types , they are Public cloud and Private cloud.</p>
</div>
<div class="post-content-bottom">
<a href="pavithracloud.html" class="readmore">Read More <i class="fa fa-long-arrow-right"></i></a>
</div>
</div>
</article>
</div>
<div class="col-md-4">
<article class="post">
<div class="post-featured-content">
<a title="Cloud Computing" class="post-lightbox" href="img/technologyfack.png"><img src="img/technologyfack.png" alt="Cloud Computing"></a>
</div>
<div class="post-content">
<p class="post-categories"><a href=""></a></p>
<h2><a href="krithikaTechnologyFact.html">Technology Facts</a></h2>
<p class="posted-by">by <a href="">Krithika.N B.Tech-IT(First Year)</a> </p>
<div class="post-excerpt">
<p> Technology has made an incredible advancement over the past 20 years, and the future of technology to some may seem unsettling, while to others it may be exciting.
Interesting facts about old-school technology, as well as present and futuristic tech.</p>
</div>
<div class="post-content-bottom">
<a href="krithikaTechnologyFact.html" class="readmore">Read More <i class="fa fa-long-arrow-right"></i></a>
</div>
</div>
</article>
</div>
<div class="col-md-4">
<article class="post">
<div class="post-featured-content">
<a title="Cloud Computing" class="post-lightbox" href="img/boon.jpg"><img src="img/boon.jpg" alt="Cloud Computing"></a>
</div>
<div class="post-content">
<p class="post-categories"><a href=""></a></p>
<h2><a href="diniboonorbane.html">Technology - A Bane or a boon</a></h2>
<p class="posted-by">by <a href="">Dini Shiba</a> </p>
<div class="post-excerpt">
<p> The biggest gift that mankind has ever got is, technology. And more so it's information technology that has brought the world closer. People all over the world, rich or poor, young or old, educated or uneducated, interface with the help of technology. But, there is a big question......🔥</p>
</div>
<div class="post-content-bottom">
<a href="diniboonorbane.html" class="readmore">Read More <i class="fa fa-long-arrow-right"></i></a>
</div>
</div>
</article>
</div>
<div class="col-md-4">
<article class="post">
<div class="post-featured-content">
<a title="Future of AI" class="post-lightbox" href="img/futureofAI.jpg"><img src="img/futureofAI.jpg" alt="Future of AI"></a>
</div>
<div class="post-content">
<p class="post-categories"><a href=""></a></p>
<h2><a href="JOESHIBHAfutureofAi.html">Future of AI</a></h2>
<p class="posted-by">by <a href="">K.JOESHIBHA</a> </p>
<div class="post-excerpt">
<p> From leading players like Amazon Alexa, Apple Siri and Microsoft Cortana adding brand new features to
deliver superior customer experience to the explosion of chatbots revolutionizing customer interactions.
Machine Learning is a significant part of the future of Artificial Intelligence. In 2020, Machine Learning will
continue to play a game- changing role across various fields that will extend beyond sales and marketing. </p>
</div>
<div class="post-content-bottom">
<a href="JOESHIBHAfutureofAi.html" class="readmore">Read More <i class="fa fa-long-arrow-right"></i></a>
</div>
</div>
</article>
</div>
<div class="col-md-4">
<article class="post">
<div class="post-featured-content">
<a href="" target="_blank" class="post-type-link">Regenerative Programming</a>
</div>
<div class="post-content">
<h2><a href="ponMesh.html">Applying Regenerative Programming to Build Automation Tools for Structural Analysis and Pre-Processing with HyperMesh
</a></h2>
<p class="posted-by">by <a href="">PON RAHUL M</a></p>
<div class="post-excerpt">
<p>
The Finite Element Analysis (FEA) is the simulation of any given physical phenomenon using the numerical technique called Finite Element Method (FEM). It is extensively used in engineering to reduce the number of physical prototypes and experiments and optimize components in their design phase to develop better products, faster.
</p>
<div class="post-content-bottom">
<a href="ponMesh.html" class="readmore">Read More <i class="fa fa-long-arrow-right"></i></a>
</div>
</div>
</article>
</div>
<div class="col-md-4">
<article class="post">
<div class="post-featured-content">
<a title="Neural Networks" class="post-lightbox" href="img/brain-neurons.jpg"><img src="img/brain-neurons.jpg" alt="Future of AI"></a>
</div>
<div class="post-content">
<p class="post-categories"><a href=""></a></p>
<h2><a href="shreeNeural.html">NEURAL NETWORKING MADE SIMPLE <br><span>A passport to the future.</span></a></h2>
<p class="posted-by">by <a href="">SUBASHREE.D</a> </p>
<div class="post-excerpt">
<p> As we all know the brain is the central organ of the human body. But how does it work?? Your brain consists of billions of nerve cells called neurons arranged in a pattern that coordinate your thoughts, behaviour, movements and sensations. </p>
</div>
<div class="post-content-bottom">
<a href="shreeNeural.html" class="readmore">Read More <i class="fa fa-long-arrow-right"></i></a>
</div>
</div>
</article>
</div>
<div class="col-md-4">
<article class="post">
<div class="post-featured-content">
<a title="Future of AI" class="post-lightbox" href="img/safe.jpg"><img src="img/safe.jpg" alt="Future of AI"></a>
</div>
<div class="post-content">
<p class="post-categories"><a href=""></a></p>
<h2><a href="womensafe.html"> Women’s Safety Using IOT
</a></h2>
<p class="posted-by">by <a href="">B.NANDINI. </a> </p>
<div class="post-excerpt">
<p> The Internet Of Things, is a system of interrelated computing devices, mechanical and digital machines, objects, animals or people that are provided with unique identifiers and the ability to transfer data over a network without requiring human-to-human or human-to-computer interaction.</p>
</div>
<div class="post-content-bottom">
<a href="womensafe.html" class="readmore">Read More <i class="fa fa-long-arrow-right"></i></a>
</div>
</div>
</article>
</div>
<div class="col-md-4">
<article class="post">
<div class="post-featured-content">
<a title="Future of AI" class="post-lightbox" href="img/TC.jpg"><img src="img/TC.jpg" alt="Future TC AI"></a>
</div>
<div class="post-content">
<p class="post-categories"><a href=""></a></p>
<h2><a href="techChange.html">Technology Change</a></h2>
<p class="posted-by">by <a href="">K.S.Kanimozhisampath</a> </p>
<div class="post-excerpt">
<p> Technological change (TC) or technological development, is the overall process of invention, innovation and diffusion of technology <br>or processes.In essence, technological change covers the invention of technologies (including processes) and their commercialization or release as open source via research and development(producing emerging technologies), the continual improvement of technologies (in which they often become less expensive), and the diffusion of technologies throughout industry or society (which sometimes involves disruption and convergence). In short, technological change is based on both better and more technology. </p>
</div>
<div class="post-content-bottom">
<a href="techChange.html" class="readmore">Read More <i class="fa fa-long-arrow-right"></i></a>
</div>
</div>
</article>
</div>
<div class="col-md-4">
<article class="post">
<div class="post-featured-content">
<a title="Future of AI" class="post-lightbox" href="img/cyberwar.jpg"><img src="img/cyberwar.jpg" alt="Future of AI"></a>
</div>
<div class="post-content">
<p class="post-categories"><a href=""></a></p>
<h2><a href="Berylcyber.html">Cyberwar and the Future of Cybersecurity
</a></h2>
<p class="posted-by">by <a href="">Jedidah Beryl .B.S
</a> </p>
<div class="post-excerpt">
<p> We at present, are living in a Technological world where people spend 70% of their time on the Internet. People are more socially connected and feel that they have achieved something great but……….. they haven’t . Internet has its Do’s and Don’ts which many of us are not aware of, one of which is Cyberwar.
</p>
</div>
<div class="post-content-bottom">
<a href="Berylcyber.html" class="readmore">Read More <i class="fa fa-long-arrow-right"></i></a>
</div>
</div>
</article>
</div>
<div class="col-md-4">
<article class="post">
<div class="post-featured-content">
<a title="Future of AI" class="post-lightbox" href="img/aiintoxic.jpeg"><img src="img/aiintoxic.jpeg" alt="Future of AI"></a>
</div>
<div class="post-content">
<p class="post-categories"><a href=""></a></p>
<h2><a href="chemicalAi.html">AI Beats Animal Testing at Finding Toxic Chemicals</a></h2>
<p class="posted-by">by <a href=""> Dhivya DHARSHNI. S</a> </p>
<div class="post-excerpt">
<p> There are more than 100,000 chemicals in consumer products. Traditionally, researchers will test chemicals of interest in animals. As an extreme example, a pesticide undergoes about 30 animal tests, costing about $20 million and consuming more than 10,000 mice, rats, rabbits, and dogs over five years. About 20 kilograms of the chemical are needed for this testing; obtaining such a volume can be quite a challenge for a substance not yet on the market. Other substances receive less scrutiny, but even products with lower regulatory standards, such as industrial chemicals, can require $5 million worth of animal testing before entering the marketplace.</p>
</div>
<div class="post-content-bottom">
<a href="chemicalAi.html" class="readmore">Read More <i class="fa fa-long-arrow-right"></i></a>
</div>
</div>
</article>
</div>
</div>
</div>
</section>
<!--End of Articles Section-->
<footer class="footer">
<div class="container">
<div class="row">
<div class="col-md-6 col-md-offset-3 text-center">
<div class="footer-menu">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#department">Department</a></li>
<li><a href="contact-me.html">Contact us</a></li>
</ul>
</div>
<div class="footer-copyright">
<a href="http://www.licet.ac.in">© 2019 - All Rights Reserved. LICET</a>
</div>
</div>
</div>
</div>
</footer>
<script src="js/vendor/jquery.1.11.1.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.sticky.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/jquery.tweet.min.js"></script>
<script src="js/instafeed.min.js"></script>
<script src="js/masonry.pkgd.min.js"></script>
<script src="inc/venobox/venobox.min.js"></script>
<script src="js/main.js"></script>
<script src="js/color-change-function.js"></script>
<script src="app.js"></script>
</body>
</html>