Today’s free web design resource is a responsive coming soon template built with Bootstrap, named Alissa. You can use it if you’re planning to launch a new project or service soon and you want to begin creating your email list before the launch. Alissa comes with images slideshow, countdown timer, minimal and light design, AJAX email subscription form with form validation, and social icons. Take a look at the live demo and download it from the links below.
You might also like:
Uizer – Bootstrap Coming Soon Template
Piano – Bootstrap Coming Soon Landing Page
Demo, Download and License
Version 2.0
Read the ChangeLog and see what has changed.
DOWNLOAD: Alissa: Responsive Bootstrap Coming Soon Page, version 2 (31530 downloads)
Version 1
DOWNLOAD: Free Template Alissa: Responsive Bootstrap Coming Soon Page (41044 downloads)
License
You can use this coming soon template in personal and commercial projects, but you can’t sell or distribute it directly, “as is”. If you plan to use it, a link to this page or any form of spreading the word will be much appreciated.
Some of the resources used:
Photos by: Shermeee.
Images slideshow: jQuery Backstretch.
Alissa for WordPress
Alissa is also available as a WordPress theme. Check it out below:
Stay Updated
Subscribe to the Azmind Newsletter and I’ll update you as soon as I release a new WordPress Theme, Bootstrap Template, Tutorial or other Freebie:
To learn how we use your data when you sign up to our newsletter, read our Privacy Policy here.
Sorry, but countdown does not work in IE (mobile or not).
Can you help me?
Thanks,
Davi
I just tried it in IE 8, 9, 10 and it works.
Anli, please try with the following code in IE:
var now = new Date();
//var countTo = 30 * 24 * 60 * 60 * 1000 + now.valueOf();
var BigDay = new Date(’08, 24, 2014′);
var countTo = BigDay.getTime();
Pay attention to the quotes here:
var BigDay = new Date(’08, 24, 2014′);
Type them, don’t “copy & paste”.
I typed, and the problem remains. And I tested it on several machines. Please check.
Here is a working version:
var countTo = “2014/08/24”;
$(‘.timer’).countdown(countTo, function(event) {
var $this = $(this);
switch(event.type) {
case “seconds”:
case “minutes”:
case “hours”:
case “days”:
case “weeks”:
case “daysLeft”:
$this.find(‘span.’+event.type).html(event.value);
break;
case “finished”:
$this.hide();
break;
}
});
Hey,
with this version I just can tell him to count down right?
What is if I want a Date like 12/01/2014?
When I copy the JS above its not working :P.
Thanks!
allready got it !
Can you send me your version please?
Would you tell me how to install it 🙂
Thank you.
I see that you’ve already installed it.
Hi Anil,
can you send me a Version where I can type the date? I am a Newbie in Html..
Hi Furkan,
Send me an email here: contact.azmind@gmail.com and explain your problem.
Ive tried the above and it still does not work for me! Could you please help? Ive tried typing it and copying but with no luck.
Can I see your site?
It just keeps counting down from the 52 days 24 hrs etc after every time it refreshes. I would like it to count down from a specific date (10/01/2014). Ive tried a few things with the ( var counTo but didn’t work. Thanks!
Is this January 10, 2014? If so the plugin is meant to count down from today (the present) to a date in the future. Not from a date in the past to a date in the future.
I don’t know if this can be done, maybe try to ask to the plugin creator: https://github.com/hilios/jquery.countdown
I meant October 1, 2014. Sorry for the confusion.
Ah ok. In this case the countTo variable should be:
var countTo = “2014/10/01”
Hi, I’ve attempted to install this template but I get this error message that says that it failed. Please let me know what I must to do fix this. Thank you!
Unpacking the package…
Installing the theme…
The package could not be installed. The theme is missing the style.css stylesheet.
Theme install failed.
Hi Grace. This is not a WordPress theme but just a HTML template.
Here is a coming soon theme for WordPress: https://azmind.com/2014/08/16/bootstrap-wordpress-theme-mira/
Hi, How can I change reply to and email ID of the mail recd. So that I can directly put an auto reply to the new subscribers
Hi, you can do it in the “sendmail.php” file.
Will this template work in blogger? How do I upload it this template to blogger?
Thank you so much!!!
You’re welcome. This is a HTML template, it’s not for Blogger.
Thank-you so much for providing this template fro free, I am just having trouble with the emails not being sent, any ideas on why it isn’t working? Are there any parameters I have to change?
Thanks in advance for any help you can provide
Dont worry I got it fixed, just had to change the path in script.js file. Thank-you again for a great free template.
You’re welcome.
Hi,
I used the .php file changes mentioned before in comments but subscription doesn’t work. I do not get any messages. What did you change in script.js file?
Thanks for help!
Hello, what is the path that you changed so that the subscription notifications arrive, I can not find it inside the script?
hello I want to skip the day and only want to show hours calculated from days. for example if 2 days and 5 hours are left the time should be shown like this
172800 hours 60 minutes seconds 8 (counting)
Hi. I don’t know, maybe try to ask to the creator of the countdown plugin: https://github.com/hilios/jquery.countdown
HI, I would like to ask any solution on showing div under the slider, and why I cann’t access my page on IE8 but it’s accessible on ff, chrome… please I need help on this… Thanks in adance… my url is official.optrimaxplus.com
Hi,
Here are the support options I offer: https://azmind.com/support/
Also, I don’t support IE8, except in rare cases for some (paying) clients.
how can i change release date countdown to 01 Oct 2014??? plzzz give me the code for this… i don’t kmow JS!!
hi ,the count down time get change every time when the page is refreshed .when ever the new hit is made to the server the timer start form the starting Please help
In writing the code and it doesn’t work, please don’t post it. Make sure the shit works.
If you don’t like what I post here, please don’t visit this site. You’ll help me avoid unnecessary server load.
And yes, I’m sure the shit works! Thanks.
Hi
I used the template with custom date
//var countTo = 30 * 24 * 60 * 60 * 1000 + now.valueOf(); var BigDay = new Date(’10, 21, 2014′); var countTo = BigDay.getTime()
Works fine in browser as checked but in apple safari on computer, iphone or ipad doesnt work.
Please advise what to do
Thanks in Advance
Vik
Hi Vik, here is a working version: https://azmind.com/2013/02/28/free-template-alissa-responsive-bootstrap-coming-soon-page/comment-page-2/#comment-606124
Hi!
Great template! I just have one question,
Where can I change de images of the background? I guess it is on de jquerybackstrech file, but I cant find where exactly.
Thanks Sofia! You can change the backgrounds in the “scripts.js” file.
Hi Anli,
So sorry, I’ve tried modifying as directed above but still can’t seem to get the countdown not to start over each time a new visitor hits the site or we simply refresh. Wondering what to change so that we’re counting down to a target date of 2014/11/07.
Thanks for taking the time to create this!
Hi Ray! Try to write the code, don’t “copy & paste” it.
Hi Anli,
Thank you for the quick reply. Of course while trying to fix it, I made it worse… Now the page appears but there are no numbers counting down in the boxes. Not sure what I did wrong. I can start new by uploading and modifying the original but afraid that will just get me to the first problem. You mentioned to “write the code” but not sure which code to write. Sorry to bother you again.
Ray
Upload the original template again. Open the scripts.js file and replace this code:
var now = new Date();
var countTo = 25 * 24 * 60 * 60 * 1000 + now.valueOf();
with this:
var countTo = “2014/11/07”;
Hi,
thank you for your free template. i have one question for you. i have type my email address in sendmail,php file. but there are no any notification from newsletter subscription. any thing to fix this issue?
Can you please reply quickly?
thank you
Hi. I don’t know if I don’t see the site.
hi
thank you for your reply. I am fixed that issue. also why it’s not working for Iphones?
www . 1mistake . com
thank you
Here are the types of support I offer: https://azmind.com/support/
Hi Anil,
countdown numbers are not displaying, can you help me.
Thank you
Hi Anli
How do I count down to half days? Like 12 afternoon?
Regards
Open scripts.js.
Edit this part:
/*
Countdown initializer
*/
/*var now = new Date();*/
/*var countTo = 25 * 24 * 60 * 60 * 1000 + now.valueOf();*/
var countTo = “2015/02/28 12:00:00”; /* replace with your date */
this theme is really great , thanks for admin for sharing this but i have a question , how can i setup this theme ?
It should work for blogger but get this error on line
Error parsing XML, line 32, column 7: The element type “link” must be terminated by the matching end-tag “”
I know a little in html and tried everything.
After uploading the website, how to edit the contents ?
Like addingl logo, chaning fb url ?
Open the files with a text editor and edit the contents.
Hi
I have a problem the send button does not work
What do you do please?
Poblème resolu
Finally not
This worked perfect !!
var now = new Date();
var countTo = “2015/03/02”;
$(‘.timer’).countdown(countTo, function(event) {
$(this).find(‘.days’).text(event.offset.totalDays);
$(this).find(‘.hours’).text(event.offset.hours);
$(this).find(‘.minutes’).text(event.offset.minutes);
$(this).find(‘.seconds’).text(event.offset.seconds);
});
hey, how do I setup the mail configuration client. how do I know that I received a subscriber? where does it store the list?
Hi,
I cannot get the countdown working. Could you please confirm I am writing in the right code in the right file?
I am editing the scripts.js
changing it to:
Countdown initializer
*/
var now = new Date();
var countTo = “2016/03/09”;
$(‘.timer’).countdown(countTo, function(event) {
$(this).find(‘.days’).text(event.offset.totalDays);
$(this).find(‘.hours’).text(event.offset.hours);
$(this).find(‘.minutes’).text(event.offset.minutes);
$(this).find(‘.seconds’).text(event.offset.seconds);
});
Yet it shows just a blank timer and no background image.
Your help would be very appreciated.
Thanks,
Pat
Hi Pat! It seems correct. Can I see your site?
Hi, thanks for the template.
My countdown always restart when i refresh the page. How do i stop this?
Hi! Please read the comments above.
I have downloaded but i do not know how to add it to my site. I am using a site hosted by Vista Print. How do I get the files there to create the page?
problem with the counter… did as sugested too but stil not working.. help please!
I’ve changed the script from what it was to:
/*
Countdown initializer
*/
var now = new Date();
var countTo = “2015/09/01” ();
$(‘.timer’).countdown(countTo, function(event) {
var $this = $(this);
switch(event.type) {
case “seconds”:
case “minutes”:
case “hours”:
case “days”:
case “weeks”:
case “daysLeft”:
$this.find(‘span.’+event.type).html(event.value);
break;
case “finished”:
$this.hide();
break;
}
});
but nothing is working. It shows zeros… 🙁
I think you should remove the brackets here:
var countTo = “2015/09/01” ();
Please can anyone solve the Email Problem? I dont recieve any Message when someone subscribe and the subscriber dont either!
Can you please help me how to change the days
For all who have problem with countdown disappear after changing the code in script.js
please make sure you TYPE the quotation ( ” ) by your keyboard.
Detailed Steps:-
1- Copy Date Syntax
var countTo = “2014/11/07”;
2- Open scripts.js and replace
var now = new Date();
var countTo = 25 * 24 * 60 * 60 * 1000 + now.valueOf();with this:
with the copied date syntax
3- DELETE quotation in “2014/11/07” and type it by keyboard.
4- Save and Run
I just want to help
The easiest way to set this is to change (scripts.js):
var countTo = new Date(“December 1, 2015 15:30:00”); /*Change date and time to fit your needs */
this is using the original code
That worked perfectly Abram, thanks!
Great theme! It would be even greater if I can get it to upload to Shopify.
: ) Help?
I’m an intermediate coder with more novice skills when it comes to templates. Seems like a no-brainer, but when I try to upload, it gives me errors that it does not have the required ‘.liquid’ files that Shopify uses. Correct me if I’m wrong, but would I fix this issue just by creating the files it’s looking for from the assets you provide in the theme? I’m not sure if I could even figure that out, so any guidance/help you could provide would really be appreciated.
THANK YOU ANLI!
~Lisza
Thanks, I’m glad you like it! Unfortunately I can’t help you because I’ve never used Shopify.
So why was my comment not approved to be posted here? I submitted a question earlier about uploading this to Shopify. I saw that it was waiting for moderator approval. Now it’s gone completely. Really?
I’ve just spent the entire afternoon working on this page for my launch countdown, and you can’t help me with how to upload it to Shopify? WOW. How rude.
You can see your approved comment above.
Anyway, in this site I decide if or when to approve a comment. I also decide to delete comments that I don’t find appropriate.
On the other hand, you can decide to leave this site if you don’t like it.
The subscribe bar is refusing to submit. Can you help me?
Subscribe.php:
[Code deleted. Please don’t send your code here.]
Can you show me your site? You can send it to my email if you want.
I would like to set the date for July 4, 2016. I’m not sure how to accomplish this. Is there a “how to” doc some where that I missed?
Hi, problem, the countdown restart each time i reload the page ..
What should i do ?
Thanks
subscribe emails ID notification not getting.
error : [21-Jun-2016 05:48:30 America/Chicago] PHP Warning: mail() has been disabled for security reasons in /home/af8fe6b2/public_html/assets/subscribe.php on line 34
kindly help.
Thanks in advance
Regards
Sunil
Hi, I cannot edit the favicon on this template. I have edited the html code yet the favicon cannot be replaced with the favicon for my website. Please I need help urgently.
Can this template be used for Weebly? If so, how do I install?
Hello, I think I made an error somewhere. The graphics of the page are not populating. How do I display the same page as the demo after I copy and pasted the code in file manager?
thank you a lots my bro
but When I click on a subscription, you do not send me any e-mail message and no message appears to the user to confirm the add or the e mail error
Problems…
The counter is reset to each refresh or page refresh, do all the indications in this forum and nothing.
The other problem is with sending email when you subscribe, no email arrives …
Some reliable response to these concerns.
buscameya.byethost7.com
Thank you.
Just wanted to say I downloaded version 2, and I just changed the countTo part to “YYYY/MM/DD HH:mm:ss” and it worked for me.. obviously the YYYY-MM-DD etc etc were actual number 🙂
All worked for me – Cheers 🙂
Hi Guys
To get the countdown to work properly in version 2, just find the script.js file in the assets folder and on line 17 Just write-don’t copy and paste-the date you wish the counter to finish at, where it says:
var countTo = 3 * 24 * 60 * 60 * 1000 + now.valueOf();
change to the date you wish it to end (typically the counter will end at midnight) using: yyyy/mm/dy format.
So if today’s date is 8th March 2018, and you want the counter to end in two days from now then your replacement code is simply:
var countTo = “2018/04/10”;
Job done!
Just in case some one is still looking for answer, heres a quick and simple one that no one bothered to write!
Here is how its supposed to be
var now = new Date(2019,10,01);
That’s a comma after each
If someone is having problems with notifications not being sent here is the break down of it!
Enter your email address in Subscribe.php file. Heres how it looks
// Enter the email where you want to receive the notification when someone subscribes
$emailTo = ‘contact.azmind@gmail.com’;
Change your email instead of contact.azmind@gmail.com and the script will work.
I gave both solutions here no one should be having a problem now
And one more thing by the way, when you update the code in your .css files or even java script, you have to go to clear browsing data and clear the cookies as well as cached images and files. You have to do this each time you update a code somewhere, otherwise you cannot see the changes that you made. So always clear those, and you’ll see your changes!