-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathsolicit.html
116 lines (114 loc) · 5.18 KB
/
solicit.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="https://kit.fontawesome.com/b380cc3ad9.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="./css/stylesol.css" />
<title>Requisições</title>
</head>
<body>
<header>
<nav id="nav-bar" class="nav">
<div id="logo">
<img src="image/provist-logo-semfundo.png" id="p-logo" style="height: 35px;" />
<!--<p>PROVIST</p><-->
</div>
<!--NavBar com opções de acesso-->
<ul id="ul">
<li class="li">
<a href="index.html#home" class="link">Home</a>
</li>
<li class="li">
<a href="index.html#tutorial" class="link">Tutorial</a>
</li>
<li class="li">
<div class="link-proj">
<a href="#projects" id="projects" class="link">Projetos </a>
<a class="link"> <i id="icon-proj" class="fa-solid fa-chevron-down" class="link"></i> </a>
</div>
<!--SubMenu para quando se clicar em Projeto-->
<ul id="exibir-categorias">
<li class="linkCat"><a href="propage.html" style="color:#ee7f1e;">Educação</a></li>
<li class="linkCat"><a href="propage.html?categoria=saude" style="color: #c63c3c;">Saúde</a></li>
<li class="linkCat"><a href="propage.html?categoria=tecnologia" style="color: rgb(43, 174, 226);">Tecnologia</a></li>
<li class="linkCat"><a href="propage.html?categoria=meio-ambiente" style="color: #47b433;">Ambiental</a></li>
<li class="linkCat"><a href="propage.html?categoria=financas" style="color: #e2d638;">Finanças</a></li>
<li class="linkCat"><a href="propage.html?categoria=entretenimento" style="color: #dd31b2;">Entretenimento</a></li>
<li class="linkCat"><a href="propage.html?categoria=seguranca" style="color: #807f7f;">Segurança</a></li>
<li class="linkCat"><a href="propage.html?categoria=outros" style="color: #815ed8;">Outros</a></li>
</ul>
</li>
<li class="li">
<a href="index.html#demanda" class="link">Requisições</a>
</li>
<li class="li">
<a href="index.html#saiba" class="link">Sobre nós</a>
</li>
<li class="li">
<a href="login.html" class="link">Entrar</a>
</li>
<li class="li">
<a href="cadastro.html" class="link" id="button"><button>Cadastrar</button></a>
</li>
</ul>
<!--Parte para deixar o site responsivo, criando um menu com os mesmos tópicos-->
<div class="mobile-menu-icon">
<button onclick="menuShow()"><img class="menu-icon" src="image/menu_white_36dp.svg"></button>
</div>
</nav>
<div class="mobile-menu">
<ul id="ul">
<li class="li">
<a href="index.html#home" class="link">Home</a>
</li>
<li class="li">
<a href="index.html#tutorial" class="link">Tutorial</a>
</li>
<li class="li">
<a href="index.html#projectos" class="link">Projetos </a>
</li>
<li class="li">
<a href="index.html#demanda" class="link">Requisições</a>
</li>
<li class="li">
<a href="index.html#saiba" class="link">Sobre nós</a>
</li>
<li class="li">
<a href="login.html" class="link">Entrar</a>
</li>
<li class="li">
<a href="cadastro.html" class="link" id="button"><button>Cadastrar</button></a>
</li>
</ul>
</div>
</header>
<!--Parte das demandas individuais-->
<main>
<div class="principal">
<div class="info-pedido">
<!--Mostrando as páginas de como ficaria a de cada pedido-->
<h1>Título do pedido</h1>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Laboriosam aspernatur magni quaerat, asperiores libero culpa. Molestiae nemo aut doloribus harum. Commodi esse molestiae architecto explicabo distinctio autem maiores, rerum eligendi.</p>
<h3>Prazo: <span>Indefinido</span></h3>
<div class="contatos">
<div class="telefone">
<i class="fa-solid fa-phone" style="color: #a0a4a8;"></i>
<p>(61)1234-5678</p>
</div>
<div class="email">
<i class="fa-solid fa-envelope" style="color: #a0a4a8;"></i>
<p>email@contato.com</p>
</div>
</div>
</div>
<div class="arquivos-pedido">
<fieldset>
<h5>Anexos de Arquivos</h5>
</fieldset>
</div>
</main>
<script src="./js/scriptperfil.js"></script>
<script src="./js/script.js"></script>
</body>
</html>