Shaun Spills

Developer
Casey Hunt
Size
2,770 Kb
Views
12,144
  1. Shaun Spills Previews
  2. Shaun Spills HTML Codes
  3. Shaun Spills CSS Codes
  4. Shaun Spills JS Codes

How do I make an shaun spills?

What is a shaun spills? How do you make a shaun spills? This script and codes were developed by Casey Hunt on 19 November 2022, Saturday.

Shaun Spills Previews
IQ Test

Shaun Spills - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Shaun Spills</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <div class="flex parent"> <div class="flex child"><h1>It has been <span class="white moment-output"></span> …</h1></div> <!--<div class="flex child"><img class="velma" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/30025/cNBh0QlyDdVFC.gif"/></div>--> <div class="flex child"><img class="velma" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/30025/gerryspills.gif"/></div> <div class="flex child"><h1>since Shaun <span class="underline">spilled something.</span></h1></div>
</div> <script src='https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.10.6/moment.min.js'></script>
<script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script> <script src="js/index.js"></script>
</body>
</html>

Shaun Spills - Script Codes CSS Codes

@import url(https://fonts.googleapis.com/css?family=Chewy);
body { background: thistle; font-family: 'Chewy'; padding: 2em;
}
@media screen and (max-width: 400px) { body { padding: .5em; }
}
h1 { font-size: 6rem; letter-spacing: 2px; color: mintcream; text-shadow: 2px 2px 1px #222; text-align: center;
}
@media screen and (max-width: 900px) { h1 { font-size: 4rem; }
}
@media screen and (max-width: 650px) { h1 { font-size: 3rem; }
}
@media screen and (max-width: 500px) { h1 { font-size: 2rem; }
}
.white { color: cadetblue; text-shadow: 2px 2px 1px darkslateblue;
}
.underline { border-bottom: 3px solid darkslateblue;
}
.flex.parent { display: flex; flex-direction: column; max-height: 100vh;
}
.flex.child { margin: auto;
}
.velma { border-radius: 16px; box-shadow: 5px 5px 3px rgba(0, 0, 0, 0.5); width: 600px; max-width: 100%;
}

Shaun Spills - Script Codes JS Codes

// Input date in format YYYY-MM-DD
var date = "2016-01-14 11:10:00";
$('.moment-output').append(moment(date).toNow(true));
Shaun Spills - Script Codes
Shaun Spills - Script Codes
Home Page Home
Developer Casey Hunt
Username caseymhunt
Uploaded November 19, 2022
Rating 3
Size 2,770 Kb
Views 12,144
Do you need developer help for Shaun Spills?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Casey Hunt (caseymhunt) Script Codes
Name
Super cool hover section links
RoundUp Rumble 2015
IOS Style Underline
CSS Only radio image label
CSS Dot Leaders
Cool Form Labels
JQuery Time Range Slider
Background Color Switcher
Headroom.js Test
A Pen by Casey Hunt
Create amazing captions with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!