Skip to content

Instantly share code, notes, and snippets.

@Sonia-Shurmi
Sonia-Shurmi / inputType
Created August 5, 2017 05:44
All Input Field at a glance
Input Type Description
button Defines a clickable button (mostly used with a JavaScript to activate a script)
checkbox Defines a checkbox
color Defines a color picker
date Defines a date control (year, month and day (no time))
datetime-local Defines a date and time control (year, month, day, hour, minute, second, and fraction of a second (no time zone)
email Defines a field for an e-mail address
file Defines a file-select field and a "Browse..." button (for file uploads)
hidden Defines a hidden input field
@Sonia-Shurmi
Sonia-Shurmi / accordion code
Last active August 8, 2017 09:09
accordion customize
html code::
<div class="panel-group" id="accordion">
<div class="panel panel-default">
<a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapsetwo">
<div class="panel-title">
<p></p>
</div>
</a>
<div id="collapsetwo" class="panel-collapse collapse">
<div class="panel-body">
@Sonia-Shurmi
Sonia-Shurmi / jquery
Created April 5, 2016 06:59
banner-window-height
//window height
var windowHeight= $(window).height();
var headerHeight= $('.header-area').height()
$(".hero-area").css('height', windowHeight - headerHeight + 'px');
$(".hero-area .item").css('height', windowHeight - headerHeight + 'px');
$(".hero-area .item img").css('height', windowHeight - headerHeight + 'px');
google map api key - AIzaSyD7CQl6fRhagGok6CzFGOOPne2X1u1spoA
@Sonia-Shurmi
Sonia-Shurmi / google-map
Last active August 8, 2017 10:35
google-map-black
styles: [{"featureType":"all","elementType":"labels.text.fill","stylers":[{"saturation":36},{"color":"#000000"},{"lightness":40}]},{"featureType":"all","elementType":"labels.text.stroke","stylers":[{"visibility":"on"},{"color":"#000000"},{"lightness":16}]},{"featureType":"all","elementType":"labels.icon","stylers":[{"visibility":"off"}]},{"featureType":"administrative","elementType":"geometry.fill","stylers":[{"color":"#000000"},{"lightness":20}]},{"featureType":"administrative","elementType":"geometry.stroke","stylers":[{"color":"#000000"},{"lightness":17},{"weight":1.2}]},{"featureType":"landscape","elementType":"geometry","stylers":[{"color":"#000000"},{"lightness":20}]},{"featureType":"poi","elementType":"geometry","stylers":[{"color":"#000000"},{"lightness":21}]},{"featureType":"road.highway","elementType":"geometry.fill","stylers":[{"color":"#000000"},{"lightness":17}]},{"featureType":"road.highway","elementType":"geometry.stroke","stylers":[{"color":"#000000"},{"lightness":29},{"weight":0.2}]},{"fea