jlengrand/SimpleWebConf.github.io
1
0
Fork 0
mirror of https://github.com/SimpleWebConf/SimpleWebConf.github.io.git synced 2026-03-10 08:51:23 +00:00
Code Issues Packages Projects Releases Wiki Activity
Files
bcf879ce00f420c5c745da0ba5e3cec0bae352bc
SimpleWebConf.github.io/index.html
Alex Korzhikov bcf879ce00 add website link
2021-04-15 14:10:43 +02:00

413 lines
17 KiB
HTML
Raw Blame History

<!DOCTYPE html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>SimpleWebConf 2021 - Make Web Development Simple</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="SimpleWebConf website" />
<meta name="keywords" content="snowpack, lit-html, html imports, conference celebrating web development made simple, from side project to enterprise!" />
<meta property="og:title" content="SimpleWebConf 2021"/>
<meta property="og:image" content="http://simplewebconf.com/images/logo-wide.png"/>
<meta property="og:url" content="http://simplewebconf.com/"/>
<meta property="og:site_name" content="SimpleWebConf 2021"/>
<meta property="og:description" content="A conference celebrating web development made simple, from side project to enterprise!"/>
<meta name="twitter:title" content="SimpleWebConf 2021" />
<meta name="twitter:image" content="http://simplewebconf.com/images/logo-wide.png" />
<meta name="twitter:url" content="http://simplewebconf.com/" />
<meta name="twitter:card" content="A conference celebrating web development made simple, from side project to enterprise!" />
<link rel="shortcut icon" href="favicon.ico">
<link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,300,600,400italic,700' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css/animate.css">
<link rel="stylesheet" href="css/icomoon.css">
<link rel="stylesheet" href="css/simple-line-icons.css">
<link rel="stylesheet" href="css/magnific-popup.css">
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/style5.css">
<!-- custom -->
<link rel="stylesheet" href="css/custom.css">
<script src="js/modernizr-2.6.2.min.js"></script>
<!-- FOR IE9 below -->
<!--[if lt IE 9]>
<script src="js/respond.min.js"></script>
<![endif]-->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-V5CKWQW54T"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-V5CKWQW54T');
</script>
</head>
<body>
<header role="banner" id="fh5co-header">
<div class="container">
<div class="row navbar navbar-default">
<div class="col-md-3 col-xs-12 logo-menu-line">
<!-- Mobile Toggle Menu Button -->
<a href="#" class="js-fh5co-nav-toggle fh5co-nav-toggle" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"><i></i></a>
<a class="navbar-brand" href="index.html"><img src="images/logo-white.png" alt="the simplewebconf logo">SimpleWebConf</a>
</div>
<div id="navbar" class="navbar-collapse collapse col-md-6 col-xs-12">
<ul class="nav navbar-nav navbar-right"
style="padding-top: .5em;">
<li><a href="#" data-nav-section="themes"><span>Themes</span></a></li>
<li><a href="#" data-nav-section="program"><span>Program</span></a></li>
<li><a href="#" data-nav-section="about"><span>Team</span></a></li>
<li><a href="#" data-nav-section="cfp"><span>CFP</span></a></li>
<li><a href="#" data-nav-section="tickets"><span>Tickets </span></a></li>
<li><a href="coc.html" class="external"><span>CoC </span></a></li>
<li><a class="external" href="https://twitter.com/simplewebconf" target="_blank"><i class="icon-twitter"></i></a></li>
<li id="navbar-2nd-logo">
<a href="https://www.ing.com/" target="_blank">
<img src="/images/ING_Primary_Logo_RGB.png"/>
powered by
</a>
</li>
</ul>
</div>
</div>
</header>
<section id="fh5co-home" data-section="home" style="background-image: url(images/full_image_2.jpg);" data-stellar-background-ratio="0.5">
<div class="gradient"></div>
<div class="container">
<div class="text-wrap">
<div class="text-inner">
<div class="row">
<div class="col-md-8 col-md-offset-2">
<h1 class="to-animate">SimpleWebConf 2021</h1>
<h2 class="to-animate">A conference celebrating web development made simple, from side project to enterprise!
</h2>
<br>
<h1 class="to-animate">22-25 June, 2021 - online - free</h1>
</div>
</div>
</div>
</div>
</div>
<div class="slant"></div>
</section>
<section id="fh5co-testimonials" data-section="themes">
<div class="container">
<div class="row">
<div class="col-md-12 section-heading text-left">
<h2 class=" left-border to-animate">Themes</h2>
<div class="row">
<div class="col-md-8 subtext to-animate">
<h3>SimpleWebConf is a conference centered around the web ecosystem and its developers. For this we have selected 4 main themes. And if you have questions or remarks, feel free to <a href="https://twitter.com/simplewebconf">contact us!</a></h3>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6 col-sm-6 fh5co-service to-animate">
<i class="icon to-animate-2 icon-layers"></i>
<h3>Components</h3>
<p>Building future proof with Web Components & Libraries</p>
</div>
<div class="col-md-6 col-sm-6 fh5co-service to-animate">
<i class="icon to-animate-2 icon-monitor"></i>
<h3>Web Applications</h3>
<p>PWAs, Service Workers, Mobile, Micro FrontEnds, Architecture</p>
</div>
<div class="clearfix visible-sm-block"></div>
<div class="col-md-6 col-sm-6 fh5co-service to-animate">
<i class="icon to-animate-2 icon-wrench"></i>
<h3>Developer tools</h3>
<p>Tooling, Typing, IDEs, Plugins</p>
</div>
<div class="col-md-6 col-sm-6 fh5co-service to-animate">
<i class="icon to-animate-2 icon-rocket"></i>
<h3>Build & Deploy</h3>
<p>Buildless, CI/CD, Bundleless, DevOpsless</p>
</div>
</div>
</div>
</section>
<section id="fh5co-services" data-section="program">
<div class="container">
<div class="row">
<div class="col-md-12 section-heading text-center">
<h2 class="to-animate">Program</h2>
<div class="row">
<div class="col-md-8 col-md-offset-2 subtext to-animate">
<h3>Stay tuned!</h3>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4">
<div class="box-testimony">
<blockquote class="to-animate-2">
<h3>A modern web setup for static sites with a sprinkle of JavaScript</h3>
<p>
Join me in taking a brief history in how web development started with html, css, js and how is it different to the complex js heavy development from today.
Not everyone likes these complexities so we will explore some (upcoming) web standards and tools which allow us go full circle and working with html, css, js again without compromises in Developer or User Experience.
</p>
</blockquote>
<div class="author to-animate">
<figure><img src="https://sessionize.com/image/dc94-200o200o2-WJxBwHYSyNYyBMY7n69Mwk.jpg" alt="Thomas Allmer image"></figure>
<p>
Founder of <a href="https://open-wc.org/" target="_blank">open-wc</a> and <a href="https://modern-web.dev/" target="_blank">Modern Web</a>
<span class="subtext">Developer since the golden ages and strong believer in the web and its standard process. I like simplicity and avoid complexities by splitting them up. I like to automate things because then I can't forget them.</span>
</p>
</div>
</div>
</div>
<!-- <div class="col-md-4"> -->
<!-- <div class="box-testimony">
<blockquote class="to-animate-2">
<p>&ldquo;Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.&rdquo;</p>
</blockquote>
<div class="author to-animate">
<figure><img src="images/person1.jpg" alt="Person"></figure>
<p>
Jean Doe, CEO <a href="http://freehtml5.co/" target="_blank">FREEHTML5.co</a> <span class="subtext">Creative Director</span>
</p>
</div>
</div> -->
<!-- </div> -->
<!-- <div class="col-md-4"> -->
<!-- <div class="box-testimony">
<blockquote class="to-animate-2">
<p>&ldquo;Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. &rdquo;</p>
</blockquote>
<div class="author to-animate">
<figure><img src="images/person3.jpg" alt="Person"></figure>
<p>
Chris Nash, Director <a href="http://freehtml5.co/" target="_blank">FREEHTML5.co</a> <span class="subtext">Creative Director</span>
</p>
</div>
</div> -->
<!-- </div> -->
</div>
</div>
</section>
<section id="fh5co-about">
<div class="container">
<div class="row">
<div class="col-md-12 section-heading text-center">
<h2 class="to-animate">Meet the team</h2>
</div>
</div>
<div class="row">
<div class="col-md-4">
<div class="fh5co-person text-center to-animate">
<figure><img src="images/team/julien.jpeg" alt="julien's profile photo"></figure>
<h3>Julien Lengrand-Lambert</h3>
<span class="fh5co-position">Tech Community Builder</span>
<p>Community Builder and Lead developer. I create 'islands' where engineers are the heroes</p>
<ul class="social social-circle">
<li><a href="https://twitter.com/jlengrand"><i class="icon-twitter"></i></a></li>
<li><a href="https://www.linkedin.com/in/julienlengrand/"><i class="icon-linkedin"></i></a></li>
<li><a href="https://github.com/jlengrand"><i class="icon-github"></i></a></li>
</ul>
</div>
</div>
<div class="col-md-4">
<div class="fh5co-person text-center to-animate">
<figure><img src="images/team/mikhail.jpeg" alt="mikhail's profile photo"></figure>
<h3>Mikhail Kuznetcov</h3>
<span class="fh5co-position">IT Chapter Lead</span>
<p>Software engineer, teacher, team lead. Software architecture professional, events organiser</p>
<ul class="social social-circle">
<li><a href="https://twitter.com/shershen08"><i class="icon-twitter"></i></a></li>
<li><a href="https://www.linkedin.com/in/michailkuznetcov/"><i class="icon-linkedin"></i></a></li>
<li><a href="https://github.com/shershen08"><i class="icon-github"></i></a></li>
</ul>
</div>
</div>
<div class="col-md-4">
<div class="fh5co-person text-center to-animate">
<figure><img src="images/team/alex.png" alt="alex's profile photo"></figure>
<h3>Alex Korzhikov</h3>
<span class="fh5co-position">Software Engineer</span>
<p>Team lead, instructor, speaker, mentor, and author of technical materials</p>
<ul class="social social-circle">
<li><a href="https://twitter.com/AlexKorzhikov"><i class="icon-twitter"></i></a></li>
<li><a href="https://www.linkedin.com/in/julienlengrand/"><i class="icon-linkedin"></i></a></li>
<li><a href="https://github.com/korzio"><i class="icon-github"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
</br>
<div class="container" data-section="about">
<div class="row">
<div class="col-md-12 section-heading text-center">
<h2>Selection committee</h2>
Our team who will select the talks
</div>
</div>
<div class="row">
<div class="col-md-3">
<div class="fh5co-person text-center">
<figure><img src="images/team/margarita.jpeg" alt="margarita's profile photo"></figure>
<h3>Margarita Roi</h3>
<span class="fh5co-position">Freelance developer, teacher</span>
<ul class="social social-circle">
<li><a href="https://www.instagram.com/riittagirl/?hl=en"><i class="icon-instagram"></i></a></li>
</ul>
</div>
</div>
<div class="col-md-3">
<div class="fh5co-person text-center">
<figure><img src="images/team/swyx.jpeg" alt="Shawn's profile photo"></figure>
<h3>Shawn Swyx Wang </h3>
<span class="fh5co-position">Speaker, developer, author</span>
<ul class="social social-circle">
<li><a href="https://twitter.com/swyx?s=09"><i class="icon-twitter"></i></a></li>
</ul>
</div>
</div>
<div class="col-md-3">
<div class="fh5co-person text-center">
<figure><img src="images/team/natalie.jpeg" alt="Natalie's profile photo"></figure>
<h3>Natalie Fruitema</h3>
<span class="fh5co-position">Enthusiastic Front-end developer @ING</span>
<ul class="social social-circle">
<li><a href="https://www.linkedin.com/in/natalie-fruitema-406074131/"><i class="icon-linkedin"></i></a></li>
</ul>
</div>
</div>
<div class="col-md-3">
<div class="fh5co-person text-center">
<figure><img src="images/team/frank.jpeg" alt="Frank's profile photo"></figure>
<h3>Frank Wijmans</h3>
<span class="fh5co-position">Consumer Engineer at Touchpoint ING</span>
<ul class="social social-circle">
<li><a href="https://www.linkedin.com/in/frank-wijmans-1a119832/"><i class="icon-linkedin"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
</section>
<section id="fh5co-about" data-section="tickets">
<div class="container">
<div class="row">
<div class="col-md-12 section-heading text-center">
<h2>Reserve your spot</h2>
<div class="row"></div>
<div class="col-md-8 col-md-offset-2 subtext to-animate fadeInUp animated">
<h3>
<b>SimpleWebConf 2021 is online, and free!</b>
<br>
Register now to get a reminder later when the agenda is defined. Seats are limited, so please reserve your seat now!
</h3>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6 col-md-offset-3 text-center">
<p><a href="https://www.eventbrite.com/e/simplewebconf-2021-tickets-144376406719?aff=site" class="btn btn-primary btn-large big-red-button">Get your free ticket now</a></p>
</div>
</div>
</section>
<section id="fh5co-counters" style="background-image: url(images/full_image_1.jpg);" data-stellar-background-ratio="0.5">
<div class="fh5co-overlay"></div>
<div class="container">
<div class="row">
<div class="col-md-12 section-heading text-center to-animate">
<h2>The conference in facts</h2>
</div>
</div>
<div class="row">
<div class="col-md-4 col-sm-6 col-xs-12">
<div class="fh5co-counter to-animate">
<i class="fh5co-counter-icon icon-briefcase to-animate-2"></i>
<span class="fh5co-counter-number js-counter" data-from="0" data-to="12" data-speed="500" data-refresh-interval="50">1</span>
<span class="fh5co-counter-label">Talks</span>
</div>
</div>
<div class="col-md-4 col-sm-6 col-xs-12">
<div class="fh5co-counter to-animate">
<i class="fh5co-counter-icon icon-code to-animate-2"></i>
<span class="fh5co-counter-number js-counter" data-from="0" data-to="4" data-speed="500" data-refresh-interval="50">1</span>
<span class="fh5co-counter-label">workshops</span>
</div>
</div>
<div class="col-md-4 col-sm-6 col-xs-12">
<div class="fh5co-counter to-animate">
<i class="fh5co-counter-icon icon-cup to-animate-2"></i>
<span class="fh5co-counter-number js-counter" data-from="0" data-to="4" data-speed="500" data-refresh-interval="50">1</span>
<span class="fh5co-counter-label">days</span>
</div>
</div>
</div>
</div>
</section>
<section data-section="cfp">
<div class="container">
<div class="row">
<div class="col-md-12 section-heading text-center">
<h2>Sharing your knowledge</h2>
<div class="row"></div>
<div class="col-md-8 col-md-offset-2 subtext to-animate fadeInUp animated">
<h3>
Do you have a story to tell, from your daily work or maybe even from a side-project, submit your abstract and come inspire us on stage!
</h3>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6 col-md-offset-3 text-center">
<p><a href="https://sessionize.com/simplewebconf-2021/" class="btn btn-primary btn-large big-red-button">Submit your talk now!</a></p>
<span>Call for papers closes 25 May 2021</span>
<br><br><br>
</div>
</div>
</div>
</section>
<footer id="footer" role="contentinfo">
<div class="container">
<div class="">
<div class="col-md-12 text-center small-footer-text">
<p>&copy; Elate Free HTML5. All Rights Reserved. Created by <a href="http://freehtml5.co/" target="_blank">FREEHTML5.co</a> Images: <a href="http://pexels.com/" target="_blank">Pexels</a>, <a href="http://plmd.me/" target="_blank">plmd.me</a></p>
</div>
</div>
<a href="#" class="gotop js-gotop"><i class="icon-arrow-up2"></i></a>
</div>
</footer>
<script src="js/jquery.min.js"></script>
<script src="js/jquery.easing.1.3.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.waypoints.min.js"></script>
<script src="js/jquery.stellar.min.js"></script>
<script src="js/jquery.countTo.js"></script>
<script src="js/jquery.magnific-popup.min.js"></script>
<script src="js/magnific-popup-options.js"></script>
<script src="js/main.js"></script>
</body>
</html>
Reference in New Issue View Git Blame Copy Permalink