Momin Riyadh momin-riyadh

🎯

Focusing

Software Engineer | Bridging Clients/UI Design with backend developers for seamless, impactful digital experiences. 🌐✨

momin-riyadh / date.html

Created August 11, 2025 04:50

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>jQuery UI Datepicker with Custom Placeholders</title>

	<!-- jQuery UI CSS -->
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.13.2/themes/ui-lightness/jquery-ui.min.css">

momin-riyadh / feedback-button.html

Last active July 30, 2025 04:20

Feedback Buttons

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Five Input Buttons</title>
	<style>
	body {
	font-family: Arial, sans-serif;
	padding: 20px;

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 / 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 / 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 / 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 / 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 / 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 / table-view.html

Last active May 15, 2024 07:23

table-view for form preview

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')) {