Add files via upload
This commit is contained in:
GitHub
parent
3e13d58f3d
commit
d5cb0a849e
129
examples/grid.html
Normal file
129
examples/grid.html
Normal file
@ -0,0 +1,129 @@
|
||||
<!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="../steevcss.min.css">
|
||||
</head>
|
||||
<body>
|
||||
<br>
|
||||
<h1 style="text-align: center;">Grids</h1>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-1" style="border: 1px solid black;"> col-1 </div>
|
||||
</div>
|
||||
<br><br>
|
||||
<div class="row">
|
||||
<div class="col-2" style="border: 1px solid black;"> col-2 </div>
|
||||
<div class="col-2" style="border: 1px solid black;"> col-2 </div>
|
||||
</div>
|
||||
<br><br>
|
||||
<div class="row">
|
||||
<div class="col-3" style="border: 1px solid black;"> col-3 </div>
|
||||
<div class="col-3" style="border: 1px solid black;"> col-3 </div>
|
||||
<div class="col-3" style="border: 1px solid black;"> col-3 </div>
|
||||
</div>
|
||||
<br><br>
|
||||
<div class="row">
|
||||
<div class="col-4" style="border: 1px solid black;"> col-4 </div>
|
||||
<div class="col-4" style="border: 1px solid black;"> col-4 </div>
|
||||
<div class="col-4" style="border: 1px solid black;"> col-4 </div>
|
||||
<div class="col-4" style="border: 1px solid black;"> col-4 </div>
|
||||
</div>
|
||||
<br><br>
|
||||
<div class="row">
|
||||
<div class="col-5" style="border: 1px solid black;"> col-5 </div>
|
||||
<div class="col-5" style="border: 1px solid black;"> col-5 </div>
|
||||
<div class="col-5" style="border: 1px solid black;"> col-5 </div>
|
||||
<div class="col-5" style="border: 1px solid black;"> col-5 </div>
|
||||
<div class="col-5" style="border: 1px solid black;"> col-5 </div>
|
||||
</div>
|
||||
<br><br>
|
||||
<div class="row">
|
||||
<div class="col-6" style="border: 1px solid black;"> col-6 </div>
|
||||
<div class="col-6" style="border: 1px solid black;"> col-6 </div>
|
||||
<div class="col-6" style="border: 1px solid black;"> col-6 </div>
|
||||
<div class="col-6" style="border: 1px solid black;"> col-6 </div>
|
||||
<div class="col-6" style="border: 1px solid black;"> col-6 </div>
|
||||
<div class="col-6" style="border: 1px solid black;"> col-6 </div>
|
||||
</div>
|
||||
<br><br>
|
||||
<div class="row">
|
||||
<div class="col-7" style="border: 1px solid black;"> col-7 </div>
|
||||
<div class="col-7" style="border: 1px solid black;"> col-7 </div>
|
||||
<div class="col-7" style="border: 1px solid black;"> col-7 </div>
|
||||
<div class="col-7" style="border: 1px solid black;"> col-7 </div>
|
||||
<div class="col-7" style="border: 1px solid black;"> col-7 </div>
|
||||
<div class="col-7" style="border: 1px solid black;"> col-7 </div>
|
||||
<div class="col-7" style="border: 1px solid black;"> col-7 </div>
|
||||
</div>
|
||||
<br><br>
|
||||
<div class="row">
|
||||
<div class="col-8" style="border: 1px solid black;"> col-8 </div>
|
||||
<div class="col-8" style="border: 1px solid black;"> col-8 </div>
|
||||
<div class="col-8" style="border: 1px solid black;"> col-8 </div>
|
||||
<div class="col-8" style="border: 1px solid black;"> col-8 </div>
|
||||
<div class="col-8" style="border: 1px solid black;"> col-8 </div>
|
||||
<div class="col-8" style="border: 1px solid black;"> col-8 </div>
|
||||
<div class="col-8" style="border: 1px solid black;"> col-8 </div>
|
||||
<div class="col-8" style="border: 1px solid black;"> col-8 </div>
|
||||
</div>
|
||||
<br><br>
|
||||
<div class="row">
|
||||
<div class="col-9" style="border: 1px solid black;"> col-9 </div>
|
||||
<div class="col-9" style="border: 1px solid black;"> col-9 </div>
|
||||
<div class="col-9" style="border: 1px solid black;"> col-9 </div>
|
||||
<div class="col-9" style="border: 1px solid black;"> col-9 </div>
|
||||
<div class="col-9" style="border: 1px solid black;"> col-9 </div>
|
||||
<div class="col-9" style="border: 1px solid black;"> col-9 </div>
|
||||
<div class="col-9" style="border: 1px solid black;"> col-9 </div>
|
||||
<div class="col-9" style="border: 1px solid black;"> col-9 </div>
|
||||
<div class="col-9" style="border: 1px solid black;"> col-9 </div>
|
||||
</div>
|
||||
<br><br>
|
||||
<div class="row">
|
||||
<div class="col-10" style="border: 1px solid black;"> col-10 </div>
|
||||
<div class="col-10" style="border: 1px solid black;"> col-10 </div>
|
||||
<div class="col-10" style="border: 1px solid black;"> col-10 </div>
|
||||
<div class="col-10" style="border: 1px solid black;"> col-10 </div>
|
||||
<div class="col-10" style="border: 1px solid black;"> col-10 </div>
|
||||
<div class="col-10" style="border: 1px solid black;"> col-10 </div>
|
||||
<div class="col-10" style="border: 1px solid black;"> col-10 </div>
|
||||
<div class="col-10" style="border: 1px solid black;"> col-10 </div>
|
||||
<div class="col-10" style="border: 1px solid black;"> col-10 </div>
|
||||
<div class="col-10" style="border: 1px solid black;"> col-10 </div>
|
||||
</div>
|
||||
<br><br>
|
||||
<div class="row">
|
||||
<div class="col-11" style="border: 1px solid black;"> col-11 </div>
|
||||
<div class="col-11" style="border: 1px solid black;"> col-11 </div>
|
||||
<div class="col-11" style="border: 1px solid black;"> col-11 </div>
|
||||
<div class="col-11" style="border: 1px solid black;"> col-11 </div>
|
||||
<div class="col-11" style="border: 1px solid black;"> col-11 </div>
|
||||
<div class="col-11" style="border: 1px solid black;"> col-11 </div>
|
||||
<div class="col-11" style="border: 1px solid black;"> col-11 </div>
|
||||
<div class="col-11" style="border: 1px solid black;"> col-11 </div>
|
||||
<div class="col-11" style="border: 1px solid black;"> col-11 </div>
|
||||
<div class="col-11" style="border: 1px solid black;"> col-11 </div>
|
||||
<div class="col-11" style="border: 1px solid black;"> col-11 </div>
|
||||
</div>
|
||||
<br><br>
|
||||
<div class="row">
|
||||
<div class="col-12" style="border: 1px solid black;"> col-12 </div>
|
||||
<div class="col-12" style="border: 1px solid black;"> col-12 </div>
|
||||
<div class="col-12" style="border: 1px solid black;"> col-12 </div>
|
||||
<div class="col-12" style="border: 1px solid black;"> col-12 </div>
|
||||
<div class="col-12" style="border: 1px solid black;"> col-12 </div>
|
||||
<div class="col-12" style="border: 1px solid black;"> col-12 </div>
|
||||
<div class="col-12" style="border: 1px solid black;"> col-12 </div>
|
||||
<div class="col-12" style="border: 1px solid black;"> col-12 </div>
|
||||
<div class="col-12" style="border: 1px solid black;"> col-12 </div>
|
||||
<div class="col-12" style="border: 1px solid black;"> col-12 </div>
|
||||
<div class="col-12" style="border: 1px solid black;"> col-12 </div>
|
||||
<div class="col-12" style="border: 1px solid black;"> col-12 </div>
|
||||
</div>
|
||||
</div>
|
||||
<script src="../steevcss.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
19
examples/navbar.html
Normal file
19
examples/navbar.html
Normal file
@ -0,0 +1,19 @@
|
||||
<!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="../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>
|
||||
<script src="../steevcss.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
51
examples/slideshow.html
Normal file
51
examples/slideshow.html
Normal file
@ -0,0 +1,51 @@
|
||||
<!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="../steev.css">
|
||||
</head>
|
||||
<body>
|
||||
<br>
|
||||
<h1 style="text-align: center;">Grids</h1>
|
||||
<div class="container">
|
||||
<!-- 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)">❮</a>
|
||||
<a class="next" onclick="plusSlides(1)">❯</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>
|
||||
</div>
|
||||
<p style="text-align: center;">This yet only works once per html site</p>
|
||||
<script src="../steevcss.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
Loading…
x
Reference in New Issue
Block a user