Skip to content

Instantly share code, notes, and snippets.

View Sonia-Shurmi's full-sized avatar

Mst Sonia Akter Sonia-Shurmi

0 followers · 4 following
View GitHub Profile
@Sonia-Shurmi
Sonia-Shurmi / gist:5bc6426943028564dfe3224a8429375e
Created April 5, 2016 06:58
api key of us
google map api key - AIzaSyD7CQl6fRhagGok6CzFGOOPne2X1u1spoA
@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');
@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 / comment section
Last active August 7, 2017 06:15
Wordpress friendly murkup for "Blog Comment" Section
<div id="comments" class="comment-area">
<div class="comments-title">
<h2>Comments (03)</h2>
</div>
<ul class="comment-list">
<li class="comment">
<article class="comment-body">
<footer class="comment-meta">
<div class="comment-author"></div>
@Sonia-Shurmi
Sonia-Shurmi / tab
Created August 8, 2017 07:25
Bootstrap tab customize murkup
<div class="tab_area">
<ul class="tabmenu">
<li class="active">
<a href="#creative" data-toggle="tab">menu one</a>
</li>
<li>
<a href="#consultation" data-toggle="tab">menu two</a>
</li>
<li>
<a href="#marketing" data-toggle="tab">menu three</a>
@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 / 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
@Sonia-Shurmi
Sonia-Shurmi / hovertab
Created August 9, 2017 18:03
mousehover tab with jquery ui
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>jQuery UI Tabs - Open on mouseover</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<link rel="stylesheet" href="/resources/demos/style.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
@Sonia-Shurmi
Sonia-Shurmi / svgcode
Created August 10, 2017 07:48
img to svg coverter code
// Convert All Image to SVG
$('img.svg').each(function() {
var $img = $(this),
imgID = $img.attr('id'),
imgClass = $img.attr('class'),
imgURL = $img.attr('src');
$.get(imgURL, function(data) {
// Get the SVG tag, ignore the rest
var $svg = $(data).find('svg');
@Sonia-Shurmi
Sonia-Shurmi / Woocommerce friendly murkup
Created October 31, 2018 04:50
<div class="woocommerce columns-4 ">
<ul class="products">
<li class="product">
<a href="#" class="woocommerce-LoopProduct-link">
<div class="product-thumb">
<img src="media/images/woocommerce/tshirt-one.png" class="attachment-shop_catalog" alt="Product">
</div>
<h2 class="woocommerce-loop-product__title">Event tee shirt(Maroon)</h2>
<div class="star-rating">