-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
177 lines (160 loc) · 8.91 KB
/
index.html
File metadata and controls
177 lines (160 loc) · 8.91 KB
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
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset='utf-8'>
<meta http-equiv='X-UA-Compatible' content='IE=edge'>
<meta name='viewport' content='width=device-width, initial-scale=1'>
<title>Landing Page Empresa</title>
<!-- Estilos -->
<link rel="stylesheet" href="assets/css/variables.css">
<link rel="stylesheet" href="assets/css/elements.css">
<link rel="stylesheet" href="assets/css/classes.css">
<link rel="stylesheet" href="assets/css/menu.css">
<link rel="stylesheet" href="assets/css/styles.css">
<link rel="stylesheet" href="assets/css/media.css">
<!-- Fontes -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,700;1,400&family=Roboto:wght@900&family=Fasthand&display=swap" rel="stylesheet">
</head>
<body>
<input type="checkbox" class="close-menu" id="close-menu" role="button" aria-label="Close menu">
<label class="close-menu-label" for="close-menu" title="close menu"></label>
<aside class="menu main-bg">
<div class="main-content menu-content">
<span onclick="getElementById('close-menu').checked = false;">
<a href="#page-top"><img src="/assets/img/softeam.png" alt=""></a>
</span>
<nav>
<ul onclick="getElementById('close-menu').checked = false;">
<li><a href="#page-top">Home</a></li>
<li><a href="#sobre">Sobre</a></li>
<li><a href="#downloads">Downloads</a></li>
<li><a href="#midia">Midia</a></li>
<li><a href="#contato">Contato</a></li>
</ul>
</nav>
</div>
</aside>
<!-- <div class="menu-spacing"></div> -->
<header id="page-top" class="page-top section">
<div class="main-content">
<h1><img src="assets/img/softeam.png" alt="logo SOFTEAM"></h1>
<h3>Empresa Junior de Computação</h3>
<h4>UFS</h4>
</div>
</header>
<section id="sobre" class="main-bg section">
<div class="main-content">
<div class="sobre-content">
<div class="sobre-content-esquerda">
<h2>SOBRE</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Corrupti quasi sunt hic. Similique, qui unde tempore dicta cupiditate praesentium natus cumque ex ratione at neque sit accusantium, et odio libero.</p>
<h3>Fundação em 1997</h3>
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Repellat temporibus illo aliquam assumenda quam explicabo eaque voluptate ut itaque esse fuga natus similique ad error, exercitationem unde quod. Deserunt, reprehenderit.</p>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Est excepturi maxime ea eligendi illo earum dolore unde, totam, eaque ducimus a accusantium necessitatibus sapiente, recusandae iusto. Omnis rerum aut atque.</p>
</div>
<div class="sobre-content-direita">
<a href="https://www.instagram.com/p/CMcLdGJhDmn/" target="_blank"><img id="imagem1" src="/assets/img/softeam-instagram-0.jpg" alt="imagem softeam html"></a>
</div>
</div>
<div class="sobre-content sobre-content-baixo">
<h3>Aqui tem mais informações</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Pariatur necessitatibus eaque reiciendis culpa, reprehenderit harum consequuntur aut iure, earum cumque ducimus tenetur perferendis officiis expedita quae provident odit nam nisi!</p>
</div>
</div>
</section>
<section id="downloads" class="white-bg section">
<div class="main-content">
<div class="downloads-content">
<div class="downloads-content-img">
<img src="/assets/img/download.svg" alt="imagem com simbolo de seta para baixo, simbolizando download">
<h2>DOWNLOADS</h2>
<h3>Baixe aqui nossos softwares</h3>
<h6>Download Grátis</h6>
</div>
<div class="downloads-buttons">
<a href="/assets/files/arquivo1.txt" download="arquivo1-ver2.0.txt" target="_blank"><input type="button" class="button" value="Programa 1 ver 2.0"></a>
<a href="/assets/files/arquivo2.txt" download="arquivo2-ver8.0.txt""><input type="button" class="button" value="Programa 2 ver 8.0"></a>
<a href="/assets/files/arquivo3.txt" download="arquivo3-ver1.0.txt"><input type="button" class="button" value="Programa 3 ver 1.0"></a>
</div>
<div>
<h4>Todas versões atualizadas.</h4>
</div>
</div>
</div>
</section>
<section id="midia" class="main-bg section">
<div class="main-content">
<div class="midia-content">
<h2>Midia</h2>
<h5>FOTOS</h5>
<div class="midia-content-photos">
<div class="midia-img-desc">
<a href="https://www.instagram.com/p/Ch9wuuGtKIR/" target="_blank"><img src="/assets/img/softeam-instagram-1.jpg" alt="imagem escrito O que é node? "></a>
<h6>O que é No-Code?</h6>
</div>
<div class="midia-img-desc">
<a href="https://www.instagram.com/p/Cg2QS1kNgQ6/" target="_blank"><img src="/assets/img/softeam-instagram-2.jpg" alt="Imagem do Processo Seletivo 2022.2 Softeam"></a>
<h6>PSEL 2022.2</h6>
</div>
<div class="midia-img-desc">
<a href="https://www.instagram.com/p/Cgwivq1N555/" target="_blank"><img src="/assets/img/softeam-instagram-3.jpg" alt="Imagem escrito METAVERSO"></a>
<h6>METAVERSO</h6>
</div>
<div class="midia-img-desc">
<a href="https://www.instagram.com/p/Cgjo3N2vGId/" target="_blank"><img src="/assets/img/softeam-instagram-4.jpg" alt="Imagem escrito DEV OPS"></a>
<h6>DEV OPS</h6>
</div>
<div class="midia-img-desc">
<a href="https://www.instagram.com/p/CgM0pNKtlNl/" target="_blank"><img src="/assets/img/softeam-instagram-5.jpg" alt="Imagem escrito O QUE É LOWCODE"></a>
<h6>O QUE É LOWCODE</h6>
</div>
<div class="midia-img-desc">
<a href="https://www.instagram.com/p/CfwI90kNUXM/" target="_blank"><img src="/assets/img/softeam-instagram-6.jpg" alt="Imagem escrito METODOLÓGIAS ÁGEIS"></a>
<h6>METODOLÓGIAS ÁGEIS XP</h6>
</div>
</div>
</div>
</div>
</section>
<section id="contato" class="section contato">
<div class="main-content contato-content">
<div>
<h2 style="text-align: center;">CONTATO</h2>
</div>
<fieldset class="formulario">
<legend>
<h6>Formulário de Contato</h6>
<p>Deixe sua pergunta e um meio de contato para retornarmos</p>
</legend>
<div class="form-group">
<label for="nome-completo">Nome</label>
<input type="text" name="nome-completo" id="nome-completo" placeholder="Seu Nome Completo">
</div>
<div class="form-group">
<label for="telefone">Telefone | WhatsApp</label>
<input type="tel" name="telefone" id="telefone" placeholder="(XX) 9 1234-5678">
</div>
<div class="form-group">
<label for="email">E-mail</label>
<input type="email" name="email" id="email" placeholder="e-mail@dominio.com">
</div>
<div class="form-group full-width">
<label for="mensagem">Mensagem</label>
<textarea name="mensagem" id="mensagem" cols="30" rows="10" placeholder="DEIXE AQUI SUA MENSAGEM | DÚVIDA | SUGESTÃO | ETC"></textarea>
</div>
<div class="form-group full-width button-form">
<button type="submit">Enviar Mensagem</button>
</div>
</fieldset>
</div>
</section>
<footer class="white-bg">
<div class="footer-content">
<p>Feito com ❤️ por <a href="http://github.com/DanielSenaDev" target="_blank">Daniel Sena</a>.</p>
</div>
</footer>
<a class="back-to-top" href="#page-top"></a>
</body>
</html>