-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
65 lines (64 loc) · 2.31 KB
/
index.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
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
<!DOCTYPE html>
<html>
<head>
<title>Coffee Ratios</title>
<link rel="stylesheet" type="text/css" href="bootstrap.css">
<link rel="stylesheet" type="text/css" href="bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="indexstyle.css">
</head>
<body>
<section>
<div class="container" id="jtrn">
<div class="jumbotron" >
<h4><span id="greeting">Howdy!<span></h4>
<h1>Welcome to <span id="systemName">Conversions</span></h1> where we keep your conversions simple.
<p><a href="aboutus.html">Learn more</a></p>
<br>
</div>
</div>
</section>
<section>
<div>
<p>
At CCRAC we believe conversions should be simple and clear. As we further our purpose towards a better planet, we believe in making your life simple, articulate and impressively clear. That is why we came up with Conversions.
With Conversions you can transfrom any of your coffee production statistics back and forth as needed in a timely and easily accessible. Oh and hey, we do have our own stats to convert so we do understand first hand behind the hustle of papers and calculators.<i>
Timely and accessible is our motto!</i>
</p>
</div>
</section>
<section>
<div>
<p>
This is our base of operations in regards to coffee:
<ul>
<li>7 kilograms of cherry makes one kilogram of parchment</li>
<li>1 kilogram of parchment makes 0.8 kilograms of clean coffee</li>
</ul>
That is our criteria. For any enquiries as to the establishment of these statistical data please contact us <a href="aboutus.html">here</a>.
</p>
</div>
</section>
<div>
<form name="myForm" onsubmit="validateForm()" method="GET">
Enter input: <input type="text" name ="input" id="input">
<select name="option" id="option">
<option>cherry</option>
<option>parchment</option>
<option>Clean Coffee</option>
</select>
<button type="submit">Convert</button>
</form>
</div>
<br>
<div>
<p><span id="titleOne">TitleOne</span>: <button id="resultOne" disabled="true">Empty</button></p>
<p><span id="titleTwo">TitleTwo</span>: <button id="resultTwo" disabled="true">Empty</button></p>
</div>
<div>
<p id="error"></p>
</div>
<hr>
Date: <span id="date"></span>
</body>
<script type="text/javascript" src="indexjs.js"></script>
</html>