Skip to content

Commit fe6ae14

Browse files
amalprasad0amalprasad0
committed
added neurometaps
1 parent 1eee0f4 commit fe6ae14

File tree

7 files changed

+135
-0
lines changed

7 files changed

+135
-0
lines changed

‎Emot-AI.html

+94
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,94 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<title>Emot AI- The AI Powered Virtual Humun Robo</title>
8+
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-Zenh87qX5JnK2Jl0vWa8Ck2rdkQ2Bzep5IDxbcnCeuOxjzrPF/et3URy9Bv1WTRi" crossorigin="anonymous"> <link rel="stylesheet" href="style/style.css">
9+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css" integrity="sha512-xh6O/CkQoPOWDdYTDqeRdPCVd1SpvCA9XXcUnZS2FmJNp1coAFzvtCN9BmamE+4aHK8yyUHUSCcJHgXloTyT2A==" crossorigin="anonymous" referrerpolicy="no-referrer" />
10+
<link rel="shortcut icon" href="/image/emot_logo.png" type="image/x-icon">
11+
<script src="./script/Emot.js"></script>
12+
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700,800,900&display=swap" rel="stylesheet">
13+
</head>
14+
<style>
15+
.banner{
16+
background-image: url("/image/banner1.jpg");
17+
background-repeat: no-repeat;
18+
background-size: cover;
19+
background-position: center;
20+
height: 100vh;
21+
width: 100%;
22+
}
23+
</style>
24+
<body>
25+
26+
27+
<header>
28+
<div class="container">
29+
<div class="row">
30+
<div class="col-md-12">
31+
<nav class="navbar navbar-expand-lg ">
32+
<div class="container-fluid">
33+
<a class="navbar-brand" href="index.html">Emot AI</a>
34+
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
35+
<span class="navbar-toggler-icon"></span>
36+
</button>
37+
<div class="collapse navbar-collapse" id="navbarNav">
38+
<ul class="navbar-nav ms-auto">
39+
<li class="nav-item">
40+
<a class="nav-link active" aria-current="page" href="index.html">Home</a>
41+
</li>
42+
<li class="nav-item">
43+
<a class="nav-link" href="about.html">Invest</a>
44+
</li>
45+
<li class="nav-item">
46+
<a class="nav-link" href="contact.html">About</a>
47+
</li>
48+
</div>
49+
</div>
50+
</nav>
51+
</div>
52+
</div>
53+
</div>
54+
</header>
55+
<section>
56+
<div class="banner">
57+
<div class="container">
58+
<div class="row">
59+
<h1>Emot AI</h1>
60+
<p>The Artificail Inteligence powered virtual friend!</p>
61+
<a href="http://">Learn More</a>
62+
</div>
63+
</div>
64+
</div>
65+
</section>
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+
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-OERcA2EqjJCMA+/3y+gxIOqMEjwtxJY7qPCqsdltbNJuaOe923+mo//f6V8Qbsw3" crossorigin="anonymous"></script>
92+
93+
</body>
94+
</html>

‎image/banner1.jpg

5.45 MB
Loading

‎image/emot_logo.png

26.5 KB
Loading

‎index.html

+2
Original file line numberDiff line numberDiff line change
@@ -178,6 +178,8 @@ <h3 >Products</h3>
178178
<li><a href="">Danla(Upcoming)</a></li>
179179
<li><a href="">Snapsay(Upcoming)</a></li>
180180
<li><a href="">Emot A.I(Upcoming)</a></li>
181+
<li><a href="">Neurometaps(Upcoming)</a></li>
182+
181183

182184
</ul>
183185
</div>

‎script.js

+18
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
1+
const open = document.querySelector('.container');
2+
const close = document.querySelector('.close');
3+
var tl = gsap.timeline({ defaults: { duration: 1, ease: 'expo.inOut' } });
4+
open.addEventListener('click', () => {
5+
if (tl.reversed()) {
6+
tl.play();
7+
} else {
8+
tl.to('nav', { right: 0 })
9+
.to('nav', { height: '100vh' }, '-=.1')
10+
.to('nav ul li a', { opacity: 1, pointerEvents: 'all', stagger: .2 }, '-=.8')
11+
.to('.close', { opacity: 1, pointerEvents: 'all' }, "-=.8")
12+
.to('nav h2', { opacity: 1 }, '-=1');
13+
}
14+
});
15+
16+
close.addEventListener('click', () => {
17+
tl.reverse();
18+
});

‎script/Emot.js

+18
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
1+
const open = document.querySelector('.container');
2+
const close = document.querySelector('.close');
3+
var tl = gsap.timeline({ defaults: { duration: 1, ease: 'expo.inOut' } });
4+
open.addEventListener('click', () => {
5+
if (tl.reversed()) {
6+
tl.play();
7+
} else {
8+
tl.to('nav', { right: 0 })
9+
.to('nav', { height: '100vh' }, '-=.1')
10+
.to('nav ul li a', { opacity: 1, pointerEvents: 'all', stagger: .2 }, '-=.8')
11+
.to('.close', { opacity: 1, pointerEvents: 'all' }, "-=.8")
12+
.to('nav h2', { opacity: 1 }, '-=1');
13+
}
14+
});
15+
16+
close.addEventListener('click', () => {
17+
tl.reverse();
18+
});

‎style/Emot.css

+3
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
.banner{
2+
background-image: url("images/banner1.png");
3+
}

0 commit comments

Comments
 (0)