TBI Thank You

Developer
Jerusha Johnson
Size
2,550 Kb
Views
10,120
  1. TBI Thank You Previews
  2. TBI Thank You HTML Codes
  3. TBI Thank You CSS Codes
  4. TBI Thank You JS Codes

How do I make an tbi thank you?

What is a tbi thank you? How do you make a tbi thank you? This script and codes were developed by Jerusha Johnson on 22 October 2022, Saturday.

TBI Thank You Previews
IQ Test

TBI Thank You - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>TBI Thank You</title> <link href='https://fonts.googleapis.com/css?family=Raleway:300' rel='stylesheet' type='text/css'> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css"> <link rel="stylesheet" href="css/style.css">
</head>
<body> <div class="btn-hover"> <h3>Abrir</h3>
</div>
<div class="container"> <img src="http://distilleryimage5.ak.instagram.com/e592b3feeda811e280da22000ae90dc5_7.jpg" class="bg-img"/> <div class="header"> <h3 class="tagline">Carla y yo queríamos</h3> <h1 class="thank-you">Agradecerles por todo su apoyo y bendiciones.</h1> </div>
</div> <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script> <script src="js/index.js"></script>
</body>
</html>

TBI Thank You - Script Codes CSS Codes

*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
html{ height: 200px; margin: 0 0 20px 0; background-color: #eaeaea; background-size: 20px 20px; background-image: -webkit-repeating-linear-gradient(45deg, rgba(0, 191, 255, .5), rgba(0, 191, 255, .5) 1px, transparent 1px, transparent 15px), -webkit-repeating-linear-gradient(-45deg, rgba(255, 105, 180, .5), rgba(255, 105, 180, .5) 1px, transparent 1px, transparent 15px); background-image: -moz-repeating-linear-gradient(45deg, rgba(0, 191, 255, .5), rgba(0, 191, 255, .5) 1px, transparent 1px, transparent 15px), -moz-repeating-linear-gradient(-45deg, rgba(255, 105, 180, .5), rgba(255, 105, 180, .5) 1px, transparent 1px, transparent 15px); background-image: -o-repeating-linear-gradient(45deg, rgba(0, 191, 255, .5), rgba(0, 191, 255, .5) 1px, transparent 1px, transparent 15px), -o-repeating-linear-gradient(-45deg, rgba(255, 105, 180, .5), rgba(255, 105, 180, .5) 1px, transparent 1px, transparent 15px); background-image: repeating-linear-gradient(45deg, rgba(0, 191, 255, .5), rgba(0, 191, 255, .5) 1px, transparent 1px, transparent 15px), repeating-linear-gradient(-45deg, rgba(255, 105, 180, .5), rgba(255, 105, 180, .5) 1px, transparent 1px, transparent 15px);
}
.bg-img{ width:100%; height:auto; padding:4px 0;
}
h1, h3{ font-family: 'Raleway', sans-serif;
}
h1{ font-size:2.25em; margin-top:0;
}
h3{ font-size:1.5em; margin-bottom:0;
}
.container{ width: 650px; height: 650px; background:#fff; border: 1px solid #fff; padding-right: 4px; padding-left: 4px; position:absolute; left:28%; top:-650px; opacity:0; z-index:5; box-shadow:0 0 25px 10px rgba(51, 51, 51, 0.2); -webkit-box-shadow:0 0 25px 10px rgba(51, 51, 51, 0.2); -moz-box-shadow:0 0 25px 10px rgba(51, 51, 51, 0.2); -o-box-shadow:0 0 25px 10px rgba(51, 51, 51, 0.2);
}
.header{ color:#fff; text-shadow:0 0 15px #000; text-align:center; width:100%; max-width:450px; max-width: 450px; top: 60%; position: absolute; left: 15%; z-index:10;
}
.btn-hover{ text-align:center; width:100px; height:125px; line-height: 115px; background:#fff; position:absolute; top:0; right:150px; color:#fff; background:rgba(0, 191, 255, 1);
}
.btn-hover:after{ content: ''; width: 0; height: 0; position: absolute; top: 75px; left: 0; border-top: 50px solid transparent; border-bottom: 50px solid transparent; border-left: 50px solid rgba(0, 191, 255, 1);
}
.btn-hover:before{ content: ''; width: 0; height: 0; position: absolute; top: 75px; right: 0; border-top: 50px solid transparent; border-bottom: 50px solid transparent; border-right: 50px solid rgba(0, 191, 255, 1);
}

TBI Thank You - Script Codes JS Codes

$('.btn-hover').mouseover(function() { $('.container').animate({top : '10px', opacity : '1'}, 800); $('.btn-hover').animate({top : '-175px', opacity : '1'}, 400);
});
TBI Thank You - Script Codes
TBI Thank You - Script Codes
Home Page Home
Developer Jerusha Johnson
Username bonzaipenguin
Uploaded October 22, 2022
Rating 3
Size 2,550 Kb
Views 10,120
Do you need developer help for TBI Thank You?

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!

Jerusha Johnson (bonzaipenguin) Script Codes
Name
Parallax Scroll 2.0
Objects 2.0
Engagement
Mobile Calendar Test
Objects
Medium-esque v2.0
Scaled Agile Card Heights
X-axis and Y-axis Affixes
Type Specimen
Text Shadow Experiment
Create amazing web content 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!