-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathartigo.html
102 lines (95 loc) · 5.54 KB
/
artigo.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
<!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">
<h2 class="text-center">Titulo do artigo</h2>
<h4 class="text-center">Nome do Autor 1, Nome do Autor 2</h2>
<div class="row text-justify pt-5">
<div class="col-12">
<img class="mx-auto d-block pb-3" src="http://placehold.it/400x200?text=Graphical+Abstract">
<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>
<p>Outras informações do artigo:</p>
<ul>
<li>Citação completa do artigo (BibTeX, EndNote, ...)</li>
<li>Qualis / Fator de Impacto</li>
<li><a href="" target="_blank">http://dx.doi.org/...</a></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>