Skip to content

Instantly share code, notes, and snippets.

Avatar

Pawan Mall MrPawanMall

View GitHub Profile
@MrPawanMall
MrPawanMall / Search Article on Wikipedia via Wikipedia Search API.html
Last active Feb 23, 2021
I used a API from Wikipedia API and created a simple wikipedia article scrapper by using html & jQuery(Ajax). Hope you like "Search Article on Wikipedia via Wikipedia Search API"
View Search Article on Wikipedia via Wikipedia Search API.html
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Search Article on Wikipedia via Wikipedia Search API</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
</head>
<body>
<h1 class="p-5 alert alert-dark text-center">
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/8/80/Wikipedia-logo-v2.svg/225px-Wikipedia-logo-v2.svg.png" style="width:100px" />
@MrPawanMall
MrPawanMall / animated-border-effect-by-using-css.html
Last active Oct 4, 2019
Animated Border Effect by Using HTML, CSS and JavaScript
View animated-border-effect-by-using-css.html
<!DOCTYPE html>
<html>
<head>
<title>Animated Border Effect by Using HTML, CSS and JavaScript </title>
<style>
:root {
--img: linear-gradient(120deg, rgba(43, 62, 1, 0.82) 0%, rgba(12, 93, 23, 0.69) 100%), url(https://lh3.ggpht.com/p/AF1QipPMMGScLxelev5oVEp34fh8AJerF40vWMaMFuk=s512);
--br: linear-gradient(to top, #96fbc4 0%, #f9f586 100%);
--bb: linear-gradient(to top, #37ecba 0%, #72afd3 100%);
@MrPawanMall
MrPawanMall / index.html
Created Aug 22, 2019
Day / Night Mode Switch Toggle Using Html CSS and Javascript
View index.html
<!DOCTYPE html>
<html lang='en'>
<head>
<title>Day / Night Mode Switch Toggle Using Html CSS and Javascript</title>
<meta charset='UTF-8'>
<style>
@import url("https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300|Raleway&display=swap");
body {
font-family: 'Raleway', sans-serif;
margin: 0;