Skip to main content

Posts

Showing posts from September, 2018

Animated HTML Dialog

CODE: "HTML" <html> <body> <h1>ANIMATED TEXT JS</h1> <button onclick="typeWriter()">ACTIVATE</button> <style> @import url('https://fonts.googleapis.com/css?family=Press+Start+2P'); </style> <link rel="stylesheet" href="css13.css"> <body style ="background-color: orange;"> <p id="OPEN"></p> <script> var a = 0; var text = 'VISIT WIRED2TECH.ORG TO LEARN TO CODE.This project was made by: Mohammed Ibrahim Mirza Beig.This project used the font "Press Start 2P" which is licensed under the open font license and was obtained from google fonts.'; var frameSD = 60; function typeWriter() {   if (a < text.length) {     document.getElementById("OPEN").innerHTML += text.charAt(a);     a++;     setTimeout(typeWriter, frameSD);   } } </script> </body> </html> "CS

(TEMPLATES PT 4) HTML TEMPLATE WITH IFRAME AND MAILTO

HTML CODE: <html> <head> <iframe src="https://www.wired2tech.org/"width="1950" height="700" align="center" style="border:4px solid black;"></iframe> <style> @import url('https://fonts.googleapis.com/css?family=Anton'); </style> <link rel="stylesheet" href="css10.css"> </head> <body style ="background-color: beige;"> <title> INFO</title> <h2>CHECK OUT OUR IG PAGE TO SEE OUR AWESOME VIDEOS @wired2tech</h2> <h3>we post almost everyday </h3> <footer>   <p>Posted by: MOHAMMED IBRAHIM MIRZA BEIG </p>   <p> EMAIL: <a href="mailto:wired2tech@aol.com?Subject=INFO%20REGARDING?" target="_top">WIRED2TECH@AOL.COM</a> </p> </footer> </body> </html> CSS CODE: h2,h3{ color:black; font-size: 40px; -webkit-text-fill