-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathcontato.html
148 lines (140 loc) · 7.31 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
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Pythonic.cafe</title>
<link rel="canonical" href="/contato.html">
<!-- Required meta tags -->
<link rel="stylesheet" href="/theme/css/tailwind.css">
<style>
html {
scroll-behavior: smooth;
}
</style>
</head>
<body class="flex flex-col min-h-screen">
<header>
<nav id="nav" class="bg-blue-700 shadow" role="navigation">
<div class="container mx-auto p-4 flex flex-wrap items-center md:flex-no-wrap">
<div class="mr-4 md:mr-8">
<a href="https://pythonic.cafe">
<span class="text-xl text-white">Pythonic Café</span>
</a>
</div>
<div class="ml-auto md:hidden">
<button onclick="menuToggle()" class="flex items-center px-3 py-2 border rounded" type="button">
<svg class="h-3 w-3 text-white" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
<title>Menu</title>
<path fill="currentColor" d="M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0v-2z" />
</svg>
</button>
</div>
<div id="menu"
class="w-full h-0 transition-all ease-out duration-500 md:transition-none md:w-auto md:flex-grow md:flex md:items-center">
<ul id="ulMenu"
class="flex flex-col duration-300 ease-out sm:transition-none mt-5 mx-4 md:flex-row md:items-center md:mx-0 md:ml-auto md:mt-0 md:pt-0 md:border-0">
<li>
<a class="md:p-2 lg:px-4 btn-menu duration-500" href="index"
title="Home">Home</a>
</li>
<li>
<a class="md:p-2 lg:px-4 btn-menu duration-500" href="projetos"
title="Projetos">Projetos</a>
</li>
<li>
<a class="md:p-2 lg:px-4 btn-menu duration-500" href="videos"
title="Videos">Videos</a>
</li>
<li>
<a class="md:p-2 lg:px-4 btn-menu duration-500" href="cursos"
title="Cursos">Cursos</a>
</li>
<li>
<a class="md:p-2 lg:px-4 btn-menu duration-500" href="comunidades"
title="Comunidades">Comunidades</a>
</li>
<li>
<a class="md:p-2 lg:px-4 btn-menu duration-500 text-white" href="contato"
title="Contato">Contato</a>
</li>
</ul>
</div>
</div>
</nav>
</header>
<main class="flex-grow">
<div class="py-64 mx-auto max-w-md bg-white">
<section class="bg-gray-300 shadow-xl">
<div id="email" class="container px-5 py-24 mx-auto flex flex-col items-center">
<h1 class="font-bold text-2xl text-gray-700">Contato</h1>
</div>
</section>
</div>
</main>
<footer class="text-gray-700 body-font bg-gray-400">
<div class="container px-5 py-12 mx-auto">
<div class="flex flex-wrap md:text-left text-center -mb-10 -mx-4">
<div class="lg:w-1/6 md:w-1/2 w-full px-4">
<h2 class="title-font font-medium text-gray-900 tracking-widest text-sm mb-3">Menu</h2>
<nav class="list-none mb-10">
<li>
<a class="text-gray-600 hover:text-gray-800" href="index"
title="Home">Home</a>
</li>
<li>
<a class="text-gray-600 hover:text-gray-800" href="projetos"
title="Projetos">Projetos</a>
</li>
<li>
<a class="text-gray-600 hover:text-gray-800" href="videos"
title="Videos">Videos</a>
</li>
<li>
<a class="text-gray-600 hover:text-gray-800" href="cursos"
title="Cursos">Cursos</a>
</li>
<li>
<a class="text-gray-600 hover:text-gray-800" href="comunidades"
title="Comunidades">Comunidades</a>
</li>
<li>
<a class="hover:text text-gray-600 font-bold" href="contato"
title="Contato">Contato</a>
</li>
</nav>
</div>
</div>
</div>
<div>
<div class="container px-5 py-4 flex flex-wrap mx-auto items-center">
<span class="inline-flex mx-auto lg:mt-0 mt-6 w-full justify-center md:justify-start md:w-auto">
<a href="https://github.com/PythonicCafe/PythonicCafe.github.io"
class="ml-3 text-gray-600 hover:scale-125 transform transition duration-500 hover:text-gray-900">
<svg fill="currentColor" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"
stroke-width="0" class="w-5 h-5" viewBox="0 0 24 24">
<path
d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22" />
</svg>
</a>
<a href="https://www.youtube.com/channel/UC9rtYzWLlYRfbYjDUDsVmUg"
class="ml-3 text-gray-600 hover:scale-125 transform transition duration-500 hover:text-gray-900">
<svg fill="currentColor" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"
stroke-width="0" class="w-5 h-5" viewBox="0 0 24 24">
<path troke="none"
d="M19.615 3.184c-3.604-.246-11.631-.245-15.23 0-3.897.266-4.356 2.62-4.385 8.816.029 6.185.484 8.549 4.385 8.816 3.6.245 11.626.246 15.23 0 3.897-.266 4.356-2.62 4.385-8.816-.029-6.185-.484-8.549-4.385-8.816zm-10.615 12.816v-8l8 3.993-8 4.007z" />
</svg>
</a>
</span>
</div>
</div>
<div class="bg-gray-500">
<div class="container mx-auto py-4 px-5 flex flex-wrap flex-col sm:flex-row">
<p class="text-gray-900 text-sm text-center sm:text-left font- font-semibold">Pythonic.Café</p>
</div>
</div>
</footer>
<script src="/theme/js/iconify.min.js"></script>
<script src="/theme/js/app.js"></script>
</body>
</html>