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 / email.html
Created February 3, 2025 10:26
Email Template
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Leave Request Approval</title>
</head>
<body
style="
margin: 0;
@momin-riyadh
momin-riyadh / style.css
Last active November 21, 2024 06:10
LankaBangla Chatbot static CSS Filer
/*body {*/
/* font-family: "Open Sans", sans-serif;*/
/* background: url("http://157.230.89.26:8000/static/body.jpg") no-repeat center center fixed;*/
/* background-size: cover;*/
/*}*/
body {
background: #159957; /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #155799, #159957); /* Chrome 10-25, Safari 5.1-6 */
@momin-riyadh
momin-riyadh / Dashboard.jsx
Created November 17, 2024 09:18
React File
import React from 'react';
import { Row, Col, Card } from 'react-bootstrap';
import ChartOne from './ChartOne';
import ChartTwo from './ChartTwo';
const Dashboard = () => {
return (
<Row>
<Col md={4}>
<div className="dashboard-container p-3">
@momin-riyadh
momin-riyadh / comments.html
Created June 10, 2024 04:57
Facebook Like Chain Comments
<ul class="chat-container">
<li class="message" id="message-1">
<img src="https://picsum.photos/40/40" alt="User 1" class="avatar">
<div class="message-content">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam nobis, sed? Consequatur doloremque fugiat minima nostrum quia! Aperiam in, magni minima officiis pariatur reiciendis sed. Eligendi enim facere maxime pariatur repellendus sapiente? Amet beatae blanditiis consequatur corporis doloribus ducimus eaque eligendi, error excepturi illo impedit iste natus neque porro quae quas quod repudiandae unde vel voluptate. Alias animi autem consequuntur, dignissimos doloremque earum eum eveniet fuga impedit laborum maiores modi mollitia nesciunt nobis non omnis, quam quas quasi quibusdam repudiandae rerum sapiente sint vitae voluptatibus voluptatum? Aliquid culpa, cumque id molestias mollitia perspiciatis qui quos repellat sint tempora unde voluptas?</div>
<ul class="replies">
<li class="message reply" id="reply-1-1">
<img src
@momin-riyadh
momin-riyadh / index.html
Created June 5, 2024 10:49
Comments and nested reply user interface
<div class="chat-container">
<div class="message" id="message-1">
<img src="https://picsum.photos/40/40" alt="User 1" class="avatar">
<div class="message-content">
<h6>Momin Riyadh</h6>
<p>Hello, this is the first message.</p>
</div>
<div class="replies">
<div class="message reply" id="reply-1-1">
<img src="https://picsum.photos/40/40" alt="User 2" class="avatar">
@momin-riyadh
momin-riyadh / collapse.html
Created May 26, 2024 10:58
On active switch toggle collapse show and hide
<!-- https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.3/js/bootstrap.min.js -->
<!-- https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css -->
<div class="form-check form-switch">
<input class="form-check-input" type="checkbox" role="switch" id="user_active" name="user_active">
<label class="form-check-label" for="user_active">Select User Status</label>
</div>
<div class="collapse" id="myCollapse">
<div class="card card-body">
@momin-riyadh
momin-riyadh / table-view.html
Last active May 15, 2024 07:23
table-view for form preview
<!--**********************************
Tables View
***********************************-->
<div class="container-fluid">
<div class="row">
<div class="col-xxl-8 mx-auto">
<div class="card mb-5">
<div class="card-header">
<div class="card-title">
<h2>Form Preview</h2>
@momin-riyadh
momin-riyadh / multilevel.js
Created December 4, 2023 15:54
Multi Level JavaScript Menu
document.addEventListener('DOMContentLoaded', function() {
// Add class on parent which 'li' children has submenu
Array.prototype.forEach.call(document.querySelectorAll('ul.submenu'), function(el) {
el.parentElement.classList.add('megamenu');
});
//Menu ICon Append prepend for responsive
window.addEventListener('resize', function() {
if (window.innerWidth < 1024) {
if (!document.getElementById('menu_trigger')) {
@momin-riyadh
momin-riyadh / Login.vue
Created May 21, 2023 09:30
Login Template In Vue Project
<template>
<div class="kbs-login-area">
<!--**********************************
Login Header
***********************************-->
<div class="container">
<div class="kbs-login-header text-center text-md-right">
<div class="kbs-login-logo w-100">
<a href="/">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>LankaBangla Finance</title>
</head>
<body>
<table style="width:794px;height: 800px;margin:5% auto;background-color: #efefef;border:1px solid #000000; padding: 15px"
cellpadding="10" cellspacing="10">