-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
89 lines (88 loc) · 4.46 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<meta name="description" content="Code Sailors Consultancy Agency"/>
<title>Code Sailors - Braving new worlds </title>
<link rel="stylesheet" type="text/css" href="/styles/main.css">
</head>
<script type="module" src="/javascript/main.js"></script>
<body class="container">
<header>
<span class="title">Code Sailors</span>
<nav class="menu">
<ul>
<li><a href="#what_we_do" target="_self">O que fazemos</a></li>
<li><a href="#who_we_are" target="_self">Quem somos</a></li>
<li><a href="#contact_us" target="_self">Contacto</a></li>
</ul>
</nav>
</header>
<main>
<h1>Braving new digital worlds</h1>
<section id="what_we_do" class="slide">
<div>
<h2>O que fazemos?</h2>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
dolore magna aliqua. Nibh sed pulvinar proin gravida hendrerit lectus. Etiam dignissim diam quis enim
lobortis scelerisque. Nibh cras pulvinar mattis nunc. Egestas congue quisque egestas diam in arcu
cursus.
Nunc mattis enim ut tellus elementum sagittis. Bibendum neque egestas congue quisque egestas diam. Amet
massa vitae tortor condimentum lacinia quis vel. Cursus eget nunc scelerisque viverra mauris. Viverra
aliquet eget sit amet tellus cras adipiscing enim eu. Egestas sed sed risus pretium. Sit amet volutpat
consequat mauris nunc congue nisi vitae. Mattis aliquam faucibus purus in massa tempor. Id eu nisl nunc
mi.
</p>
</div>
<img src="/styles/photos/sunset_on_sand.jpg" alt="picture of a sunset on the beach" height="300" width="500">
</section>
<section id="who_we_are">
<h2>Quem somos?</h2>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
dolore magna aliqua. Diam ut venenatis tellus in. Ac auctor augue mauris augue neque gravida in fermentum.
Quam id leo in vitae turpis massa sed. Sapien pellentesque habitant morbi tristique senectus et. Scelerisque
fermentum dui faucibus in ornare quam. Sit amet mauris commodo quis. Convallis a cras semper auctor neque
vitae tempus quam. Id eu nisl nunc mi ipsum faucibus vitae aliquet nec. Venenatis a condimentum vitae sapien
pellentesque habitant morbi tristique. Vitae proin sagittis nisl rhoncus. Elit at imperdiet dui accumsan sit
amet nulla facilisi. Nibh venenatis cras sed felis. Adipiscing elit duis tristique sollicitudin nibh. Quis
blandit turpis cursus in hac habitasse platea dictumst quisque. Quis viverra nibh cras pulvinar mattis nunc
sed blandit. Pharetra sit amet aliquam id. Commodo nulla facilisi nullam vehicula ipsum a arcu cursus. Odio
pellentesque diam volutpat commodo.
</p>
</section>
<section id="contact_us">
<h2>Contacte-nos</h2>
<form action="" method="post" class="form-submission">
<div class="aggregate-inputs">
<div class="">
<label for="email">Endereço electrónico</label>
<input id="email" type="email">
</div>
<div class="">
<label for="work-type-select">Tipos de projectos</label>
<select id="work-type-select" name="work-type">
<option value="">-- Por favor escolha --</option>
<option value="website">Página web</option>
<option value="online-store">Loja Online</option>
<option value="custom-project">Projecto à medida</option>
</select>
</div>
</div>
<div class="">
<label for="content">Descrição</label>
<textarea id="content" name="story" rows="5" cols="33">Por favor, escreva uma breve descrição do que gostaria de realizar...</textarea>
</div>
</form>
</section>
</main>
<footer>
<div class="copyright">
<div>Made by CodeSailors © <span id="currentYear"></span></div>
<div>All rights reserved.</div>
</div>
</footer>
</body>
</html>