-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
99 lines (81 loc) · 3.35 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
<!Doctype html>
<html>
<header>
<title>we'll see</title>
<meta charset="utf-8">
<meta name="description" content="">
<meta name="viewport" content="width=device-width, user-scalable=no">
<link href="https://fonts.googleapis.com/css?family=Aladin|Audiowide|Marck+Script|Parisienne" rel="stylesheet">
<link rel="stylesheet" href="style.css">
</header>
<body>
<div id="container">
<nav id="navbar">
<div class="dropdown">
<button onclick="myFunction()" class="dropbtn">☰</button>
<div id="myDropdown" class="dropdown-content">
<a href="#bloc-text">Story</a>
<a href="#">AI</a>
<a href="#">Contact</a>
</div>
</div>
<p id="najib">Robotically</p>
<a href="#" id="contact">Contact Me</a>
</nav>
</div>
<div class="page1">
<h1>Hello World </h1>
<div class="scroll-downs">
<div class="mousey">
<div class="scroller"></div>
</div>
</div>
</div>
<div class="anim"></div>
<div class="page2">
<div id="bloc-text">
<h1>Story</h1>
<div class="lign"></div>
<div class="bloc1">
<p class="text">
<span class="first">A</span>rtificial intelligence (AI), sometimes called machine intelligence, is intelligence demonstrated by machines, in contrast to the natural intelligence displayed by humans and other animals.
In computer science AI research is defined as the study of <em>"intelligent agents"</em>: any device that perceives its environment and takes actions that maximize its chance of successfully achieving its goals.
Colloquially, the term <em>"artificial intelligence"</em> is applied when a machine mimics <em>"cognitive"</em> functions that humans associate with other human minds, such as <em>"learning"</em> and <em>"problem solving"</em>.
</p>
</div>
<div class="lign1"></div>
<div class="bloc2">
<p class="text2">
<span class="first">T</span>he field of AI research was founded at a workshop held on the campus of Dartmouth College during the summer of 1956.
Those who attended would become the leaders of AI research for decades.
Many of them predicted that a machine as intelligent as a human being would exist in no more than a generation and they were given millions of dollars to make this vision come true.
</p>
</div>
</div>
</div>
<div class="pageblack">
<p class="but">But</p>
<p class="be">AI can be ...</p>
</div>
<div class="page3">
<div class="bloc3">
<h1 class="scary">Scary</h1>
<iframe class="atlas" src="https://www.youtube-nocookie.com/embed/LikxFZZO2sk?playlist=fUyU3lKzoio" allowfullscreen ></iframe>
</div>
</div>
<div class="pageblack2">
<p class="now">For now</p>
<h1 class="me">Contact Me</h1>
</div>
<div class="page4">
<div class="bloc4">
<ul>
<li><a href="mailto:[email protected]">By Mail</a></li>
<li class="phone">By Phone</li>
<li> <a href="https://www.linkedin.com/in/najib-tahar-berrabah/" target="_blank">By LinkedIn</a> </li>
</ul>
</div>
</div>
</body>
<script src="menu.js"></script>
</html>