-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
220 lines (206 loc) · 14.4 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
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
215
216
217
218
219
220
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<meta name="description" content="" />
<meta name="author" content="" />
<title>DotQ - Research</title>
<link rel="icon" type="image/x-icon" href="assets/logo.ico" />
<!--Font Awesome Icon-->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
<!-- Google fonts-->
<link href="https://fonts.googleapis.com/css2?family=Rajdhani" rel="stylesheet" />
<!-- Core theme CSS (includes Bootstrap)-->
<link href="css/styles.css" rel="stylesheet" />
</head>
<body id="page-top">
<!-- Navigation-->
<nav class="navbar navbar-expand-lg navbar-light fixed-top" id="mainNav">
<div class="container px-4 px-lg-5">
<a class="navbar-brand" href="#page-top">
<img src="assets/logo-transparent.png" width="65" height="65"/>
</a>
<button class="navbar-toggler navbar-toggler-right" type="button" data-bs-toggle="collapse" data-bs-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
Menu
<i class="fas fa-bars"></i>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ms-auto">
<li class="nav-item"><a class="nav-link" href="#about">ABOUT</a></li>
<li class="nav-item"><a class="nav-link" href="#projects">GOALS & US</a></li>
<li class="nav-item"><a class="nav-link" href="#signup">CONTACT</a></li>
</ul>
</div>
</div>
</nav>
<!-- Masthead-->
<header class="masthead">
<div class="container px-4 px-lg-5 d-flex h-100 align-items-center justify-content-center">
<div class="d-flex justify-content-center">
<div class="text-center">
<h1 class="mx-auto my-0">DotQ</h1>
<h2 class="text-white mx-auto mt-2 mb-5" id="intro">Providing opportunities for quantum research</h2>
<a class="btn btn-primary" href="#about">Learn More</a>
</div>
</div>
</div>
</header>
<!-- About-->
<section class="about-section text-center" id="about">
<div class="container px-4 px-lg-5">
<div class="row gx-4 gx-lg-5 justify-content-center">
<div class="col-lg-8">
<h2 class="text-white mb-4">Who we are</h2>
<p class="text-white-50">
DotQ was founded on the premise of bringing intrepid and enthusiastic researchers together for the sake of QC research. Born out of the Qiskit Global Summer School 2023, our group consists of 50 members from all around the world and from various different stages of higher education. We strive to foster global citizenship and international cooperation through the research that we produce. </p>
</div>
</div>
<img class="img-fluid" id="upper-blur" src="assets/img/qcomp_background1.png" alt="..." />
</div>
</section>
<!-- Projects-->
<section class="projects-section bg-black" id="projects">
<div class="container px-4 px-lg-5">
<!-- Featured Project Row-->
<div class="row gx-0 mb-4 mb-lg-5 align-items-center">
<div class="col-xl-8 col-lg-7"><img class="img-fluid mb-3 mb-lg-0" src="assets/img/our-goals.png" alt="..." /></div>
<div class="col-xl-4 col-lg-5">
<div class="featured-text text-center text-lg-left">
<h4 class="text-white">Our goals</h4>
<p class="text-green">
At DotQ, we hope to continue to grow our diverse community of researchers. We want to be able to provide research opportunities for all our members, from the most beginner to the most advanced. We hope to do this by establishing meaningful connections with other students, professors, mentors, research groups, non-profits, etc. that can provide the projects we need, and foster collaboration and education in the field of quantum computing. </p>
</div>
</div>
</div>
<!-- Project One Row-->
<div class="row gx-0 mb-5 mb-lg-0 justify-content-center">
<div class="text-center">
<h2 class="text-white">Executives</h2>
</div>
<div class="col-lg-6"><img class="img-fluid" src="assets/img/demo-image-01-oliver.jpg" alt="..." /></div>
<div class="col-lg-6">
<div class="bg-black text-center h-100 project">
<div class="d-flex h-100">
<div class="project-text w-100 my-auto text-center text-lg-left">
<a style="text-decoration: none;" href="https://www.linkedin.com/in/oliver-n-a761bb283/"><h4 class="text-white">Oliver N. (CEO)</h4></a>
<ul>
<li>
<p class="mb-0 text-white-50">
Having studied quantum computing for 4 years, Oliver has actively led a variety of outreach programs with a focus on promoting excellence through collaboration; to this extent, Oliver co-founded the Quantum Hideout (1,100+ members) and commuted early-career researchers globally. His focus lies in applied quantum systems and error correction having done independent research in computational chemistry. Oliver got his start with QubitxQubit’s “Introduction to Quantum Computing” and progressed into various graduate-level workshops including QGSS (2022, 2023), IBM challenges and seminars at the Simons Institute. As of late, he has been engaged in active talks with Oxford’s Semiconductor group.
</p>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- Project Two Row-->
<div class="row gx-0 justify-content-center">
<div class="col-lg-6" ><img class="img-fluid" src="assets/img/demo-image-02-abdullah.jpg"/></div>
<div class="col-lg-6 order-lg-first" >
<div class="bg-black text-center h-100 project">
<div class="d-flex h-100" >
<div class="project-text w-100 my-auto text-center text-lg-right">
<a style="text-decoration: none;" href="https://www.linkedin.com/in/abdullah-a-a-k/"><h4 class="text-white">Abdullah K. (CCO)</h4></a>
<ul>
<li>
<p class="mb-0 text-white-50">
Abdullah is a Technology enthusiast and an IBM Zsystem advocate His interest lies in theoretical and experimental research especially in Applied physics and Quantum Computing. He has worked with startups and organizations like QWorld, Qulabs, QuantumGrad and is an executive committee member for QIndia. His strength lies in dedication and passion to his work which is reflected in his experience. With a tech savvy mindset, he has the ability to be an asset to any organization. He has proven his mettle by showcasing his capability in various tasks and different situations, and in his leadership skills he was involved in different non-technical roles previously.
</p>
</li>
<li>
<p class="mb-0 text-white-50">
He is part of various communities, organizations and has been involved in various non-profit educational initiatives, which includes supply chain management, growth marketing and educational outreach. Apart from that he is interested in theoretical physics, quantum mechanics, and open quantum systems. His research and areas of interest are focused around particle physics, multi physics, High energy physics and thermodynamics. Abdullah is open for collaborative research on different projects and research opportunities.
</p>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- Project Two Row-->
<div class="row gx-0 justify-content-center">
<div class="col-lg-6"><img class="img-fluid" src="assets/img/demo-image-02.jpg" alt="..." /></div>
<div class="col-lg-6">
<div class="bg-black text-center h-100 project">
<div class="d-flex h-100">
<div class="project-text w-100 my-auto text-center text-lg-right">
<a style="text-decoration: none;" href="https://www.linkedin.com/in/enrique-anguiano-vara-6ba44625b"><h4 class="text-white">Enrique Anguiano-Vara (CIO)</h4></a>
<ul>
<li>
<p class="mb-0 text-white-50">
A 20-year-old developer who earned a technical degree in two years and finished first in his promotion with honors. He had worked in BBVA, a major bank in Spain, Turkey and Mexico. Next year, he will start a Computer Science degree at UAM, one of the most prestigious universities of Spain.
</p>
</li>
<li>
<p class="mb-0 text-white-50">
In Quantum Computing, he has a solid knowleadge of Qiskit and Pennylane. Interested in QML and want to become a researcher in the future.
</p>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Signup-->
<section class="signup-section" >
<div class="container px-4 px-lg-5">
<div class="row gx-4 gx-lg-5">
<div class="col-md-10 col-lg-8 mx-auto text-center">
<img class="img-fluid" src="assets/img/qcomp_background2.png" alt="..." />
<i class="far fa-paper-plane fa-2x mb-2 text-white"></i>
<h2 class="text-white mb-5" id="signup"><b>Contact and join us!</b></h2>
</div>
</div>
</div>
</section>
<!-- Contact-->
<section class="contact-section bg-black">
<div class="container px-4 px-lg-5">
<div class="row gx-4 gx-lg-5">
<div class="col-md-4 mb-3 mb-md-0">
<div class="card py-4 h-100">
<div class="card-body text-center">
<i class="fab fa-github text-primary mb-2"></i>
<h4 class="text-uppercase m-0"><b>Github</b></h4>
<hr class="my-4 mx-auto" />
<div class="small text-black-50"><a class="btn btn-primary" href="https://github.com/dotQ-Research">See our github</a></div>
</div>
</div>
</div>
<div class="col-md-4 mb-3 mb-md-0">
<div class="card py-4 h-100">
<div class="card-body text-center">
<i class="fab fa-discord text-primary mb-2"></i>
<h4 class="text-uppercase m-0"><b>Discord</b></h4>
<hr class="my-4 mx-auto" />
<div class="small text-black-50"><a class="btn btn-primary" href="https://discord.gg/xeDXqksgfr">Join us on Discord</a></div>
</div>
</div>
</div>
<div class="col-md-4 mb-3 mb-md-0">
<div class="card py-4 h-100">
<div class="card-body text-center">
<i class="fas fa-envelope text-primary mb-2"></i>
<h4 class="text-uppercase m-0"><b>Email</b></h4>
<hr class="my-4 mx-auto" />
<div class="small text-black-50"><a class="btn btn-primary" id="emailsender" href="" >Send us an email</a></div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Footer-->
<footer class="footer bg-black small text-center text-white-50"><div class="container px-4 px-lg-5">DotQ Research. Made by Enrique Anguiano-Vara (CIO), Shrey Chaudhari and Lukas Trakimas</div></footer>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
<script src="js/scripts.js"></script>
<script src="https://cdn.startbootstrap.com/sb-forms-latest.js"></script>
</body>
</html>