-
Notifications
You must be signed in to change notification settings - Fork 0
/
about_us.html
101 lines (98 loc) · 5.69 KB
/
about_us.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Longevity Genie</title>
<link rel="stylesheet" href="styles.css">
<link rel="stylesheet" href="styles_about_us.css">
<link rel="preload" href="/images/background2.jpg" as="image">
<link rel="preload" href="/images/background1.jpg" as="image">
<link rel="preload" href="/images/background3.jpg" as="image">
<link rel="preload" href="/images/sun.jpg" as="image">
<link rel="icon" href="./images/icon.png">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Advent+Pro:wght@600;700&family=Almarai:wght@300;400;700&family=Anton&family=Bebas+Neue&family=Kalam:wght@400;700&family=Open+Sans:wght@300&family=Orbitron:wght@400;500;700&family=PT+Sans:wght@400;700&family=Rubik:wght@400;500&family=Saira+Condensed:wght@100;200;300;400;600;700&display=swap" rel="stylesheet">
</head>
<body>
<div class="main-container abous_us">
<a href="./index.html" class="link-14">Home</a>
<h1>Our team</h1>
<section class="team sections-wrapper">
<a href="./index.html" class="link-14 inside">Home</a>
<h1 class="inside">Our team</h1>
<section class="member sections">
<div class="text-member ">
<img class="photo" src="./images/newton.jpg">
<h3 class="name">Nikolay Usanov (Newton Winter)</h3>
</div>
<p class="description"><b>Co-founder, Dev-ML-Ops, Lead Developer. </b> <br> Nikolay is software developer with a chemical background, bioinformatic pipelines developer.</p>
</section>
<section class="member sections">
<div class="text-member">
<img class="photo" src="./images/kulaga.jpg">
<h3 class="name">Anton Kulaga</h3>
</div>
<p class="description"><b>Co-founder, Lead Developer. </b> <br> Anton is a dedicated bioinformatician specializing in synthetic biology, and focusing on the design of genetic constructs for mammals and algae. He has developed his expertise in multi-omics analysis and advanced big data techniques, utilizing machine learning to decipher gene expression patterns. As an active member of the open-source community, Anton contributes to numerous bioinformatics projects. Co-founder of the International Longevity Alliance, where he advocates for global advancements in anti-aging technologies.</p>
<p></p>
</section>
<section class="member sections">
<div class="text-member">
<img class="photo" src="./images/karmazin.jpg">
<h3 class="name">Alex Karmazin</h3>
</div>
<p class="description"><b>Senior Developer, Web Developer </b> <br> Alex is a senior computer vision engineer, web developer</p>
</section>
<section class="member sections">
<div class="text-member">
<img class="photo" src="./images/koval.jpg">
<h3 class="name">Maria Koval</h3>
</div>
<p class="description"><b>Software Developer, Designer</b> <br> Maria graduated from First Pavlov State University of Saint-Petersburg. Currently working as a software developer in projects related to genetics.</p>
</section>
<section class="member sections">
<div class="text-member">
<img class="photo" src="./images/nikhil.jpeg">
<h3 class="name">Nikhil Yadala</h3>
</div>
<p class="description"><b>Co-founder, Founder of <a href="https://www.healome.one/">Healome</a> </b> <br> Nikhil worked as a Data & Applied Scientist at Microsoft Bing search. Prior to that, was a research assistant at EPFL working at the intersection of distributed computing and genetics. </p>
</section>
</section>
<img class="grandpa111" src="./images/grandpa111.png">
<footer class="footer">
<p>© 2023 Longevity Genie. All rights reserved.</p>
</footer>
</div>
<script>
function scrollTrigger(selector, options){
let els = document.querySelectorAll(selector)
els = Array.from(els)
els.forEach(el => {
addObserver(el, options)
})
}
function addObserver(el, options){
// We are creating a new IntersectionObserver instance
let observer = new IntersectionObserver((entries, options) => { // This takes a callback function that receives two arguments: the elements list and the observer instance.
entries.forEach(entry => {
// `entry.isIntersecting` will be true if the element is visible
if(entry.isIntersecting) {
entry.target.classList.add('animate-slide')
// We are removing the observer from the element after adding the active class
observer.unobserve(entry.target)
}
})
})
// Adding the observer to the element
observer.observe(el)
}
let options = {
root: document.querySelectorAll('sections-wrapper'),
rootMargin: '40%',
threshold: 1.0,
}
// Example usage
scrollTrigger('.sections', options)
</script>
</body>