Skip to content

Instantly share code, notes, and snippets.

View melanyss's full-sized avatar
🏠
Working from home

Melanys melanyss

🏠
Working from home
58 followers · 363 following
View GitHub Profile
@melanyss
melanyss / Matrixrain.html
Created May 19, 2020 07:10
Make a Matrix rain using HTML5,JS,CSS
<html>
<head>
<title>Matrix Rain</title>
<style>
* {margin: 0; padding: 0;}
body {background: black;}
canvas {display: block;}
</style>
</head>
<body>
@melanyss
melanyss / index1.php
Created May 19, 2020 12:46 — forked from Techgokul/index1.php
Create login form using php
<!DOCTYPE html>
<html>
<?php
session_start();
$username= "admin";
$password= "password";
if (isset($_SESSION['loggedin']) && $_SESSION['loggedin'] == false) {
header("Location: success.php");
@melanyss
melanyss / typewriter.html
Created May 19, 2020 12:50 — forked from Techgokul/typewriter.html
Create a typing effect in html
<html>
<head>
<title>Type writing</title>
<style>
.btn{
border: none;
background-color: #048bff;
width: 90px;
height: 40px;
@melanyss
melanyss / loader.html
Created May 19, 2020 12:51 — forked from Techgokul/loader.html
create a loader for your website using css and html
<html>
<head>
<title>Loader</title>
<meta name="viewport" content="width=device-width initial-scale=1">
<style>
.loader{
margin-left: 400px;
margin-top: 250px;
border: 16px solid #0058ff;
border-bottom: 16px solid #0058ff;
@melanyss
melanyss / like&dislike.html
Created May 19, 2020 12:52 — forked from Techgokul/like&dislike.html
Create a Like and Dislike Button using html,css and js
<html>
<head>
<title>Like and Dislike</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" type="text/css">
<style>
.fa{
font-size: 300px;
color: white;
@melanyss
melanyss / nav.html
Created May 19, 2020 12:52 — forked from Techgokul/nav.html
Navigation bar Using HTML5,CSS
<html>
<head>
<title>Navigation bar</title>
<link rel="stylesheet" href="style.css"/>
<meta charset="utf-8">
</head>
<body>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
@melanyss
melanyss / functions.php
Created May 24, 2020 20:22 — forked from zachbrowne/functions.php
WordPress functions.php Additions
<?php // custom functions.php template @ digwp.com
// add feed links to header
if (function_exists('automatic_feed_links')) {
automatic_feed_links();
} else {
return;
}
@melanyss
melanyss / flex-table.html
Created May 25, 2020 00:16
<div class="table-container" role="table" aria-label="Destinations">
<div class="flex-table header" role="rowgroup">
<div class="flex-row first" role="columnheader">Country</div>
<div class="flex-row" role="columnheader">Events</div>
<div class="flex-row" role="columnheader">Time</div>
<div class="flex-row" role="columnheader">Fees</div>
</div>
<div class="flex-table row" role="rowgroup">
<div class="flex-row first" role="cell"><span class="flag-icon flag-icon-gb"></span> United Kingdom</div>
<div class="flex-row" role="cell">Stonehenge, Windsor and Bath with Pub Lunch </div>
@melanyss
melanyss / aos-animations.markdown
Created May 27, 2020 05:58
AOS - animations
@melanyss
melanyss / index.html
Created May 27, 2020 11:01
Todo App with IndexedDB
<div id="page-wrapper">
<!-- Form for new Todo Items -->
<form id="new-todo-form" method="POST" action="#">
<input type="text" name="new-todo" id="new-todo" placeholder="Enter a todo item..." required>
</form>
<!-- Todo Item List -->
<ul id="todo-items"></ul>
</div>