v0.0.4 - Added bootstrap & swiper CSS/JS
Updated index.php
This commit is contained in:
Anders
parent
1bbefdfe08
commit
9d1095216a
|
|
@ -2,7 +2,6 @@
|
|||
<module type="WEB_MODULE" version="4">
|
||||
<component name="NewModuleRootManager">
|
||||
<content url="file://$MODULE_DIR$">
|
||||
<sourceFolder url="file://$MODULE_DIR$/installer/src" isTestSource="false" packagePrefix="Laravel\Installer\Console\" />
|
||||
<sourceFolder url="file://$MODULE_DIR$/installer/tests" isTestSource="true" packagePrefix="Laravel\Installer\Console\Tests\" />
|
||||
<sourceFolder url="file://$MODULE_DIR$/spec" isTestSource="true" />
|
||||
<sourceFolder url="file://$MODULE_DIR$/tests" isTestSource="true" />
|
||||
|
|
|
|||
|
|
@ -26,6 +26,58 @@
|
|||
<path value="$PROJECT_DIR$/vendor/illuminate/support" />
|
||||
<path value="$PROJECT_DIR$/vendor/nesbot/carbon" />
|
||||
<path value="$PROJECT_DIR$/vendor/voku/portable-ascii" />
|
||||
<path value="$PROJECT_DIR$/installer/vendor/symfony/string" />
|
||||
<path value="$PROJECT_DIR$/installer/vendor/theseer/tokenizer" />
|
||||
<path value="$PROJECT_DIR$/installer/vendor/symfony/process" />
|
||||
<path value="$PROJECT_DIR$/installer/vendor/symfony/service-contracts" />
|
||||
<path value="$PROJECT_DIR$/installer/vendor/symfony/polyfill-php73" />
|
||||
<path value="$PROJECT_DIR$/installer/vendor/symfony/polyfill-php80" />
|
||||
<path value="$PROJECT_DIR$/installer/vendor/symfony/polyfill-intl-normalizer" />
|
||||
<path value="$PROJECT_DIR$/installer/vendor/symfony/polyfill-mbstring" />
|
||||
<path value="$PROJECT_DIR$/installer/vendor/symfony/polyfill-ctype" />
|
||||
<path value="$PROJECT_DIR$/installer/vendor/symfony/polyfill-intl-grapheme" />
|
||||
<path value="$PROJECT_DIR$/installer/vendor/symfony/console" />
|
||||
<path value="$PROJECT_DIR$/installer/vendor/phpdocumentor/type-resolver" />
|
||||
<path value="$PROJECT_DIR$/installer/vendor/symfony/deprecation-contracts" />
|
||||
<path value="$PROJECT_DIR$/installer/vendor/phpunit/php-timer" />
|
||||
<path value="$PROJECT_DIR$/installer/vendor/phpdocumentor/reflection-common" />
|
||||
<path value="$PROJECT_DIR$/installer/vendor/phpunit/phpunit" />
|
||||
<path value="$PROJECT_DIR$/installer/vendor/phpdocumentor/reflection-docblock" />
|
||||
<path value="$PROJECT_DIR$/installer/vendor/phpunit/php-invoker" />
|
||||
<path value="$PROJECT_DIR$/installer/vendor/sebastian/version" />
|
||||
<path value="$PROJECT_DIR$/installer/vendor/phpunit/php-text-template" />
|
||||
<path value="$PROJECT_DIR$/installer/vendor/webmozart/assert" />
|
||||
<path value="$PROJECT_DIR$/installer/vendor/phpunit/php-code-coverage" />
|
||||
<path value="$PROJECT_DIR$/installer/vendor/sebastian/resource-operations" />
|
||||
<path value="$PROJECT_DIR$/installer/vendor/phpunit/php-file-iterator" />
|
||||
<path value="$PROJECT_DIR$/installer/vendor/sebastian/type" />
|
||||
<path value="$PROJECT_DIR$/installer/vendor/phar-io/version" />
|
||||
<path value="$PROJECT_DIR$/installer/vendor/sebastian/object-reflector" />
|
||||
<path value="$PROJECT_DIR$/installer/vendor/phpspec/prophecy" />
|
||||
<path value="$PROJECT_DIR$/installer/vendor/sebastian/recursion-context" />
|
||||
<path value="$PROJECT_DIR$/installer/vendor/myclabs/deep-copy" />
|
||||
<path value="$PROJECT_DIR$/installer/vendor/sebastian/lines-of-code" />
|
||||
<path value="$PROJECT_DIR$/installer/vendor/phar-io/manifest" />
|
||||
<path value="$PROJECT_DIR$/installer/vendor/sebastian/object-enumerator" />
|
||||
<path value="$PROJECT_DIR$/installer/vendor/psr/container" />
|
||||
<path value="$PROJECT_DIR$/installer/vendor/sebastian/exporter" />
|
||||
<path value="$PROJECT_DIR$/installer/vendor/nikic/php-parser" />
|
||||
<path value="$PROJECT_DIR$/installer/vendor/sebastian/global-state" />
|
||||
<path value="$PROJECT_DIR$/installer/vendor/sebastian/diff" />
|
||||
<path value="$PROJECT_DIR$/installer/vendor/sebastian/environment" />
|
||||
<path value="$PROJECT_DIR$/installer/vendor/sebastian/code-unit-reverse-lookup" />
|
||||
<path value="$PROJECT_DIR$/installer/vendor/sebastian/complexity" />
|
||||
<path value="$PROJECT_DIR$/installer/vendor/sebastian/cli-parser" />
|
||||
<path value="$PROJECT_DIR$/installer/vendor/sebastian/code-unit" />
|
||||
<path value="$PROJECT_DIR$/installer/vendor/doctrine/instantiator" />
|
||||
<path value="$PROJECT_DIR$/installer/vendor/composer" />
|
||||
<path value="$PROJECT_DIR$/installer/vendor/sebastian/comparator" />
|
||||
</include_path>
|
||||
</component>
|
||||
<component name="PhpProjectSharedConfiguration" php_language_level="7.3" />
|
||||
<component name="PhpUnit">
|
||||
<phpunit_settings>
|
||||
<PhpUnitSettings custom_loader_path="$PROJECT_DIR$/installer/vendor/autoload.php" />
|
||||
</phpunit_settings>
|
||||
</component>
|
||||
</project>
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -2,13 +2,424 @@
|
|||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Login</title>
|
||||
<title>ITSKP</title>
|
||||
|
||||
<script type="text/javascript" src="Assets/JS/jquery-3.6.0.min.js"></script>
|
||||
<script type="text/javascript" src="Assets/JS/swiper-bundle.min.js"></script>
|
||||
<script type="text/javascript" src="Assets/JS/bootstrap.min.js"></script>
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="Assets/CSS/bootstrap.min.css"/>
|
||||
<link rel="stylesheet" type="text/css" href="Assets/CSS/swiper.min.css"/>
|
||||
</head>
|
||||
<body>
|
||||
<style>
|
||||
body {
|
||||
font-family: "Fira Sans", sans-serif;
|
||||
background-color: #ffe53b;
|
||||
background-image: linear-gradient(147deg, #ffe53b 0%, #fd3838 74%);
|
||||
}
|
||||
|
||||
.blog-slider {
|
||||
width: 95%;
|
||||
position: relative;
|
||||
max-width: 800px;
|
||||
margin: auto;
|
||||
background: #fff;
|
||||
box-shadow: 0px 14px 80px rgba(34, 35, 58, 0.2);
|
||||
padding: 25px;
|
||||
border-radius: 25px;
|
||||
height: 400px;
|
||||
transition: all 0.3s;
|
||||
}
|
||||
@media screen and (max-width: 992px) {
|
||||
.blog-slider {
|
||||
max-width: 680px;
|
||||
height: 400px;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 768px) {
|
||||
.blog-slider {
|
||||
min-height: 500px;
|
||||
height: auto;
|
||||
margin: 180px auto;
|
||||
}
|
||||
}
|
||||
@media screen and (max-height: 500px) and (min-width: 992px) {
|
||||
.blog-slider {
|
||||
height: 350px;
|
||||
}
|
||||
}
|
||||
.blog-slider__item {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
@media screen and (max-width: 768px) {
|
||||
.blog-slider__item {
|
||||
flex-direction: column;
|
||||
}
|
||||
}
|
||||
.blog-slider__item.swiper-slide-active .blog-slider__img img {
|
||||
opacity: 1;
|
||||
transition-delay: 0.3s;
|
||||
}
|
||||
.blog-slider__item.swiper-slide-active .blog-slider__content > * {
|
||||
opacity: 1;
|
||||
transform: none;
|
||||
}
|
||||
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(1) {
|
||||
transition-delay: 0.3s;
|
||||
}
|
||||
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(2) {
|
||||
transition-delay: 0.4s;
|
||||
}
|
||||
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(3) {
|
||||
transition-delay: 0.5s;
|
||||
}
|
||||
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(4) {
|
||||
transition-delay: 0.6s;
|
||||
}
|
||||
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(5) {
|
||||
transition-delay: 0.7s;
|
||||
}
|
||||
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(6) {
|
||||
transition-delay: 0.8s;
|
||||
}
|
||||
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(7) {
|
||||
transition-delay: 0.9s;
|
||||
}
|
||||
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(8) {
|
||||
transition-delay: 1s;
|
||||
}
|
||||
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(9) {
|
||||
transition-delay: 1.1s;
|
||||
}
|
||||
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(10) {
|
||||
transition-delay: 1.2s;
|
||||
}
|
||||
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(11) {
|
||||
transition-delay: 1.3s;
|
||||
}
|
||||
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(12) {
|
||||
transition-delay: 1.4s;
|
||||
}
|
||||
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(13) {
|
||||
transition-delay: 1.5s;
|
||||
}
|
||||
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(14) {
|
||||
transition-delay: 1.6s;
|
||||
}
|
||||
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(15) {
|
||||
transition-delay: 1.7s;
|
||||
}
|
||||
.blog-slider__img {
|
||||
width: 300px;
|
||||
flex-shrink: 0;
|
||||
height: 300px;
|
||||
background-image: linear-gradient(147deg, #fe8a39 0%, #fd3838 74%);
|
||||
box-shadow: 4px 13px 30px 1px rgba(252, 56, 56, 0.2);
|
||||
border-radius: 20px;
|
||||
transform: translateX(-80px);
|
||||
overflow: hidden;
|
||||
}
|
||||
.blog-slider__img:after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-image: linear-gradient(147deg, #fe8a39 0%, #fd3838 74%);
|
||||
border-radius: 20px;
|
||||
opacity: 0.8;
|
||||
}
|
||||
.blog-slider__img img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
display: block;
|
||||
opacity: 0;
|
||||
border-radius: 20px;
|
||||
transition: all 0.3s;
|
||||
}
|
||||
@media screen and (max-width: 768px) {
|
||||
.blog-slider__img {
|
||||
transform: translateY(-50%);
|
||||
width: 90%;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 576px) {
|
||||
.blog-slider__img {
|
||||
width: 95%;
|
||||
}
|
||||
}
|
||||
@media screen and (max-height: 500px) and (min-width: 992px) {
|
||||
.blog-slider__img {
|
||||
height: 270px;
|
||||
}
|
||||
}
|
||||
.blog-slider__content {
|
||||
padding-right: 25px;
|
||||
}
|
||||
@media screen and (max-width: 768px) {
|
||||
.blog-slider__content {
|
||||
margin-top: -80px;
|
||||
text-align: center;
|
||||
padding: 0 30px;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 576px) {
|
||||
.blog-slider__content {
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
.blog-slider__content > * {
|
||||
opacity: 0;
|
||||
transform: translateY(25px);
|
||||
transition: all 0.4s;
|
||||
}
|
||||
.blog-slider__code {
|
||||
color: #7b7992;
|
||||
margin-bottom: 15px;
|
||||
display: block;
|
||||
font-weight: 500;
|
||||
}
|
||||
.blog-slider__title {
|
||||
font-size: 24px;
|
||||
font-weight: 700;
|
||||
color: #0d0925;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.blog-slider__text {
|
||||
color: #4e4a67;
|
||||
margin-bottom: 30px;
|
||||
line-height: 1.5em;
|
||||
}
|
||||
.blog-slider__button {
|
||||
display: inline-flex;
|
||||
background-image: linear-gradient(147deg, #fe8a39 0%, #fd3838 74%);
|
||||
padding: 15px 35px;
|
||||
border-radius: 50px;
|
||||
color: #fff;
|
||||
box-shadow: 0px 14px 80px rgba(252, 56, 56, 0.4);
|
||||
text-decoration: none;
|
||||
font-weight: 500;
|
||||
justify-content: center;
|
||||
text-align: center;
|
||||
letter-spacing: 1px;
|
||||
}
|
||||
@media screen and (max-width: 576px) {
|
||||
.blog-slider__button {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
.blog-slider .swiper-container-horizontal > .swiper-pagination-bullets,
|
||||
.blog-slider .swiper-pagination-custom,
|
||||
.blog-slider .swiper-pagination-fraction {
|
||||
bottom: 10px;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
}
|
||||
.blog-slider__pagination {
|
||||
display: flex;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
flex-direction: row;
|
||||
z-index: 21;
|
||||
width: fit-content !important;
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
@media screen and (max-width: 768px) {
|
||||
.blog-slider__pagination {
|
||||
transform: translateX(-50%);
|
||||
left: 50% !important;
|
||||
top: 205px;
|
||||
width: 100% !important;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
}
|
||||
.blog-slider__pagination.swiper-pagination-bullets .swiper-pagination-bullet {
|
||||
margin: 0px 8px;
|
||||
}
|
||||
@media screen and (max-width: 768px) {
|
||||
.blog-slider__pagination.swiper-pagination-bullets .swiper-pagination-bullet {
|
||||
margin: 0 5px;
|
||||
}
|
||||
}
|
||||
.blog-slider__pagination .swiper-pagination-bullet {
|
||||
width: 11px;
|
||||
height: 11px;
|
||||
display: block;
|
||||
border-radius: 10px;
|
||||
background: #062744;
|
||||
opacity: 0.2;
|
||||
transition: all 0.3s;
|
||||
}
|
||||
.blog-slider__pagination .swiper-pagination-bullet-active {
|
||||
opacity: 1;
|
||||
background: #fd3838;
|
||||
width: 30px;
|
||||
box-shadow: 0px 0px 20px rgba(252, 56, 56, 0.3);
|
||||
}
|
||||
@media screen and (max-width: 768px) {
|
||||
.blog-slider__pagination .swiper-pagination-bullet-active {
|
||||
height: 11px;
|
||||
width: 30px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
<body class="position-relative">
|
||||
<div id="app" class="min-vh-100 d-flex flex-column">
|
||||
<form action="../Backend/controller/login.php" method="POST">
|
||||
<input type="text" name="username" placeholder="Username">
|
||||
<input type="password" name="password" placeholder="Password">
|
||||
<input type="submit" name="loginsubmit" placeholder="login">
|
||||
</form>
|
||||
<main class="d-flex position-relative" style="flex: auto;">
|
||||
<div class="container d-grid align-items-center pt-5 pb-5" style="contain: content">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-md-12 h-100" style="border-radius: 4px">
|
||||
<div class="blog-slider">
|
||||
<div class="blog-slider__wrp swiper-wrapper">
|
||||
<div class="blog-slider__item swiper-slide">
|
||||
<!--<div class="blog-slider__img">
|
||||
|
||||
<img src="https://res.cloudinary.com/muhammederdem/image/upload/v1535759872/kuldar-kalvik-799168-unsplash.jpg" alt="">
|
||||
</div>-->
|
||||
<div class="blog-slider__content">
|
||||
<span class="blog-slider__code">26 December 2019</span>
|
||||
<div class="blog-slider__title">Lorem Ipsum Dolor</div>
|
||||
<div class="blog-slider__text">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Recusandae voluptate repellendus magni illo ea animi? </div>
|
||||
<!--<a href="#" class="blog-slider__button">READ MORE</a>-->
|
||||
</div>
|
||||
</div>
|
||||
<div class="blog-slider__item swiper-slide">
|
||||
<!--<div class="blog-slider__img">
|
||||
<img src="https://res.cloudinary.com/muhammederdem/image/upload/v1535759871/jason-leung-798979-unsplash.jpg" alt="">
|
||||
</div>-->
|
||||
<div class="blog-slider__content">
|
||||
<span class="blog-slider__code">26 December 2019</span>
|
||||
<div class="blog-slider__title">Lorem Ipsum Dolor2</div>
|
||||
<div class="blog-slider__text">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Recusandae voluptate repellendus magni illo ea animi?</div>
|
||||
<!--<a href="#" class="blog-slider__button">READ MORE</a>-->
|
||||
</div>
|
||||
</div>
|
||||
<div class="blog-slider__item swiper-slide">
|
||||
<!--<div class="blog-slider__img">
|
||||
<img src="https://res.cloudinary.com/muhammederdem/image/upload/v1535759871/jason-leung-798979-unsplash.jpg" alt="">
|
||||
</div>-->
|
||||
<div class="blog-slider__content">
|
||||
<span class="blog-slider__code">26 December 2019</span>
|
||||
<div class="blog-slider__title">Lorem Ipsum Dolor2</div>
|
||||
<div class="blog-slider__text">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Recusandae voluptate repellendus magni illo ea animi?</div>
|
||||
<!--<a href="#" class="blog-slider__button">READ MORE</a>-->
|
||||
</div>
|
||||
</div>
|
||||
<div class="blog-slider__item swiper-slide">
|
||||
<!--<div class="blog-slider__img">
|
||||
<img src="https://res.cloudinary.com/muhammederdem/image/upload/v1535759871/jason-leung-798979-unsplash.jpg" alt="">
|
||||
</div>-->
|
||||
<div class="blog-slider__content">
|
||||
<span class="blog-slider__code">26 December 2019</span>
|
||||
<div class="blog-slider__title">Lorem Ipsum Dolor2</div>
|
||||
<div class="blog-slider__text">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Recusandae voluptate repellendus magni illo ea animi?</div>
|
||||
<!--<a href="#" class="blog-slider__button">READ MORE</a>-->
|
||||
</div>
|
||||
</div>
|
||||
<div class="blog-slider__item swiper-slide">
|
||||
<!--<div class="blog-slider__img">
|
||||
<img src="https://res.cloudinary.com/muhammederdem/image/upload/v1535759871/jason-leung-798979-unsplash.jpg" alt="">
|
||||
</div>-->
|
||||
<div class="blog-slider__content">
|
||||
<span class="blog-slider__code">26 December 2019</span>
|
||||
<div class="blog-slider__title">Lorem Ipsum Dolor2</div>
|
||||
<div class="blog-slider__text">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Recusandae voluptate repellendus magni illo ea animi?</div>
|
||||
<!--<a href="#" class="blog-slider__button">READ MORE</a>-->
|
||||
</div>
|
||||
</div>
|
||||
<div class="blog-slider__item swiper-slide">
|
||||
<!--<div class="blog-slider__img">
|
||||
<img src="https://res.cloudinary.com/muhammederdem/image/upload/v1535759871/jason-leung-798979-unsplash.jpg" alt="">
|
||||
</div>-->
|
||||
<div class="blog-slider__content">
|
||||
<span class="blog-slider__code">26 December 2019</span>
|
||||
<div class="blog-slider__title">Lorem Ipsum Dolor2</div>
|
||||
<div class="blog-slider__text">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Recusandae voluptate repellendus magni illo ea animi?</div>
|
||||
<!--<a href="#" class="blog-slider__button">READ MORE</a>-->
|
||||
</div>
|
||||
</div>
|
||||
<div class="blog-slider__item swiper-slide">
|
||||
<!--<div class="blog-slider__img">
|
||||
<img src="https://res.cloudinary.com/muhammederdem/image/upload/v1535759871/jason-leung-798979-unsplash.jpg" alt="">
|
||||
</div>-->
|
||||
<div class="blog-slider__content">
|
||||
<span class="blog-slider__code">26 December 2019</span>
|
||||
<div class="blog-slider__title">Lorem Ipsum Dolor2</div>
|
||||
<div class="blog-slider__text">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Recusandae voluptate repellendus magni illo ea animi?</div>
|
||||
<!--<a href="#" class="blog-slider__button">READ MORE</a>-->
|
||||
</div>
|
||||
</div>
|
||||
<div class="blog-slider__item swiper-slide">
|
||||
<!--<div class="blog-slider__img">
|
||||
<img src="https://res.cloudinary.com/muhammederdem/image/upload/v1535759871/jason-leung-798979-unsplash.jpg" alt="">
|
||||
</div>-->
|
||||
<div class="blog-slider__content">
|
||||
<span class="blog-slider__code">26 December 2019</span>
|
||||
<div class="blog-slider__title">Lorem Ipsum Dolor2</div>
|
||||
<div class="blog-slider__text">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Recusandae voluptate repellendus magni illo ea animi?</div>
|
||||
<!--<a href="#" class="blog-slider__button">READ MORE</a>-->
|
||||
</div>
|
||||
</div>
|
||||
<div class="blog-slider__item swiper-slide">
|
||||
<!--<div class="blog-slider__img">
|
||||
<img src="https://res.cloudinary.com/muhammederdem/image/upload/v1535759871/jason-leung-798979-unsplash.jpg" alt="">
|
||||
</div>-->
|
||||
<div class="blog-slider__content">
|
||||
<span class="blog-slider__code">26 December 2019</span>
|
||||
<div class="blog-slider__title">Lorem Ipsum Dolor2</div>
|
||||
<div class="blog-slider__text">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Recusandae voluptate repellendus magni illo ea animi?</div>
|
||||
<!--<a href="#" class="blog-slider__button">READ MORE</a>-->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="blog-slider__item swiper-slide">
|
||||
<!--<div class="blog-slider__img">
|
||||
<img src="https://res.cloudinary.com/muhammederdem/image/upload/v1535759871/alessandro-capuzzi-799180-unsplash.jpg" alt="">
|
||||
</div>-->
|
||||
<div class="blog-slider__content">
|
||||
<span class="blog-slider__code">26 December 2019</span>
|
||||
<div class="blog-slider__title">Lorem Ipsum Dolor</div>
|
||||
<div class="blog-slider__text">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Recusandae voluptate repellendus magni illo ea animi?</div>
|
||||
<!--<a href="#" class="blog-slider__button">READ MORE</a>-->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="blog-slider__pagination"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
</div>
|
||||
|
||||
<script type="text/javascript">
|
||||
var swiper = new Swiper('.blog-slider', {
|
||||
spaceBetween: 30,
|
||||
effect: 'fade',
|
||||
loop: true,
|
||||
mousewheel: {
|
||||
invert: false,
|
||||
},
|
||||
// autoHeight: true,
|
||||
pagination: {
|
||||
el: '.blog-slider__pagination',
|
||||
type: 'bullets',
|
||||
clickable: true,
|
||||
dynamicBullets: true,
|
||||
dynamicMainBullets: 3,
|
||||
}
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -30,7 +30,7 @@ private static $installed = array (
|
|||
'aliases' =>
|
||||
array (
|
||||
),
|
||||
'reference' => '78df7dd754a997529545d1c7f78733965fb7e709',
|
||||
'reference' => '581243b285fdc522b90e3e9bbc31a78af21526f8',
|
||||
'name' => '__root__',
|
||||
),
|
||||
'versions' =>
|
||||
|
|
@ -42,7 +42,7 @@ private static $installed = array (
|
|||
'aliases' =>
|
||||
array (
|
||||
),
|
||||
'reference' => '78df7dd754a997529545d1c7f78733965fb7e709',
|
||||
'reference' => '581243b285fdc522b90e3e9bbc31a78af21526f8',
|
||||
),
|
||||
'doctrine/inflector' =>
|
||||
array (
|
||||
|
|
|
|||
|
|
@ -6,7 +6,7 @@
|
|||
'aliases' =>
|
||||
array (
|
||||
),
|
||||
'reference' => '78df7dd754a997529545d1c7f78733965fb7e709',
|
||||
'reference' => '581243b285fdc522b90e3e9bbc31a78af21526f8',
|
||||
'name' => '__root__',
|
||||
),
|
||||
'versions' =>
|
||||
|
|
@ -18,7 +18,7 @@
|
|||
'aliases' =>
|
||||
array (
|
||||
),
|
||||
'reference' => '78df7dd754a997529545d1c7f78733965fb7e709',
|
||||
'reference' => '581243b285fdc522b90e3e9bbc31a78af21526f8',
|
||||
),
|
||||
'doctrine/inflector' =>
|
||||
array (
|
||||
|
|
|
|||
Loading…
Reference in New Issue