Commit ba1af895 authored by Michael Iseard's avatar Michael Iseard
Browse files

change jpegs to pngs

parent 933af147
img/1.png

168 KB

img/2.png

202 KB

img/3.png

192 KB

img/4.png

213 KB

......@@ -29,7 +29,7 @@
}
#intro {
background-color:#59acff;
background-color: #59acff;
color: #fff;
}
......@@ -40,67 +40,74 @@
#slider-demo-1 {
border-radius: 5px;
}
</style>
</head>
<body>
<nav id="main-nav" class="navbar navbar-expand-lg navbar-light rounded">
<div class="container">
<img src="img/logo-final.svg" width="30" height="30" class="d-inline-block align-top" alt="">
<ul class="navbar-nav mr-auto">
<li class="nav-item active">
<a class="nav-item nav-link" href="#demo">Demo</a>
</li>
<li class="nav-item">
<a class="nav-item nav-link" href="#usage">Usage</a>
</li>
<li class="nav-item">
<a class="nav-item nav-link" href="#">Settings</a>
</li>
</ul>
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-item nav-link" href="https://www.iseardmedia.com">Iseard Media</a>
</li>
<li class="nav-item">
<a class="nav-item nav-link" href="https://gitea.iseardmedia.com/michael">Gitea</a>
</li>
</ul>
<div class="container">
<img src="img/logo-final.svg" width="30" height="30" class="d-inline-block align-top" alt="">
<ul class="navbar-nav mr-auto">
<li class="nav-item active">
<a class="nav-item nav-link" href="#demo">Demo</a>
</li>
<li class="nav-item">
<a class="nav-item nav-link" href="#usage">Usage</a>
</li>
<li class="nav-item">
<a class="nav-item nav-link" href="#">Settings</a>
</li>
</ul>
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-item nav-link" href="https://www.iseardmedia.com">Iseard Media</a>
</li>
<li class="nav-item">
<a class="nav-item nav-link" href="https://gitea.iseardmedia.com/michael">Gitea</a>
</li>
</ul>
</div>
</nav>
</nav>
<div id="intro" class="jumbotron jumbotron-fluid">
<div class="container">
<h1 class="display-3">Skroll Slider</h1>
<p class="lead">A modern JavaScript carousel with no third party requirements.</p>
<hr class="my-4">
<p class="lead">
<a class="btn btn-primary btn-lg" href="https://gitea.iseardmedia.com/michael/Skroll-Slider/archive/1.0.2.zip" role="button">Download</a>
<a class="btn btn-primary btn-lg" href="https://gitea.iseardmedia.com/michael/Skroll-Slider/archive/1.0.3.zip" role="button">Download</a>
<a class="btn btn-primary btn-lg" href="https://gitea.iseardmedia.com/michael/Skroll-Slider" role="button">Source</a>
</p>
<p>v1.0.2</p>
<p>v1.0.3</p>
</div>
</div>
<div class="container">
<section>
<section>
<div class="container">
<h2 id="demo" class="display-4">Demo</h2>
<div id="slider-demo-1" class="skroll-slider" style="width:100%; height: 400px;">
<div>
<img src="img/1.jpg?v=1.0.2">
<img src="img/1.png?v=1.0.0">
<h2>Light, fast and free</h2>
</div>
<div>
<img src="img/2.jpg?v=1.0.2">
<h2>You can put any text here you want.</h2>
<img src="img/2.png?v=1.0.0">
<h2>Highly configurable</h2>
<p>Lots of options</p>
</div>
<div>
<img src="img/3.png?v=1.0.0">
<h2>Put any text here you want</h2>
</div>
<div>
<img src="img/3.jpg?v=1.0.2">
<img src="img/4.png?v=1.0.0">
<h2>Find out more below</h2>
</div>
</div>
</section>
<br/>
<section>
</div>
</section>
<br/>
<section class="bg-light">
<div class="container">
<h2 id="usage" class="display-4">Usage</h2>
<br/>
<h3>Basic</h3>
......@@ -133,8 +140,8 @@
&lt;/div&gt;
</code>
</pre>
</section>
</div>
</div>
</section>
<footer class="footer">
<div class="container">
......@@ -151,7 +158,7 @@
crossorigin="anonymous"></script>
<!-- Skroll-Slider JS -->
<script src="js/skroll-slider.min.js?v=1.0.2.1"></script>
<script src="js/skroll-slider.min.js?v=1.0.3"></script>
<!-- highlight.js -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/highlight.min.js"></script>
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment