<!doctype html>
<html>
<meta charset="UTF-8">
<head>
<title>Convert Minutes to Days</title>
<link href="aonestylesheet.css" rel="stylesheet">
</head>
<body>
<div class='wrapper'>
<div class='content'>
<span class='green'>Use our tool to convert minitues into days below!</span> <br>
<hr>
<script>
var minutes = Number(prompt("Please enter a number of minutes. Please do not add commas or other special characters."));
var days_minutes= Math.round (((minutes/=1440)*100))/100; // XMinutes= 1 day divided by 1440 rounded to one decimal
var output = "<span class='green'>This is your amount of minutes in days:" + ' ' + days_minutes +".</span>";
document.write(output);
</script>
</div>
</div>
</body>
</html>
/* CSS stylesheet for Ovetta Sampson JS a1_minutes project*/
html {
background:linen;
}
.wrapper {
width: 300px;
height: 300px;
position: absolute;
left: 5%;
top: 5%;
padding: 5%;
}
span.green {
font-size: 1.4em;
font-family: Didact Gothic;
padding 5px;
color: #ff9900;
}
.content {
width: 150px;
height: 150px;
position: relative;
padding: 5%;
left: 10%;
text-align:center;
background-image: url(backgroundpic.jpg);
background-repeat:no-repeat;
background-size: auto;
}
.footer {
width: 100px;
padding-top: 20px;
text-align: center;
background: #ff9900;
color: white;
font-family:fantasy;
font-size: 1em;
position: relative;
bottom: 20px;
left:70%;
top: 10%;
}