Smart jnr web design

03/04/2022

Happy ramadan kareem to all our muslim famz

27/02/2022

Smart jnr web Smart jnr web design��Smart jnr web design��Smart jnr web design��
Smart jnr web design

14/02/2022

NAV BAR USING HTML5⃣ CSS3⃣ AND JAVASCRIPT #⃣.

14/02/2022

29/01/2022

Smart jnr Web Deisgn | Welcome







Smart jnr Web Design



Home
About
Services







Affordable and Professional Web Design










Subscribe To Our Youtube channel


Subscribe








HTML5 Markup

HTML stands for Hypertext Markup Language, and it is the most widely used language to write Web Pages.

Hypertext refers to the way in which Web pages (HTML documents) are linked together. Thus, the link available on a webpage is called Hypertext.

As its name suggests, HTML is a Markup Language which means you use HTML to simply "mark-up" a text document with tags that tell a Web browser how to structure it to display.

Origin

12/01/2022

LOG IN PAGE✅✅ USING HTML AND CSS.


log in




Log in








FOR CSS
body {
margin:0;
padding:0;
font-family:san-serif;
background: black;
color:white;
}box{
width:300px;
padding: 40px;
position: absolute;
top: 50;left: 50;
text-align:center;
transform:translateX(-50%,-50%);
}box h1{
color: red;
font-weight:500px;

}box input[type="text"],.box input[type="password"]{
border:0;
background: none;
display:black;
margin:20px auto;
border:2px solid tomato;
padding:15px 11px;
width: 200px;
outline:none;
color:chocolate;
border-radius:25px;
transition:0.25s;
text-align:center;

}box input[type="text"]:focus,.box input[tye="password"]:focus{
width: 200px;
border-color:red;
}box input[type="submit"]{
border:0;
background: none;
display: black;
margin:20px auto;
width:100px;
border:2px solid tomato;
padding:15px 11px;
outline:none;
color: white;
border-radius:25px;
transition:0.25s;
text-align:center;
}

10/01/2022

GRAPHICS DESIGN ONGOING

05/01/2022

Search button using HTML and CSS

22/12/2021

CHECK BOX USING HTML AND CSS

Checkbook using and

----------
CODE
----------

HTML :-





Page Title













CSS:-

body {
margin: 0;
padding: 0;
background: ;

}
cen {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);

}

input[type="checkbox"] {
position: relative;
width: 80px;
height: 40px;
-webkit-appearance: none;
background: ;
outline: none;
border-radius: 20px;
/*transition: .5s;*/
box-shadow: inset 0 0 5px rgba(0, 0, 0, .2);

}

input:checked[type="checkbox"] {
background: ;

}

input[type="checkbox"]:before {
content: '';
position: absolute;
width: 40px;
height: 40px;
border-radius: 20px;
top: 0;
left: 0;
background: ;
transition: .5s;
transform: scale(1.1);
box-shadow:0 2px 5px rgba(0,0,0,.2);

}

input:checked[type="checkbox"]:before {
left: 40px;
}

21/12/2021

WEL DONE