-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
157 lines (127 loc) · 6.96 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
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
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Primary Meta Tags -->
<meta name="title" content="Genestat Virtual Research Team">
<meta name="description" content="Genestat Virtual Research Team working on the biostatistics projects">
<meta name="author" content="Deniz Balcı">
<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css " rel="stylesheet " integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC " crossorigin="anonymous ">
<link rel="stylesheet " href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta2/css/all.min.css " integrity="sha512-YWzhKL2whUzgiheMoBFwW8CKV4qpHQAEuvilg9FAn5VJUDwKZZxkJNuGM4XkWuk94WCrrwslk8yWNGmY1EduTA==" crossorigin=" anonymous
" referrerpolicy="no-referrer " />
<title>GeneStat</title>
<style>
body {
font-weight: 600;
font-family: Montserrat, "Open Sans ", Helvetica, Arial, sans-serif;
}
</style>
</head>
<body>
<div class="container-fluid py-5 pb-5 text-light " style=" background-image: url( ' img/3d-rendering-big-red-coronavirus-cell-left-with-black-background.jpg');width:100%; height:80vh; background-position: center; background-repeat: no-repeat; background-size:
cover; ">
<h1 class="display-5 fw-bold ">GeneStat</h1>
<p class="col-md-8 fs-4 "> The virtual open scientific research team which Develop tools and analyze data for biostatiscs and Cancers with mentors and students. </p>
<br>
<p class="col-md-8 fs-4 "> github repos:
<a href="https://github.com/GeneStat ">https://github.com/GeneStat</a>
</p>
</div>
<div class=" container py-5 pb-5 text-dark ">
<h1 class="display-5 fw-bold text-center p-3 pt-2 ">Research Areas</h1>
<div class="row text-center ">
<div class="col-md-4 "><i class="fa-solid fa-dna fa-5x pt-2 "></i>
<br>
<h3>Biostatistics</h3>
</div>
<div class="col-md-4 "><i class="fa-solid fa-database fa-5x pt-2 "></i> <br>
<h3>Developing Tools</h3>
</div>
<div class="col-md-4 "> <i class="fa-solid fa-book fa-5x pt-2 "></i> <br>
<h3>Lecturing/Research</h3>
</div>
</div>
</div>
<div class="container-fluid ">
<div class="row bg-dark " style=" height:80%; ">
<h2 class="text-center text-light pt-4 ">OUR TEAM</h2>
<div class="col-sm-3 bg-primary ">
<!-- personel card -->
<div class="card mt-2 " style=" width:100% ">
<img class="card-img-top " src="img/linlin.jpeg" alt="LinLin Yan " style="width:100% ; ">
<div class="card-body ">
<h4 class="card-title ">LinLin Yan</h4>
<p class="card-text ">Bioinformatics Specialist /Mentor </p>
<div class="social ">
<a href="https://www.linkedin.com/in/yanlinlin82/ "><i class="fa-brands fa-linkedin fa-2x "></i></a>
<a href="https://github.com/yanlinlin82 "> <i class="fa-brands fa-github-square fa-2x "></i></a>
</div>
</div>
</div>
<!-- personel card -->
</div>
<div class="col-sm-3 p-3 bg-dark ">
<!-- personel card -->
<div class="card " style=" width:100% ">
<img class="card-img-top " src="img/alper-sinan.jpeg" alt="Alper Sinan Çalık " style="width:100% ">
<div class="card-body ">
<h4 class="card-title ">Alper Sinan Çalık</h4>
<p class="card-text ">Junior Datascientist </p>
<div class="social ">
<a href="https://www.linkedin.com/in/ascstat/ "><i class="fa-brands fa-linkedin fa-2x "></i></a>
</div>
</div>
</div>
<!-- personel card -->
</div>
<div class="col-sm-3 bg-primary ">
<!-- personel card -->
<div class="card mt-2 " style=" width:100% ">
<img class="card-img-top " src="img/ilker.jpeg " alt="ilker manap" style="width:100% ; ">
<div class="card-body ">
<h4 class="card-title ">İlker Manap</h4>
<p class="card-text ">System Administrator/Mentor </p>
<div class="social ">
<a href="https://www.linkedin.com/in/ilker-manap-345a5529/ "><i class="fa-brands fa-linkedin fa-2x "></i></a>
<a href="https://github.com/ilkermanap "> <i class="fa-brands fa-github-square fa-2x "></i></a>
</div>
</div>
</div>
<!-- personel card -->
</div>
<div class="col-sm-3 p-3 bg-dark ">
<!-- personel card -->
<div class="card " style=" width:100% ">
<img class="card-img-top " src="img/deniz.jpeg " alt="deniz balcı " style="width:100% ">
<div class="card-body ">
<h4 class="card-title ">Deniz Balcı</h4>
<p class="card-text ">Junior Developer</p>
<div class="social ">
<a href="https://www.linkedin.com/in/deniz-soft/ "><i class="fa-brands fa-linkedin fa-2x "></i></a>
<a href="https://github.com/SirmaXX "> <i class="fa-brands fa-github-square fa-2x "></i></a>
</div>
</div>
</div>
<!-- personel card -->
</div>
</div>
</div>
<footer class="container-fluid p-3 bg-dark ">
<div class="text-center text-light ">
© GeneStat
</div>
</footer>
<!-- Optional JavaScript; choose one of the two! -->
<!-- Option 1: Bootstrap Bundle with Popper -->
<script src=" https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js " integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM " crossorigin="anonymous "></script>
<!-- Option 2: Separate Popper and Bootstrap JS -->
<!--
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js " integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p " crossorigin="anonymous "></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js " integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF " crossorigin="anonymous "></script>
-->
</body>
</html>
</html>