forked from gerdsonSony/ifal-programas-sociais
-
Notifications
You must be signed in to change notification settings - Fork 0
/
informativos.html
123 lines (113 loc) · 4.87 KB
/
informativos.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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Meu perfil</title>
<link rel="stylesheet" type="text/css" href="css/base.css">
<link rel="stylesheet" type="text/css" href="css/aluno.css">
</head>
<body>
<div id="global">
<nav>
<a href="index.html">
<section id="logo">
<img src="img/logo64.png">
<h2>SIPS</h2>
</section>
</a>
<ul>
<li>
<a href="index.html">Página Inicial</a>
</li>
<li>
<a href="docs/calendario2016.pdf">Calendário Acadêmico</a>
</li>
<li>
<a href="resultados-selecoes.html">Resultados/Seleções</a>
</li>
<li>
<a href="programas-sociais.html">Programas</a>
</li>
<li>
<a href="informativos.html">Informativos</a>
</li>
<li>
<a href="fale-conosco.html">Fale Conosco</a>
</li>
</ul>
</nav>
<main id="corpo">
<header id="cabecalho">
<h1 class="logo">Sistema de Programas Sociais - IFAL</h1>
<div class="profile">
<img class="foto" src="img/goku.jpg">
<div class="dropdown">
<a href="login.html">Login</a>
</div>
</div>
</header>
<div class="content">
<section>
<h1>Últimos Informativos</h1>
</section>
<section id="informativo">
<div class="informativo">
<h3>Lorem ipsum dolor sit amet</h3>
<p>
Suspendisse nec risus urna. Sed sollicitudin sem sit amet sagittis condimentum. Sed at pharetra lacus, id mollis massa. Mauris at sodales ligula. Pellentesque pharetra lectus at convallis pretium. Fusce laoreet, felis sed elementum volutpat, sapien orci varius sem, sit amet eleifend justo felis sed urna. Vestibulum molestie orci ex.
</p>
</div>
<div class="informativo">
<h3>Nullam eget sem tincidunt</h3>
<p>
Praesent eleifend, nunc quis ullamcorper tristique, lorem nisl elementum turpis, non ultrices lectus diam vel nulla. Mauris tincidunt elit ac faucibus consectetur. Cras aliquam massa nisi, vitae eleifend eros mollis vel. Pellentesque lacinia sem metus, vitae aliquet lacus molestie in.
</p>
</div>
<div class="informativo">
<h3>Vivamus vel mollis nisi</h3>
<p>
Duis et ligula quis tellus luctus dictum. Donec commodo ullamcorper felis ac ultricies. Nunc purus dolor, convallis at ipsum in, tristique bibendum massa. Vivamus ut neque dictum, fringilla justo nec, semper augue. Donec cursus dignissim sapien. Aliquam erat volutpat.
</p>
</div>
<div class="informativo">
<h3>Lorem ipsum dolor sit amet</h3>
<p>
Suspendisse nec risus urna. Sed sollicitudin sem sit amet sagittis condimentum. Sed at pharetra lacus, id mollis massa. Mauris at sodales ligula. Pellentesque pharetra lectus at convallis pretium. Fusce laoreet, felis sed elementum volutpat, sapien orci varius sem, sit amet eleifend justo felis sed urna. Vestibulum molestie orci ex.
</p>
</div>
<div class="informativo">
<h3>Nullam eget sem tincidunt</h3>
<p>
Praesent eleifend, nunc quis ullamcorper tristique, lorem nisl elementum turpis, non ultrices lectus diam vel nulla. Mauris tincidunt elit ac faucibus consectetur. Cras aliquam massa nisi, vitae eleifend eros mollis vel. Pellentesque lacinia sem metus, vitae aliquet lacus molestie in.
</p>
</div>
<div class="informativo">
<h3>Vivamus vel mollis nisi</h3>
<p>
Duis et ligula quis tellus luctus dictum. Donec commodo ullamcorper felis ac ultricies. Nunc purus dolor, convallis at ipsum in, tristique bibendum massa. Vivamus ut neque dictum, fringilla justo nec, semper augue. Donec cursus dignissim sapien. Aliquam erat volutpat.
</p>
</div>
<div class="informativo">
<h3>Lorem ipsum dolor sit amet</h3>
<p>
Suspendisse nec risus urna. Sed sollicitudin sem sit amet sagittis condimentum. Sed at pharetra lacus, id mollis massa. Mauris at sodales ligula. Pellentesque pharetra lectus at convallis pretium. Fusce laoreet, felis sed elementum volutpat, sapien orci varius sem, sit amet eleifend justo felis sed urna. Vestibulum molestie orci ex.
</p>
</div>
<div class="informativo">
<h3>Nullam eget sem tincidunt</h3>
<p>
Praesent eleifend, nunc quis ullamcorper tristique, lorem nisl elementum turpis, non ultrices lectus diam vel nulla. Mauris tincidunt elit ac faucibus consectetur. Cras aliquam massa nisi, vitae eleifend eros mollis vel. Pellentesque lacinia sem metus, vitae aliquet lacus molestie in.
</p>
</div>
<div class="informativo">
<h3>Vivamus vel mollis nisi</h3>
<p>
Duis et ligula quis tellus luctus dictum. Donec commodo ullamcorper felis ac ultricies. Nunc purus dolor, convallis at ipsum in, tristique bibendum massa. Vivamus ut neque dictum, fringilla justo nec, semper augue. Donec cursus dignissim sapien. Aliquam erat volutpat.
</p>
</div>
</section>
</div>
</main>
</div>
</body>
</html>