Repository navigation
Expand file tree
/
Copy pathindex.php
More file actions
157 lines (132 loc) · 6.61 KB
/
Copy pathindex.php
File metadata and controls
157 lines (132 loc) · 6.61 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<title>PetFree</title>
<!-- CSS -->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link href="css/materialize.css" type="text/css" rel="stylesheet" media="screen,projection"/>
<link href="css/style.css" type="text/css" rel="stylesheet" media="screen,projection"/>
</head>
<body>
<nav class="white" role="navigation">
<div class="nav-wrapper container">
<a id="logo-container" href="../" class="brand-logo"><i class="material-icons">pets</i>PetFree</a>
<ul id="nav-mobile" class="sidenav">
<li><a href="#">Navbar Link</a></li>
</ul>
<a href="#" data-target="nav-mobile" class="sidenav-trigger"><i class="material-icons">menu</i></a>
</div>
</nav>
<div id="index-banner" class="parallax-container">
<div class="section no-pad-bot">
<div class="container">
<br><br>
<h1 class="header center white-text">PetFree</h1>
<div class="row center">
<h5 class="header col s12 light">Sistema único do IFRN campus Caicó para pets que precisam de ajuda</h5>
</div>
<div class="row center">
<a href="animais/" id="download-button" class="btn-large waves-effect waves-light white black-text">ver pets</a>
</div>
<br><br>
</div>
</div>
<div class="parallax"><img src="img/background11.jpg" alt="Unsplashed background img 1"></div>
</div>
<div class="container">
<div class="section">
<!-- Icon Section -->
<div class="row">
<div class="col s12 m4">
<div class="icon-block">
<h2 class="center black-text"><i class="material-icons">flash_on</i></h2>
<h5 class="center">Adote um pet</h5>
<p class="light">O IFRN campus Caicó lida com uma grande quantidade de animais abandonados que instalam-se no domínio do instituto por encontrarem um local onde podem se abrigar. Contudo, a instituição não possui políticas de proteção formais direcionadas a eles, por tratar-se de uma organização de ensino. A adoção é um caminho alternativo para diminuir o número de pequeninos sem lar</p>
</div>
</div>
<div class="col s12 m4">
<div class="icon-block">
<h2 class="center black-text"><i class="material-icons">group</i></h2>
<h5 class="center">Ajude o campus</h5>
<p class="light">Ajudar um ser vivo é questão de ética. A instituição visa buscar a melhor maneira de resolver o problema. Embora contribuir com alimentação seja uma alternativa plausível, ainda não é o suficiente. Os gatos se reproduzem e causam um aumento na população de pets. É necessário o controle, para que outros problemas não irrompam</p>
</div>
</div>
<div class="col s12 m4">
<div class="icon-block">
<h2 class="center black-text"><i class="material-icons">star</i></h2>
<h5 class="center">Faça um animal feliz</h5>
<p class="light">Adotar é uma questão de escolha que envolve muita responsabilidade, carinho e afeto. Dar oportunidade de um lar mais aconchegante a um ser que nunca teve a chance de ter uma vida tranquila e livre é uma das atitudes mais nobres que um ser humano pode fazer. É uma questão de empatia. Pense um pouco nisso e levante os prós e contras. Podemos garantir que o retorno será alegria!</p>
</div>
</div>
</div>
</div>
</div>
<div class="parallax-container valign-wrapper">
<div class="section no-pad-bot">
<div class="container">
<div class="row center">
<h5 class="header col s12 light">O mais poderoso antidepressivo tem 4 patas e ronrona...</h5>
</div>
</div>
</div>
<div class="parallax"><img src="img/background16.jpeg" alt="Unsplashed background img 2"></div>
</div>
<div class="container">
<div class="section">
<div class="row">
<div class="col s12 center">
<h3><i class="mdi-content-send brown-text"></i></h3>
<h4>Um Pouco Mais</h4>
<p class="left-align light">Um protótipo que surgiu de uma pequena luz de ideia ganhou vida e agora está integrado ao instituto. O sistema foi resultado de um trabalho do terceiro bimestre da disciplina de Projeto e Desenvolvimento de Software, ministrada pelo docente Ari Barreto. A equipe buscou criar algo simples, limpo e claro, com o intuito de incentivar um ato de solidariedade entre os estudantes do instituto e os pets que não possuem lar.</p>
</div>
</div>
</div>
</div>
<div class="parallax-container valign-wrapper">
<div class="section no-pad-bot">
<div class="container">
<div class="row center">
<h5 class="header col s12 light">Alguns remédios não vem em frascos, mas sim em uma bola de pelos</h5>
</div>
</div>
</div>
<div class="parallax"><img src="img/background14.jpg" alt="Unsplashed background img 3"></div>
</div>
<footer class="page-footer black">
<div class="container">
<div class="row">
<div class="col l6 s12">
<h5 class="white-text">Biografia da equipe</h5>
<p class="grey-text text-lighten-4">Nós somos uma equipe de quatro estudantes do último ano do curso técnico integrado em informática (ano 2018) trabalhando nesse projeto com o intuito de ajudar os pets do campus. Nossa equipe é Composta por um gerente, um analista, um designer e um desenvolvedor.</p>
</div>
<div class="col l3 s12">
<h5 class="white-text">Gerente</h5>
<ul>
<li><a class="white-text" href="login/">Login</a></li>
</ul>
</div>
<div class="col l3 s12">
<h5 class="white-text">Integrantes</h5>
<ul>
<li><a class="white-text" href="#!">Luan Henrique</a></li>
<li><a class="white-text" href="#!">Jakssiel Lopes</a></li>
<li><a class="white-text" href="#!">Mateus Freitas</a></li>
<li><a class="white-text" href="#!">Ítalo de Azevedo</a></li>
</ul>
</div>
</div>
</div>
<div class="footer-copyright">
<div class="container">
Made by <a class="brown-text text-lighten-3" href="http://materializecss.com">Materialize</a>
</div>
</div>
</footer>
<!-- Scripts-->
<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script src="js/materialize.js"></script>
<script src="js/init.js"></script>
</body>
</html>