demo - HTMLify profile
demo
53 Files
20002 Views
Latest files of /demo/render
webpage1.html
demo/render/webpage1.html
<!DOCTYPE html>
<html>
<head>
<title>My Demo Page</title>
<style>
body {
font-family: Arial, sans-serif;
background-color: #f0f0f0;
<html>
<head>
<title>My Demo Page</title>
<style>
body {
font-family: Arial, sans-serif;
background-color: #f0f0f0;
webpage2.html
demo/render/webpage2.html
<!DOCTYPE html>
<html>
<head>
<title>My Unique Demo Page</title>
<style>
body {
font-family: "Courier New", monospace;
background-color: #f9f9f9;
<html>
<head>
<title>My Unique Demo Page</title>
<style>
body {
font-family: "Courier New", monospace;
background-color: #f9f9f9;
webpage3.html
demo/render/webpage3.html
<!DOCTYPE html>
<html>
<head>
<title>JavaScript Demo Page</title>
<style>
body {
font-family: Arial, sans-serif;
background-color: #f0f0f0;
<html>
<head>
<title>JavaScript Demo Page</title>
<style>
body {
font-family: Arial, sans-serif;
background-color: #f0f0f0;
bs1.html
demo/render/bs1.html
<!DOCTYPE html>
<html>
<head>
<title>Bootstrap CSS Demo</title>
<!-- Add Bootstrap CSS from a CDN -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
</head>
<body>
<html>
<head>
<title>Bootstrap CSS Demo</title>
<!-- Add Bootstrap CSS from a CDN -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
</head>
<body>
bs2.html
demo/render/bs2.html
<!DOCTYPE html>
<html>
<head>
<title>Bootstrap Grid Demo</title>
<!-- Add Bootstrap CSS from a CDN -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
</head>
<body>
<html>
<head>
<title>Bootstrap Grid Demo</title>
<!-- Add Bootstrap CSS from a CDN -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
</head>
<body>
bs3.html
demo/render/bs3.html
<!DOCTYPE html>
<html>
<head>
<title>Bootstrap Modal Demo</title>
<!-- Include Bootstrap CSS from a CDN -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
</head>
<body>
<html>
<head>
<title>Bootstrap Modal Demo</title>
<!-- Include Bootstrap CSS from a CDN -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
</head>
<body>
bs4.html
demo/render/bs4.html
<!DOCTYPE html>
<html>
<head>
<title>Bootstrap Progress Bar Demo</title>
<!-- Include Bootstrap CSS from a CDN -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
</head>
<body>
<html>
<head>
<title>Bootstrap Progress Bar Demo</title>
<!-- Include Bootstrap CSS from a CDN -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
</head>
<body>
bs5.html
demo/render/bs5.html
<!DOCTYPE html>
<html>
<head>
<title>Bootstrap Form Demo</title>
<!-- Include Bootstrap CSS from a CDN -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
</head>
<body>
<html>
<head>
<title>Bootstrap Form Demo</title>
<!-- Include Bootstrap CSS from a CDN -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
</head>
<body>
css1.html
demo/render/css1.html
<!DOCTYPE html>
<html>
<head>
<title>Non-Bootstrap Animation Demo</title>
<style>
/* Custom CSS for the animation */
.container {
text-align: center;
<html>
<head>
<title>Non-Bootstrap Animation Demo</title>
<style>
/* Custom CSS for the animation */
.container {
text-align: center;
css2.html
demo/render/css2.html
<!DOCTYPE html>
<html>
<head>
<title>Fade In and Out Animation Demo</title>
<style>
/* Custom CSS for the animation */
.container {
text-align: center;
<html>
<head>
<title>Fade In and Out Animation Demo</title>
<style>
/* Custom CSS for the animation */
.container {
text-align: center;
css3.html
demo/render/css3.html
<!DOCTYPE html>
<html>
<head>
<title>Continuous Fade In and Out Animation with CSS</title>
<style>
/* Custom CSS for the animation */
.container {
text-align: center;
<html>
<head>
<title>Continuous Fade In and Out Animation with CSS</title>
<style>
/* Custom CSS for the animation */
.container {
text-align: center;
css4.html
demo/render/css4.html
<!DOCTYPE html>
<html>
<head>
<title>CSS Loading Spinner Animation</title>
<style>
/* Custom CSS for the loading spinner animation */
.container {
text-align: center;
<html>
<head>
<title>CSS Loading Spinner Animation</title>
<style>
/* Custom CSS for the loading spinner animation */
.container {
text-align: center;
js1.html
demo/render/js1.html
<!DOCTYPE html>
<html>
<head>
<title>JavaScript Interactive Demo</title>
<style>
/* Custom CSS for the button and message */
.container {
text-align: center;
<html>
<head>
<title>JavaScript Interactive Demo</title>
<style>
/* Custom CSS for the button and message */
.container {
text-align: center;
vibration.html
demo/render/vibration.html
<!DOCTYPE html>
<html>
<head>
<title>Vibration Button</title>
</head>
<body>
<button id="vibrateButton">Vibrate</button>
js2.html
demo/render/js2.html
<!DOCTYPE html>
<html>
<head>
<title>Vibration Button</title>
</head>
<body>
<button id="vibrateButton"><h1>Vibrate</h2></button>
<html>
<head>
<title>Vibration Button</title>
</head>
<body>
<button id="vibrateButton"><h1>Vibrate</h2></button>
js3.html
demo/render/js3.html
<!DOCTYPE html>
<html>
<head>
<title>Auto Vibration on Page Load</title>
</head>
<body>
<script>
// Function to trigger vibration on page load
<html>
<head>
<title>Auto Vibration on Page Load</title>
</head>
<body>
<script>
// Function to trigger vibration on page load
js4.html
demo/render/js4.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Infinite Vibration Button - A simple web page to demonstrate the Vibration API">
<title>Infinite Vibration Button</title>
<style>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Infinite Vibration Button - A simple web page to demonstrate the Vibration API">
<title>Infinite Vibration Button</title>
<style>