-
Notifications
You must be signed in to change notification settings - Fork 0
/
8f14e45fceea167a5a36dedd4bea2543.html
50 lines (47 loc) · 1.2 KB
/
8f14e45fceea167a5a36dedd4bea2543.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
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
<!DOCTYPE html>
<html>
<title>Level 6</title>
<header>
<h1 id="answer">Love + Calculator!!</h1>
</header>
<body>
<div id="input">
Enter Your Name: <input type="text" id="lover1" /> <br />
Enter Lover's Name: <input type="text" id="lover2" /> <br />
<br />
<button type="button" onclick="calculate()">Calculate!!</button>
<br /><br />
<h3 id="results"></h3>
<br />
<h4 id="message"></h4>
</div>
</body>
<link
rel="stylesheet"
href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"
integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu"
crossorigin="anonymous"
/>
<style>
body {
background-color: #F5D6C6;
margin: auto;
margin-top: 30px;
width: 60%;
padding: 10px;
text-align: center;
}
#answer{
margin-top: 70px;
font-size: 50px;
text-shadow: 0 0 6px #ff1717;
font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}
#input{
margin-top: 60px;
font-size: 20px;
font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}
</style>
<script src="7.js"></script>
</html>