diff --git a/assets/css/cardslider.css b/assets/css/cardslider.css new file mode 100644 index 0000000..14e87e6 --- /dev/null +++ b/assets/css/cardslider.css @@ -0,0 +1,55 @@ +.ui-card-slider { + position: relative; + width: 320px; + height: 230px; + overflow: hidden; } + .ui-card-slider .slide { + display: block; + -webkit-user-select: none; + position: absolute; + transition-duration: 0.4s; + -webkit-transition-duration: 0.4s; + transition-timing-function: ease-in-out; + -webkit-transition-timing-function: ease-in-out; + transition-property: all; + -webkit-transition-property: all; + overflow: hidden; } + .ui-card-slider .slide img { + width: 50%; + height: 50%; } + .ui-card-slider .center-slide { + -webkit-user-select: none; + z-index: 30; + bottom: 12px; + left: 75px; + width: 170px; + height: 212px; } + .ui-card-slider .left-slide { + -webkit-user-select: none; + z-index: 20; + bottom: 30px; + left: -30px; + width: 140px; + height: 175px; } + .ui-card-slider .right-slide { + -webkit-user-select: none; + z-index: 20; + bottom: 30px; + left: 210px; + width: 140px; + height: 175px; } + .ui-card-slider .left-hidden-slide { + z-index: 10; + bottom: 30px; + left: -160px; + width: 120px; + height: 130px; } + .ui-card-slider .right-hidden-slide { + z-index: 10; + bottom: 30px; + left: 360px; + width: 120px; + height: 130px; } + .ui-card-slider .hidden-slide { + visibility: hidden; + display: none; } diff --git a/assets/css/style.css b/assets/css/style.css index a69aac4..8d9eb09 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -79,9 +79,13 @@ body{ /* Awesome apps features Start */ .container-back{ - background-image: url("images/pricing-bg.png"); - height: 400px; - z-index: 999; + background-image: url("../../images/back.png"); + background-repeat: no-repeat; + background-size: auto; + background-position: left; + height:auto; + + } .awesome h2{ padding: 30px; @@ -192,7 +196,7 @@ margin-top: 45px; left: 49%; transform: translate(-50%, -50%); z-index: 1000, - } + } /* Apps screenshots End */ diff --git a/assets/js/app.js b/assets/js/app.js index fde52a9..56583cd 100644 --- a/assets/js/app.js +++ b/assets/js/app.js @@ -1,13 +1,12 @@ +// Awesome apps features Start -// $(document).ready(function(){ -// $('.carousel').carousel(); -// }); var countup=0; var countdown=0; var flag=0; var flag1=0; jQuery(document).ready(function(){ + // $('.carousel').carousel();}) jQuery("#up").click(function(){ if(flag1==1){ flag1=2; @@ -129,12 +128,13 @@ jQuery(document).ready(function(){ } } - - }) + }) +// Awesome apps features End + diff --git a/assets/js/card-slider-min.js b/assets/js/card-slider-min.js new file mode 100644 index 0000000..23fd3a7 --- /dev/null +++ b/assets/js/card-slider-min.js @@ -0,0 +1,11 @@ +/*! + * @fileOverview cardSlider - jQuery Plugin + * @version 1.0.0 + * + * @author Jerome Dupuis + * @see https://gitlab.apdev.jp/browser-js-plugins/card-slider + * Copyright (c) 2017 Altpluc inc. + * Any reproduction is prohibited. + */ + +try{!function(i){"use strict";if(void 0===i)throw new Error("jQuery plugin is missing");var t={slideTag:"div",slideClass:null,current:1,onBeforeMove:null,onAfterMove:null,onMove:null,onInit:null,onCurrent:null,followingClass:null,delay:null,transition:null};i.fn.cardSlider=function(s){var n=this;return this.params=i.extend({},t,s||{}),this.slider=i(this),this.slides=[],this.count=0,this.current=this.params.current||1,this.transitionEvent=null,this.init=function(){this.transitionEvent=n.whichTransitionEvent(),this.setSlides(),this.setSlidesTransition(),this.setSlideIndexes(),this.setWheeling(),this.setSlideClasses(),this.setNavEvents(),this.followContent(),this.callFunction(this.params.onInit)},this.setNavEvents=function(){this.slider.delegate(".right-slide","click",function(){return n.next(),!1}),this.slider.delegate(".left-slide","click",function(){return n.prev(),!1}),this.slider.delegate(".center-slide","click",function(){return n.callFunction(n.params.onCurrent),!1})},this.setSlides=function(){this.params.slideClass?this.slides=this.slider.find(this.params.slideTag+"."+this.params.slideClass):this.slides=this.slider.find(this.params.slideTag),this.count=this.slides.length},this.setSlideIndexes=function(){var t=0;this.slides.each(function(){i(this).attr("data-index",t).data("index",t),t++})},this.resetSlideClasses=function(){this.slides.removeClass("left-hidden-slide left-slide center-slide right-slide right-hidden-slide").addClass("hidden-slide")},this.setSlideClasses=function(){this.resetSlideClasses();var i={"-2":"left-hidden-slide","-1":"left-slide",0:"center-slide",1:"right-slide",2:"right-hidden-slide"},t=0;for(var s in i)if(!(t+1>this.count)){var n=i[s],e=this.getSlidePosition(s);e&&e.addClass(n).removeClass("hidden-slide"),t++}},this.setSlidesTransition=function(){if(!this.slides||!this.slides.length)throw new Error("Slides is missing");null!==this.params.delay&&this.slides.each(function(){i(this).css({transitionDuration:n.params.delay+"ms",webkitTransitionDuration:n.params.delay+"ms"})}),null!==this.params.transition&&this.slides.each(function(){i(this).css({transitionTimingFunction:n.params.transition,webkitTransitionTimingFunction:n.params.transition})})},this.getIndexPosition=function(i){var t=parseInt(this.current)+parseInt(i);return t>=this.count?t-=this.count:t<=0&&(t=this.count+t),t},this.getSlidePosition=function(i){var t=this.getIndexPosition(i),s=this.getIndex(t),n=this.getSlideByIndex(s);return n},this.setWheeling=function(){if(1==this.count||this.count>5)return!1;var i=this.getSlideByIndex(this.getIndex(1));if(i){var t=i.clone(!0);this.slider.append(t)}var i=this.getSlideByIndex(this.getIndex(2));if(i){var t=i.clone(!0);this.slider.append(t)}if(2==this.count){var i=this.getSlideByIndex(this.getIndex(1));if(i){var t=i.clone(!0);this.slider.append(t)}var i=this.getSlideByIndex(this.getIndex(2));if(i){var t=i.clone(!0);this.slider.append(t)}}if(this.count>=3){var i=this.getSlideByIndex(this.getIndex(3));if(i){var t=i.clone(!0);this.slider.append(t)}if(this.count>=4){var i=this.getSlideByIndex(this.getIndex(4));if(i){var t=i.clone(!0);this.slider.append(t)}}if(this.count>=5){var i=this.getSlideByIndex(this.getIndex(5));if(i){var t=i.clone(!0);this.slider.append(t)}}}this.setSlides()},this.getSlideByIndex=function(t){if(!this.slides||!this.slides.length)throw new Error("Slides is missing");var s=i(this.slides.get(t));return s&&s.length?s:null},this.getCurrentSlide=function(){return this.getSlideByIndex(this.getIndex(this.current))},this.afterMoveHandler=function(){n.callFunction(n.params.onAfterMove)},this.moveHandler=function(){if(n.setSlideClasses(),n.hasFunction(n.params.onMove)?n.callFunction(n.params.onMove,n.afterMoveHandler):n.afterMoveHandler(),n.hasFunction(n.params.onAfterTransition)){var i=n.getCurrentSlide();i.one(n.transitionEvent,function(i){n.callFunction(n.params.onAfterTransition)})}n.followContent()},this.move=function(){0==this.current?this.current=this.count:this.current>this.count&&(this.current=1),this.hasFunction(this.params.onBeforeMove)?this.callFunction(this.params.onBeforeMove,this.moveHandler):this.moveHandler()},this.next=function(){this.current++,this.move()},this.prev=function(){this.current--,this.move()},this.followContent=function(){if(this.params.followingClass){i("."+this.params.followingClass).hide();var t=this.getSlideByIndex(this.getIndex(this.current));if(t){var s=t.data("index");i("."+this.params.followingClass+'[data-index="'+s+'"]').show()}}},this.hasFunction=function(i){return!(!i||"function"!=typeof i)},this.callFunction=function(i,t){this.hasFunction(i)&&i(this,t)},this.getIndex=function(i){var i=i-1;return i},this.getPercent=function(i,t){var i=parseFloat(i);return parseFloat(i)/100*t},this.whichTransitionEvent=function(){var i,t=document.createElement("transitionCheckElement"),s={transition:"transitionend",OTransition:"oTransitionEnd",MozTransition:"transitionend",WebkitTransition:"webkitTransitionEnd"};for(i in s)if(void 0!==t.style[i])return s[i]},this.init(),this}}(jQuery)}catch(i){console.log(i)}finally{} diff --git a/images/blog-1.jpg b/images/blog-1.jpg new file mode 100644 index 0000000..76296ef Binary files /dev/null and b/images/blog-1.jpg differ diff --git a/images/blog-2.jpg b/images/blog-2.jpg new file mode 100644 index 0000000..19c7aef Binary files /dev/null and b/images/blog-2.jpg differ diff --git a/images/blog-3.jpg b/images/blog-3.jpg new file mode 100644 index 0000000..b9f5862 Binary files /dev/null and b/images/blog-3.jpg differ diff --git a/images/Appsdd.png b/images/cardslider1.png similarity index 100% rename from images/Appsdd.png rename to images/cardslider1.png diff --git a/images/unnamed.png b/images/cardslider2.png similarity index 100% rename from images/unnamed.png rename to images/cardslider2.png diff --git a/index.html b/index.html index 0e2c2a4..a19565a 100644 --- a/index.html +++ b/index.html @@ -1,8 +1,9 @@ + - @@ -12,23 +13,26 @@ - - - + + Apps Landing Blog Website - - - - + + + + + + @@ -36,15 +40,17 @@ + + - - - - + + - - + + - - - + + - -
-
-
-
-
-
-

Awesome app features

-

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt sed do eiusmod tempor incididunt sed do eiusmod tempor incididunt ut labore et dolore.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore

-
-
-
-
-
-
- photo -
-
-
- -
-
- + + + + + + + + +
+
+
+
+
+
+

Awesome app features

+

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor + incididunt sed do eiusmod tempor incididunt sed do eiusmod tempor incididunt ut labore + et dolore.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod + tempor incididunt ut labore et dolore

+
- +
+
+
+ photo +
-
-

Make Profile

-

Lorem ipsum dolor sit, amet provident do why yes no temporibus maxime facilis

+
+ +
+
+ +
+ +
+

Make Profile

+

Lorem ipsum dolor sit, amet provident do why yes no temporibus maxime facilis

+
+
+
+
+ +
+ +
+

Fully Secured

+

Lorem ipsum dolor sit, amet provident do why yes no temporibus maxime facilis

+
+
+
+
+ +
+ +
+

Like and Share each other post

+

Lorem ipsum dolor sit, amet provident do why yes no temporibus maxime facilis

+
+
+ +
-
-
- +
+
+
+

Apps ScreenShots

+

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor + incididunt ut labore et dolore.Lorem ipsum dolor sit amet, consectetur adipisicing elit, + sed do eiusmod tempor incididunt ut labore et dolore

+
- + + +
-
-
-
-
-

Apps ScreenShots

-

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore

-
-
-
- -
-
+
+ + + + - - + + - - + + - - @@ -201,9 +221,9 @@

Apps ScreenShots

+ + - - @@ -211,9 +231,8 @@

Apps ScreenShots

- - - + + @@ -230,6 +249,8 @@

Apps ScreenShots

|---------------------------| --> + + @@ -242,5 +263,8 @@

Apps ScreenShots

+ + + \ No newline at end of file