-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
194 lines (162 loc) · 7.61 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
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-7V73Z0Y85Y"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-7V73Z0Y85Y');
</script>
<meta charset="UTF-8">
<title>Carta de Apresentação</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<link href='http://fonts.googleapis.com/css?family=Chelsea+Market' rel='stylesheet' type='text/css'>
<link rel="icon" type="image/png" href="src/image/android-icon-96x96.png"/>
<link rel="stylesheet" href="src/css/main.css">
<link rel="stylesheet" href="/dist/css/output.css">
</head>
<body class="py-6 bg-slate-200 text-lg">
<div class=" ">
<!-- LOGO / LINKS-->
<header class=" ">
<a class=""
href="https://github.com/Univesp-Computacao">
<img class="m-4 flex mx-auto "
id="logo"
src="src/image/logo.png"
width="210"
height="210">
<h1 class="text-4xl md:text-6xl font-black flex flex-col text-center ">
PROJETO GITHUB-UNIVESP
<br>
<small class="text-xl font-medium text-center pt-2 text-shadow-lg text-rose-800 ">
de estudantes para estudantes
</small>
</h1>
</a>
<!--lista de links-->
<div class="pb-4 flex mx-auto mx-4 my-2 text-gray-600 ">
<ul class="flex mx-auto flex-col text-center pt-4">
<li class="py-1 ">
Faça sua conta no
<a
class="text-gray-900 font-bold
hover:font-black hover:underline
"
href="https://docs.github.com/pt/get-started/signing-up-for-github/signing-up-for-a-new-github-account"
target="_blank" rel="noopener noreferrer">Github </a>
</li>
<li class="py-1">
Acesse o
<a
class="text-gray-900 font-bold hover:font-black hover:underline"
href="https://github.com/mobile"
target="_blank"
rel="noopener noreferrer">
Github Mobile
</a>
</li>
<li class="py-1">
Visite nosso
<a
class="text-gray-900 font-bold hover:font-black hover:underline "
href="https://univesp-computacao.github.io/portal-disciplinas/"
rel="noopener noreferrer">
Portal de Disciplinas </a>
</li>
<li class="py-1">
Acesse o repositório dessa
<a
class="text-gray-900 font-bold hover:font-black hover:underline"
href="https://github.com/Univesp-Computacao/carta_apresentacao"
target="_blank"
rel="noopener noreferrer"> Página </a>
</li>
</ul>
</div>
</header>
<main>
<section class="p-8 pb-12 bg-blue-300 max-w-full">
<!-- SOBRE-->
<h2 class="text-6xl pb-4 font-bold text-center text-blue-900 tracking-wide">
Sobre
</h2>
<p class="flex mx-auto text-center max-w-4xl text-lg">
Grupo criado para armazenar repositórios de códigos e referências às disciplinas em comum às três áreas
(TI,CD e EC). Mas, além disso, queremos tornar o estudo colaborativo, pois o Git é a ferramenta mais
adequada para lidar com códigos e quando usado em coletivo se torna mais profissional.
</p>
</section>
<section class="p-8 pb-12 bg-blue-900">
<!-- PROPOSTA-->
<h2 class="text-6xl pb-4 font-bold text-center text-blue-200 tracking-wide">
Proposta
</h2>
<p class="flex mx-auto text-center max-w-4xl text-blue-100 ">
Os repositórios são baseados e guiados por discipinas do curso, dando no
início preferência às disciplinas mais abrangentes.
Depois podemos nos aprofundar, dando exemplos de projetos reais: se aprofundando em linguagens de
programação com banco de dados, além de frameworks, containers, cloud, linux, etc...
</p>
</section>
<section class="p-8 pb-12">
<!-- CONVITE-->
<h2 class="text-6xl pb-4 font-bold text-center pb-8 tracking-wide">
Cartinha de convite
</h2>
<p class="flex mx-auto text-center max-w-4xl ">
É com muito prazer e satisfação que nós anunciamos a criação de um Github que poderá sepor
todos os alunos da UNIVESP, independente do curso ou período.
Entendemos que o Github pode ser um espaço colaborativo muito rico que busca a contribuição e
divulgação de dicas dos cursos, projetos relacionados a UNIVESP, e a possibilidade de ser um espaço
em comum onde toda interação será bem vinda.
O Git é uma ferramenta de versionamento não centralizado, e o Github é o espaço que permite a
consulta e o desenvolvimento de qualquer um que queira estar envolvido em um determinado projeto.
Por isso, buscando a inclusão e sociabilização dos alunos da UNIVESP, acreditamos que o projeto
Github UNIVESP poderá ajudar na construção de um grupo mais fortalecido para os assuntos
relacionados a faculdade.
</section>
<section class="p-4 bg-sky-400">
<!-- FAÇA PARTE-->
<h2 class="text-6xl pb-4 text-center text-black ">
Faça parte!</h2>
<ul class="flex mx-auto flex-col text-center text-red-800">
<li
class=" hover:font-bold hover:text-red-900"
>Quer estudar em comunidade?
</li>
<li
class=" hover:font-bold hover:text-red-900"
>Aprender mais sobre Git?
</li>
<li
class=" hover:font-bold hover:text-red-900"
>Colocar seu conhecimento em prática?
</li>
<li
class=" hover:font-bold hover:text-red-900"
>Toda colaboração é bem-vinda!
</li>
</ul>
<div class="flex mx-auto justify-center pt-8">
<a class=""
href="https://t.me/+9ls6SK68QdhlNmZh">
<button
class=" flex
text-white bg-gradient-to-r from-red-400 via-red-500 to-red-600 hover:bg-gradient-to-br focus:ring-4 focus:outline-none focus:ring-red-300 shadow-lg shadow-red-500/50 font-medium rounded-lg text-lg px-5 py-2.5 text-center mr-2 mb-2"
>
Entre em contato
</a>
</div>
</section>
</main>
<footer class="bg-black py-2">
<p class="text-gray-200 text-end mx-4 text-sm">
Desenvolvido por Github Univesp - Estudantes - 2021-2022
</p>
</footer>
</div>
</body>
</html>