-
Notifications
You must be signed in to change notification settings - Fork 5
/
contato.html
125 lines (109 loc) · 5.82 KB
/
contato.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
<!DOCTYPE html>
<html>
<head>
<title>Site ENC</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="utf-8">
<meta name="description" content="Site ENC">
<meta name="keywords" content="Site ENC, UFSCar">
<meta name="author" content="PET BCC">
<meta name="language" content="pt-br">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-F3w7mX95PdgyTmZZMECAngseQB83DfGTowi0iMjiWaeVhAn4FJkqJByhZMI3AhiU" crossorigin="anonymous">
<link rel="stylesheet" href="css/main.css">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-/bQdsTh/da6pkI1MST/rWKFNjaCP5gBSY4sEBT38Q/9RBh9AH40zEOg7Hlq2THRZ" crossorigin="anonymous"></script>
</head>
<body style="background-color:whitesmoke">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<nav class="navbar navbar-expand-lg sticky-top navbar-light bg-light">
<div class="container-fluid">
<a class="navbar-brand" href="./index.html"><img class="bi me-2" width="147" height="36" src="media/logo.png"></a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="nav nav-pills ms-auto mb-2 mb-lg-0">
<li class="nav-item"><a href="./index.html" class="nav-link">Home</a></li>
<li class="nav-item"><a href="./sobre.html" class="nav-link">Sobre o curso</a></li>
<li class="nav-item"><a href="./pessoas.html" class="nav-link">Pessoas</a></li>
<li class="nav-item"><a href="./oportunidades.html" class="nav-link" aria-current="page">Oportunidades</a></li>
<li class="nav-item"><a href="./contato.html" class="nav-link active">Contato</a></li>
<li class="nav-item"><a href="./faq.html" class="nav-link">FAQ</a></li>
</ul>
</div>
</div>
</nav>
<div style="margin-top: 3%;">
<div style="text-align:center">
<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40"
fill="#1671A3" class="bi bi-envelope-fill" viewBox="0 0 16 16">
<path d="M.05 3.555A2 2 0 0 1 2 2h12a2 2 0 0 1 1.95 1.555L8 8.414.05 3.555ZM0 4.697v7.104l5.803-3.558L0 4.697ZM6.761 8.83l-6.57 4.027A2 2 0 0 0 2 14h12a2 2 0 0 0 1.808-1.144l-6.57-4.027L8 9.586l-1.239-.757Zm3.436-.586L16 11.801V4.697l-5.803 3.546Z"/>
</svg>
<h1 style= "color:#444444"><b>Entre em contato</b></h1>
</div>
<br>
<form
action="https://formsubmit.co/petbcc@ufscar.br"
method="POST"
class="form"
>
<div class="container">
<div class="row row-cols-1 row-cols-md-2 g-4">
<div class="col">
<div class="mb-3">
<label for="formGroupExampleInput" class="form-label">Seu nome (obrigatório)</label>
<input type="text" class="form-control" id="formGroupExampleInput2" name="name" required />
</div>
<div class="mb-3">
<label for="formGroupExampleInput2" class="form-label">Seu e-mail (obrigatório)</label>
<input type="email" class="form-control" id="formGroupExampleInput2" name="email" required />
</div>
<div class="mb-3">
<label for="formGroupExampleInput2" class="form-label">Assunto</label>
<input type="text" class="form-control" id="formGroupExampleInput2" name="_subject" required />
</div>
<div class="mb-3">
<label for="formGroupExampleInput2" class="form-label">Sua mensagem</label>
<textarea class="form-control" id="xampleFormControlTextarea1" rows="5" name="message" required ></textarea>
</div>
<input
type="hidden"
name="_next"
value="https://petbccufscar.github.io/site-enc/obrigado.html"
/>
<input type="submit" value="enviar" class="btn btn-primary"></input>
</div>
</form>
<div class="col">
<img src="./media/fachada_do_dc.jpg" class="img-thumbnail" alt="...">
<p style="color:#616161; text-align:center">A Fachada do Departamento de Computação da UFSCar</p>
</div>
</div>
</div>
</div>
<br>
<div style="text-align:center">
<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" fill="#1671A3" class="bi bi-geo-alt-fill" viewBox="0 0 16 16">
<path d="M8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10zm0-7a3 3 0 1 1 0-6 3 3 0 0 1 0 6z"/>
</svg>
<h1 style= "color:#444444"><b>Venha nos conhecer</b></h1>
</div>
<br>
<div>
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3699.768912124314!2d-47.883156334991526!3d-21.9818304610455!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x94b8711e42fdad05%3A0x6a0cd2ccbce13d28!2sDepartamento%20de%20Computa%C3%A7%C3%A3o!5e0!3m2!1spt-BR!2sbr!4v1648488203607!5m2!1spt-BR!2sbr" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
</div>
<footer class="text-center bg-light text-muted">
<hr>
<div class="row text-center p-4">
<p>
Universidade Federal de São Carlos
<br>
Rodovia Washington Luís, Km 235, s/n - Jardim Guanabara, São Carlos - SP, CEP 13565-905
</p>
</div>
<div class="row text-center p-4" style="background-color: rgba(0, 0, 0, 0.05);">
<p>© 2022 Engenharia de Computação - UFSCar. Todos os Direitos Reservados. Desenvolvido por <a href="http://petbcc.dc.ufscar.br/">PET-BCC UFSCar</a>.</p>
</div>
</footer>
</body>
</html>