mirror of
https://github.com/Rushilwiz/neurosecure.git
synced 2025-04-03 20:10:16 -04:00
219 lines
8.2 KiB
HTML
219 lines
8.2 KiB
HTML
<!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.0" />
|
||
<title>NeuroSecure</title>
|
||
<link rel="stylesheet" href="/css/index.css" />
|
||
|
||
<link rel="apple-touch-icon" sizes="180x180" href="/favicon/apple-touch-icon.png">
|
||
<link rel="icon" type="image/png" sizes="32x32" href="/favicon/favicon-32x32.png">
|
||
<link rel="icon" type="image/png" sizes="16x16" href="/favicon/favicon-16x16.png">
|
||
<link rel="manifest" href="/favicon/site.webmanifest">
|
||
<link rel="mask-icon" href="/favicon/safari-pinned-tab.svg" color="#5bbad5">
|
||
<meta name="msapplication-TileColor" content="#da532c">
|
||
<meta name="theme-color" content="#ffffff">
|
||
</head>
|
||
<body>
|
||
<div class="nav">
|
||
<nav>
|
||
<div class="logo">
|
||
<h4>
|
||
<img src="/css/res/brain.svg" style="width: 28px"/>
|
||
<!-- <img src="/css/res/plus.svg" /> -->
|
||
<!-- <img src="/css/res/lock.svg" /> -->
|
||
<span>NeuroSecure</span>
|
||
</h4>
|
||
</div>
|
||
<ul>
|
||
<li><a href="/">Home</a></li>
|
||
<li><a href="/project">Timeline</a></li>
|
||
<li><a href="/team">Our Team</a></li>
|
||
<li><a href="/contact">Contact Us</a></li>
|
||
<span>NeuroSecure</span>
|
||
</ul>
|
||
<div class="burger">
|
||
<div class="line1"></div>
|
||
<div class="line2"></div>
|
||
<div class="line3"></div>
|
||
</div>
|
||
</nav>
|
||
</div>
|
||
<section class="hero">
|
||
<div id="hero">
|
||
<h1>Neuro<br />Secure</h1>
|
||
<h3>A product to revolutionize the field of cybersecurity.</h3>
|
||
</div>
|
||
</section>
|
||
<section class="about-section">
|
||
<div class="about-1">
|
||
<div class="about">
|
||
<h1>The future of authentication.</h1>
|
||
<h4>
|
||
NeuroSecure is a revolutionary product that aims to transform the biometrics market, projected to reach nearly $100 billion by 2027. The first of its kind in brain biometrics, this user-friendly device takes in an individual’s brain waves to create a unique <strong>brain signature</strong> for authentication into any system.
|
||
</h4>
|
||
<button><a href="">Watch a demo</a></button>
|
||
</div>
|
||
</div>
|
||
<div class="about-2">
|
||
<div class="about">
|
||
<div>
|
||
<h1>Truly canceleable</h1>
|
||
<h4>Need to change your password? No problem. Unlike fingerprints, irises, or facial recognition biometrics, brain signatures can be reregistered to a new set of stimuli at any time. This defends and outwits any data compromisation, an enormous stride ahead of comparable biometrics.</h4>
|
||
</div>
|
||
<div class="img"><img src="/css/res/recycle.svg" alt=""></div>
|
||
</div>
|
||
</div>
|
||
<div class="about-3">
|
||
<div class="about">
|
||
<div class="img"><img src="/css/res/file-earmark-lock.svg" alt=""></div>
|
||
<div>
|
||
<h1>Immune to synthesization</h1>
|
||
<h4>Your data is secure and private. Brain biometric data cannot be accessed without specific technology, such as the electroencephalograms built into the NeuroSecure device. Additionally, research demonstrates that brain biometric data is unique and consistent. Combined, this means it’s simply impossible for your data to be replicated.</h4>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="about-4">
|
||
<div class="about">
|
||
<div>
|
||
<h1>Immune to coercion</h1>
|
||
<h4>In the event of an emergency, your data will be safe. No use of force or actions against the will of the user will be successful due to critical disruptions in cerebral activity. Only users who want to be authenticated will be able to be authenticated.</h4>
|
||
</div>
|
||
<div class="img"><img src="/css/res/shield.svg" alt=""></div>
|
||
</div>
|
||
</div>
|
||
|
||
</section>
|
||
<section class="founders">
|
||
<div class="profile">
|
||
<img src="/css/res/leon.jpg"/>
|
||
<h1>Leon Jia</h1>
|
||
<h2>Co-Founder</h2>
|
||
<p>
|
||
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Unde,
|
||
quisquam magni rerum, beatae vel deleniti temporibus tempore voluptas.
|
||
</p>
|
||
</div>
|
||
<div class="caption">
|
||
<h1>Meet the founders.</h1>
|
||
<p>
|
||
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Doloremque
|
||
reiciendis dolor vitae possimus tenetur ullam ratione accusamus.
|
||
</p>
|
||
</div>
|
||
<div class="profile">
|
||
<img src="/css/res/ani.jpg"/>
|
||
<h1>Anirudh Bansal</h1>
|
||
<h2>Co-Founder</h2>
|
||
<p>
|
||
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Unde,
|
||
quisquam magni rerum, beatae vel deleniti temporibus tempore voluptas
|
||
impedit enim similique vero eos est, molestiae explicabo quam eligendi
|
||
sapiente odit?
|
||
</p>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="contact">
|
||
<form id="contact" action="/" method="post">
|
||
<h1>Get in contact</h1>
|
||
<fieldset>
|
||
<fieldset>
|
||
<input
|
||
placeholder="Your name"
|
||
name="name"
|
||
type="text"
|
||
tabindex="1"
|
||
required
|
||
/>
|
||
</fieldset>
|
||
<fieldset>
|
||
<input
|
||
placeholder="Your email"
|
||
name="email"
|
||
type="email"
|
||
tabindex="2"
|
||
required
|
||
/>
|
||
</fieldset>
|
||
<fieldset>
|
||
<input
|
||
placeholder="Your phone number (optional)"
|
||
name="phone"
|
||
type="tel"
|
||
tabindex="3"
|
||
required
|
||
/>
|
||
</fieldset>
|
||
<fieldset>
|
||
<textarea
|
||
placeholder="Type your message here..."
|
||
name="message"
|
||
tabindex="4"
|
||
></textarea>
|
||
</fieldset>
|
||
<button type="submit">submit</button>
|
||
</fieldset>
|
||
<p class="alternative">
|
||
Or, you can feel free to email us
|
||
<a href="mailto:leonjia0942@gmail.com">here</a>.
|
||
</p>
|
||
</form>
|
||
</section>
|
||
<footer>
|
||
<div class="footer">
|
||
<div class="columns">
|
||
<div class="logo">
|
||
<h4>
|
||
<img src="/css/res/brain.svg" />
|
||
<!-- <img src="/css/res/plus.svg" />
|
||
<img src="/css/res/lock.svg" /> -->
|
||
<span>NeuroSecure</span>
|
||
</h4>
|
||
</div>
|
||
<ul>
|
||
<li>Important Links</li>
|
||
<li><a href="">Link</a></li>
|
||
<li><a href="">Another Link</a></li>
|
||
<li><a href="">Yet another link</a></li>
|
||
</ul>
|
||
<ul>
|
||
<li>More Links</li>
|
||
<li><a href="">Link</a></li>
|
||
<li><a href="">Another Link</a></li>
|
||
<li><a href="">Yet another link</a></li>
|
||
</ul>
|
||
</div>
|
||
<div class="copyright">
|
||
© All rights reserved 2021<br />designed by
|
||
<a target="_blank" href="https://github.com/rushilwiz"
|
||
>rushil umaretiya</a
|
||
>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
</body>
|
||
<script type="vert" id="vertexshader">
|
||
attribute float scale;
|
||
void main() {
|
||
vec4 mvPosition = modelViewMatrix * vec4( position, 1.0 );
|
||
gl_PointSize = scale * ( 300.0 / - mvPosition.z );
|
||
gl_Position = projectionMatrix * mvPosition;
|
||
}
|
||
</script>
|
||
<script type="vert" id="fragmentshader">
|
||
uniform vec3 color;
|
||
void main() {
|
||
if ( length( gl_PointCoord - vec2( 0.5, 0.5 ) ) > 0.475 ) discard;
|
||
gl_FragColor = vec4( color, 1.0 );
|
||
}
|
||
</script>
|
||
<script src="/js/index.js" type="module"></script>
|
||
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/2.0.2/TweenMax.min.js"></script>
|
||
<script src="https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.5/ScrollMagic.js"></script>
|
||
<script src="https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.5/plugins/animation.gsap.js"></script>
|
||
|
||
<script src="/js/scroll.js" type="module"></script>
|
||
</html>
|