Posts

Showing posts from July, 2021

Auto Text using HTML and JS

-
Image
 Auto Text using HTML and JS 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> Document </title>      <link   rel = "stylesheet"   href = "style.css" > </head> <body>      <div   id = "text" >         this is text      </div>      <script   src = "script.js" ></script> </body> </html> JAVASCRIPT const   text = document . getElementById ( "text" ). innerText ; let   i = 0 ; function   autoText (){ ...
Post a Comment
Read more

Check a Number is Magic Number or Not in Python

-
Image
 Check a Number is Magic Number or Not in Python Python Code num= 1535 s= 0 while  num!= 0 :     s=s+num% 10     num= int (num/ 10 ) print (s) num=s s= 0 while  num!= 0 :     s=s+num% 10     num= int (num/ 10 ) print (s) if  s== 1 :      print ( "Magic Number" ) else :      print ( "Not a Magic Number" )
Post a Comment
Read more

Check a Number is Magic or Not in Java

-
Image
 Check a Number is Magic or Not in Java Java Code public   class   MyClass {      public   static   void   main ( String   args []){      int   num = 2135  , sum= 0 ;           while (num!= 0 ){         sum += num% 10  ;         num=num/ 10 ;     }      System . out . println ( "Num ka sum " +sum);     num=sum;     sum= 0 ;       while (num!= 0 ){         sum += num% 10  ;         num=num/ 10 ;     }      System . out . println ( "Sum ka sum " +sum);      if (sum== 1 ){  ...
Post a Comment
Read more

Multi Level Dropdown Menu using HTML CSS

-
Image
 Multi Level Dropdown Menu using HTML CSS 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> Document </title>      <link   rel = "stylesheet"   href = "style.css" > </head> <body>   <header>       <nav>           <ul   class = "main-menu" >               <li><a   href = "" > Link1 </a></li>               <li ...
Post a Comment
Read more

Responsive Dropdown Menu by using HTML , CSS , JS

-
Image
Responsive Dropdown Menu by using HTML , CSS , JS 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> Document </title>      <link   rel = "stylesheet"   href = "style.css" > </head> <body>      <div   class = "btn"   id = "button"   onclick = " sidebar () " >          &#8801;        </div>      <header   id = "head" >                  <h2> NI...
Post a Comment
Read more

Video to Image by Using Opencv2 in Python

-
Image
  Code import cv2 vidCap=cv2.VideoCapture("vid.mp4"); success,frame=vidCap.read() i=0 while success:     cv2.imshow("vid",frame)     cv2.imwrite("image%d.png"%i,frame)     success,frame=vidCap.read()     i+=1     if cv2.waitKey(1) & 0xFF==ord('q'):         break;
Post a Comment
Read more

Animated Menu Icon By Using HTML & CSS

-
Image
  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>Document</title>     <link rel="stylesheet" href="style.css"> </head> <body>     <div class="btn">         <div class="line1"></div>         <div class="line2"></div>         <div class="line3"></div>     </div> </body> </html> CSS Code .btn{     background-color: red;     display: inline-block; } .line1,.line2,.line3{     background-color: black;     width: 35px;     height: 5px;     margin: 6px 0; } .btn:hover .line1{    transform: rotate(-4...
Post a Comment
Read more

Dropdown Menu by Using HTML & CSS

-
Image
  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">     <link rel="stylesheet" href="style.css">     <title>Document</title> </head> <body>     <header>         <nav>             <ul class="main_menu">                 <li>                     <a href="">                         Home                     </a>                 </li>             ...
Post a Comment
Read more
-
Image
  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">     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" />     <link rel="stylesheet" href="style.css">     <title>Document</title> </head> <body>     <nav>         <a href="javascript:void(0)" class="togglebtn" id="btn">             <i class="fa fa-bars"></i>         </a>         <a href="">             <span>NICT WEB</span>         </a>     </nav>     <div class...
Post a Comment
Read more

Responsive Navbar Using HTML , CSS and JAVASCRIPT

-
Image
 Responsive Navbar 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">     <link rel="stylesheet" href="style.css">     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" integrity="sha512-iBBXm8fW90+nuLcSKlbmrPcLa0OT92xO1BIsZ+ywDWZCvqsWgccV3gFoRBv0z+8dLJgyAHIhR35VZc2oM/gI1w==" crossorigin="anonymous" referrerpolicy="no-referrer" />     <title>Document</title> </head> <body>     <nav id="menu" class="nav">         <a href="#" class="active">Home</a>         <a href="#">Course...
Post a Comment
Read more

Navbar using HTML and CSS

-
Image
 Navbar using HTML and CSS 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">     <link rel="stylesheet" href="style.css">     <title>Document</title> </head> <body>     <nav class="menu">         <a href="#">Home</a>         <a href="#">Profile</a>         <a href="#">Gallary</a>         <a href="#">Contact</a>     </nav> </body> </html> CSS Code  .menu{  overflow: hidden;  background-color: red;    } .menu a{  float:left;   color:white;   text-shadow: rgb(19, 1, 1) 2px 2px 4px;    padding:14p...
Post a Comment
Read more