Skip to content

Instantly share code, notes, and snippets.

View muhammadawaisshaikh's full-sized avatar
💻
#codedWorld #dev

Muhammad Awais muhammadawaisshaikh

💻
#codedWorld #dev
View GitHub Profile
<!DOCTYPE html>
<html>
<head>
<title>Custom Material Design Button Styling</title>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=3.0">
</head>
.container{padding: 30px 0 30px 0;}
h4{padding: 0 0 10px 0;}
a.button {
text-decoration: none;
padding: 15px 30px 15px 30px;
border-radius: 2px;
}
a.button.chip {
<div class="navigation">
<div class="container">
<div class="row">
<div class="col-3">
<div class="logo">
<img src="https://bit.ly/2y0POBO">
</div>
</div>
<div class="col-9">
<div class="navigation-list">
.logo img
{
width: 100%;
}
.navigation
{
background-color: #f8f8f8;
box-shadow: 1px 1px 10px #e4e4e4;
}
@muhammadawaisshaikh
muhammadawaisshaikh / navigation_default_babmboo_ui
Created June 19, 2018 14:34
navigation_default_babmboo_ui
<div class="navigation default">
<div class="container">
<div class="row">
<div class="col-3">
<div class="logo">
<img src="https://bit.ly/2y0POBO">
</div>
</div>
<div class="col-9">
<div class="navigation-list">
<div class="navigation dark">
<div class="container">
<div class="row">
<div class="col-3">
<div class="logo">
<img src="https://bit.ly/2y0POBO">
</div>
</div>
<div class="col-9">
<div class="navigation-list">
<div class="container sidemenu dark">
<!-- sidemenu icon -->
<div class="sidemenu-icon light">
<div class="bar1"></div>
<div class="bar2"></div>
<div class="bar3"></div>
</div>
<div class="logo">
<img src="https://bit.ly/2y0POBO">
<div class="container sidemenu dark">
<!-- sidemenu icon -->
<div class="sidemenu-icon light">
<div class="bar1"></div>
<div class="bar2"></div>
<div class="bar3"></div>
</div>
<div class="logo">
<img src="https://bit.ly/2y0POBO">
<div class="container sidemenu light">
<!-- sidemenu icon -->
<div class="sidemenu-icon dark">
<div class="bar1"></div>
<div class="bar2"></div>
<div class="bar3"></div>
</div>
<div class="logo">
<img src="https://bit.ly/2y0POBO">
@muhammadawaisshaikh
muhammadawaisshaikh / c1.component.ts
Last active October 4, 2019 11:58
data-holding-service-JavaScript
import { Component, OnInit } from '@angular/core';
import {DataHolderService} from '../../core/services/data-holder-service/data-holder-service.service';
@Component({
selector: 'app-c1',
templateUrl: './c1.component.html',
styleUrls: ['./c1.component.scss']
})
export class C1Component implements OnInit {