Skip to content

Instantly share code, notes, and snippets.

View Jerliyah's full-sized avatar

Jerliyah Craig Jerliyah

16 followers · 18 following
View GitHub Profile
@Jerliyah
Jerliyah / horizontal-slide-nav.html
Created August 31, 2018 20:32
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Horizontal Slide Nav</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<style>
@Jerliyah
Jerliyah / 404(plain).html
Created August 23, 2018 00:11
A simple 404 page
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>404 - 2</title>
<link href="https://fonts.googleapis.com/css?family=Dosis|Monda" rel="stylesheet">
@Jerliyah
Jerliyah / glow-triangle.html
Last active August 18, 2018 21:21
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title> Glow Triangle </title>
<style>
.logo.container {
@Jerliyah
Jerliyah / future-date.html
Last active August 16, 2018 17:51
Automatically display a new date after a certain number of days have passed. For example: every 30 days, display the new sales date.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Google Font - Permanent Marker -->
<link href="https://fonts.googleapis.com/css?family=Permanent+Marker" rel="stylesheet">
@Jerliyah
Jerliyah / future-date.html
Created August 16, 2018 17:51
Automatically display a new date after a certain number of days have passed. For example: every 30 days, display the new sales date.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Google Font - Permanent Marker -->
<link href="https://fonts.googleapis.com/css?family=Permanent+Marker" rel="stylesheet">
@Jerliyah
Jerliyah / glossy-play-button.html
Last active August 14, 2018 16:43
A glossy play button the plays and pauses a video
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Glossy Play Button</title>
</head>
@Jerliyah
Jerliyah / Nav - hover, responsive, horizontal.html
Created August 9, 2018 21:44
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- ============= Dependencies ================ -->
<!-- Font Awesome (icons) -->
@Jerliyah
Jerliyah / random_integer_generator.js
Created February 16, 2018 21:37
function random_integer_generator(min,max) {
return Math.floor(Math.random() * (max - min + 1)) + min;
}