-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
58 lines (57 loc) · 2.34 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Pizza Comparer</title>
<link rel="stylesheet" href="reset.css">
<link rel="stylesheet" href="style.css">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Nerko+One&display=swap" rel="stylesheet">
</head>
<body>
<main>
<header>
<div class="header-shadow">
<div class="container">
<!-- <div class="logo"></div> -->
<h1>Pizza Comparing</h1>
</div>
</div>
</header>
<section>
<div class="shadow">
<div class="container">
<div class="appDesc">
<h1>Check an price unit of pizza.</h1>
<p>
If you wondering what is cost of square centimeter of pizza. Or if you would like
to check which pizza is more pays off choice, You find good site. Just complete spaces
below and everything will be clear.
</p>
</div>
<div class="content" id="content">
<div class="left-side">
<div id="inputs-box">
<div class="inputs" id="inputs-0">
<span>1.</span>
<input type="number" id="diameter-0" class="diameter" placeholder="diameter">
<input type="number" id="price-0" class="price" placeholder="price">
</div>
</div>
<div id="outputs-box">
</div>
</div>
<div class="buttons">
<button id="count">Count up</button>
<button id="add">Add position</button>
<button id="erase">Erase</button>
</div>
</div>
</div>
</div>
</section>
</main>
<script src="index.js"></script>
</body>
</html>