-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
101 lines (95 loc) · 6.32 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
<!DOCTYPE html>
<html lang="pt-br">
<head>
<title>NOME</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" media="screen" href="css/main.css">
<script src="main.js"></script>
</head>
<body>
<nav id="menu-principal" class="navbar navbar-expand-lg navbar-light py-0 sticky-top text-capitalize font-weight-bold">
<div class="container">
<a class="navbar-brand" href="index.html">
<img src="images/logo.png">
</a>
<a class="navbar-toggler" data-toggle="collapse" data-target="#menu-principal-itens" href="">
<i class="navbar-toggler-icon"></i>
</a>
<div class="collapsed navbar-collapse" id="menu-principal-itens">
<ul class="navbar-nav ml-auto">
<li class="nav-item px-2"><a class="nav-link py-lg-5" href="index.html">Início</a></li>
<li class="nav-item px-2"><a class="nav-link py-lg-5" href="publicacoes.html">Publicações</a></li>
<li class="nav-item px-2"><a class="nav-link py-lg-5" href="membros.html">Membros</a></li>
<li class="nav-item px-2"><a class="nav-link py-lg-5" href="contato.html">Contato</a></li>
</ul>
</div>
</div>
</nav>
<header class="card border-0">
<img class="card-img" src="images/banner.png" alt="banner">
<div class="card-img-overlay sr-only">
<h1 class="display-4 text-white"><strong>NOME</strong> Research Group</h1>
</div>
</header>
<main class="container py-5">
<div class="row text-justify">
<div class="col-12">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. <strong>Dignissimos exercitationem commodi</strong> sint excepturi ex quis ducimus sequi voluptatem possimus, odio nostrum cupiditate enim earum repellat, at expedita reiciendis assumenda veritatis. <em>Lorem</em>, <em>ipsum</em> e <em>dolor</em> sit amet consectetur adipisicing elit. Aperiam, magni?</p>
<p>Atque unde sint velit, omnis iusto sequi. Lorem ipsum dolor sit amet consectetur adipisicing elit. Blanditiis, ratione fuga. Corporis, provident, cum eligendi atque aliquam non saepe laudantium odit soluta nostrum labore, voluptas fuga sit laboriosam veniam eos? Lorem ipsum dolor sit, amet consectetur adipisicing elit. Labore beatae, ut dolorum ipsum consequatur eveniet accusantium, in repellendus repudiandae assumenda animi voluptas quibusdam cumque ad architecto. Fugiat laboriosam eos quas!</p>
<img class="mx-auto d-block pb-3" src="http://placehold.it/500x250">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Commodi autem provident velit repellat suscipit error rem similique possimus sit ad tempore voluptate eaque alias magni, a perferendis nesciunt tenetur amet! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatum fugiat ut ullam, facilis deleniti repudiandae autem doloremque sapiente ipsa ipsam ea quo unde. Reprehenderit distinctio, incidunt quibusdam molestias ipsam impedit:</p>
<ul>
<li>Lorem ipsum dolor sit amet consectetur adipisicing elit.</li>
<li>Mollitia ad quasi totam numquam.</li>
<li>Voluptas corrupti quibusdam doloremque consequuntur est repellat cumque.</li>
<li>Rem aliquam neque sapiente error voluptates debitis temporibus ducimus.</li>
</ul>
</div>
</div>
</main>
<footer>
<div class="container">
<div class="row justify-content-between py-5">
<div class="col-md-6" id="contact">
<h6 class="text-secondary text-uppercase">Contate-nos</h6>
<p>
NOME Research Group <br>
Universidade Federal do Espírito Santo (UFES) <br>
Departamento de Ciências Florestais e da Madeira (DCFM) <br>
Av. Gov. Lindenberg, 316 - Centro, Jerônimo Monteiro/ES. <br>
Fone: (00) 0000-0000 <br>
Email: contato@nome.org.br <br>
</p>
</div>
<div class="col-md-4" id="search">
<h6 class="text-secondary text-uppercase">Busca rápida</h6>
<form class="form-inline" action="">
<label for="query" class="sr-only">Palavra chave</label>
<input class="form-control mr-2 border-secondary" id="query" type="text" placeholder="Pesquisar">
<input class="form-control mr-2 btn btn-outline-secondary" type="submit" value="Pesquisar">
</form>
<a href="http://www.ufes.br/" class="my-2" target="_blank">
<img class="img-fluid d-block py-4" src="images/logo-branco.png">
</a>
</div>
</div>
</div>
<nav id="menu-rodape" class="navbar navbar-expand-md navbar-dark">
<div class="container">
<span class="navbar-text">Copyright © 2019 - NOME Research Group.</span>
<ul class="navbar-nav d-none d-md-flex">
<li class="nav-item"><a class="nav-link" href="index.html">Início</a></li>
<li class="nav-item"><a class="nav-link" href="publicacoes.html">Publicações</a></li>
<li class="nav-item"><a class="nav-link" href="membros.html">Membros</a></li>
<li class="nav-item"><a class="nav-link" href="contato.html">Contato</a></li>
</ul>
</div>
</nav>
</footer>
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>