-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
214 lines (192 loc) · 10.8 KB
/
Copy pathindex.html
File metadata and controls
214 lines (192 loc) · 10.8 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
<link rel="stylesheet" href="./css/style.css">
<link rel="stylesheet" href="./style.js">
<link rel="stylesheet" href="./animate.css">
<title>SiNext</title>
<link href="./img/Sinext Logo.png" type="image" rel="icon">
</head>
<body>
<!-- Navigation Bar -->
<nav class="navbar navbar-expand-md navbar-light sticky-top" style="background-color: white;" >
<div class="container-fluid">
<a href="#" class="navbar-brand">
<img src="./img/Sinext Logo white-01.png" alt="Logo" class="d-inline-block align-top logo">
</a>
<!-- <h2 style="color: rgb(251, 251, 251);">Technophile</h2> -->
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#slide">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="slide">
<ul class="navbar-nav ml-auto">
<li class="nav-item wow fadeInRight">
<a href="#" class="nav-link">Home</a>
</li>
<li class="nav-item wow fadeInRight">
<a href="model.html" class="nav-link">Live Model</a>
</li>
<li class="nav-item wow fadeInRight">
<a href="#" class="nav-link">Learn</a>
</li>
<li class="nav-item wow fadeInRight">
<a href="#signext" class="nav-link">What SiNext?</a>
</li>
<li class="nav-item wow fadeInRight">
<a href="#about" class="nav-link">About Us</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- Navbar ends here -->
<!-- Carousel -->
<div class="carousel slide" data-ride="carousel" id="carouselExampleControls">
<div class="carousel-inner">
<div class="carousel-item active wow fadeInLeft">
<img src="./img/img1-01.jpg" alt="Carousel Image">
<div class="carousel-caption">
<!-- <h2>Layout</h2>
<h3>Demo Layout</h3>
<button class="btn btn-primary btn-lg" type="button">Learn More</button> -->
</div>
</div>
<!-- <div class="carousel-item">
<img src="./img/slider 1-01.jpg" alt="Second Image">
<div class="carousel-caption">
<h2>Layout</h2>
<h3>Demo Layout</h3>
<button class="btn btn-primary btn-lg" type="button">Learn More</button>
</div>
</div> -->
<!-- <div class="carousel-item">
<img src="./img/2.jpg" alt="Third Image">
<div class="carousel-caption">
<h2>Layout</h2>
<h3>Demo Layout</h3>
<button class="btn btn-primary btn-lg" type="button">Learn More</button>
</div>
</div> -->
</div>
<a class="carousel-control-prev" role="button" data-slide="prev" href="#carouselExampleControls" style="color: black;">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" role="button" data-slide="next" href="#carouselExampleControls">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
<!-- <ul class="carousel-indicators">
<li class="active" data-target="#carouselExampleControls" data-slide-to="0"></li>
<li data-target="#carouselExampleControls" data-slide-to="1"></li>
<!-- <li data-target="#carouselExampleControls" data-slide-to="2"></li> -->
<!-- </ul> -->
</div>
<!-- Carousel ends -->
<!-- Details -->
<!-- <div class="container-fluid padding" >
<div class="row welcome text-center">
<div class="col-12">
<h1>Welcome to Technophile!</h1>
<hr class="my-4">
</div>
<div class="col-12">
<p class="lead">
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Voluptatum mollitia perferendis maiores odit, cum soluta quis ullam vel tempore adipisci. Enim facilis adipisci quibusdam temporibus possimus. Deleniti dolorum ab vel.
</p>
</div>
</div>
</div> -->
<!-- Details Ends -->
<!-- Cards Section -->
<div class="container" id="signext">
<section id="app-features">
<div class="text-center" style="margin-top: 3rem;">
<h2 class="app-features" style="color: black; margin-bottom:3rem;font-size:50px;text-transform:uppercase;">App Features</h2>
<span class="p-features" style="color: #8a8a8a;padding: 0px 90px;font-size:22px;">
SiNext is a smart communication model which supports a gesture-based interaction with the voice-based virtual assistant.The number of deaf-mutes in the world are roughly calculated to be from 700,000 to 900,000 and of these 63 percent, are said to be born deaf, the others losing their hearing by different accidents.With the rapid evolution of technologies in diverse directions, speech recognition being said to be the immediate future of human-computer interaction. But there arises a concern for people with the disability of hearing and speech.It throws a light on a new direction of human-computer interaction through sign language recognition.The primary purpose is to empower the people with hearing and speech disability with the ability to interact with the smart speaker like any other normal person.
</span>
<div class="row" style="margin-top: 5rem;overflow: hidden;">
<div class="col-app wow fadeInLeft" style="width: 33.33%;float:left;padding:0px 45px;color: #8a8a8a;">
<h3 style="text-transform:uppercase; font-weight:700;margin: 30px 0px;color:black;">Self -training</h3>
<p style="line-height: 25px;font-size: 24px;color: #646464;">
For an effortless interaction, SiNext allows live self-customization. This means that you can train the model with the set of signs of your choice and their respective interpretations in real-time.
</p>
</div>
<div class="col-app wow fadeInUp" style="width: 33.33%;float:left;padding:0px 45px;color: #8a8a8a;">
<h3 style="text-transform:uppercase; font-weight:700;margin: 30px 0px;color:black;">High Accuracy</h3>
<p style="line-height: 25px;font-size: 24px;color: #646464;">No limitation on the number of signs that you wish to input for use. SiNext gets only more accurate with increase in the number of inputs.</p>
</div>
<div class="col-app wow fadeInRight" style="width: 33.33%;float:left;padding:0px 45px;color: #8a8a8a;">
<h3 style="text-transform:uppercase; font-weight:700;margin: 30px 0px;color:black;">Easy to use</h3>
<p style="line-height: 25px;font-size: 24px;color: #646464;">
Since the user interface would play a key role during the interaction, we provide a simplest and an easily understandable one. Also, no requirement of any technical background or knowledge adds to its advantages.
</p>
</div>
</div>
</div>
</section>
</div>
<!-- Card Section ENDS -->
<!-- Connect -->
<div class="container-fluid padding">
<div class="row text-center padding">
<div class="col-12"><hr class="my-4" border-top="2px solid #b4b4b4">
<h2 class="display-3">Connect</h2>
</div>
<div class="col-12 social padding">
<a href="#"><i class="fab fa-facebook wow fadeInLeft"></i></a>
<a href="#"><i class="fab fa-twitter wow fadeInLeft"></i></a>
<a href="#"><i class="fab fa-google-plus-g wow fadeInUp"></i></a>
<a href="#"><i class="fab fa-instagram wow fadeInRight"></i></a>
<a href="#"><i class="fab fa-youtube wow fadeInRight"></i></a>
</div>
</div>
</div>
<!-- Connect End -->
<!-- Footer -->
<footer class="container-fluid padding" id="about">
<div class="row text-center">
<div class="col-md-4">
<h5>About Us</h5><hr class="light">
<ul >
<li>Aryan</li>
<li>Ayush Gupta</li>
<li>Aryendra Prakash Singh</li>
<li>Piyush Kumar</li>
<li>Shivanshu Bajpai</li>
<li>Vrati Pandey</li>
</ul>
</div>
<div class="col-md-4">
<hr class="light">
<h5>OUR VISION</h5>
<hr class="light">
<p style="text-transform: uppercase;font-size:50px">Power of actions</p>
</div>
<div class="col-md-4">
<hr class="light">
<h5>OUR MISSION</h5>
<hr class="light">
<P>Our mission is to help the deaf and dumb people who are unable to communicate with the smart assistant through voice.</P>
</div>
<div class="col-12">
<hr class="light-100">
<h5>©Made with <i class="fa fa-heart" aria-hidden="true"></i> by <a class="Name" target="none" href="www.github.com/shivanshu1086">SHIVANSHU</a></h5>
</div>
</div>
</footer>
<script src="./js/7.1 wow.min.js.js"></script>
<script>
new WOW().init();
</script>
</body>
</html>