Posts

Showing posts from May, 2023

UI CLOCK SOURCE CODE

Image
  UI CLOCK SOURCE CODE HTML CODE <! doctype html > < html > < head >     < meta charset = "utf-8" >     < title > Clock UI Design </ title >     < link rel = "stylesheet" href = "style.css" > </ head > < body >     < div id = "clock" >         < h2 > The time is now </ h2 >         < div id = "time" >             < div >< span id = "hour" > 00 </ span >< span > Hours </ span ></ div >             < div >< span id = "minutes" > 00 </ span >< span > Minutes </ span ></ div >             < div >< span id = "seconds" > 00 </ span >< span > Seconds </ span ></ div >             < div >< span id = "ampm" ></ span ></ div >         </ div >     </ div >     < script type =

Advance Calculator Program using html css and js

G-Calculator C % 7 8 9 4 5 6 1 2 3 00 0

Python Turtle Program Source Code

Image
 Python Turtle Program Source Code Python animation project using the Turtle graphics module. In this project, we'll create a simple animation where a turtle moves across the screen. In this code, we use the Turtle module to create an animated turtle. The turtle continuously moves forward and changes its heading slightly in each iteration of the animation loop. If the turtle goes out of bounds (beyond the screen boundaries), it returns to the center of the screen and resets its heading. The animation loop continues indefinitely. To run this code, follow these steps: Install the Turtle module: Turtle is a standard Python module, so you don't need to install anything extra. Create a Python file: Open a new file in your preferred Python editor, such as VS Code, and save it with a .py extension, for example, animation.py . Paste the code: Copy and paste the code provided above into the Python file. Run the code: Execute the Python script, and you should see a window appear with a

How To Make Anlog Watch Using HTML CSS And JavaScript

Image
 How To Make Analog Watch Using HTML CSS And JavaScript HTML CODE- <! DOCTYPE html > < html lang = "en" > < head >     < meta charset = "UTF-8" >     < meta http-equiv = "X-UA-Compatible" content = "IE=edge" >     < meta name = "viewport" content = "width=device-width, initial-scale=1.0" >     < title > Clock </ title >     < link rel = "stylesheet" href = "style.css" >     < script src = "script.js" ></ script >     <!---gaurav tripathi--> </ head > < body >     < h1 style = " color: aliceblue;" > Ga < SPAN style = " color: blueviolet;" > ura </ SPAN > v </ h1 >     < div class = "clock" >         < div class = "hand hour" ></ div >         < div class = "hand minute" ></ div >         < div c

Digital Watch Using Html CSS AND JS SOURCE CODE

 Source code    HTML CODE- <! DOCTYPE html > < html lang = "en" >   < head >     < link rel = "stylesheet" href = "./Style.css" />     < meta charset = "UTF-8" />     < meta http-equiv = "X-UA-Compatible" content = "IE=edge" />     < meta name = "viewport" content = "width=device-width, initial-scale=1.0" />     < title > Clock </ title >   </ head >   < body >     < button class = "btn" > Dark </ button >     < div class = "clock__container" >       < div class = "clock_box" >         < div class = "needle hour" ></ div >         < div class = "needle minute" ></ div >         < div class = "needle second" ></ div >         < div class = "center__point" ></ div >       </ div >