Snippets Collections
.zero-margin (@pad-up-dn: 0px, @pad-left-right: 0px) {
	margin:0px auto;
	padding: @pad-up-dn @pad-left-right;
}
.row-header{
    .zero-margin();
}

.row-content {
    .zero-margin(50px,0px);
    border-bottom: 1px ridge;
    min-height:400px;
}

.footer{
    background-color: @background-pale;
    .zero-margin(20px, 0px);
}

.jumbotron {
    .zero-margin(70px,30px);
    background: @background-light ;
    color:floralwhite;
}

address{
    font-size:80%;
    margin:0px;
    color:#0f0f0f;
}

body{
    padding:50px 0px 0px 0px;
    z-index:0;
}

.navbar-dark {
     background-color: @background-dark;
}

.tab-content {
    border-left: 1px solid @lt-gray;
    border-right: 1px solid @lt-gray;
    border-bottom: 1px solid @lt-gray;
    padding: 10px;
}
.carousel {
    background:@background-dark;

    .carousel-item {
        height: @carousel-item-height;
        img {
            position: absolute;
            top: 0;
            left: 0;
            min-height: 300px;
        }
    }
}

#carouselButton {
    right:0px;
    position: absolute;
    bottom: 0px;
    z-index: 1;
}
$lt-gray: #ddd;
$background-dark: #512DA8;
$background-light: #9575CD;
$background-pale: #D1C4E9;

// Height variables
$carousel-item-height: 300px;
@mixin zero-margin($pad-up-dn, $pad-left-right) {
	margin:0px auto;
	padding: $pad-up-dn $pad-left-right;
}
.row-header{
    @include zero-margin(0px,0px);
}

.row-content {
    @include zero-margin(50px,0px);
    border-bottom: 1px ridge;
    min-height:400px;
}

.footer{
    background-color: $background-pale;
    @include zero-margin(20px, 0px);
}

.jumbotron {
    @include zero-margin(70px,30px);
    background: $background-light ;
    color:floralwhite;
}

address{
    font-size:80%;
    margin:0px;
    color:#0f0f0f;
}

body{
    padding:50px 0px 0px 0px;
    z-index:0;
}

.navbar-dark {
     background-color: $background-dark;
}

.tab-content {
    border-left: 1px solid $lt-gray;
    border-right: 1px solid $lt-gray;
    border-bottom: 1px solid $lt-gray;
    padding: 10px;
}
.carousel {
    background:$background-dark;

    .carousel-item {
        height: $carousel-item-height;
        img {
            position: absolute;
            top: 0;
            left: 0;
            min-height: 300px;
        }
    }
}

#carouselButton {
    right:0px;
    position: absolute;
    bottom: 0px;
    z-index: 1;
}
<div class="primary alert">
    <strong>Primary!</strong>a primary alert - check it out!
</div>
<div class="secondary alert">
    <strong>secondary!</strong>a secondary alert - check it out!
</div>
<div class="success alert">
    <strong>Success!</strong>a success alert - check it out!
</div>
<div class="Warning alert">
    <strong>Warning!</strong>a warning alert - check it out!
</div>
<div class="Error alert">
    <strong>Error!</strong>a Error alert - check it out!
</div>
<div class="primary alert-box ">
 Primary alert - check it out!</div>
<div class="secondary alert-box ">
secondary alert - check it out!</div>
<div class="success alert-box ">
success alert - check it out!</div>
<div class="Warning alert-box ">
warning alert - check it out! </div>
<div class="Error alert-box ">
error alert - check it out! </div>
// gives array of diff between the two 
let difference = arr1
                 .filter(x => !arr2.includes(x))
                 .concat(arr2.filter(x => !arr1.includes(x)));


// separates the arrays so you know which array has which
  let difference1 = arr1.filter(x => !arr2.includes(x));               
  let difference2 = arr2.filter(x => !arr1.includes(x)); 
function PassphraseQuality(const Password: String): Extended;
// returns computed Quality in range 0.0 to 1.0
// source extracted from Delphi Encryption Compendium, DEC

  function Entropy(P: PByteArray; L: Integer): Extended;
  var
    Freq: Extended;
    I: Integer;
    Accu: array[Byte] of LongWord;
  begin
    Result := 0.0;
    if L <= 0 then Exit;
    FillChar(Accu, SizeOf(Accu), 0);
    for I := 0 to L-1 do Inc(Accu[P[I]]);
    for I := 0 to 255 do
      if Accu[I] <> 0 then
      begin
        Freq := Accu[I] / L;
        Result := Result - Freq * (Ln(Freq) / Ln(2));
      end;
  end;

  function Differency: Extended;
  var
    S: String;
    L,I: Integer;
  begin
    Result := 0.0;
    L := Length(Password);
    if L <= 1 then Exit;
    SetLength(S, L-1);
    for I := 2 to L do
      Byte(S[I-1]) := Byte(Password[I-1]) - Byte(Password[I]);
    Result := Entropy(Pointer(S), Length(S));
  end;

  function KeyDiff: Extended;
  const
    Table = '^1234567890ß´qwertzuiopü+asdfghjklöä#<yxcvbnm,.-°!"§$%&/()=?`QWERTZUIOPÜ*ASDFGHJKLÖÄ''>YXCVBNM;:_';
  var
    S: String;
    L,I,J: Integer;
  begin
    Result := 0.0;
    L := Length(Password);
    if L <= 1 then Exit;
    S := Password;
    UniqueString(S);
    for I := 1 to L do
    begin
      J := Pos(S[I], Table);
      if J > 0 then S[I] := Char(J);
    end;
    for I := 2 to L do
      Byte(S[I-1]) := Byte(S[I-1]) - Byte(S[I]);
    Result := Entropy(Pointer(S), L-1);
  end;

const
  GoodLength = 10.0; // good length of Passphrases
var
  L: Extended;
begin
  Result := Entropy(Pointer(Password), Length(Password));
  if Result <> 0 then
  begin
    Result := Result * (Ln(Length(Password)) / Ln(GoodLength));
    L := KeyDiff + Differency;
    if L <> 0 then L := L / 64;
    Result := Result * L;
    if Result < 0 then Result := -Result;
    if Result > 1 then Result := 1;
  end;
end;
<div class="image_avatar">
    <div class="bonded mt-auto"><img class="avatar-xl" src="../images/harvey.jpeg"> Avatar Exta-large</div>
    <div class="bonded mt-auto"><img class="avatar-l" src="../images/harvey.jpeg">Avatar large</div>
    <div class="bonded mt-auto"><img class="avatar-md" src="../images/harvey.jpeg">Avatar medium</div>
    <div class="bonded mt-auto"><img class="avatar-sm" src="../images/harvey.jpeg">Avatar small</div>
</div>
const flatten = (object, prefix = '') =>
  Object.keys(object).reduce(
    (prev, element) =>
      object[element] &&
      typeof object[element] === 'object' &&
      !Array.isArray(object[element])
        ? { ...prev, ...flatten(object[element], `${prefix}${element}.`) }
        : { ...prev, ...{ [`${prefix}${element}`]: object[element] } },
    {},
  );
const flatten = (objectOrArray, prefix = '') => {
  const nestElement = (prev, value, key) => (value
          && typeof value === 'object'
    ? { ...prev, ...flatten(value, `${prefix}${key}.`) }
    : { ...prev, ...{ [`${prefix}${key}`]: value } });

  return Array.isArray(objectOrArray)
    ? objectOrArray.reduce(nestElement, {})
    : Object.keys(objectOrArray).reduce(
      (prev, element) => nestElement(prev, objectOrArray[element], element),
      {},
    );
};
def clean_feature_names(feature_names, df_cols):
    feature_names = [f_name.replace('onehotencoder__', '') for f_name in feature_names]
    for i, col_name in enumerate(df_cols):
        feature_names = [f_name.replace('x' + str(i) + '_', col_name + '_') for f_name in feature_names]
    return feature_names
left(rtrim(FT.NMDOC),len(rtrim(FT.NMDOC))-4)
vector<pair<ll, ll>> g[100001];
vector<ll> visi(100001, false);

/*
	->single source shortest path in DAG(directed acyclic graph)

	Steps:-
		1)find the toposort of graph using dfs in a stack
		2)initialize ,an array distance of size of vertices+1 with values to infinity
		3)now,make the value of source to be zero in distance array
		4)now,run a loop while the stack is not empty
			->get the  curr=top of stack, pop from stack
			->if(dist[curr]!=inf)
					->iterate through the adjancey list of curr
							-> change dist[child] = min(dist[child],weight-to-reach-child from curr +dist[curr]);

		5) the distance array will contain the distance of each vertex from the source vertex


	Time complexity = 2*O(n+m)
				->n=no of vertices,m = no of edges

*/

#define inf 1e9+7
//function to find topoSort
void topoSort(ll s, stack<ll> &st) {
	if (visi[s])
		return;
	visi[s] = true;
	for (pair<ll, ll> p : g[s]) {
		if (visi[p.first] == false)
			dfs(p.first, st);
	}

	st.push(s);
}

//find the distance
void findDistace(ll s, ll n) {
	stack<ll> st;//this stack is passed to topoSort function
	topoSort(0, st);

	vector<ll> dist(100001, inf);//initializing the dist array and giving value to infinity

	dist[s] = 0;//marking the dist of source to 0

	//loop while the stack is not empty
	while (!st.empty()) {
		ll curr = st.top();
		if (dist[curr] != inf) {
			for (pair<ll, ll> p : g[curr]) {	//iterating for the adjacency list of curr
				ll child = p.first, weight = p.second;

				dist[child] = min(dist[child], weight + dist[curr]);	//assigining the min dist to chid
			}
		}

		st.pop();
	}


//this distace array will contain the distace of each vertex from source vertex
	for (ll i = 0; i < n; i++) {
		cout << i << "-->" << dist[i] << endl;
	}
}
/*
IMP:- if the graph is umweighted use simple BFS to find the min distance.
-> to find the single source min distance from source vertex to all other vertices

	Dijkstra algorithm.

	Steps:-
		->just like the simple bfs just change the queue to small priority queue.

		1)create the dist array which contain the dist of each node from source vertex
		2)now make dist[source] = 0 && initiliaze a small priority queue of pair
		3)push the pair of (0,source) into priority queue
		4)run a loop till pq.size>0
			->get the currdist = pq.top().first && curr = pq.top().second && pop from queue
				 -> if(visi[curr])
					  continue;
				 -> else
						->make visi[curr] = true
						->dist[curr] = currdist
						->iterate over the adjacency list of curr
							->if visi[child] is false
								->push the pair of weight_of_child+currdist && child into the priority queue

	    5)at last the dist array will contain the minimum distance of each node from source node.

*/


void dijkstra(ll s, ll n) {
	vector<ll> dist(n + 1);
	dist[s] = 0;
	priority_queue<pair<ll, ll>, vector<pair<ll, ll>>, greater<pair<ll, ll>>> pq;

	pq.push({0, s});

	while (pq.size() > 0) {
		int currdist = pq.top().first;
		int curr = pq.top().second;
		pq.pop();
		if (visi[curr])
			continue;

		visi[curr] = true;
		dist[curr] = currdist;
		for (auto itr : g[curr]) {
			if (visi[itr.first] == false) {
				pq.push({itr.second + currdist, itr.first});
			}
		}

	}

	for (int i = 0; i < n; i++)
		cout << i << " " << dist[i] << endl;
}
struct GroupBoxLabelView: View {
    
    var labelText: String
    var labelImage: String
        
    var body: some View {
        HStack {
            Text(labelText.uppercased()).fontWeight(.bold)
            Spacer()
            Image(systemName: labelImage)
        }
    }
}

struct GroupBoxLabelView_Previews: PreviewProvider {
    static var previews: some View {
        GroupBoxLabelView(labelText: "App Details", labelImage: "info.circle")
            .previewLayout(.sizeThatFits)
            .padding()
    }
}
struct GroupBoxRowView: View {
    
    var name: String
    var content: String? = nil
    var linkLabel: String? = nil
    var linkDestination: String? = nil
    
    var body: some View {
        VStack {
            Divider().padding(.vertical, 4)
            
            HStack {
                Text(name).foregroundColor(Color.gray)
                Spacer()
                if (content != nil) {
                    Text(content!)
                } else if (linkLabel != nil && linkDestination != nil) {
                    Link(linkLabel!, destination: URL(string: "https://\(linkDestination!)")!)
                    Image(systemName: "arrow.up.right.square").foregroundColor(.pink)
                } else {
                    EmptyView()
                }
            }
        }
    }
}

struct SettingsRowView_Previews: PreviewProvider {
    static var previews: some View {
        GroupBoxRowView(name: "Developer", content: "Joe Vargas")
            .previewLayout(.fixed(width: 375, height: 60))
            .padding()
        
        GroupBoxRowView(name: "Website", linkLabel: "Medium", linkDestination: "joeavargas.medium.com")
            .preferredColorScheme(.dark)
            .previewLayout(.fixed(width: 375, height: 60))
            .padding()
    }
}
struct GroupBoxView: View {
    var body: some View {
        GroupBox(
            label: GroupBoxLabelView(labelText: "GroupBox", labelImage: "info.circle")
        ){
            GroupBoxRowView(name: "Developer / Designer", content: "Joe Vargas")
            GroupBoxRowView(name: "Website", linkLabel: "Medium", linkDestination: "joeavargas.medium.com")
            GroupBoxRowView(name: "Twitter", linkLabel: "@joeavargas", linkDestination: "twitter.com/joeavargas")
            GroupBoxRowView(name: "Compatibility", content: "iOS 14+")
            GroupBoxRowView(name: "Version", content: "1.0")
            
        }
        .padding(.horizontal)
    }
}

struct GroupBoxView_Previews: PreviewProvider {
    static var previews: some View {
        GroupBoxView()
            .preferredColorScheme(.dark)
    }
}
#include <iostream>
#include <string>
#include <math.h>
using namespace std;       //Ծրագիր, որը դոլարը, ֆունտը և եվրոն կդարձնի դրամ                                                  //1 եվրո = 542,10 դրամ
                           //1դոլար = 482,78 դրամ
                           //1 ֆունտ = 649,16 դրամ

int main() {
    const double x = 542.1, y = 482.78, z = 649.16;
    double gumar;
    string tesak;

    cout << "Barev dzez." << " " << "gumari chapy-";
    cin >> gumar;
    cout << "gumari tesaky-";
    cin >> tesak;
    if (tesak == "dolar") {
        cout << gumar << " " << "dolary hamarjeq e" << " " << gumar * y << " " << "drami";
    }
    else if (tesak == "evro") {
        cout << gumar << " " << "evron hamarjeq e" << " " << (ios::fixed | ios::showpoint) << gumar * x << " " << "drami";
    }
    else if (tesak == "funt") {
        cout << gumar << " " << "funty hamarjeq e" << " " << gumar * z << " " << "drami";
    }
    else {
        cout << "inch vor ban sxal e";
    }
    return 0;
}

                    
<script>
const element = document.getElementById("demo");
setInterval(function() {document.getElementById("clickMe").click();
}, 1000);
</script>
#Extract List of python Packages
pip freeze > requirements.txt

#Remove version numbers from the requirements.txt file to install latest version
#You need to change the requirement.txt file to remove all the version dependencies. you can parse #the file for that. Or use regex.
==\w+.+.+
#This will select all the element after symbol == including the symbol.
#Replace with null empty string.
#Open the requirements.txt in some editor that support regex (for example vs code).
#Then use find and replace. (ctrl + f in vs code)
#choose regex option. (click on .* in find and replace context menu in vs code)
#in find put ==\w+.+.+ in replace put nothing. (keep it empty)
#then replace all.
#Then pip install requirements.txt and you are good to go.

#Install requirements file
pip install -r requirements.txt
import findspark
findspark.init()

import pyspark
from pyspark.sql import SparkSession
spark = SparkSession.builder.master("local[1]").appName("SparkByExamples.com").getOrCreate()
<!-- card with badge -->
<div class="card card-shadow vertical-card flex-column relative 
              transition-2 mr-1 my-2">
    <span class="card-badge text-base font-semibold absolute top-1 left-1 
              rounded-sm">New</span>
    <div>
        <img src="../assets/jacket.jpg" alt="avatar" />
    </div>
    <div class="text-center">
        <p class="mt-2 mb-1">Men premium jacket</p>
        <h3 class="mb-1">₹2000</h3>
        <button class="p-1 w-100 font-semibold card-btn transition-2">
            Add to cart
        </button>
    </div>
</div>

<!-- card with dismiss -->
<div class="card card-shadow vertical-card flex-column relative 
            transition-2 mr-1 my-2">
    <span class="card-badge-bg absolute text-base top-1 right-1 
             rounded-full flex-row flex-center pointer">
        <i class="fa fa-close"></i>
    </span>
    <div>
        <img src="../assets/jacket.jpg" alt="avatar" />
    </div>
    <div class="text-center">
        <p class="mt-2 mb-1">Men premium jacket</p>
        <h3 class="mb-1">₹2000</h3>
        <button class="p-1 w-100 font-semibold card-btn transition-2">
            Add to cart
        </button>
    </div>
</div>
# in operator allows to check whether a key is in a dictionary (appearing as value is not enough)
eng2sp = {'one':'uno', 'two':'dos', 'three':'tres'}
'one' in eng2sp
>> True
'uno' in eng2sp
>> False 

# to see whether something appears as value, use method values(), which returns collection of values:
'uno' in eng2sp.values()
>> True

# dictionary method get() takes a key and a default value; if the key appears in the dict, get() returns the corresponding value; otherwise it returns the default value
h = {'a': 99}
h.get('a', 0)
>> 99
h.get('b', 0)
>> 0

# WHen using a dict in a for statement, it traverses its keys
for key in d:
	print(key, d[key])		

# to travers keys in sorted order, use function sorted():
for key in sorted(h):
	print(key, d[key])	

# the method items() returns a sequence of tuples, wehere each tuole is a key-value pair:
d = {'a':0, 'b':1, 'c':2}
for key, value in d.item():
	print(key, value)
>> c 2
>> a 0
>> b 1
<!-- Using the 'btn' class followed by 'btn-icon' -->
<button class="btn btn-icon normal-shadow">
	<i class="far fa-save"></i>Save
</button>
<!-- Using the 'btn' class followed by 'btn-icon simple-icon' -->
<button class="btn btn-icon simple-icon normal-shadow">
	<i class="far fa-save"></i> Save
</button>
<div class="alert primary">
              This is a Simple Primary Alert Check it out!
            </div>
            <div class="alert warning">
              This is a Simple Warning Alert Check it out!
            </div>
            <div class="alert success">
              This is a Simple success Alert Check it out!
            </div>
            <div class="alert dark">
              This is a Simple dark color Alert Check it out!
            </div>
            <div class="margin-m1 padding-p1">
              <p class="font-medium">
                Avatar can be used to show user's profile picture on profile
                information page, on navigation bar, in blogs grid items.
              </p>
  
              <p class="font-medium">
                Avatar is available in 4 different sizes. You can use image in
                Avatar. You need to include class avatar and for size add class
                according to size avatar-xl, avatar-lg, avatar-md, avatar-sm (e.g.
                class="round-img avatar-lg")
              </p>
            </div>
          <div class="margin-m1 container-flex flex-center">
              <code>
                <iframe
                  src="https://carbon.now.sh/embed?bg=rgba%28231%2C229%2C229%2C1%29&t=one-light&wt=none&l=auto&width=748.5&ds=true&dsyoff=20px&dsblur=68px&wc=true&wa=false&pv=0px&ph=0px&ln=false&fl=1&fm=Hack&fs=14px&lh=143%25&si=false&es=2x&wm=false&code=%253Cfigure%253E%2520%253Cimg%2520class%253D%2522round-img%2520avatar-xl%2522%2520src%253D%2522.....%2522%2520%252F%253E%2520%2520%253C%252Ffigure%253E%250A%253Cfigure%253E%2520%253Cimg%2520class%253D%2522round-img%2520avatar-lg%2522%2520src%253D%2522.....%2522%252F%253E%2520%2520%2520%253C%252Ffigure%253E%250A%253Cfigure%253E%2520%253Cimg%2520class%253D%2522round-img%2520avatar-md%2522%2520src%253D%2522.....%2522%252F%253E%2520%2520%253C%252Ffigure%253E%250A%253Cfigure%253E%2520%253Cimg%2520class%253D%2522round-img%2520avatar-sm%2522%2520src%253D%2522.....%2522%252F%253E%2520%253C%252Ffigure%253E"
                  style="
                    width: 749px;
                    height: 137px;
                    border: 0;
                    transform: scale(1);
                    overflow: hidden;
                  "
                  sandbox="allow-scripts allow-same-origin"
                >
                </iframe>
              </code>
          </div>
 <!-- ------------------------------Alert--success------------------------- -->

                    <div class="alert success">
                        <div class="container-1">
                            <i class="fas fa-check-circle"></i>
                        </div>
                        <div class="container-2">
                            <p>Success</p>
                            <p>Your changes are saved successfully</p>
                        </div>
                    </div>
            <!-- ------------------------------Alert--Error-------------------------- -->
                    <div class="alert error">
                        <div class="container-1">
                            <i class="fas fa-times-circle"></i>
                        </div>
                        <div class="container-2">
                            <p>Error</p>
                            <p>Something wrong happened</p>
                        </div>
                    </div>
             <!-- ------------------------------Alert--info----------------------  -->
                    <div class="alert info">
                        <div class="container-1">
                            <i class="fas fa-info-circle"></i>
                        </div>
                        <div class="container-2">
                            <p>Info</p>
                            <p>An update is available to install</p>
                        </div>
                    </div>

            <!-- ------------------------------Alert--warning------------------          -->
                    <div class="alert warning">
                        <div class="container-1">
                            <i class="fas fa-exclamation-circle"></i>
                        </div>
                        <div class="container-2">
                            <p>warning</p>
                            <p>Entered username is invalid</p>
                        </div>
                    </div>
                </div>
<link rel="stylesheet" href="https://splash-ui-lib.netlify.app/src/components/index.css" />
<link rel="stylesheet" href="https://kustomize.netlify.app/css/components.css>
<div class="avatar avatar-xs">
 	<img src="https://picsum.photos/id/237/200.jpg" alt="avatar" class="responsive-img 
     rounded-img avatar-xs"/>
</div>
<div class="alert basic-alert">This is a basic alert!</div>
<div class="alert primary-alert">This is a primary alert!</div>
<div class="alert secondary-alert">This is a secondary alert!</div>
<div class="alert success-alert">This is a success alert!</div>
<div class="alert danger-alert">This is a danger alert!</div>
<div class="alert warning-alert">This is a warning alert!</div>
/*Badge on avatar*/

<div class="relative">
	<div class="avatar avatar-lg">
		<img src="https://picsum.photos/id/237/200/300.jpg" alt="avatar" 
		class="responsive-img rounded-img avatar-lg" />
    	</div>
    	<span class="status-badge status-online round-badge"></span>
</div>

/*Badge with number*/

<a class="relative">
  <span><i class="fa fa-whatsapp fa-2x" aria-hidden="true"></i></span>
  <span class="status-badge badge-wth-number round-badge">4</span>
</a>
<button class="btn primary-btn">Primary Button</button>
<button class="btn outline-btn">Outlined Button</button>
<button class="btn link-btn no-border">Link</button>
<button class="btn icon-btn no-border">
    <i class="fa fa-tags fa-2x" aria-hidden="true"></i>
</button>
<button class="btn floating-btn no-border">
    <i class="fa fa-chevron-up" aria-hidden="true"></i>
</button>
<div class="img img-container">
    <img src="/images/image-img.jpg" alt="Round Image" class="img img-round">
</div>
<div class="img img-container">
    <img src="/images/image-img.jpg" alt="Image with Rounded corners" class="img img-rounded-corner">
</div>
<img class="img-main img-sq" src="../images/avatar-dog.jpg">
<div class="img img-container">
    <img src="/images/image-img.jpg" alt="Image with Rounded corners" class="img img-responsive">
</div>
@import url("https://compui.netlify.app/css/main.css");
link rel="stylesheet" href="https://compui.netlify.app/css/main.css">
 <div class="avatar avatar-xx-lg flex-item">
     <img class="circular-avatar img" src="./Components/images/avatar/Avaatar.jpg" alt="avatar" />
 </div>
 <div class="avatar avatar-x-lg flex-item">
     <img class="circular-avatar img" src="./Components/images/avatar/Avaatar.jpg" alt="avatar" />
 </div>
 <div class="avatar avatar-lg flex-item">
     <img class="circular-avatar img" src="./Components/images/avatar/Avaatar.jpg" alt="avatar" />
 </div>
 <div class="avatar avatar-md flex-item">
     <img class="circular-avatar img" src="./Components/images/avatar/Avaatar.jpg" alt="avatar" />
 </div>
 <div class="avatar avatar-sm flex-item">
     <img class="circular-avatar img" src="./Components/images/avatar/Avaatar.jpg" alt="avatar" />
 </div>
 <div class="avatar avatar-x-sm flex-item">
     <img class="circular-avatar img" src="./Components/images/avatar/Avaatar.jpg" alt="avatar" />
 </div>
<img class="img-main img-round" src="../images/avatar-dog.jpg">
 <div class="avatar avatar-xx-lg flex-item">
     <img class="square-avatar img" src="./Components/images/avatar/Avaatar.jpg" alt="avatar" />
 </div>
 <div class="avatar avatar-x-lg flex-item">
     <img class="square-avatar img" src="./Components/images/avatar/Avaatar.jpg" alt="avatar" />
 </div>
 <div class="avatar avatar-lg flex-item">
     <img class="square-avatar img" src="./Components/images/avatar/Avaatar.jpg" alt="avatar" />
 </div>
 <div class="avatar avatar-md flex-item">
     <img class="square-avatar img" src="./Components/images/avatar/Avaatar.jpg" alt="avatar" />
 </div>
 <div class="avatar avatar-sm flex-item">
     <img class="square-avatar img" src="./Components/images/avatar/Avaatar.jpg" alt="avatar" />
 </div>
 <div class="avatar avatar-x-sm flex-item">
     <img class="square-avatar img" src="./Components/images/avatar/Avaatar.jpg" alt="avatar" />
 </div>
<div class="avatar circular-avatar text-avatar avatar-xx-lg flex-item">
  SK
</div>
<div class="avatar circular-avatar text-avatar avatar-x-lg flex-item">
  SK
</div>
<div class="avatar circular-avatar text-avatar avatar-lg flex-item">
  SK
</div>
<div class="avatar circular-avatar text-avatar avatar-md flex-item">
  SK
</div>
<div class="avatar circular-avatar text-avatar avatar-sm flex-item">
  SK
</div>
<div class="avatar circular-avatar text-avatar avatar-x-sm flex-item">
  SK
</div>
<div class="alert alert-primary"><i class="fas fa-star"></i> Primary! This is a Primary Alert -
    Check it
    now!
</div>
<div class="alert alert-success"><i class="fas fa-check-circle"></i> This is an error alert —
    check it out!
</div>
<div class="alert alert-error"><i class="fas fa-exclamation-circle"></i> This is a success alert
    — check it
    out!</div>
<div class="alert alert-warning"><i class="fas fa-exclamation-triangle"></i> This is a warning
    alert — check
    it out!</div>
<div class="alert alert-info"><i class="fas fa-info-circle"></i> This is an info alert — check
    it out!</div>
<div class="alert alert_primary">
    A simple primary alert—check it out!
</div>
<div class="alert alert_secondary">
    A simple secondary alert—check it out!
</div>
<div class="alert alert_success">
    A simple success alert—check it out!
</div>
<div class="alert alert_danger">
    A simple danger alert—check it out!
</div>
<div class="alert alert_warning">
    A simple warning alert—check it out!
</div>
<div class="alert alert_info">
    A simple info alert—check it out!
</div>
<div class="alert alert_light">
    A simple light alert—check it out!
</div>
<div class="alert alert_dark">
    A simple dark alert—check it out!
</div>
<div style="margin: 1rem;">
   <button class="button primary">Primary Button</button>
</div>

<div style="margin: 1rem;">
   <button class="button outlined">Outlined Button</button>
</div>

<div style="margin: 1rem;">
   <button class="button text">Text Button</button>
</div>
<div class="input-container standard">
    <input type="text" />
    <label>Standard Input</label>
</div>

<div class="input-container outlined">
    <input type="text" />
    <label>Outlined Input</label>
</div>

<div class="input-container filled">
    <input type="text" />
    <label>Filled Input</label>
</div>
star

Mon Jan 31 2022 11:16:39 GMT+0000 (Coordinated Universal Time)

@Freshers

star

Mon Jan 31 2022 11:17:38 GMT+0000 (Coordinated Universal Time)

@Freshers

star

Mon Jan 31 2022 11:19:12 GMT+0000 (Coordinated Universal Time)

@Freshers

star

Mon Jan 31 2022 11:22:46 GMT+0000 (Coordinated Universal Time)

@Freshers

star

Mon Jan 31 2022 11:23:44 GMT+0000 (Coordinated Universal Time)

@Freshers

star

Mon Jan 31 2022 11:24:34 GMT+0000 (Coordinated Universal Time)

@Freshers

star

Mon Jan 31 2022 11:25:47 GMT+0000 (Coordinated Universal Time)

@Freshers

star

Mon Jan 31 2022 11:40:38 GMT+0000 (Coordinated Universal Time)

@Manjushree

star

Mon Jan 31 2022 12:23:06 GMT+0000 (Coordinated Universal Time)

@Manjushree

star

Mon Jan 31 2022 13:31:07 GMT+0000 (Coordinated Universal Time)

@tcovington

star

Mon Jan 31 2022 13:53:12 GMT+0000 (Coordinated Universal Time) https://www.delphipraxis.net/6351-passwort-auf-sicherheit-pruefen.html

@Sheldon

star

Mon Jan 31 2022 13:54:53 GMT+0000 (Coordinated Universal Time)

@saksham6239

star

Mon Jan 31 2022 14:58:37 GMT+0000 (Coordinated Universal Time) https://gist.github.com/penguinboy/762197

@knightastron

star

Mon Jan 31 2022 15:10:30 GMT+0000 (Coordinated Universal Time) https://gist.github.com/penguinboy/762197

@knightastron

star

Mon Jan 31 2022 15:17:39 GMT+0000 (Coordinated Universal Time)

@ahoeweler

star

Mon Jan 31 2022 15:26:55 GMT+0000 (Coordinated Universal Time)

@Angui

star

Mon Jan 31 2022 16:36:43 GMT+0000 (Coordinated Universal Time)

@vaibhav_55

star

Mon Jan 31 2022 18:21:36 GMT+0000 (Coordinated Universal Time)

@vaibhav_55

star

Mon Jan 31 2022 18:23:56 GMT+0000 (Coordinated Universal Time)

@joeavargas

star

Mon Jan 31 2022 18:25:24 GMT+0000 (Coordinated Universal Time)

@joeavargas

star

Mon Jan 31 2022 18:26:26 GMT+0000 (Coordinated Universal Time)

@joeavargas

star

Mon Jan 31 2022 21:16:43 GMT+0000 (Coordinated Universal Time) https://www.w3schools.com/jsref/tryit.asp?filename

@aaroil3

star

Mon Jan 31 2022 21:34:31 GMT+0000 (Coordinated Universal Time) https://stackoverflow.com/questions/59854439/how-to-create-requirement-txt-without-all-package-versions

@ianh

star

Tue Feb 01 2022 03:39:51 GMT+0000 (Coordinated Universal Time) https://sparkbyexamples.com/pyspark/how-to-import-pyspark-in-python-script/

@kchaitanyach

star

Tue Feb 01 2022 04:53:56 GMT+0000 (Coordinated Universal Time)

@rohan

star

Tue Feb 01 2022 04:55:44 GMT+0000 (Coordinated Universal Time)

@marcpio

star

Tue Feb 01 2022 05:00:28 GMT+0000 (Coordinated Universal Time)

@Husain01

star

Tue Feb 01 2022 05:10:15 GMT+0000 (Coordinated Universal Time) https://carbon.now.sh/

@Prathmesh_20

star

Tue Feb 01 2022 05:27:46 GMT+0000 (Coordinated Universal Time)

@sanjay1729

star

Tue Feb 01 2022 05:30:00 GMT+0000 (Coordinated Universal Time)

@richa

star

Tue Feb 01 2022 05:33:47 GMT+0000 (Coordinated Universal Time)

@scjuly19

star

Tue Feb 01 2022 05:39:18 GMT+0000 (Coordinated Universal Time)

@snkamal

star

Tue Feb 01 2022 05:41:39 GMT+0000 (Coordinated Universal Time)

@scjuly19

star

Tue Feb 01 2022 05:49:48 GMT+0000 (Coordinated Universal Time)

@scjuly19

star

Tue Feb 01 2022 05:55:58 GMT+0000 (Coordinated Universal Time)

@scjuly19

star

Tue Feb 01 2022 06:06:33 GMT+0000 (Coordinated Universal Time)

@scjuly19

star

Tue Feb 01 2022 06:30:51 GMT+0000 (Coordinated Universal Time)

@rakshapawar10

star

Tue Feb 01 2022 06:31:55 GMT+0000 (Coordinated Universal Time)

@rakshapawar10

star

Tue Feb 01 2022 06:39:52 GMT+0000 (Coordinated Universal Time)

@shraddhamuley2

star

Tue Feb 01 2022 06:41:50 GMT+0000 (Coordinated Universal Time)

@rakshapawar10

star

Tue Feb 01 2022 06:44:06 GMT+0000 (Coordinated Universal Time)

@bishnoimukesh

star

Tue Feb 01 2022 06:44:28 GMT+0000 (Coordinated Universal Time)

@shikha

star

Tue Feb 01 2022 06:46:02 GMT+0000 (Coordinated Universal Time)

@shraddhamuley2

star

Tue Feb 01 2022 06:54:43 GMT+0000 (Coordinated Universal Time)

@shikha

star

Tue Feb 01 2022 06:57:50 GMT+0000 (Coordinated Universal Time)

@shikha

star

Tue Feb 01 2022 07:08:32 GMT+0000 (Coordinated Universal Time)

@tanishq20

star

Tue Feb 01 2022 07:13:31 GMT+0000 (Coordinated Universal Time)

@swapnil

star

Tue Feb 01 2022 07:34:03 GMT+0000 (Coordinated Universal Time)

@krishnakant01

star

Tue Feb 01 2022 08:07:12 GMT+0000 (Coordinated Universal Time)

@rakshapawar10

Save snippets that work with our extensions

Available in the Chrome Web Store Get Firefox Add-on Get VS Code extension