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
<!-- Created by Elena, see https://www.sololearn.com/Discuss/3314865/?ref=app -->
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<div class="centered">
<!--Form-->
<form id="form" method="post" action="https://www.freecodecamp.com/email-submit">
<h2 class="logo"><span>Q</span>uick <span>S</span>ervices</h2>
<label>Email: <input type="email" id="email" name="email" placeholder="name@gmail.com" required>
</label>
<br />
<input type="submit" id="submit">
</form>
<!-- 3 Circles-->
</div>
<div class='circle-orange'></div>
<div class='circle-green'></div>
<div class='circle-blue'></div>
</body>
</html>
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
/* Created by Elena */
body, html {
margin:0;
padding:0;
box-sizing:border-box;
text-align:center;
background-color: #0c1527;
color: #B0C1F2;
}
*{
box-sizing:border-box;
}
.centered{
position:relative;
text-align: center; /* centered here */
background-color: rgba(172, 200, 229, 50%);
height:15rem;
border:1px solid white;
z-index:2;
}
Enter to Rename, Shift+Enter to Preview
js
js
1
2
3
// Created by Elena
Enter to Rename, Shift+Enter to Preview
BROWSER
Console
Run