mirror of
https://github.com/SimpleWebConf/SimpleWebConf.github.io.git
synced 2026-03-10 08:51:23 +00:00
remove demos
add CFP form
This commit is contained in:
Alex Korzhikov
230
index.html
230
index.html
@@ -69,117 +69,6 @@
|
||||
-->
|
||||
<link rel="stylesheet" href="css/style5.css">
|
||||
|
||||
<!-- Styleswitcher ( This style is for demo purposes only, you may delete this anytime. ) -->
|
||||
<link rel="stylesheet" id="theme-switch" href="css/style5.css">
|
||||
<!-- End demo purposes only -->
|
||||
|
||||
|
||||
<style>
|
||||
/* For demo purpose only */
|
||||
|
||||
/* For Demo Purposes Only ( You can delete this anytime :-) */
|
||||
#colour-variations {
|
||||
padding: 10px;
|
||||
-webkit-transition: 0.5s;
|
||||
-o-transition: 0.5s;
|
||||
transition: 0.5s;
|
||||
width: 140px;
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 100px;
|
||||
z-index: 999999;
|
||||
background: #fff;
|
||||
/*border-radius: 4px;*/
|
||||
border-top-right-radius: 4px;
|
||||
border-bottom-right-radius: 4px;
|
||||
-webkit-box-shadow: 0 0 9px 0 rgba(0,0,0,.1);
|
||||
-moz-box-shadow: 0 0 9px 0 rgba(0,0,0,.1);
|
||||
-ms-box-shadow: 0 0 9px 0 rgba(0,0,0,.1);
|
||||
box-shadow: 0 0 9px 0 rgba(0,0,0,.1);
|
||||
}
|
||||
#colour-variations.sleep {
|
||||
margin-left: -140px;
|
||||
}
|
||||
#colour-variations h3 {
|
||||
text-align: center;;
|
||||
font-size: 11px;
|
||||
letter-spacing: 2px;
|
||||
text-transform: uppercase;
|
||||
color: #777;
|
||||
margin: 0 0 10px 0;
|
||||
padding: 0;;
|
||||
}
|
||||
#colour-variations ul,
|
||||
#colour-variations ul li {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
#colour-variations li {
|
||||
list-style: none;
|
||||
display: block;
|
||||
margin-bottom: 5px!important;
|
||||
float: left;
|
||||
width: 100%;
|
||||
}
|
||||
#colour-variations li a {
|
||||
width: 100%;
|
||||
position: relative;
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
-webkit-border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
-ms-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
-webkit-transition: 0.4s;
|
||||
-o-transition: 0.4s;
|
||||
transition: 0.4s;
|
||||
}
|
||||
#colour-variations li a:hover {
|
||||
opacity: .9;
|
||||
}
|
||||
#colour-variations li a > span {
|
||||
width: 33.33%;
|
||||
height: 20px;
|
||||
float: left;
|
||||
display: -moz-inline-stack;
|
||||
display: inline-block;
|
||||
zoom: 1;
|
||||
*display: inline;
|
||||
}
|
||||
|
||||
|
||||
.option-toggle {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
margin-top: 5px;
|
||||
margin-right: -30px;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
background: #f64662;
|
||||
text-align: center;
|
||||
border-top-right-radius: 4px;
|
||||
border-bottom-right-radius: 4px;
|
||||
color: #fff;
|
||||
cursor: pointer;
|
||||
-webkit-box-shadow: 0 0 9px 0 rgba(0,0,0,.1);
|
||||
-moz-box-shadow: 0 0 9px 0 rgba(0,0,0,.1);
|
||||
-ms-box-shadow: 0 0 9px 0 rgba(0,0,0,.1);
|
||||
box-shadow: 0 0 9px 0 rgba(0,0,0,.1);
|
||||
}
|
||||
.option-toggle i {
|
||||
top: 2px;
|
||||
position: relative;
|
||||
}
|
||||
.option-toggle:hover, .option-toggle:focus, .option-toggle:active {
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
outline: none;
|
||||
}
|
||||
</style>
|
||||
<!-- End demo purposes only -->
|
||||
|
||||
|
||||
<!-- Modernizr JS -->
|
||||
<script src="js/modernizr-2.6.2.min.js"></script>
|
||||
<!-- FOR IE9 below -->
|
||||
@@ -586,60 +475,10 @@
|
||||
|
||||
<section id="fh5co-contact" data-section="contact">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12 section-heading text-center">
|
||||
<h2 class="to-animate">Get In Touch</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 row-bottom-padded-md">
|
||||
<div class="col-md-6 to-animate">
|
||||
<h3>Contact Info</h3>
|
||||
<ul class="fh5co-contact-info">
|
||||
<li class="fh5co-contact-address ">
|
||||
<i class="icon-home"></i>
|
||||
5555 Love Paradise 56 New Clity 5655, <br>Excel Tower United Kingdom
|
||||
</li>
|
||||
<li><i class="icon-phone"></i> (123) 465-6789</li>
|
||||
<li><i class="icon-envelope"></i>info@freehtml5.co</li>
|
||||
<li><i class="icon-globe"></i> <a href="http://freehtml5.co/" target="_blank">freehtml5.co</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="col-md-6 to-animate">
|
||||
<h3>Contact Form</h3>
|
||||
<div class="form-group ">
|
||||
<label for="name" class="sr-only">Name</label>
|
||||
<input id="name" class="form-control" placeholder="Name" type="text">
|
||||
</div>
|
||||
<div class="form-group ">
|
||||
<label for="email" class="sr-only">Email</label>
|
||||
<input id="email" class="form-control" placeholder="Email" type="email">
|
||||
</div>
|
||||
<div class="form-group ">
|
||||
<label for="phone" class="sr-only">Phone</label>
|
||||
<input id="phone" class="form-control" placeholder="Phone" type="text">
|
||||
</div>
|
||||
<div class="form-group ">
|
||||
<label for="message" class="sr-only">Message</label>
|
||||
<textarea name="" id="message" cols="30" rows="5" class="form-control" placeholder="Message"></textarea>
|
||||
</div>
|
||||
<div class="form-group ">
|
||||
<input class="btn btn-primary btn-lg" value="Send Message" type="submit">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<iframe src="https://docs.google.com/forms/d/e/1FAIpQLSdHR06pSK0FXsoTJjYPXjSFKDndN8TneSkksWJSZU6XE9FqlQ/viewform?embedded=true" width="640" height="1283" frameborder="0" marginheight="0" marginwidth="0">Loading…</iframe>
|
||||
</div>
|
||||
<div id="map" class="to-animate"></div>
|
||||
</section>
|
||||
|
||||
|
||||
<footer id="footer" role="contentinfo">
|
||||
<a href="#" class="gotop js-gotop"><i class="icon-arrow-up2"></i></a>
|
||||
<div class="container">
|
||||
@@ -662,51 +501,6 @@
|
||||
</footer>
|
||||
|
||||
|
||||
<!-- For demo purposes Only ( You may delete this anytime :-) -->
|
||||
<div id="colour-variations" class="sleep">
|
||||
<a class="option-toggle"><i class="icon-gear"></i></a>
|
||||
<h3>Preset Colors</h3>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="javascript: void(0);" data-theme="style">
|
||||
<span style="background: #3f95ea;"></span>
|
||||
<span style="background: #52d3aa;"></span>
|
||||
<span style="background: #f2f2f2;"></span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript: void(0);" data-theme="style2">
|
||||
<span style="background: #329998;"></span>
|
||||
<span style="background: #6cc99c;"></span>
|
||||
<span style="background: #f2f2f2;"></span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript: void(0);" data-theme="style3">
|
||||
<span style="background: #9f466e;"></span>
|
||||
<span style="background: #c24d67;"></span>
|
||||
<span style="background: #f2f2f2;"></span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript: void(0);" data-theme="style4">
|
||||
<span style="background: #21825C;"></span>
|
||||
<span style="background: #A4D792;"></span>
|
||||
<span style="background: #f2f2f2;"></span>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="javascript: void(0);" data-theme="style5">
|
||||
<span style="background: #c52a28;"></span>
|
||||
<span style="background: #fab4b7;"></span>
|
||||
<span style="background: #f2f2f2;"></span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- End demo purposes only -->
|
||||
|
||||
|
||||
<!-- jQuery -->
|
||||
<script src="js/jquery.min.js"></script>
|
||||
<!-- jQuery Easing -->
|
||||
@@ -722,28 +516,6 @@
|
||||
<!-- Magnific Popup -->
|
||||
<script src="js/jquery.magnific-popup.min.js"></script>
|
||||
<script src="js/magnific-popup-options.js"></script>
|
||||
<!-- Google Map -->
|
||||
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCefOgb1ZWqYtj7raVSmN4PL2WkTrc-KyA&sensor=false"></script>
|
||||
<script src="js/google_map.js"></script>
|
||||
|
||||
<!-- For demo purposes only styleswitcher ( You may delete this anytime ) -->
|
||||
<script src="js/jquery.style.switcher.js"></script>
|
||||
<script>
|
||||
$(function(){
|
||||
$('#colour-variations ul').styleSwitcher({
|
||||
defaultThemeId: 'theme-switch',
|
||||
hasPreview: false,
|
||||
cookie: {
|
||||
expires: 30,
|
||||
isManagingLoad: true
|
||||
}
|
||||
});
|
||||
$('.option-toggle').click(function() {
|
||||
$('#colour-variations').toggleClass('sleep');
|
||||
});
|
||||
});
|
||||
</script>
|
||||
<!-- End demo purposes only -->
|
||||
|
||||
<!-- Main JS (Do not remove) -->
|
||||
<script src="js/main.js"></script>
|
||||
|
||||
Reference in New Issue
Block a user