LBCA - tile test

Developer
Eddy
Size
3,496 Kb
Views
36,432
  1. LBCA - tile test Previews
  2. LBCA - tile test HTML Codes
  3. LBCA - tile test CSS Codes
  4. LBCA - tile test JS Codes

How do I make an lbca - tile test?

What is a lbca - tile test? How do you make a lbca - tile test? This script and codes were developed by Eddy on 27 August 2022, Saturday.

LBCA - tile test Previews
IQ Test

LBCA - tile test - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>LBCA - tile test</title> <link rel='stylesheet prefetch' href='http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/themes/smoothness/jquery-ui.css'> <link rel="stylesheet" href="css/style.css">
</head>
<body> <link href="http://tattek.sk/minimal/assets/css/vendor/bootstrap/bootstrap.min.css" rel="stylesheet">
<link href="http://maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
<link href="http://tattek.sk/minimal/assets/css/minimal.css" rel="stylesheet">
<div class="row cards"> <div class="card-container col-lg-3 col-sm-6 col-sm-12"> <div class="card card-blue hover"> <div class="front"> <div class="media"> <span class="pull-left"> <i class="fa fa-bell-o media-object"></i> </span> <div class="media-body"> <small>moto</small> </div> </div> <div class="progress-list"> <div class="details"> Actualisation (min) 14 <div class="onoffswitch-container"> <label class="control-label" for="">Alertes email ?</label> <div class="col-xs-4 control-block"> <div class="onoffswitch dutch"> <input checked="checked" class="onoffswitch-checkbox" data-val="true" data-val-required="Le champ est requis." disabled="true" id="item_MailAlert" name="item.MailAlert" type="checkbox" value="true"><input name="item.MailAlert" type="hidden" value="false"> <label class="onoffswitch-label" for="MailAlert"> <span class="onoffswitch-inner"></span> <span class="onoffswitch-switch"></span> </label> </div> </div> </div> <div class="onoffswitch-container"> <label class="control-label" for="">Recap email ?</label> <div class="col-xs-4 control-block"> <div class="onoffswitch dutch"> <input checked="checked" class="onoffswitch-checkbox" data-val="true" data-val-required="Le champ est requis." disabled="true" id="item_MailRecap" name="item.MailRecap" type="checkbox" value="true"><input name="item.MailRecap" type="hidden" value="false"> <label class="onoffswitch-label" for="MailRecap"> <span class="onoffswitch-inner"></span> <span class="onoffswitch-switch"></span> </label> </div> </div> </div> </div> </div> <div class="clearfix"></div> </div> <div class="back"> <div class="back-links pull-left"> <a href="/Search/AdList/1006"> <i class="fa fa-search fa-4x"></i> <span>Résultats</span> </a> </div> <div class="back-links pull-left"> <a href="/Search/Edit/1006"> <i class="fa fa-edit fa-4x"></i> <span>Editer</span> </a> </div> <div class="back-links pull-right"> <a href="/Search/Delete/1006"> <i class="fa fa-times fa-4x"></i> <span>Supprimer</span> </a> </div> </div> </div> </div> <div class="card-container col-lg-3 col-sm-6 col-sm-12"> <div class="card card-blue hover"> <div class="front"> <div class="media"> <span class="pull-left"> <i class="fa fa-shopping-cart media-object"></i> </span> <div class="media-body"> <small>New Orders</small> <h2 class="media-heading animate-number" data-value="19214" data-animation-duration="1500">19,214</h2> </div> </div> <div class="progress-list"> <div class="details"> <div class="title">This month plan %</div> </div> <div class="status pull-right bg-transparent-black-1"> <span class="animate-number" data-value="100" data-animation-duration="1500">100</span>% </div> <div class="clearfix"></div> <div class="progress progress-little progress-transparent-black"> <div class="progress-bar animate-progress-bar" data-percentage="100%" style="width: 100%;"></div> </div> </div> </div> <div class="back"> <a href="#"> <i class="fa fa-bar-chart-o fa-4x"></i> <span>Check Summary</span> </a> </div> </div> </div> <div class="card-container col-lg-3 col-sm-6 col-sm-12"> <div class="card card-greensea hover"> <div class="front"> <div class="media"> <span class="pull-left"> <i class="fa fa-usd media-object"></i> </span> <div class="media-body"> <small>Sales</small> <h2 class="media-heading animate-number" data-value="169541" data-animation-duration="1500">169,541</h2> </div> </div> <div class="progress-list"> <div class="details"> <div class="title">This month plan %</div> </div> <div class="status pull-right bg-transparent-black-1"> <span class="animate-number" data-value="42" data-animation-duration="1500">42</span>% </div> <div class="clearfix"></div> <div class="progress progress-little progress-transparent-black"> <div class="progress-bar animate-progress-bar" data-percentage="42%" style="width: 42%;"></div> </div> </div> </div> <div class="back"> <a href="#"> <i class="fa fa-bar-chart-o fa-4x"></i> <span>Check Summary</span> </a> </div> </div> </div> <div class="card-container col-lg-3 col-sm-6 col-xs-12"> <div class="card card-slategray hover"> <div class="front"> <div class="media"> <span class="pull-left"> <i class="fa fa-eye media-object"></i> </span> <div class="media-body"> <small>Visits</small> <h2 class="media-heading animate-number" data-value="9634" data-animation-duration="1500">9,634</h2> </div> </div> <div class="progress-list"> <div class="details"> <div class="title">This month plan %</div> </div> <div class="status pull-right bg-transparent-black-1"> <span class="animate-number" data-value="25" data-animation-duration="1500">25</span>% </div> <div class="clearfix"></div> <div class="progress progress-little progress-transparent-black"> <div class="progress-bar animate-progress-bar" data-percentage="25%" style="width: 25%;"></div> </div> </div> </div> <div class="back"> <a href="#"> <i class="fa fa-bar-chart-o fa-4x"></i> <span>Check Summary</span> </a> </div> </div> </div> </div>
<script src="http://tattek.sk/minimal/assets/js/vendor/bootstrap/bootstrap.min.js"></script>
<script src="http://tattek.sk/minimal/assets/js/vendor/bootstrap/bootstrap-dropdown-multilevel.js"></script>
<script type="text/javascript" src="http://tattek.sk/minimal/assets/js/vendor/mmenu/js/jquery.mmenu.min.js"></script>
<script type="text/javascript" src="http://tattek.sk/minimal/assets/js/vendor/sparkline/jquery.sparkline.min.js"></script>
<script type="text/javascript" src="http://tattek.sk/minimal/assets/js/vendor/nicescroll/jquery.nicescroll.min.js"></script>
<script type="text/javascript" src="http://tattek.sk/minimal/assets/js/vendor/animate-numbers/jquery.animateNumbers.js"></script> <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
<script src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js'></script> <script src="js/index.js"></script>
</body>
</html>

LBCA - tile test - Script Codes CSS Codes

/* FORM
*/
.small-form {	position: absolute;	top: 40%;	left: 50%;	margin: -150px 0 0 -150px;	width:300px;	height:300px;
}
.small-form h2 { color: #fff; text-shadow: 0 0 10px rgba(0,0,0,0.3); letter-spacing:1px; text-align:center;
}
input {	width: 100%;	margin-bottom: 10px;	background: rgba(0,0,0,0.3);	border: none;	outline: none;	padding: 10px;	font-size: 13px;	color: #fff;	/*text-shadow: 1px 1px 1px rgba(0,0,0,0.3);	border: 1px solid rgba(0,0,0,0.3);*/	border-radius: 4px;	box-shadow: inset 0 -5px 45px rgba(100,100,100,0.2), 0 1px 1px rgba(255,255,255,0.2);	-webkit-transition: box-shadow .5s ease;	-moz-transition: box-shadow .5s ease;	-o-transition: box-shadow .5s ease;	-ms-transition: box-shadow .5s ease;	transition: box-shadow .5s ease;
}
input:focus { box-shadow: inset 0 -5px 45px rgba(100,100,100,0.4), 0 1px 1px rgba(255,255,255,0.2);
}
.field-validation-error { font-size: 13px; color: white;
}
.input-validation-error { margin-bottom: 0px;
}
.onoffswitch-container { margin-bottom: 10px;
}
.onoffswitch-container .control-label { float: left;
}
.onoffswitch-container .control-block { float: right;
}
/* LINKS
*/
.links { font-size: 13px; margin-top: 20px;
}
.links a { color: white; text-decoration:none;
}
/* CARDS
*/
.card .back .back-links { width: 33%;
}
.card .back .back-links a { text-decoration: none;
}
.card .back .back-links i { display: block;
}
/* LBC IFRAME
*/
#iframeContainer>iframe { width: 100%; height: 520px; border: none;
}

LBCA - tile test - Script Codes JS Codes

$(function(){ // Initialize card flip $('.card.hover').hover(function(){ $(this).addClass('flip'); },function(){ $(this).removeClass('flip'); });
});
LBCA - tile test - Script Codes
LBCA - tile test - Script Codes
Home Page Home
Developer Eddy
Username emnbdx
Uploaded August 27, 2022
Rating 3
Size 3,496 Kb
Views 36,432
Do you need developer help for LBCA - tile test?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Eddy (emnbdx) Script Codes
Name
HA - proto invitation
HA - proto notif
LBCA - Mail canvas
HA - story
Sticky test
Google autocomplete test
HA - radio checkbox mix
HA AAP - moderate box
Nice social button
Tip joke
Create amazing art & images with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!