Adjust theme
This commit is contained in:
parent
288d6aaf44
commit
fb298289cf
15
index.html
15
index.html
|
@ -2,7 +2,7 @@
|
|||
<meta charset=utf-8>
|
||||
<meta content="width=device-width,initial-scale=1" name=viewport>
|
||||
<title>Captcheck</title>
|
||||
<link rel="stylesheet" href="https://static.netsyms.net/bootstrap/4/bootstrap.minty.min.css" />
|
||||
<link rel="stylesheet" href="https://static.netsyms.net/bootstrap/4/bootstrap.materia.min.css" />
|
||||
<link rel="stylesheet" href="https://static.netsyms.net/prism/prism.css" />
|
||||
<script async src="https://static.netsyms.net/fontawesome/5.2/js/all.min.js"></script>
|
||||
<script defer async src="https://static.netsyms.net/prism/prism.js"></script>
|
||||
|
@ -15,6 +15,9 @@
|
|||
padding-left: 5px;
|
||||
|
||||
}
|
||||
.bg-minty {
|
||||
background-color: #7dffd2;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 768px) and (max-width: 991px) {
|
||||
h2, h3 {
|
||||
|
@ -58,18 +61,18 @@
|
|||
<div class="row my-4">
|
||||
<div class="col-12 col-md-6">
|
||||
<div class="card">
|
||||
<div class="card-header bg-primary text-light">
|
||||
<h4 class="card-heading d-flex"><span class="mr-auto">Demo</span> <a onclick="document.getElementById('demoframe').src = document.getElementById('demoframe').src" title="Reset demo"><i class="fas fa-sync-alt"></i></a></h4>
|
||||
<div class="card-header bg-minty">
|
||||
<h4 class="card-heading d-flex mb-0"><span class="mr-auto">Demo</span> <a onclick="document.getElementById('demoframe').src = document.getElementById('demoframe').src" title="Reset demo"><i class="fas fa-sync-alt"></i></a></h4>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<iframe style="border: 0px solid white; width: 100%; height: 100%; height: 200px;" src="test.html" id="demoframe"></iframe>
|
||||
<iframe style="border: 0px solid white; width: 100%; height: 100%; height: 350px;" src="test.html" id="demoframe"></iframe>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-md-6">
|
||||
<div class="card">
|
||||
<div class="card-header bg-primary text-light">
|
||||
<h4 class="card-heading">Use</h4>
|
||||
<div class="card-header bg-minty">
|
||||
<h4 class="card-heading mb-0">Use</h4>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<b>Put this in your page somewhere:</b>
|
||||
|
|
Loading…
Reference in New Issue