Skip to content

Instantly share code, notes, and snippets.

View momin-riyadh's full-sized avatar
🎯
Focusing

Momin Riyadh momin-riyadh

🎯
Focusing
View GitHub Profile
@momin-riyadh
momin-riyadh / css-media-queries-cheat-sheet.css
Created January 10, 2019 04:17 — forked from bartholomej/css-media-queries-cheat-sheet.css
CSS Media Query Cheat Sheet (with Foundation)
/*------------------------------------------
Responsive Grid Media Queries - 1280, 1024, 768, 480
1280-1024 - desktop (default grid)
1024-768 - tablet landscape
768-480 - tablet
480-less - phone landscape & smaller
--------------------------------------------*/
@media all and (min-width: 1024px) and (max-width: 1280px) { }
@media all and (min-width: 768px) and (max-width: 1024px) { }
@momin-riyadh
momin-riyadh / active-class.html
Last active January 20, 2019 04:51
Vanilla JavaScript Active Class onDemand
<div id="js-id-name" class="cm-category-nav">
<a class="anchor-link-class-name active-class" href="homepage-tags.html">Featured</a>
<a class="anchor-link-class-name" href="javascript:void(0)">Water</a>
<a class="anchor-link-class-name" href="javascript:void(0)">Travel</a>
<a class="anchor-link-class-name" href="javascript:void(0)">House</a>
<a class="anchor-link-class-name" href="javascript:void(0)">Old</a>
</div>
@momin-riyadh
momin-riyadh / adding.html
Created February 2, 2019 06:54
State based UI vs. manual DOM manipulation
<style>
body {
margin: 0 auto;
max-width: 40em;
width: 88%;
}
label,
input {
# Terminal Cheat Sheet
pwd # print working directory
ls # list files in directory
cd # change directory
~ # home directory
.. # up one directory
- # previous working directory
help # get help
-h # get help
<!DOCTYPE html>
<!-- saved from url=(0078)http://192.168.10.108/gplex_scheduler/?task=account&act=adminList&accId=000017 -->
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="./Gplex Scheduler_files/bootstrap.css">
@momin-riyadh
momin-riyadh / custom-alert.js
Last active December 15, 2022 06:36
Custom Alert | Disappear after 2 seconds
/*
* Success Alert
* @script
*
* */
function customAlert(msg, duration) {
let styler = document.createElement("div");
styler.setAttribute("style", "display:block; border: 2px solid 23b7e5;padding:10px; min-width:250px; text-align:left; background-color:#23b7e5; border-radius:4px;font-size:14px;color:#ffffff; padding:15px;position:fixed;top:15px; right: 15px; z-index:5000");
styler.innerHTML = `
@momin-riyadh
momin-riyadh / year.js
Created January 2, 2023 04:11
Get new year
`<footer>${new Date().getFullYear()}</footer>`
@momin-riyadh
momin-riyadh / soc.html
Created February 22, 2023 06:56
Schedule Of Charges | IFIC
<div class="g-post">
<div class="g-post-area">
<div class="text-end">
<small>Effective From <span>1<sup>st</sup>July 2021</span></small>
</div>
<div class="table-responsive schedule-of-charge">
<table class="table table-striped table-sm table-bordered align-middle">
<tbody>
<tr class="">
<td class="text-dark"><h5 class="mb-0">Particulars</h5></td>
@momin-riyadh
momin-riyadh / amar-bari.html
Last active February 23, 2023 05:08
IFIC Amar Bari Post
<div class="g-post">
<div class="g-post-area" style="text-align: left">
<img src="https://vivr.ificbankbd.com/sivr/image/sohoj-account.png" alt="" class="img-fluid">
<div class="g-post-content">
<p>An attractive loan facility for all credit worthy individuals of Bangladesh who wish to buy new or used
the apartment/flat, mortgage their existing house/flat/apartment or construct/ renovate/ extend their
existing flat/house, want to Purchase/Construct/Renovate semi-pacca house etc. Loan also available for
construction with land development.</p>
<figure>
<h5>Highlights</h5>
<div class="g-post">
<div class="g-post-area" style="text-align: initial">
<div class="table-responsive">
<table class="table table-bordered table-striped table-sm align-middle">
<tr class="text-center">
<th colspan="4">Deposit Products</th>
<th colspan="3">Rate of Interest<br/>(per annum)</th>
</tr>
<tr>