-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
134 lines (120 loc) · 5.14 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
<!DOCTYPE html>
<html lang="en">
<head>
<title>IT infinity</title>
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="stylesheet" type="text/css" href="css/main.css">
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.css" />
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick-theme.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="slick/slick.css"/>
<link rel="stylesheet" type="text/css" href="slick/slick-theme.css"/>
</head>
<body>
<div class="loader"></div>
<div class="topnav" id="myTopnav">
<a href="index.html" id="logo"class="active">IT INFINITY</a>
<!-- to make them go to the right-->
<div class="topnav-right">
<a href="SE.html">SOFTWARE ENGINEERING</a>
<a href="Cyber.html">CYBER SECURITY</a>
<a href="CS.html">COMPUTER SCIENCE</a>
<a href="AI.html">ARTIFICIAL INTELLIGENCE</a>
<a href="WEB.html">WEB</a>
<a href="MIX.html">MIX</a>
<a href="javascript:void(0);" class="icon" onclick="myFunction()">
<i class="fa fa-bars"></i>
</a>
</div>
</div>
<div id="IT">
<div id="container">
<p id="CIPHERS" class="fade-in-text">IT INFINTIY <br> BY: IT COMMANDOS</p>
<p id="FUELS" class="fade-in-text">IT FUELS <br> MODERN INNOVATION </p>
</div>
</div>
<div id="cyber">
<pre id="Cyber" >
<h1 id="main" class="hidden">WHAT IS CYBER SECURITY ? </h1>
<h2 id="t1" class="hidden">
Cybersecurity is the practice of protecting systems,
networks, and programs from digital attacks.
</h2>
<h2 id="t2" class="hidden">
These attacks are usually aimed at accessing, changing
, or destroying sensitive information, extorting money,
or interrupting normal business processes
</h2>
</pre>
</div>
<div id="AI">
<pre>
<h1 id="main" class="hidden">WHAT IS ARTIFICIAL INTELLIGENCE ?</h1>
<h2 id="t1" class="hidden">
Artificial intelligence is the simulation of human intelligence
processes by machines, especially computer systems.</h2>
<h2 id="t2" class="hidden">
Specific applications of AI include expert systems,
natural language processing,
speech recognition and machine vision
</h2>
</pre>
</div>
<div id="cs">
<pre>
<h1 id="main" class="hidden">WHAT IS COMPUTER SCIENCE ?</h1>
<h2 id="t1" class="hidden">
Computing is part of everything we do.
</h2>
<h2 id="t2" class="hidden">
Computing drives innovation in engineering,
business, entertainment, education,
and the sciences—and it provides solutions to complex,
challenging problems of all kinds.
</h2>
</pre>
</div>
<div id="SE" >
<pre>
<h1 id="main" class="hidden">
WHAT IS SOFTWARE ENGINEERING ?
</h1>
<h2 id="t1" class="hidden">
Software engineering is the branch of computer science
that deals with the planning, design, development, testing
and maintenance of software applications.
</h2>
<h2 id="t2" class="hidden">
Software engineers apply
engineering principles and knowledge
of programming languages to build software solutions for end users.
</h2>
</pre>
</div>
<div class="autoplay">
<div>
<a href="SE.html" class="hidden"> <img style="width:100%; height:240px;" class="d-block w-100" alt="slide Zero" src="Images/se.png"></a>
</div>
<div>
<a href="CS.html" class="hidden"><img style="width:100%; height:240px;" class="d-block w-100" src="Images/cs.png" alt="First slide"></a>
</div>
<div>
<a href="CYBER.html" class="hidden"><img style="width:100%; height:240px;" class="d-block w-100" src="Images/cyber.png" alt="Third slide"></a>
</div>
<div>
<a href="AI.html" class="hidden"><img style="width:100%; height:240px;" class="d-block w-100" src="Images/ai.png" alt="fourth slide"></a>
</div>
<div>
<a href="MIX.html" class="hidden"><img style="width:100%; height:240px;" class="d-block w-100" src="Images/mix.png" alt="fifth slide"></a>
</div>
<div>
<a href="WEB.html" class="hidden"><img style="width:100%; height:240px;" class="d-block w-100" src="Images/web.png" alt="sixth slide"></a>
</div>
</div>
<script type="text/javascript" src="//code.jquery.com/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
<script type="text/javascript" src="slick/slick.min.js"></script>
<script src="./JS/JS.js"></script>
</body>
</html>