-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
156 lines (156 loc) · 7.78 KB
/
about.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
<!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">
<link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css"
integrity="sha384-AYmEC3Yw5cVb3ZcuHtOA93w35dYTsvhLPVnYs9eStHfGJvOvKxVfELGroGkvsg+p" crossorigin="anonymous" />
<link rel="stylesheet" href="./css/styles.css">
<title>About React Summit</title>
</head>
<body>
<div class="about-container">
<header>
<div class="menu-container">
<div class="top-bar hide-on-small">
<i class="fab fa-facebook-f"></i>
<i class="fab fa-twitter"></i>
<ul class="menu">
<li class="menu-item"><a href="#" title="Change the language">English</a></li>
<li class="menu-item"><a href="#" title="My page">My page</a></li>
<li class="menu-item"><a href="#" title="Logout">Logout</a></li>
</ul>
</div>
</div>
<div class="second-bar">
<div class="navigation">
<div class="logo">
<a class="hide-on-small" href="index.html" title="Home"><img src="./images/react_logo.png" alt="React logo"
width="96"></a>
<span class="logo-text hide-on-small">React Global Summit 2022</span>
</div>
<nav class="navigation-small hide-on-small">
<ul class="links">
<li class="link link-first"><a href="about.html" title="About us">About</a></li>
<li class="link"><a href="index.html#program" title="Program">Program</a></li>
<li class="link"><a href="https://ti.to/gitnation/react-summit-2022" title="Join">Join</a></li>
<li class="link"><a href="#sponsors" title="Sponsor">Sponsor</a></li>
<li class="link"><a href="https://www.facebook.com/reactamsterdam" title="News">News</a></li>
<li class="link link-last"><a href="index.html" title="React Sumit">RS Conference</a></li>
</ul>
</nav>
<nav class="hide-on-big">
<i class="fas fa-bars hamburger"></i>
<i class="fas fa-times close-button"></i>
</nav>
</div>
</div>
</header>
<main class="main-about">
<div class="breadcrumb hide-on-small">
<a href="index.html" title="Home"><i class="fas fa-home"></i></a> <span> > </span><span><a class="about-link" href="about.html"
title="About React Summit">About</a></span>
</div>
<span class="about-hello hide-on-big">"The biggest React conference"</span>
<h1 class="about-title">REACT GLOBAL<br>SUMMIT 2022</h1>
<hr class="line-orange hide-on-small">
<div class="about-text">
<p class="about-paragraph">React Summit is an annual conference on all things React, gathering thousands of
Front-end and Full-stack
engineers from around the world.</p>
<p class="about-paragraph">Originally exclusively in-person, React Summit now offers a hybrid format with both
remote and in-person
participation.</p>
<p class="about-paragraph">This year, the format of the event will be hybrid, with the first day streamed from
the Amsterdam venue
including hybrid networking features and interactive entertainment; and second day, as well as the numerous
free workshops, streamed to the global audience online.</p>
</div>
<div class="contact-lines">
<p class="about-contact">Please, contact us per Email for any further questions about React Summit 2022!</p>
<div class="email-address">
<a class="email" href="mailto:reactsummit@react.com">reactsummit@react.com</a>
<span class="about-arrow"> ></span>
</div>
</div>
</main>
<section class="event">
<div class="event-container">
<h2 class="event-title">React Summit 2022 The Netherlands</h2>
<hr class="line-orange">
<p class="about-paragraph">The React summit 2022 will be hosted by Amsterdam conference center on June
17<sup>th</sup> and June
21<sup>st</sup> remotely.</p>
<p class="about-paragraph">It includes 2 tracks - base camp and summit. 60+ speakers sharing latest insights.
25K+ developers from all
over the globe. 1500 luckies meet in Amsterdam.</p>
<p class="about-paragraph">We would not be here, if companies like Facebook would not invest into Open Source so
heavily, as well as
React
would not grow that much without support of multiple great companies from across the globe.</p>
<div class="logo-about">
<img src="./images/react_logo.png" alt="React logo" width="192">
<div class="logo-about-text">
<span class="logo-text-first">React Global</span>
<span class="logo-text-second">Summit 2022</span>
<span class="small-text">17th and 21st of June 2022, Amsterdam</span>
</div>
</div>
</div>
</section>
<hr>
<section class="past">
<div class="past-container past-container-about">
<h2 class="event-title">See the past React Summits</h2>
<hr class="line-orange">
<p class="about-paragraph">Take a look at the last two React Summit which took place in London, UK 2018 and
Lagos, Nigeria 2019</p>
<div class="past-summits">
<a href="https://reactfest.uk/" title="React Fest London"><img
class="past-photo past-photo-about" src="./images/React_summit_color_text.png"
alt="React Fest London, 2018"></a>
<a href="https://reactsummit2019.splashthat.com/" title="React Summit Lagos"><img
class="past-photo past-photo-about" src="./images/React_summit_2_color_text.png"
alt="React Summit Lagos, Nigeria, 2019"></a>
</div>
</div>
</section>
<section id="sponsors" class="partners hide-on-big">
<h3 class="partner-title">Sponsors</h3>
<hr class="line-orange">
<div class="brands">
<a href="https://rangle.io/" title="Rangle"><img class="brand-img" src="./images/rangle_color.png"
alt="Rangle.io"></a>
<a href="https://www.shopify.com/careers" title="Shopify"><img class="brand-img"
src="./images/shopify_color.png" alt="Shopify"></a>
<a href="https://www.microsoft.com/" title="Microsoft"><img class="brand-img" src="./images/Microsoft_color.png"
alt="Microsoft"></a>
<a href="https://www.storyblok.com/" title="Storyblok"><img class="brand-img" src="./images/Storyblok_color.png"
alt="Storyblok"></a>
<a href="https://rollbar.com/" title="Rollbar"></a><img class="brand-img" src="./images/Rollbar_color.png"
alt="Rollbar">
</div>
</section>
<footer class="footer-about">
<div class="footer-container-about">
<div class="react">
<a href="index.html" title="Home"><img src="./images/react_logo_black.png" alt="React Sumit logo" width="96"></a>
<span class="react-footer-about hide-on-small">REACT SUMMIT<br>AMSTERDAM</span>
</div>
<div class="legal about-legal">
<span>Copyright © 2021 Facebook Inc. All rights reserved.</span>
<p class="footer-last hide-on-small">To find out more, full summit schedule, registration and tickets, please
visit <a class="speaker-link-about" href="https://reactsummit.com/" title="React Sumit 2022">React summit</a> at: https://reactsummit.com/</p>
</div>
</div>
</footer>
<div class="pattern1"></div>
<div class="pattern2"></div>
<div class="cross-circle-about"></div>
<div class="circle-chess-about"></div>
<div class="circle-chess-about-big"></div>
</div>
<script src="./js/script.js"></script>
</body>
</html>