html
html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
<link href='https://fonts.googleapis.com/css?family=Amita' rel='stylesheet'>
</head>
<body>
<div class="back">
<div class="box TopLeft">
<div class="in"></div>
<div class="box big">
<div class="in2"></div></div>
<div class="box BottomRight">
<div class="ap"> <span id="s">Book Appointment </span></div>
<div class="login">
<div class="log2"></div>
<div id="bot"></div>
</div>
<form>
<input type="text" name="First-name"
placeholder="First-name">
<br>
<input type="text" name="Middle-name" placeholder="Middle-name">
<br>
<input type="text" name="Last-name" placeholder="Last-name">
<br>
<input type="text" name="Phone-number" maxlength="10"placeholder="Phone-number">
Enter to Rename, Shift+Enter to Preview
css
css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
body {
background-color: black;
}
.back
{
margin-top:50px;
position: relative ;
}
.box
{
position:absolute ;
height:200px;
width:200px;
}
.TopLeft
{
background-image: linear-gradient( 200deg, magenta, yellow);
z-index:1;
border-radius:50px;
padding: 1px;
}
.big
Enter to Rename, Shift+Enter to Preview
js
js
1
Enter to Rename, Shift+Enter to Preview
BROWSER
Console
Run