├── img ├── bg.jpg ├── top.png └── Screenshot_1.png ├── README.md ├── js ├── main.js ├── jquery.scrollUp.min.js ├── bootstrap.js ├── plugins.js └── jquery.min.js ├── css ├── responsive.css ├── slicknav.css └── custom.css └── index.html /img/bg.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/Comming-Soon/HEAD/img/bg.jpg -------------------------------------------------------------------------------- /img/top.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/Comming-Soon/HEAD/img/top.png -------------------------------------------------------------------------------- /img/Screenshot_1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shovoalways/Comming-Soon/HEAD/img/Screenshot_1.png -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Comming-Soon 2 | 3 | ## 📝 Description 4 | If you lunch a website or going to lunch a website then a coming soon page can be helpful. When we want to update our website that time also it's helpful to have a coming soon page. 5 | 6 | 7 | 8 | ## 🥰 PSD screenshot (PSD not Available, I am Sorry) 9 |  10 | 11 | 12 | ## 🥰 Follow me 13 | - [@Github](https://github.com/shovoalways/) 14 | - [@Facebook](https://facebook.com/shovoalways/) 15 | - [@Twitter](https://twitter.com/shovoalways/) 16 | - [@Instagram](https://instagram.com/shovoalways/) 17 | -------------------------------------------------------------------------------- /js/main.js: -------------------------------------------------------------------------------- 1 | //SlickNav Active Code; 2 | jQuery(document).ready(function(){ 3 | jQuery('#nav').slicknav(); 4 | jQuery.scrollUp(); 5 | }); 6 | 7 | 8 | 9 | 10 | //jQuery #link Animation 11 | jQuery(function() { 12 | jQuery('a[href*="#"]:not([href="#"])').click(function() { 13 | if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) { 14 | var target = jQuery(this.hash); 15 | target = target.length ? target : jQuery('[name=' + this.hash.slice(1) +']'); 16 | if (target.length) { 17 | jQuery('html, body').animate({ 18 | scrollTop: target.offset().top 19 | }, 1000); 20 | return false; 21 | } 22 | } 23 | }); 24 | }); 25 | -------------------------------------------------------------------------------- /css/responsive.css: -------------------------------------------------------------------------------- 1 | /* ========================================================================== 2 | Medium Layout: 1280px. 3 | ========================================================================== */ 4 | @media only screen and (min-width: 992px) and (max-width: 1200px) { 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | } 16 | /* ========================================================================== 17 | Tablet Layout: 768px. 18 | ========================================================================== */ 19 | @media only screen and (min-width: 768px) and (max-width: 991px) { 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | } 34 | /* ========================================================================== 35 | Wide Mobile Layout: 480px. 36 | ========================================================================== */ 37 | @media only screen and (min-width: 480px) and (max-width: 767px) { 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | } 50 | 51 | 52 | 53 | /* ========================================================================== 54 | Mobile Layout: 320px. 55 | ========================================================================== */ 56 | @media only screen and (min-width: 200px) and (max-width: 479px) { 57 | 58 | 59 | 60 | 61 | 62 | 63 | 64 | 65 | 66 | 67 | 68 | 69 | 70 | 71 | 72 | } -------------------------------------------------------------------------------- /js/jquery.scrollUp.min.js: -------------------------------------------------------------------------------- 1 | /* 2 | 3 | scrollup v2.1.0 4 | Author: Mark Goodyear - http://markgoodyear.com 5 | Git: https://github.com/markgoodyear/scrollup 6 | 7 | Copyright 2013 Mark Goodyear. 8 | Licensed under the MIT license 9 | http://www.opensource.org/licenses/mit-license.php 10 | 11 | Twitter: @markgdyr 12 | 13 | */ 14 | !function(a,b,c){a.fn.scrollUp=function(b){a.data(c.body,"scrollUp")||(a.data(c.body,"scrollUp",!0),a.fn.scrollUp.init(b))},a.fn.scrollUp.init=function(d){var e=a.fn.scrollUp.settings=a.extend({},a.fn.scrollUp.defaults,d),f=e.scrollTitle?e.scrollTitle:e.scrollText,g=a("",{id:e.scrollName,href:"#top",title:f}).appendTo("body");e.scrollImg||g.html(e.scrollText),g.css({display:"none",position:"fixed",zIndex:e.zIndex}),e.activeOverlay&&a("
",{id:e.scrollName+"-active"}).css({position:"absolute",top:e.scrollDistance+"px",width:"100%",borderTop:"1px dotted"+e.activeOverlay,zIndex:e.zIndex}).appendTo("body"),scrollEvent=a(b).scroll(function(){switch(scrollDis="top"===e.scrollFrom?e.scrollDistance:a(c).height()-a(b).height()-e.scrollDistance,e.animation){case"fade":a(a(b).scrollTop()>scrollDis?g.fadeIn(e.animationInSpeed):g.fadeOut(e.animationOutSpeed));break;case"slide":a(a(b).scrollTop()>scrollDis?g.slideDown(e.animationInSpeed):g.slideUp(e.animationOutSpeed));break;default:a(a(b).scrollTop()>scrollDis?g.show(0):g.hide(0))}}),g.click(function(b){b.preventDefault(),a("html, body").animate({scrollTop:0},e.topSpeed,e.easingType)})},a.fn.scrollUp.defaults={scrollName:"scrollUp",scrollDistance:300,scrollFrom:"top",scrollSpeed:300,easingType:"linear",animation:"fade",animationInSpeed:200,animationOutSpeed:200,scrollText:"Scroll to top",scrollTitle:!1,scrollImg:!1,activeOverlay:!1,zIndex:2147483647},a.fn.scrollUp.destroy=function(d){a.removeData(c.body,"scrollUp"),a("#"+a.fn.scrollUp.settings.scrollName).remove(),a("#"+a.fn.scrollUp.settings.scrollName+"-active").remove(),a.fn.jquery.split(".")[1]>=7?a(b).off("scroll",d):a(b).unbind("scroll",d)},a.scrollUp=a.fn.scrollUp}(jQuery,window,document); -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 |