Status Code

source code 10

This is status videoNo 10 source code.
-This is source code for Python(Tk-inter).
-This source code is use for create calculater.
-there are two topice involve in program:-
1.dising calculater use for Tk-inter libarary in python
2.Then enter the calculate code
=>source code 10 python coding

from tkinter import *
from tkinter import ttk

tem_var=''
def prass(num):
     global tem_var
     tem_var=tem_var+str(num)
     var.set(tem_var)
def equlprass():
     try:
          global tem_var
          total=str(eval(tem_var))
          var.set(total)
          tem_var=''
     except:
          var.set('error')
          tem_var=''
def clear():
     global tem_var
     tem_var = ''
     var.set('')

if __name__ == '__main__':
     win=Tk()

     win.configure(background='red')
     win.title('Gui Calculater')
     # win.geometry('500x250')
     win.maxsize(400,250)
     
     var=StringVar()
     entry=ttk.Entry(win,textvariable=var)
     entry.grid(columnspan=4,ipadx=70)

     btn1=Button(win,text='1',fg='white',bg='black',command=lambda :prass(1),height=1,width=7)
     btn1.grid(row=2,column=0)

     btn2=Button(win,text='2',fg='white',bg='black',command=lambda :prass(2),height=1,width=7)
     btn2.grid(row=2,column=1)

     btn3=Button(win,text='3',fg='white',bg='black',command=lambda :prass(3),height=1,width=7)
     btn3.grid(row=2,column=2)

     btn4=Button(win,text='4',fg='white',bg='black',command=lambda :prass(4),height=1,width=7)
     btn4.grid(row=3,column=0)

     btn5=Button(win,text='5',fg='white',bg='black',command=lambda :prass(5),height=1,width=7)
     btn5.grid(row=3,column=1)

     btn6=Button(win,text='6',fg='white',bg='black',command=lambda :prass(6),height=1,width=7)
     btn6.grid(row=3,column=2)

     btn7=Button(win,text='7',fg='white',bg='black',command=lambda :prass(7),height=1,width=7)
     btn7.grid(row=4,column=0)

     btn8=Button(win,text='8',fg='white',bg='black',command=lambda :prass(8),height=1,width=7)
     btn8.grid(row=4,column=1)

     btn9=Button(win,text='9',fg='white',bg='black',command=lambda :prass(9),height=1,width=7)
     btn9.grid(row=4,column=2)

     btn0=Button(win,text='0',fg='white',bg='black',command=lambda :prass(0),height=1,width=7)
     btn0.grid(row=5,column=0)

     plus=Button(win,text='+',fg='white',bg='black',command=lambda :prass('+'),height=1,width=7)
     plus.grid(row=2,column=3)

     minus=Button(win,text='-',fg='white',bg='black',command=lambda: prass('-'),height=1,width=7)
     minus.grid(row=3,column=3)

     multiplication=Button(win,text='*',fg='white',bg='black',command=lambda :prass('*'),height=1,width=7)
     multiplication.grid(row=4,column=3)

     divise=Button(win,text='/',fg='white',bg='black',command=lambda :prass('/'),height=1,width=7)
     divise.grid(row=5,column=3)

     equal=Button(win,text='=',fg='white',bg='black',command=equlprass,height=1,width=7)
     equal.grid(row=5,column=2)

     clear=Button(win,text='clear',fg='white',bg='black',command=clear,height=1,width=7)
     clear.grid(row=5,column=1)

     dasimul=Button(win,text='.',fg='white',bg='black',command=lambda :prass('.'),height=1,width=7)
     dasimul.grid(row=6,column=0)

     win.mainloop()

source code 15

This is status videoNo 15 source code.
-This is source code for Python(Tk-inter).
-This source code is use for create calender.
-step for create this program:-
1.first dising for loyut for calender
2.then enter the code for create calender
=>source code 15 python coding

from tkinter import *
import calendar

def scale():
     win2=Tk()
     win2.config(background='white')
     win2.title('CALENDER')
     win2.geometry('700x600')
     fact_year=int(entry.get())
     cal_count=calendar.calendar(fact_year)
     cal_year=Label(win2,text=cal_count,font='Consolas 10 bold')
     cal_year.grid(row=5,column=1)
     win2.mainloop()

if __name__ == '__main__':
     win=Tk()
     win.config(background='white')
     win.geometry('250x350')
     win.title('CALENDER')

     label1=Label(win,text='CALENDER',bg='dark gray',font=('times',28,'bold'))
     label2=Label(win,text='enter year',bg='green',font='times')
     entry=Entry(win,width=20)
     btn1=Button(win,text='Show Calender',bg='red',command=scale)
     btn2=Button(win,text='Exit',bg='red',command=exit)

     label1.grid(row=0,column=1)
     label2.grid(row=1,column=1)
     entry.grid(row=2,column=1)
     btn1.grid(row=3,column=1)
     btn2.grid(row=4,column=1)
     win.mainloop()

source code 18

This is status videoNo 18 source code.
-This is source code for html-css.
-This source code is use for create webpage for sell smart-phon.
-there are two topice involve in this program:-
1. create form
2.dwonlod 4 smart phon img and 1 background img:-
img smart-phon 1=> https://drive.google.com/file/d/1ZG5a5uetEJfh_QBRqQ6fBZB3mEIHuXnb/view?usp=sharing
img smart-phon 2=> https://drive.google.com/file/d/188Gb3PM8HbMMpOd_IeA7ROfe1uGZ3BoZ/view?usp=sharing
img smart-phon 3=> https://drive.google.com/file/d/1yH5GK0K9Vp2xR-5WzHxHptNsLPNGLYen/view?usp=sharing
img smart-phon 4=> https://drive.google.com/file/d/1utbzWdiKLtX5ZhjXa14sU3i7BPYLH3Yv/view?usp=sharing
img background 5=> https://drive.google.com/file/d/1Gq5DJ1jhIuGKX5blly82iLbUnBjlvoAQ/view?usp=sharing
=>source code 18 html coding

<!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">
     <link rel="stylesheet" href="project1.css">
     <title>Mobil shop1</title>
</head>
<body>
     <header>
          <div class="container">
               <h1 class="logo text-whit">hp</h1>
               <div class="main-contain">
                    <p class="p-contain text-red">This webpag is contant shell smart-phone,<br>
                    descount wiht smart-phone,<br>
                    go to by smart-phone now</p>
               </div>
               <div class="form">
                    <form action="">
                    <label for="Name">Name</label>
                    <input type="text" name="Name" id="Name" required><br>

                    <label for="Email">Email</label>
                    <input type="text" name="Email" id="Email" required><br>

                    <label for="Co.Number">Co.number</label>
                    <input type="text" name="Co.Number" id="Co.Number" required><br>

                    <label for="Phone name">Phone name</label>
                    <input type="text" name="Phone name" id="Phone name" required><br>

                    <input class='button text-green' type="submit" value="bay now">
                    </form>
                    
               </div>
               <div class="head-photo">
                    <div class="photo photo1">
                    <img src="./apple.png" alt="this photo is sell phone">
                    <div class="photo1-ditail">
                         <p class="text-whit">Name=iphone 12 and pro 5G</p>
                         <p class="text-whit">Rame=6GB</p>
                         <p class="text-whit">Storage=128GB</p>
                         <p class="text-red">Price=1,00,000</p>
                    </div>
                    </div>
                    <div class="photo photo2">
                         <img src="./oppo.png" alt="this photo is sell phone">
                              <div class="photo2-ditail">
                         <p class="text-whit">Name=oppo A31</p>
                         <p class="text-whit">Rame=6GB</p>
                         <p class="text-whit">Storage=128GB</p>
                         <p class="text-red">Price=12,490</p>
                    </div>
                    </div>
                    <div class="photo photo3">
                         <img src="./Redmi.png" alt="this photo is sell phone">
                              <div class="photo3-ditail">
                         <p class="text-whit">Name=Mi 10i 5G</p>
                         <p class="text-whit">Rame=8GB</p>
                         <p class="text-whit">Storage=128GB</p>
                         <p class="text-red">Price=21,990</p>
                    </div>
                    </div>
                    <div class="photo photo4">
                         <img src="./vivo.png" alt="this photo is sell phone">
                              <div class="photo4-ditail">
                         <p class="text-whit">Name=vivo V21e 5G</p>
                         <p class="text-whit">Rame=8GB</p>
                         <p class="text-whit">Storage=128GB</p>
                         <p class="text-red">Price=24,990</p>
                    </div>
                    </div>
               </div>

          </div>
     </header>
</body>
</html>

=>source code 18 css coding

*{
     margin: 0;
     padding: 0;
     box-sizing: border-box;
}
.text-whit{
     color: #fff;
}
.text-red{
     color: red;
}
.text-green{
     color: green;
}
.container{
     /* border: 2px solid blue; */
     width: 85%;
     margin: 0 auto;
}
/* ################ coding of imag ################## */
header{
     height: 100vh;
     width: 100%;
     background: linear-gradient(rgb(0,0,0,0.6),rgb(0,0,0,0.6)),url('./pexels-pixabay-531880.jpg');
     background-position: center;
     background-size: cover;
     background-repeat: no-repeat;
     position: relative;
}
.main-contain{
     display:inline-block;
}
.p-contain{
     font-size: 1.5rem;
     font-weight: 700;
     letter-spacing: 0.1rem;
     padding-top: 2rem;
     margin-left: 1rem;
     
}

/* ###################### form coding ##############  */
.form{
     float: right;
     color: #fff;
     font-size: 1.5rem;
     margin-top: 5rem;
     width: 40%;
}
form::after{
     contain: '';
     display: block;
     clear: both;
}
label{
     margin-bottom: 1rem;
}
input{
     margin-bottom: 1rem;
     width: 60%;
     border: 2px solid red;
}
.button{
     width: 20%;
     border-radius: 20%;
     height: 4vh;
}

/* ######################### apple phon #########################  */
.photo1 img{
     border: 2px solid #fff;
     border-radius: 10%;
     margin-top: 3rem;
     margin-left: 1rem;
     height: 180px;
}
.photo1-ditail{
     float: right;
     margin-top: 5rem;
     margin-right: 10rem;
     font-size: 1.4rem;
}
/* ######################### oppo phon #########################  */
.photo2{
     float: left;
}
.photo2 img{
     
     border-radius: 10%;
     margin-top: 3rem;
     margin-left: 10rem;
     height: 200px;
}
.photo2-ditail{
     margin-left: 10rem;
     font-size: 1.3rem;
}
/* ######################### mi phon #########################  */
.photo3{
     float: left;
}
.photo3 img{
     border-radius: 10%;
     margin-top: 3rem;
     margin-left: 10rem;
     height: 200px;
}
.photo3-ditail{
     margin-left: 10rem;
     font-size: 1.3rem;
}
/* ######################### vivo phon #########################  */
.photo4{
float: right;
}
.photo4 img{
     border-radius: 10%;
     margin-top: 3rem;
     margin-right: 10rem;
     height: 200px;
}
.photo4-ditail{
     margin-right: 10rem;
     font-size: 1.3rem;
}

source code 20

This is status videoNo 20 source code.
-This is source code for python(Tk-iner)
-This source code is use for create simpel color game .
-step for create this program:-
1.first dising loyut for color game use for Tk-inter library in python
2.then ensert code
=>source code 20 python coding

from tkinter import *
from tkinter import ttk
import random

colours=['Red','Blue','Green','Pint','Black','Yellow','Orange','White','Purple','Brown']
scor=0
timeleft=30

def startgame(event):
     if timeleft == 30:
          coutndown()
     netcolor()

def netcolor():
     global timeleft
     global scor
     if timeleft > 0:
          entry.focus_set()
          if entry.get().lower() == colours[1].lower():
               scor += 1
          entry.delete(0,END)          
          random.shuffle(colours)
          label2.config(foreground=str(colours[1]),text=str(colours[0]))
          start.config(text='Score:'+str(scor))
          
def coutndown():
     global timeleft
     if timeleft > 0:
          timeleft -= 1         
          time.config(text='Time left'+str(timeleft))
          time.after(1000,coutndown)

win=Tk()
win.title('COLORGAME')
win.geometry('375x200')

label=ttk.Label(win,text='Type in the of the words,and not the word text ! ',font='Helvetica 10')
label.pack()

start=ttk.Label(win,text='Press enter the start',font='Helvetica 10 bold')
start.pack()

time=ttk.Label(win,text='Time left:'+str(timeleft),font=('Helvetica',10))
time.pack()

label2=ttk.Label(win,font=('Helvetica',40))
label2.pack()

entry=ttk.Entry(win,width=20)
win.bind('',startgame)
entry.pack()
entry.focus_set()

win.mainloop()

source code 22

This is status videoNo 22 source code.
-This is source code for Python.
-This source code is use for create jarves program.
-there are one topice involve in this program
1. enter code
=>source code 22 python coding

# from webbrowser import Chrome
import pyttsx3
import speech_recognition as sr
import datetime
import wikipedia
import webbrowser
import os
import smtplib

engine=pyttsx3.init('sapi5') #sapi5=get voice system
voices = engine.getProperty('voices')
print(voices[0].id)
engine.setProperty('voice',voices[0].id)

def speck(audio):
     engine.say(audio)
     engine.runAndWait()

def wiseMe():
     hour=int(datetime.datetime.now().hour)
     if hour>=0 and hour<12:
          speck("Good Morninig")
     elif hour>=12 and hour<18:
          speck("Good Afternoon!")
     else:
          speck("Good Evening")
     speck("hello sir i am jarvesh 2.0 . what i can halp you")

def takeCommand():
     r=sr.Recognizer()
     with sr.Microphone() as source:
          print("listninig...")
          # r.pause_threshold = 1
          audio = r.listen(source) 
     try:
          print("Recogninzing....")
          qurey = r.recognize_google(audio)
          print(f"user said : {qurey}\n")
     except Exception as e:
          print(e)
          print("say that agein please...")
          return "none"
     return qurey

def sendEmail(to,content):
     server=smtplib.SMTP("smtp.gmail.com",587)
     server.ehlo()
     server.starttls()
     server.login('Your Email ','your Email password')
     server.sendmail('Your Email',to,content)
     server.close()

if __name__=="__main__":
     wiseMe()
     while True:
          #logice for executing tasks based on query
          qurey=takeCommand().lower()
          if 'wikipedia' in qurey:
               speck('searching Wikipidia.....')
               qurey=qurey.replace("wikipedia","")
               results=wikipedia.summary(qurey,sentences=2)
               speck("According to wikipedia")
               print(results)
               speck(results)

          elif 'open youtube' in qurey:
               # webbrowser.open("https://www.youtube.com/")
               webbrowser.open("youtube.com")
          elif 'open google' in qurey:
               webbrowser.open("google.com")    
          elif 'open stack overflow' in qurey:
               webbrowser.open("stackoverflow.com")
          elif 'open python' in qurey:
               webbrowser.open('http://www.python.org')
          elif 'patel youtube channel' in qurey:
               webbrowser.open('https://www.youtube.com/channel/UCvMZIzMIprZ2IfYypoDBUiA')   
          elif 'play song' in qurey:
               mus_dir='B:\\youtub\\adio\\music'
               song=os.listdir(mus_dir)
               print(song)
               os.startfile(os.path.join(mus_dir,song[0]))     
          elif 'the time ' in qurey:
               str_time=datetime.datetime.now().strftime("%H:%M:%S")
               print(str_time)
               speck(f"sir,the time is {str_time}")      
          elif 'send email to patel' in qurey:
               try:
                    speck('What should i say')
                    content=takeCommand()
                    to='youremail'
                    sendEmail(to,content)
                    speck("Email has been send")
               except Exception as e:
                    print(e)
                    speck("sorry setu patel,i am not send your Email")

source code 23

This is status videoNo 23 source code.
-This is source code for Python(Tk-iner).
-This source code is use create softwere.
-there are two topice involve in this program:-
1. first create loyut
2. enter code
=>source code 23 python coding

#import module
from tkinter import *
import tkinter as tk
from tkinter import colorchooser 
import os,shutil
from tkinter.ttk import Combobox
from tkinter import messagebox as m_box

# use tkinter library 
win=Tk()
win.title("set files")
win.geometry('1100x800')

# crate folder function 
def createfolder(folder):
     if not os.path.exists(folder):
          os.makedirs(folder)

# this fuction is used to file move in folder
def folder_move(folderName,files):      
     for f in files:
          shutil.move(f, f'{folderName}')

# main fuction this program
def getColor():
     # set bakground color for window 
     color = colorchooser.askcolor(title='') 
     print(color[1])
     win.configure(background=color[1])
     
     tk.Label(win,text="File set in folder",width=20,borderwidth=10,relief='solid', background=color[1],fg='white',font=('Arial',40)).grid(row=2,column=15,padx=20,pady=10)
     
     # massege 
     tk.Label(win,text="Select folder ",width=15, background=color[1],fg='white',font=('Arial',30)).grid(row=4,column=15,padx=20,pady=10)
     
     # create combobox for folder name 
     folder_var=StringVar()
     combo=Combobox(win,width=20,textvariable=folder_var,height=30,state='readonly',font=15)
     combo['value']=('medias','document','picture','others')
     combo.current(0)
     combo.grid(row=5,column=15,padx=0,pady=30)
     
     #create folder
     def var():
          if folder_var.get() == 'medias':
               createfolder('medias')      
          if folder_var.get() == 'document':
               createfolder('document')
          if folder_var.get() == 'picture':
               createfolder('picture')
          if folder_var.get() == 'others':
               createfolder('others') 
     tk.Button(text="Create folder",background='red',font=15,command=var).grid(row=15,column=15)
     
     # show folder list in message box
     files=os.listdir()
     files.remove('fileset.py')
     mas=Message(win,text=files,font='Arial 15')
     mas.grid(row=18,column=15,padx=0,pady=5)

     #file move for depended extetntion  
     # medias folder
     music=[".mp3",".mp4",".wav",".flv"]
     music_f=[file for file in files if os.path.splitext(file)[1].lower() in music]
     tk.Label(win,text=music,font='Arial 15').grid(row=20,column=10,pady=5,padx=0)
     
     #move file in medias folder
     def move_music():
          if os.path.exists(folder_var.get()):
               if folder_var.get() == 'medias':
                    folder_move('medias',music_f)
               if folder_var.get() == 'document':
                    folder_move('document',music_f)
               if folder_var.get() == 'picture':
                    folder_move('picture',music_f)
               if folder_var.get() == 'others':
                    folder_move('others',music_f)
          else:
               m_box.showerror('title','first not create folder for first position in combobox')
     tk.Button(text="move medias file",background='red',font=15,command=move_music).grid(row=22,column=10) 
          
     #file move for depended extetntion  
     #documetn folder  
     dox=[".txt",".docx",".doc",".pdf"]
     documet=[file for file in files if os.path.splitext(file)[1].lower() in dox]
     tk.Label(win,text=dox,font='Arial 15').grid(row=20,column=15,pady=5,padx=0)
     
     #move file in document folder
     def move_dox():
          if os.path.exists(folder_var.get()):
               if folder_var.get() == 'medias':
                    folder_move('medias',documet)
               if folder_var.get() == 'document':
                    folder_move('document',documet)
               if folder_var.get() == 'picture':
                    folder_move('picture',documet)
               if folder_var.get() == 'others':
                    folder_move('others',documet)
          else:
               m_box.showerror('title','first not create folder for first position in combobox')
     
     tk.Button(text="move documetn file",background='red',font=15,command=move_dox).grid(row=22,column=15) 
     
     #file move for depended extetntion  
     #picture folder
     img=[".png",".jpg",'.jpeg']
     img_m=[file for file in files if os.path.splitext(file)[1].lower() in img]
     tk.Label(win,text=img,font='Arial 15').grid(row=20,column=17,pady=5,padx=0)
     
     # move image file in picture folder 
     def move_img():
          if os.path.exists(folder_var.get()):
               if folder_var.get() == 'medias':
                    folder_move('medias',img_m)
               if folder_var.get() == 'document':
                    folder_move('document',img_m)
               if folder_var.get() == 'picture':
                    folder_move('picture',img_m)
               if folder_var.get() == 'others':
                    folder_move('others',img_m)
          else:
               m_box.showerror('title','first not create folder for first position in combobox')
     tk.Button(text="move imag file",background='red',font=15,command=move_img).grid(row=22,column=17) 
     
     #file move for depended extetntion  
     #others folder
     others=[]
     for file in files:
          ext=os.path.splitext(file)[1].lower()
          if (ext not in music) and (ext not in dox) and (ext not in img) and os.path.isfile(file):
               others.append(file) 
     tk.Label(win,text="others",font='Arial 15').grid(row=24,column=15,pady=5,padx=5)
     
     # move other file in others folder 
     def move_others():
          if os.path.exists(folder_var.get()):
               if folder_var.get() == 'medias':
                    folder_move('medias',others)
               if folder_var.get() == 'document':
                    folder_move('document',others)
               if folder_var.get() == 'picture':
                    folder_move('picture',others)
               if folder_var.get() == 'others':
                    folder_move('others',others)
          else:
               m_box.showerror('title','first not create folder for first position in combobox')
     tk.Button(text="move other file",background='red',font=15,command=move_others).grid(row=25,column=15,pady=5,padx=10) 
     
tk.Button(text='Select Color', command=getColor,width=15,height=1,bg='red',fg='blue',font=50).grid(row=0,column=10)

win.mainloop()

source code 26

This is status videoNo 26 source code.
-This is source code for Python(Tk-iner).
-This source code is use for create softwere.
-it is use for calculate age
-there are two topice involve in this program
1. first create loyut
2. enter code
=>source code 26 python coding

from tkinter import *
from tkinter import messagebox

def clear():
     dayentry.delete(0,END)
     monthentry.delete(0,END)
     yearentry.delete(0,END)
     givandayentry.delete(0,END)
     givanmonthentry.delete(0,END)
     givanyearentry.delete(0,END)
     ryearentry.delete(0,END)
     rmonthentry.delete(0,END)
     rdayentry.delete(0,END)

def chackerror():
     if (dayentry.get()== '' or monthentry.get()=='' or yearentry.get()=='' or givandayentry.get()=='' or
          givanmonthentry.get() == '' or givanyearentry.get() == ''):
          messagebox.showerror('Input Error','please tyep your age')
          clear()
          return -1

def ageresult():
     value=chackerror()

     if value == -1:
          return
     else:
          birth_day=int(dayentry.get())
          birth_month=int(monthentry.get())
          birth_year=int(yearentry.get())

          curren_day=int(givandayentry.get())
          curren_month=int(givanmonthentry.get())
          curren_year=int(givanyearentry.get())
          
          mont=(31,28,31,30,31,30,31,31,30,31,30,31)
          if (birth_day > curren_day):
               curren_month=curren_month-1
               curren_day=curren_day+mont(birth_month-1)
          
          if (birth_month > curren_month):
               curren_year=curren_year-1
               curren_month=curren_month+12

          calculat_day=curren_day-birth_day
          calculat_month=curren_month-birth_month
          calculat_year=curren_year-birth_year

          rdayentry.insert(10,str(calculat_day))
          rmonthentry.insert(10,str(calculat_month))
          ryearentry.insert(10,str(calculat_year))

if __name__ == '__main__':
     win=Tk()
     win.config(background='light green')
     win.title('Age Calculaor')

     dateofbirth=Label(win,text='Date Of Birth',background='blue',font='Airal',foreground='white')
     givandate=Label(win,text='Given Date',background='blue',font='Arial',foreground='white')

     day=Label(win,text='Day',font='Arial',background='light green')
     month=Label(win,text='Month',font='Arial',background='light green')
     year=Label(win,text='Year',font='Arial',background='light green')

     givanday=Label(win,text='Given Day',font='Arial',background='light green')
     givanmonth=Label(win,text='Given Month',font='Arial',background='light green')
     givanyear=Label(win,text='Given Year',font='Arial',background='light green')
     
     resultage=Button(win,text='Resultant Age',fg='black',bg='red',command=ageresult)
     ryear=Label(win,text='Years',background='light green',font='Arial')
     rmonth=Label(win,text='Month',background='light green',font='Arial')
     rday=Label(win,text='Day',background='light green',font='Arial')
     clearall=Button(win,text='Clear All',fg='black',bg='red',command=clear)

     dayentry=Entry(win,width=20)
     monthentry=Entry(win,width=20)
     yearentry=Entry(win,width=20)
     givandayentry=Entry(win,width=20)
     givanmonthentry=Entry(win,width=20)
     givanyearentry=Entry(win,width=20)
     ryearentry=Entry(win,width=20)
     rmonthentry=Entry(win,width=20)
     rdayentry=Entry(win,width=20)

     dateofbirth.grid(row=0,column=1)
     givandate.grid(row=0,column=4)
     day.grid(row=1,column=0,padx=1,pady=1)
     dayentry.grid(row=1,column=1,padx=1,pady=1)
     month.grid(row=2,column=0,pady=1,padx=1)
     monthentry.grid(row=2,column=1,pady=1,padx=1)
     year.grid(row=3,column=0,padx=1,pady=1)
     yearentry.grid(row=3,column=1,padx=1,pady=1)
     givanday.grid(row=1,column=3,pady=1,padx=1)
     givandayentry.grid(row=1,column=4,pady=1,padx=1)
     givanmonth.grid(row=2,column=3,padx=1,pady=1)
     givanmonthentry.grid(row=2,column=4,padx=1,pady=1)
     givanyear.grid(row=3,column=3,pady=1,padx=1)
     givanyearentry.grid(row=3,column=4,pady=1,padx=1)
     resultage.grid(row=4,column=3,padx=1,pady=1)
     ryear.grid(row=5,column=3,pady=1,padx=1)
     ryearentry.grid(row=6,column=3,padx=1,pady=1)
     rmonth.grid(row=7,column=3,padx=1,pady=1)
     rmonthentry.grid(row=8,column=3,pady=1,padx=1)
     rday.grid(row=9,column=3,pady=1,padx=1)
     rdayentry.grid(row=10,column=3,padx=1,pady=1)
     clearall.grid(row=11,column=3,pady=1,padx=1)
     
     win.mainloop()

source code 27

This is status videoNo 27 source code.
-This is source code for Python(Tk-iner).
-This source code is use for create softwere.
-it is use for find character
-there are two topice involve in this program
1. first create loyut
2. enter code
=>source code 27 python coding

#####shrch find charcter
from tkinter import *
from tkinter import ttk
win=Tk()
# win.geometry('500x800')
# pdb.set_trace()s
label_fram=ttk.Frame(win)
label=ttk.Label(label_fram,text='Text to find').pack(side=LEFT)
entry=ttk.Entry(label_fram,width=20)
entry.pack(side=LEFT,fill=BOTH,expand=1)
entry.focus_set()
btn=Button(label_fram,text='Find')
btn.pack(side=RIGHT)
label_fram.pack(side=TOP)
text=Text(win)
text.insert('1.0','''type your text''')
text.pack(side=BOTTOM)
def find():

     text.tag_remove('found','1.0',END)
     s=entry.get()
     if s:
          idx='1.0'
          while 1:
               idx=text.search(s,idx,nocase=1,stopindex=END)
               if not idx: break
               listindx='%s+%dc'%(idx,len(s))
               text.tag_add('found',idx,listindx)
               idx=listindx
          text.tag_config('found',foreground='red')
     entry.focus_set()
btn.config(command=find)

win.mainloop()

### chacky
from tkinter import *
from tkinter import ttk
win=Tk()

def checkkey(event):
     value=event.widget.get()
     print(value)
     if value == '':
          data= l
     else:
          data=[]
          for item in l:
               if value.lower() in item.lower():
                    data.append(item)
     update(data)

def update(data):
     lb.delete(0,'end')

     for item in data:
          lb.insert('end',item)

l=('c','c++','Java','Python','Perl','PHP','ASP','JS')
e=ttk.Entry(win)
e.pack()
e.bind('<KeyRelease>',checkkey)
# e.bind('<KeyRelease>',checkkey)

lb=Listbox(win)
lb.pack()
update(l)
win.mainloop()

source code 31

This is status videoNo 31 source code.
-This is source code for html-css.
-This source code is use for create webpage.
-it is webpage for Maha Shivaratri
-there are two topice involve in webpage
1. downlod 3 for shiv img :-
img 1=>https://drive.google.com/file/d/1QSj8BFSj5i7AtLAzVVcAZHvPSTN8gaur/view?usp=sharing
img 2=>https://drive.google.com/file/d/1lkV3IQzSqlfOOBvaNKT4ItF0mW7rLYfr/view?usp=sharing
img 3=>https://drive.google.com/file/d/1DWfNGtVoT2xQtrs2z7YN2GZ0k2U2auQC/view?usp=sharing
2. enter code
=>source code 31 html coding

<!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">
     <link rel="stylesheet" href="index.css">
     <title>Maha Shivaratri</title>
</head>
<body>
     <div class="container">
          <input type="button" value="Maha Shivaratri">

          <div class="img img1">    
               <img src="img4.jpg" alt="This imag is a Shivji">     
          </div> 

          <div class="img img2">
               <img src="img2.jpg"  alt="This imag is a Shivji">
               <img src="img3.jpg" class="img2-1" alt="This imag is a Shivji">     
          </div>

     </div>
</body>
</html>

=>source code 31 css coding

*{
     box-sizing: border-box;
     margin: 0;
     padding: 0;
     background-color: black;
}
.container{
     width: 90%;
     margin: 0 auto;
}
.container  input{
     color: white;
     font-size: 3.5rem;
     margin: auto;
     background: #d13535;
     width: 45%;
     text-align: center;
     letter-spacing: 0.4rem;
     border-radius: 16%;
     font-family: -webkit-body;
     border: 3px solid whitesmoke;
     border-radius: 47%;
     margin: 0 auto;
     display: block;
     margin-top: 1rem;
     font-style: oblique;
     font-weight: bold;
}
.container input:hover{
     background-color: whitesmoke;
     color: red;
}
.container .img1{
     padding-top: 1rem;
     transform: translateY(300%);
     transition: all 0.3s ease-in-out;
}
     .container .img2{
     padding-top: 1rem;
     transform: translateX(140%);
     transition: all 0.3s ease-in-out;

}
.container .img2-1 {
     margin-left: 60%; 
}
.container .img1 img{
     width: 250px;
     height: 258px;
     position: center;
     border: 3px solid whitesmoke;
     border-radius: 20%;
     margin: 0 auto;
     display: block;
}
.container .img2 img{
     width: 245px;
     height: 330px;
     position: center;
     border: 3px solid whitesmoke;
     border-radius: 20%;
}
.container  input[type="button"]:hover ~ .img1{
     transform: translate(0);
     display: block;
}
.container  input[type="button"]:hover ~ .img2{
     transform: translate(0);
     display: block;
}

source code 32

This is status videoNo 32 source code.
-This is source code for html-css.
-This source code is use for create webpage.
-This webpage is holi celebration.
-there are two topice involve in webpage.
1. downlod 4 for holi img :-
img 1=>https://drive.google.com/file/d/1Qlg_8FtOT7c1MQENRocfnxA66caU93po/view?usp=sharing
img 2=>https://drive.google.com/file/d/1PrZLaRG5HJZNq4LVAkIxegKGkrGBldG0/view?usp=sharing
img 3=>https://drive.google.com/file/d/1Or8vMdxH7JnzRsPHHHilkdEgjUXEnNlh/view?usp=sharing
img 4=>https://drive.google.com/file/d/1xZAe8jozuklmmXKLyCzNWCeqCmuFySTz/view?usp=sharing
2. enter code
=>source code 32 html coding

<!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">
     <link rel="stylesheet" href="holi.css">
     <title>Happy holi</title>
</head>
<body>
     <div class="container">
          <h1>Happy Holi</h1>
          <!-- add 4 img  -->
          <img src="./img/1.jpg" alt="This img is holi">
          <img src="./img/2.jpg" alt="This img is holi">
          <img src="./img/3.jpg" alt="This img is holi">
          <img src="./img/4.jpg" alt="This img is holi">

          <div class="box">WEBSITE Maker coding</div> 
     </div>
</body>
</html>

=>source code 32 css coding

*{
margin: 0;
padding: 0;
box-sizing: border-box;
}
.container h1{
position: absolute;
top: 20%;
left: 50%;
transform: translate(-50%,-50%);
font-size: 4rem;
border: 12px solid red;
letter-spacing: 0.2rem;
padding: 1rem 1rem;
font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
border-radius: 2.1rem;
}
.container .box{
width: 50%;
height: 7%;
text-align: center;
letter-spacing: 1rem;
font-size: 2.5rem;
background-color: black;
border: 2px solid  white;
font-weight: bold;
color: whitesmoke;
border-radius: 15%;
position: absolute;
top: -50px;
left: -50px;
animation: happy-holi 8s ,4s;
animation-iteration-count: infinite;
animation-timing-function:ease-in;
}
@keyframes happy-holi{
0%{
     top: 3%;
     left: -10px;     
}

100%{
     top:3%;
     left: 100%;
}
}
.container h1 {
animation: myanimation 3s , 3s ;
animation-iteration-count: infinite;
}
@keyframes myanimation {
0%{
     background-color:red;
     color: blue;
}
28%{
     background-color:black;  
     color: yellow;   
}
30%{
     background-color: coral;
     color: teal;
}
33%{
     background-color: red;
     color:  blue;
     /* border: 12px solid white; */
}
70%{
     background-color: black;
     color: orange;
}
70%{
     background-color:green;
     color: aqua;
}
100%{
     background-color: brown;
     color: aqua;
}
}
.container img{
margin-top: 20%;
margin-left: 2rem;
height: 50vh;
width: 40vh;
border: 2px solid red;
background-repeat: no-repeat;
position: relative;
background-size: cover;
background-position: center;

animation: img 6s , 3s;
animation-iteration-count: infinite;
animation-timing-function:ease-in;       
}
@keyframes img {
0%{
     top: 50%;
     left: -100%;
}

100%{
     top: 30%;
     left: 150%;
}
}

source code 34

This is status videoNo 34 source code.
-This is source code for html-css.
-This source code is use for create hanuman webpage.
-there are two topice involve in webpage.
1. downlod 4 hanuman img in this folder use for google drive :-
img 1=>https://drive.google.com/drive/folders/1N0RGIEJrwAW8WCgCwU0acmzcPXrKVsJb?usp=sharing
2. enter code
=>source code 34 html coding

<!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">
    <link rel="stylesheet" href="holi.css">
    <title>Happy holi</title>
</head>
<body>
    <div class="container">
        <h1>🙏🙏🙏🙏🙏🙏</h1>
        <!-- add 4 img  -->
        <img src="./img/hanuman1.jpg" class="img1" alt="This img is holi">
        <img src="./img/hanuman2.jpg" class="img1" alt="This img is holi">
        <img src="./img/hanuman3.jpg" class="img1" alt="This img is holi">
        <img src="./img/hanuman4.jpg" class="img1" alt="This img is holi">
        
        <div class="box">Jay Bajarungi Bapa</div> 
    </div>
</body>
</html>

=>source code 34 css coding

*{
     margin: 0;
     padding: 0;
     box-sizing: border-box;
}
.container h1{
     position: absolute;
     top: 20%;
     left: 50%;
     transform: translate(-50%,-50%);
     font-size: 4rem;
     border: 12px solid red;
     letter-spacing: 0.2rem;
     padding: 1rem 1rem;
     font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
     border-radius: 2.1rem;
}
.container .box{
     width: 50%;
     height: 7%;
     text-align: center;
     letter-spacing: 1rem;
     font-size: 2.5rem;
     background-color: black;
     border: 2px solid  white;
     font-weight: bold;
     color: whitesmoke;
     border-radius: 15%;
     position: absolute;
     top: 3%;
     left:0%;
     animation: happy-holi 4s ,4s;
     animation-iteration-count:infinite;
     animation-timing-function:ease;
}
@keyframes happy-holi{
     0%{
          top: 3%;
          left: 0%;   
          color: blue;  
          background-color: red;
     }
     
     50%{
          top:3%;
          left: 50%;
          background-color: coral;
          color: teal;
     }
}
.container h1 {
     margin-top: 3rem;
     animation: myanimation 3s , 3s ;
     animation-iteration-count: infinite;
}
@keyframes myanimation {
     0%{
          background-color:red;
          color: blue;
     }
     28%{
          background-color:black;  
          color: yellow;   
     }
     30%{
          background-color: coral;
          color: teal;
     }
     33%{
          background-color: red;
          color:  blue;
          /* border: 12px solid white; */
     }
     70%{
          background-color: black;
          color: orange;
     }
     70%{
          background-color:green;
          color: aqua;
     }
     100%{
          background-color: brown;
          color: aqua;
     }
}
.container img{
     margin-top: 20%;
     margin-left: 2rem;
     height: 45vh;
     width: 35vh;
     position: absolute;
     top: 50%;
     left: 0%;
     border: 2px solid red;
     background-repeat: no-repeat;
     position: relative;
     background-size: cover;
     background-position: center;
     animation: img 4s , 3s;
     animation-iteration-count: infinite;
     /* animation-timing-function:ease-in;        */
}
@keyframes img {
     0%{
          top: 50%;
          left: 0%;
     }
     50%{
          top: 50%;
          left: 20%;
     }
}

source code 35

This is status videoNo 35 source code.
-This is source code for html-css.
-This source code is use for create Ram Navami day webpage.
-there are two topice involve in webpage.
1. downlod 2 Ram img in this folder use for google drive :-
img 1=>https://drive.google.com/drive/folders/1ihVHyyBRcVsrPzujZR4K1504I9_JlCc8?usp=sharing
2. enter code
=>source code 35 html coding

<!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">
     <link rel="stylesheet" href="ram.css">
     <title>Document</title>
</head>
<body>
     <div class="container">
          <!-- insert img in webpage -->
          <img class="Ram_img1" src="./ram4.jpg">           
          <h1> Happy Ram Navami</h1>
          <img class="Ram_img2" src="./Ram2.jpg">       
     </div>
</body>
</html>

=>source code 35 css coding

/* insert font in google font  */
                         @import url('https://fonts.googleapis.com/css2?family=Fredoka+One&family=Oswald:wght@300&display=swap');
*{
     box-sizing: border-box;
     padding: 0;
     margin: 0;
     /* insert font style in google font  */
     font-family: 'Fredoka One', cursive;
}
/* set all img size  */
.container img {
     height: 30%;
     width: 17%;
     border: 5px solid whitesmoke;
     margin: 2rem auto;
}
/* set Ram_img1 first position  */
.container .Ram_img1{
     position: absolute;
     top: 60%;
     left: 14%;
     animation: images_move 3s , 1s ;
     animation-iteration-count: infinite;
}
/* set move postion Ram_img1 img */
@keyframes images_move{
     0%{
          top: 60%;
          left: 14%;
     }   
     20%{
          top:1%;
          left: 14%;
     } 
     40%{
          top: 1%;
          left: 70%;
     }   
     60%{
          top:60%;
          left: 70%;
     } 
}
/* set Ram_img2 first position  */
.container .Ram_img2{
     position: absolute;
     top: 1%;
     left: 70%;
     animation: images_move2 3s , 10s ;
     animation-iteration-count: infinite;
}
/* set move postion Ram_img2 img */
@keyframes images_move2{
     0%{
          top: 1%;
          left: 70%;
     }
     20%{
          top:60%;
          left: 70%;
     }
     40%{
          top: 60%;
          left: 14%;
     }
     60%{
          top:1%;
          left: 14%;
     } 
}
/* set size of heading tag */
h1{
     border: 10px solid whitesmoke;
     font-size: 2rem;
     width: 25%;
     padding: 1rem 1rem; 
     text-align: center; 
     margin: 20rem auto;
     /* margin-top: 1rem; */
     animation: font_baground_change 3s , 3s ;
     animation-iteration-count: infinite;
     }
/* set change color in h1 tag  */
@keyframes font_baground_change {
     0%{
     background-color:red;
     color: blue;
     }
     28%{
          background-color:black;  
          color: yellow;   
     }
     30%{
     background-color: coral;
     color: teal;
     }
     33%{
     background-color: red;
     color:  blue;
     /* border: 12px solid white; */
     }
     70%{
     background-color: black;
     color: orange;
     }
     70%{
          background-color:green;
          color: aqua;
     }
     100%{
     background-color: brown;
     color: aqua;
     }
}
/* set all window screen  */
*{
     animation: baground_window_change 3s , 3s ;
     animation-iteration-count: infinite;
}
/* set all window screen colore changes  */
@keyframes baground_window_change {
     0%{
     background-color:red;
     color: blue;
     }
     28%{
          background-color:black;  
          color: yellow;   
     }
     30%{
     background-color: coral;
     color: teal;
     }
     33%{
     background-color: red;
     color:  blue;
     /* border: 12px solid white; */
     }
     70%{
     background-color: black;
     color: orange;
     }
     70%{
          background-color:green;
          color: aqua;
     }
     100%{
     background-color: brown;
     color: aqua;
     }
}

source code 36

This is status videoNo 36 source code.
-This is source code for html-css and java-script.
-This source code is use for create best IPL webpage.
-there are two topice involve in webpage.
1. downlod 10 IPL team img in this folder use for google drive :-
img 1=>https://drive.google.com/drive/folders/11-L9D_ausvFRIEtiCtkPSQFjxFEcAFG3?usp=sharing
2. enter code
=>source code 36 html coding

<!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">
     <link rel="stylesheet" href="/Ipl.css">
     <title>Ipl Stauts</title> 
</head>
<body>
     <h1>TATA IPL 2022</h1>
     <div class="group1">
          <h1>Group 1 =></h1>
          <img id="img1" src="./img/Mumbai-Indians-IPL.jpg" >
          <img id="img2" src="./img/KKR1.jpg" >
          <img id="img3" src="./img/rajstan.png" >
          <img id="img4" src="./img/dilhi1.jpg" >
          <img id="img5" src="./img/lakhanow1.jpg" >
     </div>

     <div class="Play_match">
          <div class="match1 " id="Play_match_imgsize1">
               <h2 class="among-text">Team 1</h2>
          </div>
          <h2 class="h2">+</h2> 
          <div class="match2 " id="Play_match_imgsize2">         
               <h2 class="among-text">Team 2</h2>
          </div>  
          <h2 class="h2">=</h2>   
          <div class="match3" id="Play_match_imgsize3">
               <h2 class="among-text">Win Team IPl cop</h2>
          </div>  
     </div>

     <div class="group2">
          <h1>Group 2 =></h1>
          <img id="img6" src="./img/ssh2.png" >
          <img id="img7" src="./img/panjab2-.jpg" >
          <img id="img8" src="./img/channei2.jpg" >
          <img id="img9" src="./img/rcb2.jpeg" >
          <img id="img10" src="./img/gujarat2.jpg" >
     </div>
</body>
<!-- link java-script file  -->
<script src="/ipl.js"></script>
</html>

=>source code 36 css coding

*{
background-color: #3b27d9f0;
color: whitesmoke;
box-sizing: border-box;
margin: 0;
padding: 0;
letter-spacing: 0.1rem;
background-color:88°, 54%, 58%;
}
.among-text{
text-align: center;
}
.Play_match_imgsize{
height: 159px;
width: 230px;
}
h1{
border: 10px solid black;
font-size: 2rem;
width: 32%;
padding: 1rem 1rem; 
text-align: center; 
margin: 0 auto;
margin-bottom: 1rem;
animation: myanimation 3s , 3s ;
animation-iteration-count: infinite;
}
@keyframes myanimation {
0%{
background-color:red;
color: blue;
list-style-image: url('./img/channei2.jpg');
}
28%{
     background-color:black;  
     color: yellow;   
}
30%{
background-color: coral;
color: teal;
}
33%{
background-color: red;
color:  blue;
/* border: 12px solid white; */
}
70%{
background-color: black;
color: orange;
}
70%{
     background-color:green;
     color: aqua;
}
100%{
background-color: brown;
color: aqua;
}
}
.group1{
display: flex;
flex-direction: row;
justify-content: space-between;
}
.group1 h1{
width: 15%;
margin: auto;
padding: 1rem;
font-size: 2rem;
}
.group2{
margin-top: 2rem;
display: flex;
flex-direction: row;
justify-content: space-between;
}
.group2 h1{
width: 15%;
margin: auto;
padding: 1rem;
font-size: 2rem;
}
img {
border: 2px solid white;
height: 159px;
width: 230px;
margin-left: 1rem;
position: center;
}
.Play_match{
width:80%;
margin: 0 auto;
display: flex;
flex-direction: row;
justify-content:space-around;
}
.match1{
display: flex;
flex-direction: column;
justify-content: space-between;
}
.match2{
display: flex;
flex-direction: column;
justify-content: space-between;
}
.Play_match img{
border: 2px solid white;
height: 201px;
width: 230px;
margin-left: 1rem;
position: center;
}
.Play_match .h2{
margin: auto;
font-size: 2rem;
font-weight: bold;
}

=>source code 36 java-script coding

// ############################### group 2 #############################
// get group 1 ipl team  img one by one 
var ipl1= document.getElementById("img1");
var ipl2= document.getElementById("img5");
var ipl3= document.getElementById("img3");
var ipl4= document.getElementById("img4");
var ipl5= document.getElementById("img2");

// get the div which it is class of play_match_imgsixe1 
var str=document.getElementById('Play_match_imgsize1');
//clreate element(img tag) in div.play_match_imgsize1
var create_img = document.createElement('img')

// use set time out function (gourp 1 team)
setTimeout(() => {
     // insert image in new create element(new img tag) 
     create_img.src=ipl1.src;
     str.appendChild(create_img)[0]; 
}, 1000);
setTimeout(() => {
     // insert image in new create element(new img tag) 
     create_img.src=ipl2.src;
     str.appendChild(create_img)[0]; 
}, 2000);
setTimeout(() => {
     // insert image in new create element(new img tag) 
     create_img.src=ipl3.src;
     str.appendChild(create_img)[0]; 
}, 3000);
setTimeout(() => {
     // insert image in new create element(new img tag) 
     create_img.src=ipl4.src;
     str.appendChild(create_img)[0]; 
}, 4000);
setTimeout(() => {
     // insert image in new create element(new img tag) 
     create_img.src=ipl5.src;
     str.appendChild(create_img)[0]; 
}, 5000);

// ############################### group 2 #############################
// get group 2 ipl team img one by one 
var ipl6= document.getElementById("img7");
var ipl7= document.getElementById("img10");
var ipl8= document.getElementById("img6");
var ipl9= document.getElementById("img8");
var ipl10= document.getElementById("img9");

// get the div which it is class of play_match_imgsixe2 
var str1=document.getElementById('Play_match_imgsize2');
//clreate element(img tag) in div.play_match_imgsize2
var create_img1 = document.createElement('img')

// use set time out function (gourp 2 team)
setTimeout(() => {
     // insert image in new create second element(second new img tag) 
     create_img1.src=ipl6.src;
     str1.appendChild(create_img1)[0]; 
}, 1000);
setTimeout(() => {
     // insert image in new create second element(second new img tag) 
     create_img1.src=ipl7.src;
     str1.appendChild(create_img1)[0]; 
}, 2000);
setTimeout(() => {
     // insert image in new create second element(second new img tag) 
     create_img1.src=ipl8.src;
     str1.appendChild(create_img1)[0]; 
}, 3000);
setTimeout(() => {
     // insert image in new create second element(second new img tag) 
     create_img1.src=ipl9.src;
     str1.appendChild(create_img1)[0]; 
}, 4000);
setTimeout(() => {
     // insert image in new create second element(second new img tag) 
     create_img1.src=ipl10.src;
     str1.appendChild(create_img1)[0]; 
}, 5000);

// ########################## Final win the match/ipl cop ########################
// get the div which it is class of play_match_imgsixe3 
var str2=document.getElementById('Play_match_imgsize3');
//clreate element(img tag) in div.play_match_imgsize3
var create_img2 = document.createElement('img')

// use set time out function for finle ipl win cope team
setTimeout(() => {
     // insert image in new create second element(second new img tag) 
     create_img2.src=ipl6.src;
     str2.appendChild(create_img2)[0]; 
     }, 1000);
setTimeout(() => {
     // insert image in new create second element(second new img tag) 
     create_img2.src=ipl2.src;
     str2.appendChild(create_img2)[0]; 
     }, 2000);
setTimeout(() => {
     // insert image in new create second element(second new img tag) 
     create_img2.src=ipl8.src;
     str2.appendChild(create_img2)[0]; 
     }, 3000);
setTimeout(() => {
     // insert image in new create second element(second new img tag) 
     create_img2.src=ipl9.src;
     str2.appendChild(create_img2)[0]; 
     }, 4000);
setTimeout(() => {
     // insert image in new create second element(second new img tag) 
     create_img2.src=ipl10.src;
     str2.appendChild(create_img2)[0]; 
     }, 5000);

source code 37

This is status videoNo 37 source code.
-This is source code for html-css and java-script.
-This source code is use for create best Umiya Ma webpage.
-there are two topice involve in webpage.
1. downlod Umiya Ma imges for given link :-
img 1=>https://drive.google.com/file/d/1fhKLYA8Iu-AgJFFSqDe4Pba-ssGOl3l_/view?usp=sharing
img 2=>https://drive.google.com/file/d/1YD4av0QBSdEtaSKKqJlCxDii6UqkYr2k/view?usp=sharing
2. enter code
=>source code 37 html coding

<!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">
     <!-- include css file  -->
     <link rel="stylesheet" href="./Umiya.css">
     <title>Umiya Page</title>
</head>
<body>
     <div id="Umiya_div">
          <div id="Umiya_Number">
          </div>

          <div id="Umiya_img">    
               <h1 id="Umiya_h1"></h1>
          </div>
     </div>
</body>
<!-- include java-script file  -->
<script src="./Umiya.js"></script>

</html>

=>source code 37 css coding

*{
  box-sizing: border-box;
  margin: 0px;
  padding: 0px;
}
#Umiya_div{
  background-color: blue;
  height: 100vh;
  color: yellow;
  text-align: center;
}
#Umiya_number1,
#Umiya_number2 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

=>source code 37 java-script coding

// get div that is id for Umiya_img 
let Umiya_div = document.getElementById('Umiya_Number');

//creat new element that is h1 
let create_h1 = document.createElement('h1');
// add css for new create h1 element use for java-script
create_h1.style.position = 'absolute';
create_h1.style.top = '50%';
create_h1.style.left = '50%';
create_h1.style.fontSize = '35rem'
create_h1.style.transform = 'translate(-50%,-50%)';

// the new element h1 is append in div(#Umiya_Number)
Umiya_div.appendChild(create_h1);

setTimeout(() => {
     // add text in new element h1 
     create_h1.innerText = '3';
     Umiya_div.appendChild(create_h1);
}, 1000);
setTimeout(() => {
     create_h1.innerText = '2';
     Umiya_div.appendChild(create_h1);
}, 2500);
setTimeout(() => {
     create_h1.innerText = '1';
     Umiya_div.appendChild(create_h1);
}, 3500);
setTimeout(() => {
     Umiya_div.style.display = 'none';
}, 4500);

// get div and that is id is Umiya_img
let Umiya_img = document.getElementById('Umiya_img');
// creat new element img 
let create_img = document.createElement('img');
// given class for new element img  
create_img.className = 'img';

// add css new element img
create_img.style.position = 'absolute';
create_img.style.top = '-150%';
create_img.style.left = '50%';
create_img.style.height ='70%';
create_img.style.borderRadius='2%'
create_img.style.border = ' 5px solid red';
create_img.style.transform = 'translate(-50%,-50%)';

// add img-path in new element img
create_img.src = './Umiya_img/HD-wallpaper-umiya-maa-temple-god-holy-place-temples.jpg';
// The new element img is append in div(#Umiya_img)
Umiya_img.appendChild(create_img);

// creat new element img for second img 
let create_img1 = document.createElement('img');
// given class for new element second img  
create_img1.className = 'img';

// add css new element second img 
create_img1.style.position = 'absolute';
create_img1.style.top = '-150%';
create_img1.style.left = '70%';
create_img1.style.height ='26%';
create_img1.style.width ='15%';
create_img1.style.borderRadius='50%'
create_img1.style.transform = 'translate(-50%,-50%)';
create_img1.style.border = ' 5px solid red';

// set img path for second img 
create_img1.src = './Umiya_img/16237fde5d26a8e7d9a588e140ae5f91.jpg';
// The second new element img is append in div(#Umiya_img)
Umiya_img.appendChild(create_img1);

setTimeout(() => {
     create_img.style.top = '50%';  
     create_img1.style.top = '30%'; 
     // get h1 that is id for Umiya_h1 and it is invole in div(#Umiya_img)
     let Umiya_h1 = document.getElementById('Umiya_h1');
     // add text for h1(#Umiya_h1)
     Umiya_h1.innerText = '🙏🙏Jay Umiya Ma🙏🙏';
     Umiya_h1.style.fontSize = '3rem';
     Umiya_h1.style.padding = '1.5rem'
     Umiya_h1.style.color = ''
}, 5000)