-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathquantum.html
148 lines (122 loc) · 5.19 KB
/
quantum.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
<!DOCTYPE html>
<html>
<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">
<title> REV website </title>
<link rel="stylesheet" type="text/css" href="reset.css" />
<link rel="stylesheet" type="text/css" href="main.css" />
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700&display=swap&subset=latin-ext" rel="stylesheet">
</head>
<body>
<!------------------------------| NAVIGATION |---------------------------------------->
<nav>
<a href="index.html"><img class="AXA_logo nav_item" src="img/axa-logo.png" alt="AXA logo" style="display: none"></a>
<ul>
<li class="nav_item"><a href="index.html">RESEARCH</a></li>
<li class="nav_item"><a href="team.html">OUR TEAM</a></li>
</ul>
</nav>
<!------------------------------| HEADER |---------------------------------------->
<header class="title">
<a href="index.html"><img src="img/left-arrow.svg" alt="back button"></a>
<h1>Quantum</h1>
</header>
<!------------------------------| LISTE DES PAPIERS |---------------------------------------->
<section class="papers">
<!-----------article template-------------->
<article class="example" style="display: none;">
<!--If you don't have any link, delete the <a></a> elements-->
<a href="LINK TO ARTICLE">
<!--You can put pdf.svg, link.svg or delete the icon altogether-->
<img src="img/link.svg">
<h2>
TITLE OF THE PAPER
</h2>
</a>
<p class="authors">
LIST OF AUTHORS
<span>DATE</span>
</p>
<p class="description">
DESCRIPTION OF THE PAPER
</p>
<!-- You can put the link to the github repository of the project, delete the image to give information like "to appear" or delete it altogether.-->
<a href="#" class="github">
<img src="img/github.svg">
<p>Github repository</p>
</a>
</article>
<p>We recently presented our findings, see below for the full videos.</p>
<!--1st Quantum Summit-->
<div class="clip">
<iframe height="315" src="https://www.youtube.com/embed/YtqmxqNp8Ko" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen>
</iframe>
<div>
<h2>Summary video of the 1st Quantum Computing Summit</h2>
<p>Including: Marcin Detynieki, George Woodman, Chaouki Boutharoute & Astrid Stange</p>
</div>
</div>
<div class="clip">
<iframe height="315" src="https://www.youtube.com/embed/ibyXOCnDNYk" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen>
</iframe>
<div>
<h2>Introduction to Quantum Computing</h2>
<p>Presented by Marcin Detynieki</p>
</div>
</div>
<div class="clip">
<iframe height="315" src="https://www.youtube.com/embed/IV1-l_xZ7Qc" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen>
</iframe>
<div>
<h2>State of the Art, Market Research & Applications of the Technology</h2>
<p>Presented by George Woodman</p>
</div>
</div>
</section>
<!------------------------------| TEAM |---------------------------------------->
<section class="team">
<h1>The team</h1>
<div class="member">
<img src="img/team/chaouki.jpg">
<div>
<h2>Chaouki Boutharouite</h2>
<p>Research and Innovation Manager</p>
<a href="mailto:chaouki.boutharouite@axa.com">Contact me</a>
</div>
</div>
<!-- contact -->
<div class="member">
<img src="img/team/marcin.jpeg">
<div>
<h2>Marcin Detyniecki</h2>
<p>Head of Research and Development</p>
<a href="mailto:marcin.detyniecki@axa.com">Contact me</a>
</div>
</div>
<!-- contact -->
<div class="member">
<img src="img/team/george.jpeg">
<div>
<h2>George Woodman</h2>
<p>Quantum Lead</p>
<a href="mailto:george.woodman@axa.com">Contact me</a>
</div>
</div>
</section>
<!------------------------------| FOOTER |---------------------------------------->
<footer>
<div>
<a href="#">
<h3>Follow Us</h3>
</a>
</div>
<div>
<h3>About Us</h3>
<p>We are a global research team working for AXA. We strongly believe that research will make the world a better place for tommorow.</p>
<img src="img/paris-illustration.png">
</div>
</footer>
</body>
</html>