RubyGems - j1-template - Versions diffs - 2022.4.7 → 2022.4.8 - Mend

j1-template 2022.4.7 → 2022.4.8

Files changed (1803) hide show

data/assets/themes/j1/modules/masterslider_pro/js/slider-templates/modern-sliders/Architecture/index.html ADDED Viewed

@@ -0,0 +1,234 @@
+<!DOCTYPE html>
+<html lang="">
+    <head>
+        <meta charset="UTF-8">
+        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+        <title>Architecture</title>
+        <link rel="stylesheet" id="ms-fonts" href="https://fonts.googleapis.com/css?family=Montserrat:regular,700" type="text/css" media="all" />
+        <!-- Base MasterSlider style sheet -->
+        <link rel="stylesheet" href="../assets/css/masterslider.main.css" />
+        <link rel="stylesheet" href="css/style.css" />
+        <!-- jQuery -->
+        <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
+        <script src="https://code.jquery.com/jquery-migrate-3.3.2.js"></script>
+        <script src="../assets/js/jquery.easing.min.js"></script>
+        <!-- Master Slider -->
+        <script src="../assets/js/masterslider.min.js"></script>
+    </head>
+    <body>
+        <!-- MasterSlider -->
+        <div id="P_masterslider" class="master-slider-parent ms-parent-id-40" style="max-width:1200px;" >
+            <!-- MasterSlider Main -->
+            <div id="masterslider" class="master-slider ms-skin-default" >
+                <div class="ms-slide" data-delay="7" data-fill-mode="fill" >
+                    <img class="ms-layer"
+                         src="images/blank.gif"
+                         data-src="images/slide1-bg.jpg"
+                         alt=""
+                         style=""
+                         data-effect="t(false,n,-1600,n,n,n,n,n,n,n,n,n,n,n,n)"
+                         data-duration="5500"
+                         data-delay="300"
+                         data-ease="easeInOutQuart"
+                         data-type="image"
+                         data-offset-x="0"
+                         data-offset-y="-7"
+                         data-origin="tl"
+                         data-position="normal" />
+                    <img class="ms-layer"
+                         src="images/blank.gif"
+                         data-src="images/slide1-cloud.png"
+                         alt=""
+                         style=""
+                         data-effect="t(true,n,-280,n,n,n,n,n,n,n,n,n,n,n,n)"
+                         data-duration="3600"
+                         data-delay="3150"
+                         data-ease="easeOutQuint"
+                         data-type="image"
+                         data-offset-x="0"
+                         data-offset-y="-2"
+                         data-origin="tl"
+                         data-position="normal" />
+                    <div class="ms-layer msp-cn-119-21"
+                         style=""
+                         data-effect="t(true,n,50,-50,n,n,n,n,1.5,1.5,n,n,n,n,n)"
+                         data-duration="2600"
+                         data-delay="4112"
+                         data-ease="easeOutQuint"
+                         data-offset-x="352"
+                         data-offset-y="203"
+                         data-origin="tl"
+                         data-position="normal"
+                         data-masked="true">MODERN ARCHITECTURE</div>
+                    <div class="ms-layer msp-cn-119-22"
+                         style=""
+                         data-effect="t(true,n,60,-60,n,n,n,n,n,n,n,n,n,n,n)"
+                         data-duration="2100"
+                         data-delay="4662"
+                         data-ease="easeOutQuint"
+                         data-offset-x="440"
+                         data-offset-y="261"
+                         data-origin="tl"
+                         data-position="normal" >travelling day in and day out.</div>
+                    <a href="#"
+                         target="_self"
+                         class="ms-layer msp-cn-119-7 ms-btn ms-btn-circle ms-btn-n msp-preset-btn-172"
+                         data-effect="t(true,n,70,-70,n,n,n,n,n,n,n,n,n,n,n)"
+                         data-duration="2000"
+                         data-delay="4975"
+                         data-ease="easeOutQuint"
+                         data-type="button"
+                         data-offset-x="546"
+                         data-offset-y="315"
+                         data-origin="tl"
+                         data-position="normal" >SEE MORE</a>
+                </div>
+                <div class="ms-slide" data-delay="6" data-fill-mode="fill" >
+                    <img class="ms-layer"
+                         src="images/blank.gif"
+                         data-src="images/slide2-bg.jpg"
+                         alt=""
+                         style=""
+                         data-effect="t(false,n,250,n,n,n,n,n,n,n,n,n,n,n,n)"
+                         data-duration="12000"
+                         data-delay="200"
+                         data-ease="linear"
+                         data-type="image"
+                         data-offset-x="0"
+                         data-offset-y="-550"
+                         data-origin="tl"
+                         data-position="normal" />
+                    <div class="ms-layer msp-cn-119-10"
+                         style=""
+                         data-effect="t(true,n,-100,n,n,n,n,n,n,n,n,n,n,n,n)"
+                         data-duration="2600"
+                         data-delay="1650"
+                         data-ease="easeOutQuint"
+                         data-offset-x="96"
+                         data-offset-y="225"
+                         data-origin="tl"
+                         data-position="normal"
+                         data-mask-width="600"
+                         data-mask-height="59">The most beautiful</div>
+                    <div class="ms-layer msp-cn-119-9"
+                         style=""
+                         data-effect="t(true,150,n,n,n,n,n,n,n,n,n,n,n,n,n)"
+                         data-duration="2600"
+                         data-delay="2000"
+                         data-ease="easeOutQuint"
+                         data-offset-x="96"
+                         data-offset-y="267"
+                         data-origin="tl"
+                         data-position="normal"
+                         data-masked="true">BUILDINGS IN TOWN</div>
+                    <a href=""
+                         target="_self"
+                         class="ms-layer msp-cn-119-11 ms-btn ms-btn-circle ms-btn-n msp-preset-btn-173"
+                         data-effect="t(true,n,n,n,n,n,n,n,2,2,n,n,n,n,n)"
+                         data-duration="2600"
+                         data-delay="2500"
+                         data-ease="easeOutQuint"
+                         data-type="button"
+                         data-offset-x="98"
+                         data-offset-y="335"
+                         data-origin="tl"
+                         data-position="normal" >SEE MORE</a>
+                </div>
+                <div class="ms-slide" data-delay="6" data-fill-mode="fill" >
+                    <img class="ms-layer"
+                         src="images/blank.gif"
+                         data-src="images/slide3-bg.jpg"
+                         alt=""
+                         style=""
+                         data-effect="t(false,n,-160,n,n,n,n,n,n,n,n,n,n,n,n)"
+                         data-duration="8000"
+                         data-delay="100"
+                         data-ease="linear"
+                         data-parallax="1"
+                         data-type="image"
+                         data-offset-x="0"
+                         data-offset-y="-10"
+                         data-origin="tl"
+                         data-position="normal" />
+                    <div class="ms-layer msp-cn-119-16"
+                         style=""
+                         data-effect="t(true,n,-80,n,n,n,n,n,n,n,n,n,n,n,n)"
+                         data-duration="3000"
+                         data-delay="1500"
+                         data-ease="easeOutQuint"
+                         data-offset-x="837"
+                         data-offset-y="227"
+                         data-origin="tl"
+                         data-position="normal" >complete guide to</div>
+                    <div class="ms-layer msp-cn-119-14"
+                         style=""
+                         data-effect="t(true,n,60,n,n,n,n,n,n,n,n,n,n,n,n)"
+                         data-duration="4000"
+                         data-delay="1600"
+                         data-ease="easeOutQuint"
+                         data-offset-x="531"
+                         data-offset-y="268"
+                         data-origin="tl"
+                         data-position="normal"
+                         data-masked="true">SPECTACULAR MODELING</div>
+                    <a href="#"
+                         target="_self"
+                         class="ms-layer ms-btn ms-btn-circle ms-btn-n msp-preset-btn-173"
+                         data-effect="t(true,n,n,20,n,n,n,n,0.6,0.6,n,n,n,n,n)"
+                         data-duration="2337"
+                         data-delay="2300"
+                         data-ease="easeOutQuint"
+                         data-type="button"
+                         data-offset-x="933"
+                         data-offset-y="335"
+                         data-origin="tl"
+                         data-position="normal" >SEE MROE</a>
+                </div>
+            </div>
+            <!-- END MasterSlider Main -->
+        </div>
+        <!-- END MasterSlider -->
+        <script>
+					var masterslider = new MasterSlider();
+			// slider controls
+			masterslider.control('arrows'     ,{ autohide:true, overVideo:true  });
+			// slider setup
+			masterslider.setup("masterslider", {
+				width           : 1200,
+				height          : 600,
+				minHeight       : 0,
+				space           : 0,
+				start           : 1,
+				grabCursor      : true,
+				swipe           : true,
+				mouse           : true,
+				keyboard        : true,
+				layout          : "boxed",
+				wheel           : false,
+				autoplay        : true,
+				instantStartLayers:true,
+				loop            : true,
+				shuffle         : false,
+				preload         : 0,
+				heightLimit     : true,
+				autoHeight      : false,
+				smoothHeight    : true,
+				endPause        : false,
+				overPause       : false,
+				fillMode        : "fill",
+				centerControls  : false,
+				startOnAppear   : false,
+				layersMode      : "center",
+				autofillTarget  : "",
+				hideLayers      : false,
+				fullscreenMargin: 0,
+				speed           : 10,
+				dir             : "h",
+				parallaxMode    : 'mouse:y-only',
+				view            : "fade"
+			});
+					</script>
+    </body>
+</html>

data/assets/themes/j1/modules/masterslider_pro/js/slider-templates/modern-sliders/ArtBlog/.DS_Store ADDED Viewed

Binary file

data/assets/themes/j1/modules/masterslider_pro/js/slider-templates/modern-sliders/ArtBlog/css/style.css ADDED Viewed

@@ -0,0 +1,33 @@
+.msp-preset-btn-84{ background-color: #b97ebb;color: #fff; } .msp-preset-btn-84:hover{ background-color:#ca89cc;color: #fff; } .msp-preset-btn-84:active{ top:1px } .msp-preset-btn-85{ background-color: #b97ebb;color: #fff; } .msp-preset-btn-85:hover{ background-color:#ca89cc;color: #fff; } .msp-preset-btn-85:active{ top:1px } .msp-preset-btn-86{ color: #b97ebb;border:solid 1px #b97ebb; } .msp-preset-btn-86:hover{ border-color:#ca89cc;color:#ca89cc } .msp-preset-btn-86:active{ top:1px } .msp-preset-btn-87{ background-color: #b97ebb;color: #fff; } .msp-preset-btn-87:hover{ background-color:#ca89cc;color: #fff; } .msp-preset-btn-87:active{ top:1px } .msp-preset-btn-88{ background-color: #b97ebb;color: #fff;box-shadow:0 5px #9a699c; } .msp-preset-btn-88:hover{ background-color:#ca89cc;box-shadow:0 4px #9a699c;top:1px;color: #fff; } .msp-preset-btn-88:active{ box-shadow:0 2px #9a699c;top:3px; } .msp-preset-btn-89{ background-color: #5472D2;color: #fff; } .msp-preset-btn-89:hover{ background-color:#5d7fe9;color: #fff; } .msp-preset-btn-89:active{ top:1px } .msp-preset-btn-90{ background-color: #5472D2;color: #fff; } .msp-preset-btn-90:hover{ background-color:#5d7fe9;color: #fff; } .msp-preset-btn-90:active{ top:1px } .msp-preset-btn-91{ color: #5472D2;border:solid 1px #5472D2; } .msp-preset-btn-91:hover{ border-color:#5d7fe9;color:#5d7fe9 } .msp-preset-btn-91:active{ top:1px } .msp-preset-btn-92{ background-color: #5472D2;color: #fff; } .msp-preset-btn-92:hover{ background-color:#5d7fe9;color: #fff; } .msp-preset-btn-92:active{ top:1px } .msp-preset-btn-93{ background-color: #5472D2;color: #fff;box-shadow:0 5px #4c68be; } .msp-preset-btn-93:hover{ background-color:#5d7fe9;box-shadow:0 4px #4c68be;top:1px;color: #fff; } .msp-preset-btn-93:active{ box-shadow:0 2px #4c68be;top:3px; } .msp-preset-btn-94{ background-color: #00c1cf;color: #fff; } .msp-preset-btn-94:hover{ background-color:#01D4E4;color: #fff; } .msp-preset-btn-94:active{ top:1px } .msp-preset-btn-95{ background-color: #00c1cf;color: #fff; } .msp-preset-btn-95:hover{ background-color:#01D4E4;color: #fff; } .msp-preset-btn-95:active{ top:1px } .msp-preset-btn-96{ color: #00c1cf;border:solid 1px #00c1cf; } .msp-preset-btn-96:hover{ border-color:#01D4E4;color:#01D4E4 } .msp-preset-btn-96:active{ top:1px } .msp-preset-btn-97{ background-color: #00c1cf;color: #fff; } .msp-preset-btn-97:hover{ background-color:#01D4E4;color: #fff; } .msp-preset-btn-97:active{ top:1px } .msp-preset-btn-98{ background-color: #00c1cf;color: #fff;box-shadow:0 5px #00afbc; } .msp-preset-btn-98:hover{ background-color:#01D4E4;box-shadow:0 4px #00afbc;top:1px;color: #fff; } .msp-preset-btn-98:active{ box-shadow:0 2px #00afbc;top:3px; } .msp-preset-btn-99{ background-color: #4cadc9;color: #fff; } .msp-preset-btn-99:hover{ background-color:#63b2c9;color: #fff; } .msp-preset-btn-99:active{ top:1px } .msp-preset-btn-100{ background-color: #4cadc9;color: #fff; } .msp-preset-btn-100:hover{ background-color:#63b2c9;color: #fff; } .msp-preset-btn-100:active{ top:1px } .msp-preset-btn-101{ color: #4cadc9;border:solid 1px #4cadc9; } .msp-preset-btn-101:hover{ border-color:#63b2c9;color:#63b2c9 } .msp-preset-btn-101:active{ top:1px } .msp-preset-btn-102{ background-color: #4cadc9;color: #fff; } .msp-preset-btn-102:hover{ background-color:#63b2c9;color: #fff; } .msp-preset-btn-102:active{ top:1px } .msp-preset-btn-103{ background-color: #4cadc9;color: #fff;box-shadow:0 5px #1aa2c9; } .msp-preset-btn-103:hover{ background-color:#63b2c9;box-shadow:0 4px #1aa2c9;top:1px;color: #fff; } .msp-preset-btn-103:active{ box-shadow:0 2px #1aa2c9;top:3px; } .msp-preset-btn-104{ background-color: #cec2ab;color: #fff; } .msp-preset-btn-104:hover{ background-color:#cebd9d;color: #fff; } .msp-preset-btn-104:active{ top:1px } .msp-preset-btn-105{ background-color: #cec2ab;color: #fff; } .msp-preset-btn-105:hover{ background-color:#cebd9d;color: #fff; } .msp-preset-btn-105:active{ top:1px } .msp-preset-btn-106{ color: #cec2ab;border:solid 1px #cec2ab; } .msp-preset-btn-106:hover{ border-color:#cebd9d;color:#cebd9d } .msp-preset-btn-106:active{ top:1px } .msp-preset-btn-107{ background-color: #cec2ab;color: #fff; } .msp-preset-btn-107:hover{ background-color:#cebd9d;color: #fff; } .msp-preset-btn-107:active{ top:1px } .msp-preset-btn-108{ background-color: #cec2ab;color: #fff;box-shadow:0 5px #C2B7A2; } .msp-preset-btn-108:hover{ background-color:#cebd9d;box-shadow:0 4px #C2B7A2;top:1px;color: #fff; } .msp-preset-btn-108:active{ box-shadow:0 2px #C2B7A2;top:3px; } .msp-preset-btn-109{ background-color: #50485b;color: #fff; } .msp-preset-btn-109:hover{ background-color:#6a6176;color: #fff; } .msp-preset-btn-109:active{ top:1px } .msp-preset-btn-110{ background-color: #50485b;color: #fff; } .msp-preset-btn-110:hover{ background-color:#6a6176;color: #fff; } .msp-preset-btn-110:active{ top:1px } .msp-preset-btn-111{ color: #50485b;border:solid 1px #50485b; } .msp-preset-btn-111:hover{ border-color:#6a6176;color:#6a6176 } .msp-preset-btn-111:active{ top:1px } .msp-preset-btn-112{ background-color: #50485b;color: #fff; } .msp-preset-btn-112:hover{ background-color:#6a6176;color: #fff; } .msp-preset-btn-112:active{ top:1px } .msp-preset-btn-113{ background-color: #50485b;color: #fff;box-shadow:0 5px #412d5b; } .msp-preset-btn-113:hover{ background-color:#6a6176;box-shadow:0 4px #412d5b;top:1px;color: #fff; } .msp-preset-btn-113:active{ box-shadow:0 2px #412d5b;top:3px; } .msp-preset-btn-114{ background-color: #8d6dc4;color: #fff; } .msp-preset-btn-114:hover{ background-color:#977cc4;color: #fff; } .msp-preset-btn-114:active{ top:1px } .msp-preset-btn-115{ background-color: #8d6dc4;color: #fff; } .msp-preset-btn-115:hover{ background-color:#977cc4;color: #fff; } .msp-preset-btn-115:active{ top:1px } .msp-preset-btn-116{ color: #8d6dc4;border:solid 1px #8d6dc4; } .msp-preset-btn-116:hover{ border-color:#977cc4;color:#977cc4 } .msp-preset-btn-116:active{ top:1px } .msp-preset-btn-117{ background-color: #8d6dc4;color: #fff; } .msp-preset-btn-117:hover{ background-color:#977cc4;color: #fff; } .msp-preset-btn-117:active{ top:1px } .msp-preset-btn-118{ background-color: #8d6dc4;color: #fff;box-shadow:0 5px #7c51c4; } .msp-preset-btn-118:hover{ background-color:#977cc4;box-shadow:0 4px #7c51c4;top:1px;color: #fff; } .msp-preset-btn-118:active{ box-shadow:0 2px #7c51c4;top:3px; } .msp-preset-btn-119{ background-color: #75d69c;color: #fff; } .msp-preset-btn-119:hover{ background-color:#7de5a7;color: #fff; } .msp-preset-btn-119:active{ top:1px } .msp-preset-btn-120{ background-color: #75d69c;color: #fff; } .msp-preset-btn-120:hover{ background-color:#7de5a7;color: #fff; } .msp-preset-btn-120:active{ top:1px } .msp-preset-btn-121{ color: #75d69c;border:solid 1px #75d69c; } .msp-preset-btn-121:hover{ border-color:#7de5a7;color:#7de5a7 } .msp-preset-btn-121:active{ top:1px } .msp-preset-btn-122{ background-color: #75d69c;color: #fff; } .msp-preset-btn-122:hover{ background-color:#7de5a7;color: #fff; } .msp-preset-btn-122:active{ top:1px } .msp-preset-btn-123{ background-color: #75d69c;color: #fff;box-shadow:0 5px #41d67d; } .msp-preset-btn-123:hover{ background-color:#7de5a7;box-shadow:0 4px #41d67d;top:1px;color: #fff; } .msp-preset-btn-123:active{ box-shadow:0 2px #41d67d;top:3px; } .msp-preset-btn-124{ background-color: #222;color: #fff; } .msp-preset-btn-124:hover{ background-color:#333;color: #fff; } .msp-preset-btn-124:active{ top:1px } .msp-preset-btn-125{ background-color: #222;color: #fff; } .msp-preset-btn-125:hover{ background-color:#333;color: #fff; } .msp-preset-btn-125:active{ top:1px } .msp-preset-btn-126{ color: #222;border:solid 1px #222; } .msp-preset-btn-126:hover{ border-color:#333;color:#333 } .msp-preset-btn-126:active{ top:1px } .msp-preset-btn-127{ background-color: #222;color: #fff; } .msp-preset-btn-127:hover{ background-color:#333;color: #fff; } .msp-preset-btn-127:active{ top:1px } .msp-preset-btn-128{ background-color: #222;color: #fff;box-shadow:0 5px #000; } .msp-preset-btn-128:hover{ background-color:#333;box-shadow:0 4px #000;top:1px;color: #fff; } .msp-preset-btn-128:active{ box-shadow:0 2px #000;top:3px; } .msp-preset-btn-129{ background-color: #dedede;color: #666; } .msp-preset-btn-129:hover{ background-color:#d1d1d1;color: #666; } .msp-preset-btn-129:active{ top:1px } .msp-preset-btn-130{ background-color: #dedede;color: #666; } .msp-preset-btn-130:hover{ background-color:#d1d1d1;color: #666; } .msp-preset-btn-130:active{ top:1px } .msp-preset-btn-131{ color: #dedede;border:solid 1px #dedede; } .msp-preset-btn-131:hover{ border-color:#d1d1d1;color:#d1d1d1 } .msp-preset-btn-131:active{ top:1px } .msp-preset-btn-132{ background-color: #dedede;color: #666; } .msp-preset-btn-132:hover{ background-color:#d1d1d1;color: #666; } .msp-preset-btn-132:active{ top:1px } .msp-preset-btn-133{ background-color: #dedede;color: #666;box-shadow:0 5px #CACACA; } .msp-preset-btn-133:hover{ background-color:#d1d1d1;color: #666;box-shadow:0 4px #CACACA;top:1px } .msp-preset-btn-133:active{ box-shadow:0 2px #CACACA;top:3px; } .msp-preset-btn-134{ background-color: #f7be68;color: #fff; } .msp-preset-btn-134:hover{ background-color:#e9b362;color: #fff; } .msp-preset-btn-134:active{ top:1px } .msp-preset-btn-135{ background-color: #f7be68;color: #fff; } .msp-preset-btn-135:hover{ background-color:#e9b362;color: #fff; } .msp-preset-btn-135:active{ top:1px } .msp-preset-btn-136{ color: #f7be68;border:solid 1px #f7be68; } .msp-preset-btn-136:hover{ border-color:#e9b362;color:#e9b362 } .msp-preset-btn-136:active{ top:1px } .msp-preset-btn-137{ background-color: #f7be68;color: #fff; } .msp-preset-btn-137:hover{ background-color:#e9b362;color: #fff; } .msp-preset-btn-137:active{ top:1px } .msp-preset-btn-138{ background-color: #f7be68;color: #fff;box-shadow:0 5px #E7AF59; } .msp-preset-btn-138:hover{ background-color:#e9b362;box-shadow:0 4px #E7AF59;top:1px;color: #fff; } .msp-preset-btn-138:active{ box-shadow:0 2px #E7AF59;top:3px; } .msp-preset-btn-139{ background-color: #5aa1e3;color: #fff; } .msp-preset-btn-139:hover{ background-color:#5faaef;color: #fff; } .msp-preset-btn-139:active{ top:1px } .msp-preset-btn-140{ background-color: #5aa1e3;color: #fff; } .msp-preset-btn-140:hover{ background-color:#5faaef;color: #fff; } .msp-preset-btn-140:active{ top:1px } .msp-preset-btn-141{ color: #5aa1e3;border:solid 1px #5aa1e3; } .msp-preset-btn-141:hover{ border-color:#5faaef;color:#5faaef } .msp-preset-btn-141:active{ top:1px } .msp-preset-btn-142{ background-color: #5aa1e3;color: #fff; } .msp-preset-btn-142:hover{ background-color:#5faaef;color: #fff; } .msp-preset-btn-142:active{ top:1px } .msp-preset-btn-143{ background-color: #5aa1e3;color: #fff;box-shadow:0 5px #4c87bf; } .msp-preset-btn-143:hover{ background-color:#5faaef;box-shadow:0 4px #4c87bf;top:1px;color: #fff; } .msp-preset-btn-143:active{ box-shadow:0 2px #4c87bf;top:3px; } .msp-preset-btn-144{ background-color: #6dab3c;color: #fff; } .msp-preset-btn-144:hover{ background-color:#76b941;color: #fff; } .msp-preset-btn-144:active{ top:1px } .msp-preset-btn-145{ background-color: #6dab3c;color: #fff; } .msp-preset-btn-145:hover{ background-color:#76b941;color: #fff; } .msp-preset-btn-145:active{ top:1px } .msp-preset-btn-146{ color: #6dab3c;border:solid 1px #6dab3c; } .msp-preset-btn-146:hover{ border-color:#76b941;color:#76b941 } .msp-preset-btn-146:active{ top:1px } .msp-preset-btn-147{ background-color: #6dab3c;color: #fff; } .msp-preset-btn-147:hover{ background-color:#76b941;color: #fff; } .msp-preset-btn-147:active{ top:1px } .msp-preset-btn-148{ background-color: #6dab3c;color: #fff;box-shadow:0 5px #5e9334; } .msp-preset-btn-148:hover{ background-color:#76b941;box-shadow:0 4px #5e9334;top:1px;color: #fff; } .msp-preset-btn-148:active{ box-shadow:0 2px #5e9334;top:3px; } .msp-preset-btn-149{ background-color: #f4524d;color: #fff; } .msp-preset-btn-149:hover{ background-color:#e04b47;color: #fff; } .msp-preset-btn-149:active{ top:1px } .msp-preset-btn-150{ background-color: #f4524d;color: #fff; } .msp-preset-btn-150:hover{ background-color:#e04b47;color: #fff; } .msp-preset-btn-150:active{ top:1px } .msp-preset-btn-151{ color: #f4524d;border:solid 1px #f4524d; } .msp-preset-btn-151:hover{ border-color:#e04b47;color:#e04b47 } .msp-preset-btn-151:active{ top:1px } .msp-preset-btn-152{ background-color: #f4524d;color: #fff; } .msp-preset-btn-152:hover{ background-color:#e04b47;color: #fff; } .msp-preset-btn-152:active{ top:1px } .msp-preset-btn-153{ background-color: #f4524d;color: #fff;box-shadow:0 5px #cb4440; } .msp-preset-btn-153:hover{ background-color:#e04b47;box-shadow:0 4px #cb4440;top:1px;color: #fff; } .msp-preset-btn-153:active{ box-shadow:0 2px #cb4440;top:3px; } .msp-preset-btn-154{ background-color: #f79468;color: #fff; } .msp-preset-btn-154:hover{ background-color:#e78a61;color: #fff; } .msp-preset-btn-154:active{ top:1px } .msp-preset-btn-155{ background-color: #f79468;color: #fff; } .msp-preset-btn-155:hover{ background-color:#e78a61;color: #fff; } .msp-preset-btn-155:active{ top:1px } .msp-preset-btn-156{ color: #f79468;border:solid 1px #f79468; } .msp-preset-btn-156:hover{ border-color:#e78a61;color:#e78a61 } .msp-preset-btn-156:active{ top:1px } .msp-preset-btn-157{ background-color: #f79468;color: #fff; } .msp-preset-btn-157:hover{ background-color:#e78a61;color: #fff; } .msp-preset-btn-157:active{ top:1px } .msp-preset-btn-158{ background-color: #f79468;color: #fff;box-shadow:0 5px #da835c; } .msp-preset-btn-158:hover{ background-color:#e78a61;box-shadow:0 4px #da835c;top:1px;color: #fff; } .msp-preset-btn-158:active{ box-shadow:0 2px #da835c;top:3px; }.msp-preset-1 { font-family:"Lato";font-weight:700;font-size:48px;line-height:normal;color:#ffffff; }
+.msp-preset-3 { font-family:"Lato";font-weight:300;font-size:18px;line-height:normal;color:#f2f2f2; }
+.msp-preset-5 { font-family:"Kaushan Script";font-weight:normal;font-size:30px;text-align:center;line-height:normal;white-space:nowrap;color:#d4d4d4; }
+.msp-preset-6 { font-family:"Raleway";font-weight:600;font-size:48px;text-align:center;line-height:normal;white-space:nowrap;color:#d4d4d4; }
+.msp-preset-7 { font-family:"Raleway";font-weight:600;font-size:48px;text-align:center;line-height:normal;white-space:nowrap;color:#77cba9; }
+.msp-preset-8 { font-family:"Montserrat";font-weight:700;font-size:36px;line-height:normal;color:#ffffff; }
+.msp-preset-12 { font-family:"Raleway";font-weight:600;font-size:72px;line-height:normal;white-space:nowrap;color:#ffffff;text-transform:uppercase; }
+.msp-preset-13 { font-family:"Raleway";font-weight:600;font-size:18px;text-align:center;line-height:normal;color:#f8f8f8; }
+.msp-preset-14 { font-family:"Yanone Kaffeesatz";font-weight:normal;font-size:60px;text-align:center;letter-spacing:2px;line-height:normal;white-space:nowrap;color:#ffffff; }
+.msp-preset-15 { font-family:"Oswald";font-weight:normal;font-size:55px;text-align:center;line-height:normal;white-space:nowrap;color:#e38181; }
+.msp-preset-16 { font-family:"Montserrat";font-weight:normal;font-size:54px;line-height:normal;white-space:nowrap;color:#dddddd; }
+.msp-preset-17 { font-family:"Playfair Display";font-weight:normal;font-size:16px;text-align:center;line-height:normal;color:#c2b273;background-color:transparent; }
+.msp-preset-18 { font-family:"Quicksand";font-weight:normal;font-size:18px;text-align:center;line-height:normal;color:#fdfdfd;background-color:transparent; }
+.msp-preset-19 { font-family:"Montserrat";font-weight:normal;font-size:12px;line-height:normal;color:#dddddc;text-transform:uppercase; }
+.msp-preset-20 { font-family:"Lato";font-weight:normal;font-size:12px;letter-spacing:2px;line-height:normal;color:#a9a8a8; }
+.msp-preset-21 { background-color:#a9a8a8;font-weight:normal;line-height:normal; }
+.msp-preset-22 { font-family:"Oswald";font-weight:700;font-size:48px;line-height:60px;color:#ffffff; }
+.msp-preset-23 { font-family:"Lato";font-weight:normal;font-size:16px;line-height:normal;color:#c0c0c0; }
+.msp-preset-25 { padding-top:10px;padding-right:24px;padding-bottom:10px;padding-left:24px;font-family:"Lato";font-weight:normal;font-size:10px;text-align:center;letter-spacing:2px;line-height:normal;text-transform:uppercase; }
+.msp-preset-26 { font-family:"Lato";font-weight:normal;font-size:16px;line-height:normal;color:#ffffff; }
+.msp-preset-27 { background-color:#ffffff;font-weight:normal;line-height:normal; }
+.msp-preset-28 { font-family:"Lato";font-weight:normal;font-size:12px;letter-spacing:2px;line-height:normal;color:#ffffff; }
+.msp-preset-29 { font-family:"Raleway";font-weight:800;font-size:120px;letter-spacing:1px;line-height:normal;color:#ffffff; }
+.msp-preset-30 { font-family:"Source Code Pro";font-weight:normal;font-size:22px;line-height:normal;color:#ffffff; }
+.msp-preset-31 { font-family:"Source Code Pro";font-weight:normal;font-size:14px;letter-spacing:1px;line-height:normal;color:#ba895d; }
+.msp-preset-32 { font-family:"Source Code Pro";font-weight:normal;font-size:14px;line-height:normal;color:#6a6a6a; }
+.msp-preset-33 { font-family:"Montserrat";font-weight:normal;font-size:36px;line-height:normal;color:#ffffff; }
+.msp-preset-34 { background-color:#ffffff;font-weight:normal;line-height:normal; }
+.msp-preset-35 { background-color:#f4cb68;padding-top:20px;padding-right:20px;padding-bottom:20px;padding-left:20px;font-family:"Lato";font-weight:normal;font-size:11px;line-height:16px;color:#333333; }
+.msp-cn-155-11 { font-family:"Lato";font-weight:normal;font-size:12px;letter-spacing:2px;line-height:normal;white-space:nowrap;color:#ffffff; }
+.msp-cn-155-21 { font-family:"Lato";font-weight:normal;font-size:12px;letter-spacing:2px;line-height:normal;white-space:nowrap;color:#ffffff; }
+.msp-cn-155-46 { font-family:"Lato";font-weight:normal;font-size:12px;letter-spacing:2px;line-height:normal;white-space:nowrap;color:#a9a8a8; }
+.msp-cn-155-48 { font-family:"Oswald";font-weight:700;font-size:48px;line-height:60px;white-space:nowrap;color:#ffffff; }

data/assets/themes/j1/modules/masterslider_pro/js/slider-templates/modern-sliders/ArtBlog/images/artblog-bg-slide1.jpg ADDED Viewed

Binary file

data/assets/themes/j1/modules/masterslider_pro/js/slider-templates/modern-sliders/ArtBlog/images/artblog-bg-slide2.jpg ADDED Viewed

Binary file

data/assets/themes/j1/modules/masterslider_pro/js/slider-templates/modern-sliders/ArtBlog/images/artblog-bg-slide3.jpg ADDED Viewed

Binary file

data/assets/themes/j1/modules/masterslider_pro/js/slider-templates/modern-sliders/ArtBlog/images/blank.gif ADDED Viewed

Binary file

data/assets/themes/j1/modules/masterslider_pro/js/slider-templates/modern-sliders/ArtBlog/images/controller-nxt.png ADDED Viewed

Binary file

data/assets/themes/j1/modules/masterslider_pro/js/slider-templates/modern-sliders/ArtBlog/images/controller-prv.png ADDED Viewed

Binary file

data/assets/themes/j1/modules/masterslider_pro/js/slider-templates/modern-sliders/ArtBlog/index.html ADDED Viewed

@@ -0,0 +1,272 @@
+<!DOCTYPE html>
+<html lang="">
+    <head>
+        <meta charset="UTF-8">
+        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+        <title>ArtBlog</title>
+        <link rel="stylesheet" id="ms-fonts" href="https://fonts.googleapis.com/css?family=Lato:regular|Oswald:700" type="text/css" media="all" />
+        <!-- Base MasterSlider style sheet -->
+        <link rel="stylesheet" href="../assets/css/masterslider.main.css" />
+        <link rel="stylesheet" href="css/style.css" />
+        <!-- jQuery -->
+        <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
+        <script src="https://code.jquery.com/jquery-migrate-3.3.2.js"></script>
+        <script src="../assets/js/jquery.easing.min.js"></script>
+        <!-- Master Slider -->
+        <script src="../assets/js/masterslider.min.js"></script>
+    </head>
+    <body>
+        <!-- MasterSlider -->
+        <div id="P_masterslider" class="master-slider-parent ms-parent-id-21" >
+            <!-- MasterSlider Main -->
+            <div id="masterslider" class="master-slider ms-skin-minimal" >
+                <div class="ms-overlay-layers">
+                    <img class="ms-layer"
+                         src="images/blank.gif"
+                         data-src="images/controller-nxt.png"
+                         alt=""
+                         style=""
+                         data-ease="easeOutQuint"
+                         data-type="image"
+                         data-action="next"
+                         data-offset-x="60"
+                         data-offset-y="48"
+                         data-origin="mr"
+                         data-position="normal" />
+                    <img class="ms-layer"
+                         src="images/blank.gif"
+                         data-src="images/controller-prv.png"
+                         alt=""
+                         style=""
+                         data-ease="easeOutQuint"
+                         data-type="image"
+                         data-action="previous"
+                         data-offset-x="60"
+                         data-offset-y="-31"
+                         data-origin="mr"
+                         data-position="normal" />
+                </div>
+                <div class="ms-slide" data-delay="6" data-fill-mode="fill" >
+                    <img src="images/blank.gif" alt="" title="ms-duotones-slider-bg-slide2" data-src="images/artblog-bg-slide1.jpg" />
+                    <div class="ms-layer msp-cn-155-46"
+                         style=""
+                         data-effect="t(true,n,30,n,n,n,n,n,n,n,n,n,n,n,n)"
+                         data-duration="2200"
+                         data-ease="easeOutQuart"
+                         data-offset-x="96"
+                         data-offset-y="-175"
+                         data-origin="mc"
+                         data-position="normal"
+                         data-masked="true">THE SOUL</div>
+                    <div class="ms-layer msp-preset-21"
+                         style="width:30px;height:1px;"
+                         data-effect="t(true,100,n,n,n,n,n,n,n,n,n,n,n,n,n)"
+                         data-duration="2600"
+                         data-delay="600"
+                         data-ease="easeOutExpo"
+                         data-offset-x="75"
+                         data-offset-y="-141"
+                         data-origin="mc"
+                         data-position="normal" ></div>
+                    <div class="ms-layer msp-cn-155-48"
+                         style=""
+                         data-effect="t(true,150,n,900,n,n,n,n,n,n,n,n,n,n,n)"
+                         data-duration="3400"
+                         data-delay="400"
+                         data-ease="easeOutQuint"
+                         data-offset-x="196"
+                         data-offset-y="-45"
+                         data-origin="mc"
+                         data-position="normal" >
+                        NATURE
+                        <br />
+                        OF THE ARTIST
+                    </div>
+                    <div class="ms-layer msp-preset-23"
+                         style="width:410px;height:60px;"
+                         data-effect="t(true,100,n,400,n,n,n,n,n,n,n,n,n,n,n)"
+                         data-duration="3400"
+                         data-delay="1000"
+                         data-ease="easeOutQuint"
+                         data-offset-x="265"
+                         data-offset-y="77"
+                         data-origin="mc"
+                         data-position="normal" >Street art is not only a painting. The artist always paints his own soul and nature on the wall. This piece of art, is a character that can make you stop and think.</div>
+                    <a href="#"
+                         target="_self"
+                         class="ms-layer msp-preset-25 ms-btn ms-btn-circle ms-btn-n msp-preset-btn-187"
+                         data-effect="t(true,n,n,-450,n,n,n,n,n,n,n,n,n,n,n)"
+                         data-duration="3000"
+                         data-delay="1800"
+                         data-ease="easeOutQuint"
+                         data-type="button"
+                         data-offset-x="122"
+                         data-offset-y="163"
+                         data-origin="mc"
+                         data-position="normal" >Read More</a>
+                </div>
+                <div class="ms-slide" data-delay="6" data-fill-mode="fill" >
+                    <img src="images/blank.gif" alt="" title="ms-duotones-slider-bg-slide2" data-src="images/artblog-bg-slide2.jpg" />
+                    <div class="ms-layer msp-cn-155-11"
+                         style=""
+                         data-effect="t(true,n,30,n,n,n,n,n,n,n,n,n,n,n,n)"
+                         data-duration="2200"
+                         data-ease="easeOutQuint"
+                         data-offset-x="112"
+                         data-offset-y="-175"
+                         data-origin="mc"
+                         data-position="normal"
+                         data-masked="true">THE MEANING</div>
+                    <div class="ms-layer msp-preset-27"
+                         style="width:30px;height:1px;"
+                         data-effect="t(true,100,n,n,n,n,n,n,n,n,n,n,n,n,n)"
+                         data-duration="2600"
+                         data-delay="600"
+                         data-ease="easeOutExpo"
+                         data-offset-x="75"
+                         data-offset-y="-141"
+                         data-origin="mc"
+                         data-position="normal" ></div>
+                    <div class="ms-layer msp-preset-22"
+                         style=""
+                         data-effect="t(true,150,n,900,n,n,n,n,n,n,n,n,n,n,n)"
+                         data-duration="3400"
+                         data-delay="400"
+                         data-ease="easeOutQuint"
+                         data-offset-x="218"
+                         data-offset-y="-45"
+                         data-origin="mc"
+                         data-position="normal" >
+                        THE IMPACTS OF
+                        <br />
+                        STREET ART
+                    </div>
+                    <div class="ms-layer msp-preset-26"
+                         style="width:410px;height:60px;"
+                         data-effect="t(true,100,n,400,n,n,n,n,n,n,n,n,n,n,n)"
+                         data-duration="3400"
+                         data-delay="1000"
+                         data-ease="easeOutQuint"
+                         data-offset-x="265"
+                         data-offset-y="77"
+                         data-origin="mc"
+                         data-position="normal" >Every street art shares messages. Our conscious and subconscious thought can be affected by that certain messages in our everyday lives.</div>
+                    <a href="#"
+                         target="_self"
+                         class="ms-layer msp-preset-25 ms-btn ms-btn-circle ms-btn-n msp-preset-btn-187"
+                         data-effect="t(true,n,n,-450,n,n,n,n,n,n,n,n,n,n,n)"
+                         data-duration="3000"
+                         data-delay="1800"
+                         data-ease="easeOutQuint"
+                         data-type="button"
+                         data-offset-x="122"
+                         data-offset-y="163"
+                         data-origin="mc"
+                         data-position="normal" >Read More</a>
+                </div>
+                <div class="ms-slide" data-delay="6" data-fill-mode="fill" >
+                    <img src="images/blank.gif" alt="" title="ms-duotones-slider-bg-slide2" data-src="images/artblog-bg-slide3.jpg" />
+                    <div class="ms-layer msp-cn-155-21"
+                         style=""
+                         data-effect="t(true,n,30,n,n,n,n,n,n,n,n,n,n,n,n)"
+                         data-duration="2200"
+                         data-ease="easeOutQuint"
+                         data-offset-x="112"
+                         data-offset-y="-175"
+                         data-origin="mc"
+                         data-position="normal"
+                         data-masked="true">BRICK WALLS</div>
+                    <div class="ms-layer msp-preset-27"
+                         style="width:30px;height:1px;"
+                         data-effect="t(true,100,n,n,n,n,n,n,n,n,n,n,n,n,n)"
+                         data-duration="2600"
+                         data-delay="600"
+                         data-ease="easeOutExpo"
+                         data-offset-x="75"
+                         data-offset-y="-141"
+                         data-origin="mc"
+                         data-position="normal" ></div>
+                    <div class="ms-layer msp-preset-22"
+                         style=""
+                         data-effect="t(true,150,n,900,n,n,n,n,n,n,n,n,n,n,n)"
+                         data-duration="3400"
+                         data-delay="400"
+                         data-ease="easeOutQuint"
+                         data-offset-x="204"
+                         data-offset-y="-45"
+                         data-origin="mc"
+                         data-position="normal" >
+                        MODERN
+                        <br />
+                        &amp; TRADITIONAL
+                    </div>
+                    <div class="ms-layer msp-preset-26"
+                         style="width:410px;height:60px;"
+                         data-effect="t(true,100,n,400,n,n,n,n,n,n,n,n,n,n,n)"
+                         data-duration="3400"
+                         data-delay="1000"
+                         data-ease="easeOutQuint"
+                         data-offset-x="265"
+                         data-offset-y="77"
+                         data-origin="mc"
+                         data-position="normal" >Graffiti on brick walls! digital humanities! These can be considered examples of Yin and Yang, and this contrast will catch the eyes of passers-by.</div>
+                    <a href="#"
+                         target="_self"
+                         class="ms-layer msp-preset-25 ms-btn ms-btn-circle ms-btn-n msp-preset-btn-187"
+                         data-effect="t(true,n,n,-450,n,n,n,n,n,n,n,n,n,n,n)"
+                         data-duration="3000"
+                         data-delay="1800"
+                         data-ease="easeOutQuint"
+                         data-type="button"
+                         data-offset-x="122"
+                         data-offset-y="163"
+                         data-origin="mc"
+                         data-position="normal" >Read More</a>
+                </div>
+            </div>
+            <!-- END MasterSlider Main -->
+        </div>
+        <!-- END MasterSlider -->
+        <script>
+					var masterslider = new MasterSlider();
+			// slider controls
+			// slider setup
+			masterslider.setup("masterslider", {
+				width           : 1366,
+				height          : 768,
+				minHeight       : 0,
+				space           : 0,
+				start           : 1,
+				grabCursor      : true,
+				swipe           : true,
+				mouse           : true,
+				keyboard        : false,
+				layout          : "fullwidth",
+				wheel           : false,
+				autoplay        : true,
+				instantStartLayers:true,
+				loop            : true,
+				shuffle         : false,
+				preload         : 0,
+				heightLimit     : true,
+				autoHeight      : false,
+				smoothHeight    : true,
+				endPause        : false,
+				overPause       : true,
+				fillMode        : "fill",
+				centerControls  : true,
+				startOnAppear   : false,
+				layersMode      : "center",
+				autofillTarget  : "",
+				hideLayers      : false,
+				fullscreenMargin: 0,
+				speed           : 20,
+				dir             : "h",
+				parallaxMode    : 'swipe',
+				view            : "wave"
+			});
+					</script>
+    </body>
+</html>

White/.DS_Store ADDED Viewed

Binary file