Steev/steevcss
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add files via upload

Browse Source
This commit is contained in:
steevLP
2021-01-21 03:38:32 +01:00
committed by GitHub
parent 944bec5481
commit 0b4f66e203
6 changed files with 263 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

54
index.html Normal file
View File

@ -0,0 +1,54 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>steev CSS</title>
<link rel="stylesheet" type="text/css" href="css/steev.css">
</head>
<body>
<div class="nav">
<ul class="nav-list">
<a href="/" class="list-item brand"><img height="60" src="https://testcreative.co.uk/wp-content/uploads/2018/08/logo.png" alt="dev-icon"></a>
<li class="nav-item">Hello World</li>
<li class="nav-item">Hello World</li>
</ul>
</div>
<br>
<!-- Slideshow Container-->
<div class="slideshow-container">
<!-- a slide -->
<div class="mySlides fade">
<div class="numbertext">1 / 3</div>
<img src="https://www.exclusive-networks.com/de/wp-content/uploads/sites/10/2019/06/test-image.jpg" style="width:100%">
<div class="text">Caption Text</div>
</div>
<!-- slide end -->
<div class="mySlides fade">
<div class="numbertext">2 / 3</div>
<img src="https://wow.olympus.eu/webfile/img/1632/oly_testwow_stage.jpg?x=1024" style="width:100%">
<div class="text">Caption Two</div>
</div>
<div class="mySlides fade">
<div class="numbertext">3 / 3</div>
<img src="https://knowpathology.com.au/app/uploads/2018/07/Happy-Test-Screen-01.png" style="width:100%">
<div class="text">Caption Three</div>
</div>
<a class="prev" onclick="plusSlides(-1)">&#10094;</a>
<a class="next" onclick="plusSlides(1)">&#10095;</a>
</div>
<br>
<div style="text-align:center">
<span class="dot" onclick="currentSlide(1)"></span>
<span class="dot" onclick="currentSlide(2)"></span>
<span class="dot" onclick="currentSlide(3)"></span>
</div>
<script src="js/steevcss.js"></script>
</body>
</html>