-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
212 lines (170 loc) · 23.6 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
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Calculator</title>
<link rel="stylesheet" href="./css/style.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter&family=Lato&family=Roboto:wght@400;500&display=swap" rel="stylesheet">
<link rel="icon" href="./img/svg/page_ico.svg">
</head>
<body>
<div class="wrapper">
<div class="calculator">
<div class="header__wrapper">
<div class="menu__icon">
<span class="bar__short"></span>
<span class="bar__long"></span>
</div>
<p class="calculator__type__title">Default</p>
<div class="menu__body">
<h1 class="menu__title">Сalculator</h1>
<div class="menu__calculator__types__menu">
<div class="menu__calculator__type default">
<div class="menu__line"></div>
<svg class="menu__calculator__type-pic" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path class="white-theme" d="M12.607 0H3.39258C2.70548 0 2.14648 0.558968 2.14648 1.24606V14.7539C2.14648 15.441 2.70545 16 3.39254 16H12.607C13.2941 16 13.853 15.441 13.853 14.7539V1.24606C13.853 0.558968 13.294 0 12.607 0ZM13.259 14.7539H13.259C13.259 15.1135 12.9665 15.406 12.607 15.406H3.39258C3.03305 15.406 2.74055 15.1135 2.74055 14.7539V1.24606C2.74055 0.88653 3.03305 0.59403 3.39258 0.59403H12.607C12.9665 0.59403 13.259 0.88653 13.259 1.24606V14.7539Z" fill="black"/>
<path class="white-theme" d="M11.9409 1.59619H4.05969C3.89563 1.59619 3.7627 1.72916 3.7627 1.89319V4.46575C3.7627 4.62978 3.89563 4.76275 4.05969 4.76275H11.9409C12.105 4.76275 12.2379 4.62978 12.2379 4.46575V1.89319C12.2379 1.72916 12.1049 1.59619 11.9409 1.59619ZM11.6439 4.16875H4.35673V2.19019H11.6439V4.16875Z" fill="black"/>
<path class="white-theme" d="M5.78513 5.67334H4.05969C3.89563 5.67334 3.7627 5.80631 3.7627 5.97034V7.82455C3.7627 7.98859 3.89563 8.12155 4.05969 8.12155H5.78513C5.94919 8.12155 6.08213 7.98859 6.08213 7.82455V5.97034C6.08216 5.80634 5.94922 5.67334 5.78513 5.67334ZM5.48813 7.52759H4.35673V6.26737H5.48813V7.52759Z" fill="black"/>
<path class="white-theme" d="M5.78513 8.86572H4.05969C3.89563 8.86572 3.7627 8.99869 3.7627 9.16272V11.0169C3.7627 11.181 3.89563 11.3139 4.05969 11.3139H5.78513C5.94919 11.3139 6.08213 11.181 6.08213 11.0169V9.16272C6.08216 8.99872 5.94922 8.86572 5.78513 8.86572ZM5.48813 10.72H4.35673V9.45975H5.48813V10.72Z" fill="black"/>
<path class="white-theme" d="M5.78513 12.0576H4.05969C3.89563 12.0576 3.7627 12.1906 3.7627 12.3546V14.2088C3.7627 14.3729 3.89563 14.5058 4.05969 14.5058H5.78513C5.94919 14.5058 6.08213 14.3729 6.08213 14.2088V12.3546C6.08216 12.1906 5.94922 12.0576 5.78513 12.0576ZM5.48813 13.9118H4.35673V12.6516H5.48813V13.9118Z" fill="black"/>
<path class="white-theme" d="M8.86228 5.67334H7.13684C6.97278 5.67334 6.83984 5.80631 6.83984 5.97034V7.82455C6.83984 7.98859 6.97278 8.12155 7.13684 8.12155H8.86228C9.02634 8.12155 9.15928 7.98859 9.15928 7.82455V5.97034C9.15928 5.80634 9.02631 5.67334 8.86228 5.67334ZM8.56525 7.52759H7.43384V6.26737H8.56525V7.52759Z" fill="black"/>
<path class="white-theme" d="M8.86228 8.86572H7.13684C6.97278 8.86572 6.83984 8.99869 6.83984 9.16272V11.0169C6.83984 11.181 6.97278 11.3139 7.13684 11.3139H8.86228C9.02634 11.3139 9.15928 11.181 9.15928 11.0169V9.16272C9.15928 8.99872 9.02631 8.86572 8.86228 8.86572ZM8.56525 10.72H7.43384V9.45975H8.56525V10.72Z" fill="black"/>
<path class="white-theme" d="M8.86228 12.0576H7.13684C6.97278 12.0576 6.83984 12.1906 6.83984 12.3546V14.2088C6.83984 14.3729 6.97278 14.5058 7.13684 14.5058H8.86228C9.02634 14.5058 9.15928 14.3729 9.15928 14.2088V12.3546C9.15928 12.1906 9.02631 12.0576 8.86228 12.0576ZM8.56525 13.9118H7.43384V12.6516H8.56525V13.9118Z" fill="black"/>
<path class="white-theme" d="M11.9404 5.67334H10.215C10.0509 5.67334 9.91797 5.80631 9.91797 5.97034V7.82455C9.91797 7.98859 10.0509 8.12155 10.215 8.12155H11.9404C12.1045 8.12155 12.2374 7.98859 12.2374 7.82455V5.97034C12.2374 5.80634 12.1044 5.67334 11.9404 5.67334ZM11.6434 7.52759H10.512V6.26737H11.6434V7.52759H11.6434Z" fill="black"/>
<path class="white-theme" d="M11.9404 8.86572H10.215C10.0509 8.86572 9.91797 8.99869 9.91797 9.16272V14.209C9.91797 14.373 10.0509 14.506 10.215 14.506H11.9404C12.1045 14.506 12.2374 14.373 12.2374 14.209V9.16275C12.2374 8.99872 12.1044 8.86572 11.9404 8.86572ZM11.6434 13.9119H10.512V9.45975H11.6434V13.9119H11.6434Z" fill="black"/>
</svg>
<a href="#!" class="menu__calculator__type__title">Default</a>
</div>
<div class="menu__calculator__type default">
<div class="menu__line"></div>
<svg class="menu__calculator__type-pic" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path class="white-theme" d="M4.72691 13.091C4.92773 13.091 5.09053 12.9282 5.09053 12.7274C5.09053 12.5266 4.92773 12.3638 4.72691 12.3638C4.52608 12.3638 4.36328 12.5266 4.36328 12.7274C4.36328 12.9282 4.52608 13.091 4.72691 13.091Z" fill="black"/>
<path class="white-theme" d="M7.63609 12.0002C7.83691 12.0002 7.99971 11.8374 7.99971 11.6366C7.99971 11.4358 7.83691 11.2729 7.63609 11.2729C7.43526 11.2729 7.27246 11.4358 7.27246 11.6366C7.27246 11.8374 7.43526 12.0002 7.63609 12.0002Z" fill="black"/>
<path class="white-theme" d="M9.09116 13.4543C9.29199 13.4543 9.45479 13.2915 9.45479 13.0907C9.45479 12.8899 9.29199 12.7271 9.09116 12.7271C8.89034 12.7271 8.72754 12.8899 8.72754 13.0907C8.72754 13.2915 8.89034 13.4543 9.09116 13.4543Z" fill="black"/>
<path class="white-theme" d="M6.90952 14.5456C7.11035 14.5456 7.27315 14.3828 7.27315 14.182C7.27315 13.9812 7.11035 13.8184 6.90952 13.8184C6.7087 13.8184 6.5459 13.9812 6.5459 14.182C6.5459 14.3828 6.7087 14.5456 6.90952 14.5456Z" fill="black"/>
<path class="white-theme" d="M11.6361 13.8181C11.8369 13.8181 11.9997 13.6553 11.9997 13.4544C11.9997 13.2536 11.8369 13.0908 11.6361 13.0908C11.4353 13.0908 11.2725 13.2536 11.2725 13.4544C11.2725 13.6553 11.4353 13.8181 11.6361 13.8181Z" fill="black"/>
<path class="white-theme" d="M14.2541 13.6364L11.7814 9.74547C11.7814 9.67275 11.7086 9.6 11.6723 9.56366L10.5814 7.81819C10.3268 7.38181 10.1814 6.90909 10.1814 6.43638V2.10909C10.6177 1.96362 10.9086 1.56363 10.9086 1.09091C10.9086 0.472719 10.4359 0 9.81773 0H6.18135C5.56316 0 5.09045 0.472719 5.09045 1.09091C5.09045 1.70909 5.56316 2.18181 6.18135 2.18181H8.36316C8.58135 2.18181 8.72679 2.03634 8.72679 1.81819C8.72679 1.60003 8.58132 1.45456 8.36316 1.45456H6.18135C5.96316 1.45456 5.81773 1.30909 5.81773 1.09094C5.81773 0.87275 5.96319 0.727313 6.18135 0.727313H9.81773C10.0359 0.727313 10.1814 0.872781 10.1814 1.09094C10.1814 1.30912 10.0359 1.45456 9.81773 1.45456C9.59957 1.45456 9.4541 1.60003 9.4541 1.81819V6.43638C9.4541 7.05456 9.63591 7.67275 9.9632 8.18184L10.5814 9.16366C9.63591 8.98184 8.58138 9.09094 7.81776 9.49094C7.09048 9.85456 5.92685 9.92731 5.09048 9.63641L6.03594 8.18188C6.36323 7.67278 6.54504 7.05459 6.54504 6.43641V3.27272C6.54504 3.05453 6.39957 2.90909 6.18141 2.90909C5.96326 2.90909 5.81779 3.05456 5.81779 3.27272V6.43634C5.81779 6.90906 5.67232 7.38181 5.41779 7.78181L4.32688 9.52728C4.29051 9.56366 4.25416 9.6 4.21779 9.63638C4.21779 9.67275 4.21779 9.67275 4.18141 9.70909L1.74501 13.6364C1.5632 13.9273 1.4541 14.2546 1.4541 14.6182V14.9091C1.4541 15.5273 1.92682 16 2.54501 16H13.4541C14.0723 16 14.545 15.5273 14.545 14.9091V14.6182C14.545 14.2545 14.4359 13.9273 14.2541 13.6364ZM13.8541 14.9091H13.8177C13.8177 15.1273 13.6722 15.2727 13.4541 15.2727H2.54501C2.32682 15.2727 2.18138 15.1273 2.18138 14.9091V14.6182C2.18138 14.4 2.2541 14.2182 2.3632 14.0364L4.72682 10.2909C5.19954 10.4727 5.74501 10.5454 6.29045 10.5454C6.98135 10.5454 7.63591 10.4 8.18135 10.1454C8.98135 9.74544 10.3268 9.70906 11.1995 10.1091L13.6723 14.0363C13.7814 14.2182 13.8541 14.4 13.8541 14.6182V14.9091Z" fill="black"/>
</svg>
<a href="./Engineer Calculator/index.html" class="menu__calculator__type__title">Engineer</a>
</div>
<div class="menu__calculator__type default">
<div class="menu__line"></div>
<svg class="menu__calculator__type-pic" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_104_456)">
<path class="white-theme" d="M11.5112 10.0527L8.32761 7.82646V4.00023C8.32761 3.8199 8.18007 3.67236 7.99974 3.67236C7.81942 3.67236 7.67188 3.8199 7.67188 4.00023V8.00023C7.67188 8.10843 7.72433 8.20679 7.81286 8.26908L11.1374 10.5937C11.1932 10.633 11.2588 10.6527 11.3243 10.6527C11.426 10.6527 11.5276 10.6035 11.5932 10.5084C11.6948 10.3609 11.6588 10.1576 11.5112 10.0527Z" fill="black"/>
<path class="white-theme" d="M13.6525 2.34754C12.1377 0.832788 10.1311 0 8 0C5.86885 0 3.86229 0.832788 2.34754 2.34754C0.832787 3.8623 0 5.86885 0 8C0 10.1311 0.832787 12.1377 2.34754 13.6525C3.86229 15.1672 5.86885 16 8 16C10.1311 16 12.1377 15.1672 13.6525 13.6525C15.1672 12.1377 16 10.1311 16 8C16 5.86885 15.1672 3.8623 13.6525 2.34754ZM8.32787 15.3377V14C8.32787 13.8197 8.18033 13.6721 8 13.6721C7.81967 13.6721 7.67213 13.8197 7.67213 14V15.3377C3.88197 15.1705 0.829508 12.118 0.662295 8.32787H2C2.18033 8.32787 2.32787 8.18033 2.32787 8C2.32787 7.81967 2.18033 7.67213 2 7.67213H0.662295C0.829508 3.88197 3.88197 0.829509 7.67213 0.662295V2C7.67213 2.18033 7.81967 2.32787 8 2.32787C8.18033 2.32787 8.32787 2.18033 8.32787 2V0.662295C12.118 0.829509 15.1705 3.88197 15.3377 7.67213H14C13.8197 7.67213 13.6721 7.81967 13.6721 8C13.6721 8.18033 13.8197 8.32787 14 8.32787H15.3377C15.1705 12.118 12.118 15.1705 8.32787 15.3377Z" fill="black"/>
</g>
<defs>
<clipPath id="clip0_104_456">
<rect width="16" height="16" fill="white"/>
</clipPath>
</defs>
</svg>
<a href="./Times Calculator/index.html" class="menu__calculator__type__title">Time</a>
</div>
<div class="menu__calculator__type default">
<div class="menu__line"></div>
<svg class="menu__calculator__type-pic" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_104_465)">
<path class="white-theme" d="M10.222 9.41695V2.22194C10.222 0.99675 9.22496 0 7.99951 0C6.77426 0 5.77745 0.99675 5.77745 2.22194V9.41688C4.86716 10.1103 4.33105 11.1813 4.33105 12.3315C4.33105 14.3543 5.97666 16 7.99951 16C10.0225 16 11.6682 14.3543 11.6682 12.3315C11.6682 11.1814 11.1321 10.1104 10.222 9.41695ZM7.99951 15.0407C6.50567 15.0407 5.29033 13.8254 5.29033 12.3315C5.29033 11.4174 5.75001 10.5704 6.51999 10.066C6.65525 9.97735 6.73679 9.82649 6.73679 9.66482V2.22194C6.73679 1.52569 7.30327 0.959275 7.99958 0.959275C8.69614 0.959275 9.26275 1.52569 9.26275 2.22194V9.66482C9.26275 9.82656 9.34422 9.97735 9.47955 10.066C10.2494 10.5705 10.7091 11.4174 10.7091 12.3315C10.709 13.8254 9.49349 15.0407 7.99951 15.0407Z" fill="black"/>
<path class="white-theme" d="M8.47923 10.8106V4.47183C8.47923 4.20694 8.26454 3.99219 7.99959 3.99219C7.73464 3.99219 7.51995 4.20694 7.51995 4.47183V10.8106C6.87378 11.0141 6.40527 11.6178 6.40527 12.3315C6.40527 13.212 7.11897 13.9259 7.99959 13.9259C8.88039 13.9259 9.59403 13.212 9.59403 12.3315C9.59397 11.6177 9.12546 11.014 8.47923 10.8106Z" fill="black"/>
</g>
<defs>
<clipPath id="clip0_104_465">
<rect width="16" height="16" fill="white"/>
</clipPath>
</defs>
</svg>
<a href="./Temperature Calculator/index.html" class="menu__calculator__type__title">Temperature</a>
</div>
<div class="menu__calculator__type default">
<div class="menu__line"></div>
<svg class="menu__calculator__type-pic" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_104_512)">
<path class="white-theme" d="M4.43404 0.215342C4.37564 0.246062 4.29868 0.307662 4.26492 0.353742C4.20652 0.436782 4.20348 0.486062 4.1942 1.90398C4.18812 2.95902 4.19724 3.39278 4.22188 3.45422C4.24028 3.5035 4.30492 3.58334 4.36332 3.63262C4.56012 3.80494 4.91084 3.7403 5.03996 3.5035C5.09228 3.41118 5.09532 3.28814 5.09532 1.9347C5.09532 0.495182 5.09532 0.467502 5.03068 0.381422C4.87084 0.166222 4.64332 0.101582 4.43404 0.215342Z" fill="black"/>
<path class="white-theme" d="M11.1425 0.224777C11.0841 0.261737 11.0071 0.335497 10.9734 0.381577C10.9118 0.467657 10.9087 0.504617 10.8995 1.89806C10.8902 3.26382 10.8934 3.3315 10.9518 3.46366C11.0318 3.64206 11.1639 3.7251 11.3763 3.7251C11.5023 3.7251 11.5547 3.70974 11.6316 3.6451C11.8223 3.4851 11.8163 3.52814 11.8163 1.95646C11.8163 0.695337 11.8102 0.507658 11.767 0.415338C11.6563 0.181738 11.3425 0.0863774 11.1425 0.224777Z" fill="black"/>
<path class="white-theme" d="M1.98216 1.51049C1.57 1.57193 1.16088 1.87961 0.964081 2.27641L0.850321 2.50713L0.841041 8.60681L0.834961 14.7065L0.899601 14.8972C1.03192 15.291 1.32408 15.5985 1.72088 15.7585L1.89624 15.8292L7.90968 15.8385C12.1268 15.8446 13.9724 15.8354 14.0831 15.8138C14.5599 15.7124 14.9474 15.3647 15.1074 14.8942C15.1689 14.7065 15.1689 14.685 15.1628 8.60697L15.1535 2.51049L15.0551 2.30137C14.8583 1.88617 14.4492 1.57849 14.0001 1.50777C13.8894 1.49241 13.4065 1.48313 12.9234 1.48617L12.0468 1.49545L12.0375 1.94761L12.0282 2.39977L12.9972 2.40905C13.9201 2.41833 13.9692 2.42137 14.0492 2.48281C14.0953 2.51673 14.163 2.58425 14.1969 2.63049C14.2585 2.71353 14.2615 2.75049 14.2615 3.88857V5.06361L7.99272 5.07289L1.72392 5.07913L1.7332 3.89801C1.74248 2.75993 1.74552 2.71065 1.80696 2.63065C1.84072 2.58457 1.9084 2.51689 1.95464 2.48297C2.03464 2.42153 2.08392 2.41833 2.98824 2.40921L3.9356 2.39993L3.94792 2.11385C3.95096 1.95705 3.95096 1.74777 3.94792 1.65241L3.9356 1.48009L3.04056 1.48313C2.54504 1.48585 2.07144 1.49817 1.98216 1.51049ZM14.2706 10.2985L14.2614 14.5986L14.1906 14.7094C14.049 14.9401 14.5874 14.9217 7.9956 14.9217C2.2836 14.9217 2.07432 14.9186 1.97288 14.8633C1.91448 14.8326 1.83752 14.7588 1.80376 14.7033C1.74232 14.5986 1.74232 14.5372 1.73304 10.2985L1.7268 6.00137H8.00168H14.2766L14.2706 10.2985Z" fill="black"/>
<path class="white-theme" d="M3.83683 7.38237C3.66147 7.49933 3.63379 7.57917 3.63379 7.98525C3.63379 8.40045 3.67075 8.50205 3.85523 8.61581C3.94755 8.67117 4.01203 8.67725 4.57507 8.67725C5.16563 8.67725 5.19955 8.67421 5.29491 8.60653C5.50099 8.46813 5.52563 8.40349 5.52563 8.00669C5.52563 7.60061 5.48867 7.48989 5.31651 7.38541C5.22723 7.33005 5.15971 7.32381 4.57219 7.32381C3.99059 7.32381 3.91683 7.33005 3.83683 7.38237Z" fill="black"/>
<path class="white-theme" d="M7.26013 7.39501C7.08173 7.51501 7.04477 7.62573 7.05405 8.03181C7.06333 8.34861 7.07245 8.39789 7.13709 8.49005C7.25709 8.65917 7.34317 8.67773 8.00445 8.67773C8.65645 8.67773 8.74573 8.65933 8.87181 8.48093C8.93021 8.39789 8.93949 8.33949 8.94877 8.03181C8.95789 7.62573 8.92109 7.51501 8.74269 7.39501C8.64125 7.32733 8.61357 7.32429 8.00141 7.32429C7.38925 7.32413 7.36157 7.32733 7.26013 7.39501Z" fill="black"/>
<path class="white-theme" d="M10.6867 7.38541C10.5143 7.49005 10.4775 7.60077 10.4775 8.00669C10.4775 8.40349 10.5022 8.46813 10.7083 8.60653C10.8036 8.67421 10.8374 8.67725 11.4281 8.67725C11.991 8.67725 12.0556 8.67117 12.1478 8.61581C12.3324 8.50205 12.3692 8.40045 12.3692 7.98525C12.3692 7.57917 12.3415 7.49917 12.1662 7.38237C12.0862 7.33005 12.0124 7.32397 11.431 7.32397C10.8436 7.32381 10.7759 7.33005 10.6867 7.38541Z" fill="black"/>
<path class="white-theme" d="M3.89241 9.81527C3.85849 9.82759 3.78473 9.89223 3.72937 9.95367L3.62793 10.0674L3.64025 10.4796C3.64953 10.8825 3.64953 10.8887 3.73865 10.981C3.88329 11.1318 3.94169 11.141 4.62153 11.1318C5.31369 11.1225 5.34441 11.1134 5.47049 10.9073C5.55353 10.7658 5.55049 10.1506 5.46441 10.006C5.33833 9.79687 5.28601 9.78455 4.58473 9.78759C4.23993 9.78775 3.92937 9.79991 3.89241 9.81527Z" fill="black"/>
<path class="white-theme" d="M7.26099 9.85562C7.09187 9.96634 7.04883 10.0894 7.04883 10.4615C7.04883 10.8337 7.09187 10.9567 7.26099 11.0675C7.36243 11.1351 7.39011 11.1382 8.00227 11.1382C8.61123 11.1382 8.64211 11.1351 8.74051 11.0675C8.91283 10.9505 8.95587 10.8307 8.95587 10.4615C8.95587 10.0894 8.91283 9.96634 8.74355 9.85562C8.64211 9.78794 8.61443 9.7849 8.00227 9.7849C7.39011 9.7849 7.36243 9.7881 7.26099 9.85562Z" fill="black"/>
<path class="white-theme" d="M10.6743 9.85866C10.5143 9.96938 10.4775 10.0831 10.4775 10.4769C10.4775 10.7753 10.4868 10.8276 10.5483 10.926C10.6652 11.1198 10.7451 11.1382 11.4311 11.1382C12.0801 11.1382 12.1294 11.1289 12.2771 10.9691C12.351 10.8891 12.354 10.8737 12.354 10.4585V10.031L12.2372 9.91722L12.1235 9.80026L11.4529 9.79098C10.7851 9.7817 10.7851 9.7817 10.6743 9.85866Z" fill="black"/>
<path class="white-theme" d="M3.86477 12.3037C3.65869 12.4298 3.64941 12.4545 3.64941 12.925V13.3525L3.76621 13.4663L3.87997 13.5831L4.53517 13.5924C5.27037 13.6047 5.32877 13.5924 5.45789 13.3863C5.51629 13.2879 5.52557 13.2356 5.52557 12.9218C5.52557 12.6081 5.51629 12.5557 5.45485 12.4573C5.33485 12.2636 5.25805 12.245 4.56589 12.245C4.02781 12.2453 3.94781 12.2514 3.86477 12.3037Z" fill="black"/>
<path class="white-theme" d="M7.26099 12.3161C7.09187 12.4268 7.04883 12.5498 7.04883 12.922C7.04883 13.2942 7.09187 13.4172 7.26099 13.5279C7.36243 13.5956 7.39011 13.5986 8.00227 13.5986C8.61443 13.5986 8.64211 13.5956 8.74355 13.5279C8.91267 13.4172 8.95587 13.2942 8.95587 12.922C8.95587 12.5498 8.91283 12.4268 8.74355 12.3161C8.64211 12.2484 8.61443 12.2454 8.00227 12.2454C7.39011 12.2454 7.36243 12.2484 7.26099 12.3161Z" fill="black"/>
<path class="white-theme" d="M5.32617 1.9409V2.40234H8.00233H10.6783V1.9409V1.47946H8.00217H5.32617V1.9409Z" fill="black"/>
</g>
<defs>
<clipPath id="clip0_104_512">
<rect width="16" height="16" fill="white"/>
</clipPath>
</defs>
</svg>
<a href="./Date Calculator/index.html" class="menu__calculator__type__title">Date</a>
</div>
</div>
<div class="menu__toggle">
<input type="checkbox" id="check">
<label for="check" class="button"></label>
</div>
</div>
</div>
<div class="values">
<p class="value__num" id="value"></p>
</div>
<div class="result__wrap">
<p class="equal__result">= <span id="result">0</span></p>
</div>
<div class="buttons__column" id="buttons">
<div class="button__column-left">
<div class="button__row-1">
<button class="btn btn__default сlean" id="btnClean">Ac</button>
<button class="btn btn__default backspace" id="btnBackspace">
<img src="./img/svg/backspace.svg" alt="" class="backspace-pic">
</button>
<button class="btn btn__main divide" id="btndDvide">/</button>
</div>
<div class="button__row-2">
<button class="btn btn__default seven" id="btnSeven">7</button>
<button class="btn btn__default eight" id="btnEight">8</button>
<button class="btn btn__default nine" id="btnNine">9</button>
</div>
<div class="button__row-3">
<button class="btn btn__default four" id="btnFour">4</button>
<button class="btn btn__default five" id="btnFive">5</button>
<button class="btn btn__default six" id="btnSix">6</button>
</div>
<div class="button__row-4">
<button class="btn btn__default one" id="btnOne">1</button>
<button class="btn btn__default two" id="btnTwo">2</button>
<button class="btn btn__default three" id="btnThree">3</button>
</div>
<div class="button__row-5">
<button class="btn0 btn__default zero" id="btnZero">0</button>
<button class="btn btn__default dot" id="btnDot">.</button>
</div>
</div>
<div class="button__column-right">
<button class="btn btn__main multiply" id="btnMultiply">*</button>
<button class="btn btn__main minus" id="btnMinus">-</button>
<button class="btn btn__main plus" id="btnPlus">+</button>
<button class="btn btn__main equal" id="btnEqual">=</button>
</div>
</div>
</div>
</div>
<div class="exception__window" id="exceptionWindow">
<p class="exception__title">Unfortunately the last character cannot be « + », « - », « / », « * »</p>
<img src="./img/png/error__robot.png" alt="" class="robot-pic">
<div class="escape__button" id="closeExceptionWindow">
<img src="./img/svg/cross_icon.svg" alt="" class="cross__icon">
</div>
</div>
<!-- Calculator End -->
<script src="js/script.js"></script>
</body>
</html>