HTML & CSS [Design and Build Websites] - By Jon Duckett

-

 




Comments

Post a Comment

Popular posts from this blog

The 2023 Tech Products That Will Transform Your Life

-
Image
25     T ech Gadgets will change your life & Make it easier in this year . Number 1 :-   Wearable Technologies Wearable technologies are devices or accessories worn on the body that incorporate advanced technology for various purposes such as health and fitness tracking, communication, entertainment, security, accessibility and more. Examples include smartwatches, fitness trackers, smart glasses, smart clothing, virtual reality headsets and smart jewelry. These technologies offer features such as health data monitoring, notification display, immersive experiences, increased security, and improved accessibility for people with disabilities. Wearable technologies are constantly evolving and offer multiple opportunities to improve our daily lives. Number 2 :-   Biohacking and DIY Technologies Biohacking and DIY technologies refer to the use of technology to enhance or alter the human body or biological processes, often in a do-it-yourself (DIY) manner. This may ...
Read more

Instagram Logo using Turtle in Python

-
Image
Instagram logo using Turtle in Python Input (Code) :- import turtle as i i . bgcolor ( 'black' ) i . pencolor ( '#bc2a8d' ) i . width ( 23 ) i . penup () i . goto ( 160 , - 100 ) i . pendown () i . left ( 90 ) for a in range ( 4 ):   i . forward ( 250 )   i . circle ( 34 , 90 ) i . penup () i . goto ( 85 , 30 ) i . pendown () i . circle ( 80 , 360 ) i . penup () i . goto ( 110 , 130 ) i . pendown () i . circle ( 7 , 360 ) i . done () Output :-  Watch this Short for result :-  https://youtube.com/shorts/FBepEBsPo_c?feature=share
Read more

Parallax Effect using HTML & CSS

-
Image
 Parallax Effect using HTML & CSS :- HTML & CSS Code <! DOCTYPE html > < html >   < head >     < title > Parallax Effect </ title >     < style >       * {   margin : 0 ;   padding : 0 ; } body {   font-family : Arial , sans-serif ;   height : 6000px ; } .parallax {   height : 100vh ;   background-attachment : fixed ;   background-position : center ;   background-repeat : no-repeat ;   background-size : cover ;   position : relative ; } .parallax-content {   position : absolute ;   top : 60% ;   left : 50% ;   transform : translate ( -50% , -50% );   text-align : center ;   color : rgb ( 255 , 251 , 0 );   font-size : 70px ;   font-weight : bold ;   text-shadow : 5px 1px rgb ( 255 , 0 , 0 ); } .parallax-content1 {   position : absolute ;   top : 60% ;   left : 50% ;   transform ...
Read more