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

remove unused blocks, update menu

Browse Source
This commit is contained in:
Mikhail Kuznetcov
2021-03-10 11:04:23 +03:00
parent 3c09509700
commit 925db5198b
4 changed files with 77 additions and 252 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
css/custom.css Normal file
View File

@@ -0,0 +1,9 @@
.small-footer-text p {
font-size: .5em;
}
.btn.btn-primary.big-red-button {
background: #f44336;
}
#fh5co-intro {
padding-bottom: 0px;
}

1
css/style.css
View File

@@ -459,7 +459,6 @@ h1, h2, h3, h4, h5, h6 {
bottom: 0;
margin-top: -150px;
z-index: 10;
padding-bottom: 7em;
}
@media screen and (max-width: 768px) {
#fh5co-intro {

1
css/style3.css
View File

@@ -459,7 +459,6 @@ h1, h2, h3, h4, h5, h6 {
bottom: 0;
margin-top: -150px;
z-index: 10;
padding-bottom: 7em;
}
@media screen and (max-width: 768px) {
#fh5co-intro {

318
index.html
View File

@@ -11,7 +11,6 @@
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="SimpleWebConf website" />
<meta name="keywords" content="free html5, free template, free bootstrap, html5, css3, mobile first, responsive" />
<meta name="author" content="FREEHTML5.CO" />
<!--
//////////////////////////////////////////////////////
@@ -53,22 +52,25 @@
<link rel="stylesheet" href="css/magnific-popup.css">
<!-- Bootstrap -->
<link rel="stylesheet" href="css/bootstrap.css">
<!--
Default Theme Style
You can change the style.css (default color purple) to one of these styles
1. pink.css
2. blue.css
3. turquoise.css
4. orange.css
5. lightblue.css
6. brown.css
7. green.css
<!--
Default Theme Style
You can change the style.css (default color purple) to one of these styles
1. pink.css
2. blue.css
3. turquoise.css
4. orange.css
5. lightblue.css
6. brown.css
7. green.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 -->
@@ -98,12 +100,12 @@
</div>
<div id="navbar" class="navbar-collapse collapse">
<ul class="nav navbar-nav navbar-right">
<li class="active"><a href="#" data-nav-section="home"><span>Home</span></a></li>
<li><a href="#" data-nav-section="work"><span>Work</span></a></li>
<!-- <li><a href="#" data-nav-section="testimonials"><span>Testimonials</span></a></li> -->
<li><a href="#" data-nav-section="services"><span>Services</span></a></li>
<li><a href="#" data-nav-section="about"><span>About</span></a></li>
<li><a href="#" data-nav-section="contact"><span>Contact</span></a></li>
<li><a href="#" data-nav-section="cfp"><span>Submit CFP</span></a></li>
<li><a href="#" data-nav-section="tickets"><span>Tickets </span></a></li>
<li><a href="#"><i class="icon-twitter"></i></a></li>
</ul>
</div>
</nav>
@@ -158,7 +160,7 @@
<div class="fh5co-text">
<i class="fh5co-intro-icon icon-rocket"></i>
<h2>No limitations</h2>
<p>The web is amazing. There are so many things you can in the browser today. We might have lost our good friends %3Cmarque%3E, %3Cblink%3E and spacer GIFs but we get so much in return! You can do anything as a developer</p>
<p>The web is amazing. There are so many things you can in the browser today. We might have lost our good friends 'marque', 'blink' and spacer GIFs but we get so much in return! You can do anything as a developer</p>
</div>
</div>
</div>
@@ -169,220 +171,6 @@
</div> -->
</div>
</section>
<section id="fh5co-work" data-section="work">
<div class="container">
<div class="row">
<div class="col-md-12 section-heading text-center">
<h2 class="to-animate">Do what you like</h2>
<div class="row">
<div class="col-md-8 col-md-offset-2 subtext to-animate">
<h3>The old school webmasters no longer exist. The web is wide and diverse, and so are the roles in web development. This is great, because you can focus on what you like! If you can imagine it, odds are, somebody else has made it (and shared it).
In the end, the web is about what makes it fun for you. Part of the fun is that you can use whatever you like (including frameworks) because it’s the web! You can do whatever!</h3>
</div>
</div>
</div>
</div>
<div class="row row-bottom-padded-sm">
<div class="col-md-4 col-sm-6 col-xxs-12">
<a href="images/work_1.jpg" class="fh5co-project-item image-popup to-animate">
<img src="images/work_1.jpg" alt="Image" class="img-responsive">
<div class="fh5co-text">
<h2>Talk 1</h2>
<span>Branding</span>
</div>
</a>
</div>
<div class="col-md-4 col-sm-6 col-xxs-12">
<a href="images/work_2.jpg" class="fh5co-project-item image-popup to-animate">
<img src="images/work_2.jpg" alt="Image" class="img-responsive">
<div class="fh5co-text">
<h2>Talk 2</h2>
<span>Web</span>
</div>
</a>
</div>
<div class="clearfix visible-sm-block"></div>
<div class="col-md-4 col-sm-6 col-xxs-12">
<a href="images/work_3.jpg" class="fh5co-project-item image-popup to-animate">
<img src="images/work_3.jpg" alt="Image" class="img-responsive">
<div class="fh5co-text">
<h2>Talk 3</h2>
<span>Web</span>
</div>
</a>
</div>
<div class="col-md-4 col-sm-6 col-xxs-12">
<a href="images/work_4.jpg" class="fh5co-project-item image-popup to-animate">
<img src="images/work_4.jpg" alt="Image" class="img-responsive">
<div class="fh5co-text">
<h2>Talk 4</h2>
<span>UI/UX</span>
</div>
</a>
</div>
<div class="clearfix visible-sm-block"></div>
<div class="col-md-4 col-sm-6 col-xxs-12">
<a href="images/work_5.jpg" class="fh5co-project-item image-popup to-animate">
<img src="images/work_5.jpg" alt="Image" class="img-responsive">
<div class="fh5co-text">
<h2>Talk 1</h2>
<span>Photography</span>
</div>
</a>
</div>
<div class="col-md-4 col-sm-6 col-xxs-12">
<a href="images/work_6.jpg" class="fh5co-project-item image-popup to-animate">
<img src="images/work_6.jpg" alt="Image" class="img-responsive">
<div class="fh5co-text">
<h2>Talk 2</h2>
<span>Illustration</span>
</div>
</a>
</div>
<div class="clearfix visible-sm-block"></div>
<div class="col-md-4 col-sm-6 col-xxs-12">
<a href="images/work_7.jpg" class="fh5co-project-item image-popup to-animate">
<img src="images/work_7.jpg" alt="Image" class="img-responsive">
<div class="fh5co-text">
<h2>Talk 3</h2>
<span>Web</span>
</div>
</a>
</div>
<div class="col-md-4 col-sm-6 col-xxs-12">
<a href="images/work_8.jpg" class="fh5co-project-item image-popup to-animate">
<img src="images/work_8.jpg" alt="Image" class="img-responsive">
<div class="fh5co-text">
<h2>Talk 4</h2>
<span>Sketch</span>
</div>
</a>
</div>
<div class="clearfix visible-sm-block"></div>
<div class="col-md-4 col-sm-6 col-xxs-12">
<a href="images/work_1.jpg" class="fh5co-project-item image-popup to-animate">
<img src="images/work_1.jpg" alt="Image" class="img-responsive">
<div class="fh5co-text">
<h2>Talk 2</h2>
<span>Illustration</span>
</div>
</a>
</div>
</div>
<div class="row"></div>
</div>
</section>
<!-- <section id="fh5co-testimonials" data-section="testimonials">
<div class="container">
<div class="row">
<div class="col-md-12 section-heading text-center">
<h2 class="to-animate">Testimonials</h2>
<div class="row">
<div class="col-md-8 col-md-offset-2 subtext to-animate">
<h3>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</h3>
</div>
</div>
</div>
</div>
<div class="row">
<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. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. 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/person2.jpg" alt="Person"></figure>
<p>
John Doe, Senior UI <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-services" data-section="services">
<div class="container">
<div class="row">
<div class="col-md-12 section-heading text-left">
<h2 class=" left-border to-animate">Services</h2>
<div class="row">
<div class="col-md-8 subtext to-animate">
<h3>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</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-anchor"></i>
<h3>Brand &amp; Strategy</h3>
<p>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</p>
</div>
<div class="col-md-6 col-sm-6 fh5co-service to-animate">
<i class="icon to-animate-2 icon-layers2"></i>
<h3>Web &amp; Interface</h3>
<p>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</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-video2"></i>
<h3>Photo &amp; Video</h3>
<p>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</p>
</div>
<div class="col-md-6 col-sm-6 fh5co-service to-animate">
<i class="icon to-animate-2 icon-monitor"></i>
<h3>CMS &amp; eCommerce</h3>
<p>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</p>
</div>
</div>
</div>
</section>
<section id="fh5co-about" data-section="about">
<div class="container">
@@ -440,12 +228,37 @@
</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>
Register now to get a reminder later when the agenda is defined
</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 ticket</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>About conference</h2>
<h2>About the conference</h2>
</div>
</div>
<div class="row">
@@ -474,37 +287,42 @@
</div>
</section>
<section id="fh5co-contact" data-section="contact">
<section data-section="cfp">
<div class="container">
<div class="row">
<div class="col-md-6 text-center"> <p><a href="https://sessionize.com/simplewebconf-2021/" class="btn btn-primary btn-large">Sumbit your talk a CFP</a></p>
<div class="col-md-12 section-heading text-center">
<h2>Share knowledge</h2>
<div class="row"></div>
<div class="col-md-8 col-md-offset-2 subtext to-animate fadeInUp animated">
<h3>
Have a relevant story to tell - join the team on stage
</h3>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6 text-center"><p><a href="https://www.eventbrite.nl/e/tickets-simplewebconf-144376406719" class="btn btn-primary btn-large">Get your ticket</a></p>
</div>
<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">Sumbit your talk a CFP</a></p>
</div>
</div>
</div>
</section>
<footer id="footer" role="contentinfo">
<a href="#" class="gotop js-gotop"><i class="icon-arrow-up2"></i></a>
<div class="container">
<div class="">
<div class="col-md-12 text-center">
<p>&copy; Elate Free HTML5. All Rights Reserved. <br>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 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>
<div class="row">
<div class="col-md-12 text-center">
<ul class="social social-circle">
<li><a href="#"><i class="icon-twitter"></i></a></li>
<li><a href="#"><i class="icon-facebook"></i></a></li>
<li><a href="#"><i class="icon-youtube"></i></a></li>
</ul>
</div>
</div>
</div>
</footer>