-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
143 lines (133 loc) · 6.83 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
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>CFOP Finder</title>
<!-- Page Icon -->
<link rel="shortcut icon" href="./src/assets/image/background.png" type="image/x-icon">
<!-- CSS Links -->
<link rel="stylesheet" href="./src/assets/css/basicreset.css">
<link rel="stylesheet" href="./src/assets/css/menumodal.css">
<link rel="stylesheet" href="./src/assets/css/header.css">
<link rel="stylesheet" href="./src/assets/css/main.css">
<link rel="stylesheet" href="./src/assets/css/footer.css">
<link rel="stylesheet" href="./src/assets/css/jsonsearch.css">
<link rel="stylesheet" href="./src/assets/css/versionmodal.css">
<!-- Link icons -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.min.css">
</head>
<body>
<header>
<div class="content">
<div class="nav">
<ul>
<li><a href="">CFOP Finder</a></li>
<p>|</p>
<li><a href="./src/assets/pages/cfoptable.html" target="_blank">Tabela CFOP</a></li>
</ul>
</div>
<button class="menu" id="btnmenu">Menu</button>
</div>
</header>
<main>
<!-- Modals -->
<div class="menumodal" id="menumodal">
<div class="menucontent">
<div class="utilities">
<ul class="utilitieslist">
<li class="autor"><a href="https://github.com/MMAffi" target="_blank">Desenvolvedores</a></li>
</ul>
</div>
<div class="line"></div>
<div class="links">
<ul class="linkslist">
<li><a href="./src/assets/pages/about.html">Sobre o CFOP Finder</a></li>
<li><span>|</span></li>
<li><a href="./src/assets/pages/bugreports.html">Bug Reports</a></li>
<li><span>|</span></li>
<li><a href="./src/assets/pages/contact.html">Contato</a></li>
<li><span>|</span></li>
</ul>
</div>
<div class="line"></div>
<div class="options">
<select name="language" id="language">
<option value="Tradução">Tradução</option>
<option value="Em Breve">Em Breve...</option>
</select>
<p class="not-select" id="btnversionmodal">Versão: 1.0.1-beta</p>
</div>
<div class="copyright">
<p>© 2025 MMaffi. Todos os direitos reservados.</p>
</div>
</div>
</div>
<div class="backmodals" id="backmodals">
<div class="versionmodal" id="versionmodal">
<div class="vmodaltitle">
<h2>Detalhes da Versão</h2>
<i class="bi bi-x-lg" id="btnclosevmodal"></i>
</div>
<div class="vmodalcontent">
<div class="updates">
<h3>Novidades:</h3>
<p>- O CFOP Finder agora está totalmente responsivo com todos os tipos de aparelho.</p>
<p>- Foi Adicionado detalhamento de versão ao site.</p>
</div>
<div class="datelastupdate">
<div class="year">Ano: <span>2025</span></div>
<div class="month">Mês: <span>02</span></div>
<div class="day">Dia: <span>13</span></div>
</div>
</div>
</div>
</div>
<!-- End Modals -->
<div class="interface">
<div class="maincontent">
<h2>CFOP Finder</h2>
<div class="input-container">
<input type="text" id="inputsearch" placeholder="Buscar CFOP..." autocomplete="off">
<i class="bi bi-search"></i>
<ul id="results"></ul>
</div>
</div>
</div>
<footer>
<div class="title">
<p class="title">Grupo CFOP:</p>
</div>
<div class="subtitles">
<div class="scroll-content">
<p>1000 <span> - </span> ENTRADAS OU AQUISIÇÕES DE SERVIÇOS DO ESTADO</p>
<p>2000 <span> - </span> ENTRADAS OU AQUISIÇÕES DE SERVIÇOS DE OUTROS ESTADOS</p>
<p>3000 <span> - </span> ENTRADAS OU AQUISIÇÕES DE SERVIÇOS DO EXTERIOR</p>
<p>5000 <span> - </span> SAÍDAS OU PRESTAÇÕES DE SERVIÇOS PARA O ESTADO</p>
<p>6000 <span> - </span> SAÍDAS OU PRESTAÇÕES DE SERVIÇOS PARA OUTROS ESTADOS</p>
<p>7000 <span> - </span> SAÍDAS OU PRESTAÇÕES DE SERVIÇOS PARA O EXTERIOR</p>
</div>
<div class="scroll-content">
<p>1000 <span> - </span> ENTRADAS OU AQUISIÇÕES DE SERVIÇOS DO ESTADO</p>
<p>2000 <span> - </span> ENTRADAS OU AQUISIÇÕES DE SERVIÇOS DE OUTROS ESTADOS</p>
<p>3000 <span> - </span> ENTRADAS OU AQUISIÇÕES DE SERVIÇOS DO EXTERIOR</p>
<p>5000 <span> - </span> SAÍDAS OU PRESTAÇÕES DE SERVIÇOS PARA O ESTADO</p>
<p>6000 <span> - </span> SAÍDAS OU PRESTAÇÕES DE SERVIÇOS PARA OUTROS ESTADOS</p>
<p>7000 <span> - </span> SAÍDAS OU PRESTAÇÕES DE SERVIÇOS PARA O EXTERIOR</p>
</div>
<div class="scroll-content">
<p>1000 <span> - </span> ENTRADAS OU AQUISIÇÕES DE SERVIÇOS DO ESTADO</p>
<p>2000 <span> - </span> ENTRADAS OU AQUISIÇÕES DE SERVIÇOS DE OUTROS ESTADOS</p>
<p>3000 <span> - </span> ENTRADAS OU AQUISIÇÕES DE SERVIÇOS DO EXTERIOR</p>
<p>5000 <span> - </span> SAÍDAS OU PRESTAÇÕES DE SERVIÇOS PARA O ESTADO</p>
<p>6000 <span> - </span> SAÍDAS OU PRESTAÇÕES DE SERVIÇOS PARA OUTROS ESTADOS</p>
<p>7000 <span> - </span> SAÍDAS OU PRESTAÇÕES DE SERVIÇOS PARA O EXTERIOR</p>
</div>
</div>
</footer>
</main>
<script src="./src/assets/javascript/openmenu.js"></script>
<script src="./src/assets/javascript/datasearch.js"></script>
<script src="./src/assets/javascript/versionmodal.js"></script>
</body>
</html>