mirror of
https://github.com/SimpleWebConf/SimpleWebConf.github.io.git
synced 2026-03-10 08:51:23 +00:00
Improvement attempt
This commit is contained in:
Julien Lengrand-Lambert
BIN
images/ING_Primary_Logo_RGB.png
Normal file
BIN
images/ING_Primary_Logo_RGB.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 44 KiB |
338
index.html
338
index.html
@@ -1,9 +1,5 @@
|
||||
|
||||
<!DOCTYPE html>
|
||||
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
|
||||
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
|
||||
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
|
||||
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
@@ -12,7 +8,6 @@
|
||||
<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!" />
|
||||
|
||||
<!-- Facebook and Twitter integration -->
|
||||
<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/"/>
|
||||
@@ -23,27 +18,20 @@
|
||||
<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!" />
|
||||
|
||||
<!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
|
||||
<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'>
|
||||
|
||||
<!-- Animate.css -->
|
||||
<link rel="stylesheet" href="css/animate.css">
|
||||
<!-- Icomoon Icon Fonts-->
|
||||
<link rel="stylesheet" href="css/icomoon.css">
|
||||
<!-- Simple Line Icons -->
|
||||
<link rel="stylesheet" href="css/simple-line-icons.css">
|
||||
<!-- Magnific Popup -->
|
||||
<link rel="stylesheet" href="css/magnific-popup.css">
|
||||
<!-- Bootstrap -->
|
||||
<link rel="stylesheet" href="css/bootstrap.css">
|
||||
|
||||
<link rel="stylesheet" href="css/style5.css">
|
||||
<!-- custom -->
|
||||
<link rel="stylesheet" href="css/custom.css">
|
||||
|
||||
<!-- Modernizr JS -->
|
||||
<script src="js/modernizr-2.6.2.min.js"></script>
|
||||
<!-- FOR IE9 below -->
|
||||
<!--[if lt IE 9]>
|
||||
@@ -82,10 +70,6 @@
|
||||
<li><a class="external" href="https://twitter.com/simplewebconf" target="_blank"><i class="icon-twitter"></i></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="navbar-2nd-logo col-md-2 hidden-xs">
|
||||
<img src="/images/ING_Primary_Logo_Black_RGB.png"/>
|
||||
<p>powered<br> by</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
@@ -101,7 +85,7 @@
|
||||
<h2 class="to-animate">A conference celebrating web development made simple, from side project to enterprise!
|
||||
</h2>
|
||||
<br>
|
||||
<h1 class="to-animate">21-25 June 2021, online</h1>
|
||||
<h1 class="to-animate">21-25 June, 2021 - online - free</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -118,7 +102,7 @@
|
||||
<h2 class=" left-border to-animate">Themes</h2>
|
||||
<div class="row">
|
||||
<div class="col-md-8 subtext to-animate">
|
||||
<h3>We want 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>
|
||||
<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>
|
||||
@@ -138,7 +122,7 @@
|
||||
<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, PWA Builder, IDEs, Plugins</p>
|
||||
<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>
|
||||
@@ -163,156 +147,8 @@
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<section id="fh5co-about">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12 section-heading text-center">
|
||||
<h2>Meet the selection committee</h2>
|
||||
Our diverse 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="Image"></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="Image"></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="Image"></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="Image"></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 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.nl/e/tickets-simplewebconf-144376406719" 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>CFP Open 5 April - 25 May 2021</span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
<section id="fh5co-about" data-section="about">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12 section-heading text-center">
|
||||
@@ -361,44 +197,186 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</br>
|
||||
<div class="container">
|
||||
<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="Image"></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="Image"></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="Image"></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="Image"></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-services">
|
||||
</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.nl/e/tickets-simplewebconf-144376406719" 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>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="fh5co-services" >
|
||||
</section>
|
||||
|
||||
<section id="fh5co-about" data-section="sponsor">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12 section-heading text-center">
|
||||
<h2>Powered by ING</h2>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-4">
|
||||
<img class="img-responsive" src="images/ING_Primary_Logo_RGB.png" alt="Image">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<footer id="footer" role="contentinfo">
|
||||
<a href="#" class="gotop js-gotop"><i class="icon-arrow-up2"></i></a>
|
||||
</br>
|
||||
<div class="container">
|
||||
<div class="">
|
||||
<div class="col-md-12 text-center small-footer-text">
|
||||
<p>© 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>
|
||||
|
||||
|
||||
<!-- jQuery -->
|
||||
<script src="js/jquery.min.js"></script>
|
||||
<!-- jQuery Easing -->
|
||||
<script src="js/jquery.easing.1.3.js"></script>
|
||||
<!-- Bootstrap -->
|
||||
<script src="js/bootstrap.min.js"></script>
|
||||
<!-- Waypoints -->
|
||||
<script src="js/jquery.waypoints.min.js"></script>
|
||||
<!-- Stellar Parallax -->
|
||||
<script src="js/jquery.stellar.min.js"></script>
|
||||
<!-- Counter -->
|
||||
<script src="js/jquery.countTo.js"></script>
|
||||
<!-- Magnific Popup -->
|
||||
<script src="js/jquery.magnific-popup.min.js"></script>
|
||||
<script src="js/magnific-popup-options.js"></script>
|
||||
|
||||
<!-- Main JS (Do not remove) -->
|
||||
<script src="js/main.js"></script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user