Momin Riyadh momin-riyadh

🎯

Focusing

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

momin-riyadh / index.html

Created September 26, 2017 11:58

JavaScript notification popup

	<!DOCTYPE html>
	<html lang="en">

	<head>
	<meta charset="UTF-8">
	<title>JavaScript Notification</title>
	</head>

	<body>
	<script type="text/javascript">

momin-riyadh / pageTitle.css

Created October 6, 2017 14:10

Page title design using sudo class after

	.page-title:after {
	content: ""; /* This is necessary for the pseudo element to work. */
	display: block; /* This will put the pseudo element on its own line. */
	margin: 0 auto; /* This will center the border. */
	width: 50%; /* Change this to whatever width you want. */
	padding-top: 20px; /* This creates some space between the element and the border. */
	border-bottom: 1px solid black; /* This creates the border. Replace black with whatever color you want. */
	}

momin-riyadh / widthJS.html

Last active October 16, 2017 08:27

JavaScript Width change events

	<!DOCTYPE html>
	<html lang="en">

	<head>
	<meta charset="UTF-8">
	<title>JavaScript Dynamically Width Change</title>
	</head>

	<body>
	<div id="header"></div>

momin-riyadh / Regex.html

Created November 15, 2017 03:37

Password Regex/ Pattern

	<form action="" method="post">
	<input type="password" pattern="^(?=.[a-z])(?=.[A-Z])(?=.[0-9])(?=.[!@#\$%\^&\*]).{8,}" required>
	<input type="submit" value="send">
	</form>

momin-riyadh / email_signature.html

Created December 6, 2017 10:40

	<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
	<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
	<title>Rancon Email Signature</title>
	<style type="text/css">
	@import url(https://fonts.googleapis.com/css?family=Open+Sans);

	* {
	margin:0; padding:0;
	}

momin-riyadh / jsanimation.html

Created December 20, 2017 12:11

Animation.html

	<!DOCTYPE html>
	<html>
	<head>
	<meta name="viewport" content="width=device-width">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta name="viewport" content="initial-scale=1, maximum-scale=1">
	<title>js-animation</title>
	<link href="https://fonts.googleapis.com/css?family=Spectral+SC:400,400i,500,500i,600\|Trykker" rel="stylesheet">
	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous">
	<style>

momin-riyadh / media-query.css

Created June 10, 2018 02:14 — forked from gokulkrishh/media-query.css

CSS Media Queries for Desktop, Tablet, Mobile.


	/*
	##Device = Desktops
	##Screen = 1281px to higher resolution desktops
	*/

	@media (min-width: 1281px) {

	//CSS

momin-riyadh / mq.css

Created June 11, 2018 06:19 — forked from jamiehs/mq.css

Media Query Breakpoints for Retina Displays

	@media only screen and (min-width: 320px) {

	/* Small screen, non-retina */

	}

	@media
	only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px),
	only screen and ( min--moz-device-pixel-ratio: 2) and (min-width: 320px),
	only screen and ( -o-min-device-pixel-ratio: 2/1) and (min-width: 320px),

momin-riyadh / content-block.html

Created July 23, 2018 10:12

Content Markup

	<div class="container">
	<div class="row align-items-center">
	<div class="col-12 col-md-7 col-lg-5 ml-md-auto">
	<h1>Design Blocks</h1>
	<p class="text-h3">Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts</p>

	<p class="mt-5">
	<img alt="image" height="25" class="mr-4" src="./imgs/customers/samsung.svg">
	<img alt="image" height="25" class="mr-4" src="./imgs/customers/adobe.svg">
	<img alt="image" height="25" src="./imgs/customers/amazon.svg">

momin-riyadh / docker-help.md

Created August 15, 2018 13:46 — forked from bradtraversy/docker-help.md

Docker Commands, Help & Tips

$ docker