Orbitex - Concept Responsive Coming Soon Template
Orbitex – Concept Responsive Coming Soon Templatee
A “Orbitex – Responsive Coming Soon Template” is perfect if you like a clean and minimalistic design. The pack allows you to use 6 different type of pages: static background , audio background , slideshow background (2 versions) and video background (Youtube orVimeo). This template has the support of the change content using touch and swipe.
If you like this template, please don’t forget to rate it
Main features:
- Powered on GSAP
- Full screen backgrounds
- Video background (Youtube and Vimeo)
- Fully responsive
- Retina ready
- Working Ajax PHP contact form
- Working Ajax mailchimp subscribe form
- Touch and swipe …
Credits:
Javascripts
- Easing
- Font Awesome
- GSAP
- DownCount
- Swiper
Images
- Wallpaperswide
Audio
- dejans / audiojungle
Note:
Images and audio used in the demo are not included in the archive of the – for the license restrictions. They are replaced by dummy placeholders.
Updates / Changelog
21.06.2015
Fixed bug of audio playback in the video background (Vimeo)
Youtube sound not playing? How to get youtube sound to play ?
ReplyDeleteGood day . In html file remove this code :
ReplyDeletefunction onPlayerReady(event) {
event.target.setVolume(0);
event.target.mute();
event.target.playVideo();
event.target.setPlaybackQuality('hd720');
}
and add this :
function onPlayerReady(event) {
event.target.playVideo();
event.target.setPlaybackQuality('hd720');
}
how can I add an extra page.
ReplyDeleteGood day . Just add this code
ReplyDelete<!-- new page -->
<div class="swiper-slide slide-bg" style="background:url(images/bg/yourimage.jpg)">
<div class="overlay hmoov" />
your content here
</div>
<!--new page end-->
after <!-Contact end->
Thanks for the quick reply. i have placed here but it is not showing up: <!-Contact end->
ReplyDelete<!-- new page -->
<div class="swiper-slide slide-bg" style="background:url(images/bg/1.jpg)">
<div class="overlay hmoov" />
<div class="container">
<section>
<div class="content-inner">
<div class="section-decor" />
<div class="content-holder">
<div class="about">
<h3>About us</h3>
<h4> Ut enim ad minim veniam, quis nostrud exercitation ullamco sit voluptatem.</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat. Ultricies nisi voluptatem, illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo nemo enim ipsam voluptatem. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam.</p>
<div class="btn go-contact">Our contacts</div>
</div>
</div>
</div>
</section>
</div>
<!--new page end-->
</div>
Good day . Give me your e-mail
ReplyDeleteHi mate!
ReplyDeleteDropped you an email thru your page, but need more help now…
First off, how do I mute the sound on index4 for Vimeo?
Second, I put the ID for the video on YouTube in index5, but all I see is the background image and not the video. What could be wrong?
Best
Pontus
How do I remove mouse effect of animated spiderweb ? Great theme!
ReplyDeleteGood day . Remove this code :
ReplyDelete<div id="canvas-holder">
<canvas id="demo-canvas"></canvas>
</div>
Shure you checked this on Mobile devices? My test on a iPhone 5s brings up a lot of problems with the animation and the position of elements on the page. So what is a resposive layout in your opinion? Just the fact that it fits to the different solutions of mobile devices? The rest doesn’t matter?
ReplyDeleteall tested on iphone 6 , iphone 6+ , ipad air , lenovo vibex etc – everything works perfectly . Bye
ReplyDeletein ur demo example: http://orbitex.kwst.net/site/index6.html “i’d like to move audio button under the hero text (in ur example OUR WEBSITE COMING SOON)...i try but doesn’t work…any suggestion? Kindly Regards
ReplyDeleteChange code here :
ReplyDeletefile style.css
#audio-control {
position:absolute;
top:90%;
left:5%;
width:31px;
height:31px;
z-index:2;
cursor:pointer;
background-image:url(../images/audio.gif);
background-repeat:no-repeat;
background-position:bottom;
-webkit-box-reflect: below 1px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(.6, transparent), to(rgba(0,0,0,0.2)));
}
Hi, 2 questions:
ReplyDelete1) Can images be purchased individually somewhere?
2) Can you help with a code to use HTML5 video after purchase?
Regards.
Hi
ReplyDelete1. Images http://wallpaperswide.com/1920x1080-wallpapers-r.html
2. yes i can .
Thank you, bought it!
ReplyDeleteCheck your mail
ReplyDeleteReceived the code, will implement it this week, thank you.
ReplyDeleteCheck your mail again
ReplyDeleteHi, HTML5 video works perfectly! You must add this version to your bundle too, it will boost the sales (I almost pass near this awesome template without a local video!). Great work, thank you.
ReplyDeleteThank you
ReplyDeletethe rheme doesn’t install on wordpress
ReplyDeleteThis theme doesn’t install on wordpress
ReplyDelete