Posts

Netlflix Animated Video with HTML and CSS

-
  HTML <!DOCTYPE html> <html> <head> </head> <body>     <div id="container">         <!-- Edit the letter attr to: N, E, T, F, L, I or X -->         <netflixintro letter="N">             <div class="helper-1">                 <div class="effect-brush">                     <span class="fur-31"></span>                     <span class="fur-30"></span>                     <span class="fur-29"></span>                     <span class="fur-28"></span>                     <span class="fur-27"></span>   ...
Post a Comment
Read more

TextToSpeech with HTML, CSS, JS

-
  TextToSpeech with HTML, CSS, JS HTML: <!DOCTYPE html> <html lang="en" dir="ltr"> <head>     <meta charset="utf-8">     <title>Text To Speech in JavaScript | CodingNepal</title>     <link rel="stylesheet" href="style.css">     <meta name="viewport" content="width=device-width, initial-scale=1.0"> </head> <body>     <div class="wrapper">         <header>Text To Speech</header>         <form action="#">             <div class="row">                 <label>Enter Text</label>                 <textarea></textarea>             </div>             <div class="row">             ...
Post a Comment
Read more

Generation QR with HTML, CSS, JS

-
HTML  <!DOCTYPE html> <html> <head>     <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous" />     <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>     <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>     <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js" integrity="sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV" crossorigin=...
Post a Comment
Read more

Car Modelling with Coding

-
 HTML: <!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">     <title> 3D Car Animation Model | Nothing4us </title>     <script src="https://cdn.tailwindcss.com"></script>     <link rel="preconnect" href="https://fonts.googleapis.com">     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>     <link href="https://fonts.googleapis.com/css2?family=Manrope:wght@300;500;800&display=swap" rel="stylesheet">     <script type="module" src="https://unpkg.com/@google/model-viewer/dist/model-viewer.min.js"></script>     <link rel="stylesheet" href="./style.css"> </head> <body>     <!-- partial:index.partial.html -->     <div id="page" class="h-full bg-gradient-to-r from-transparent to-slate-200/30 bg-slate-200 text...
Post a Comment
Read more