-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
140 lines (135 loc) · 6.96 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
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
<!DOCTYPE html>
<html lang="pt-br">
<head>
<!--Required meta tags-->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!--Bootstrap CSS-->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<!--Custom CSS-->
<link rel="stylesheet" href="style.css" type="text/css">
<link rel="icon" href="assets/images/favicon.jpg" type="image/x-icon">
<title>LEV | AR</title>
</head>
<body>
<nav class="navbar navbar-expand navbar-dark bg-black fixed-top">
<div class="container">
<a class="navbar-brand" href="#"><img src="assets/images/lev-icon.png" alt="icone-lev" width=45px id="brandLogo"></a>
<ul class="navbar-nav text-white nav-justified w-100">
<li class="nav-item active">
<a class="nav-link" href="#inicio">Início</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#sobre">Sobre</a>
</li>
</ul>
</div>
</nav>
<!--Inicio-->
<div class="container" id="inicio">
<div class="row justify-content-center">
<div class="col-11 col-lg-10 mt-4">
<img src="assets/images/assinatura.png" class="img-fluid mb-5" alt="LevAR Banner">
<div class="row">
<div class="col-12 px-0 mb-4 text-center">
<h4>Visualize os mockups em Realidade Aumentada</h4>
</div>
</div>
<div class="row">
<div class="col-12 px-0 mb-3">
<p><span>1. </span>Escolha o modelo que deseja visualizar. A câmera do seu dispositivo será aberta.</p>
</div>
</div>
<div class="row mb-3">
<div class="col-12 d-flex justify-content-between text-center px-0 mb-2">
<div class="card bg-black px-0 mr-1">
<a href="jcdecaux.html" target="_blank"><img class="card-img-top img-fluid" src="assets/images/card-relogio.jpg" alt="Thumb relógio de rua"></a>
<div class="card-body">
<a href="jcdecaux.html" target="_blank" class="text-white">Relógio de rua</a>
</div>
</div>
<div class="card bg-black px-0 ml-1">
<a href="otima.html" target="_blank"><img class="card-img-top img-fluid" src="assets/images/card-ponto.jpg" alt="Thumb ponto de ônibus" width=250px></a>
<div class="card-body">
<a href="otima.html" target="_blank" class="text-white">Ponto de ônibus</a>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-12 d-flex justify-content-between px-0 my-3">
<div class="col-6 px-0 pr-1">
<p class="text-justify pr-1"><span>2. </span>Escaneie o marcador no book impresso. Caso você não tenha acesso, é possível imprimir o marcador ao lado ou escaneá-lo em outro dispositivo.</p>
</div>
<div class="col-6 px-0 pl-1">
<a href="assets/markers/pattern-levar.png" target="_blank"><img src="assets/markers/pattern-levar.png" class="img-fluid" id="marker"></a>
</div>
</div>
</div>
<hr>
<!--Sobre-->
<div class="row px-0 mt-5" id="sobre">
<div class="col-12 px-0">
<h4>Sobre</h4>
</div>
</div>
<div class="row">
<div class="col-12 px-0 mt-3">
<p class="text-justify">Essa página faz parte do Trabalho de Conclusão de Curso da turma 08G do curso de Publicidade e Propaganda da Universidade Presbiteriana Mackenzie.</p>
</div>
</div>
<div class="row">
<div class="col-12 mt-2 px-0">
<h5>Grupo</h5>
</div>
</div>
<div class="row my-3 justify-content-center">
<div class="col-sm-6 d-flex flex-column justify-content-center align-items-center">
<div class="col-6 px-0"><img src="assets/images/dani.jpg" class="img-fluid rounded-circle"></div>
<div class="px-0 text-center"><p class="mt-2 nome"><span>Daniele Joukhadar</span><br>Orientadora</p></div>
</div>
</div>
<div class="row">
<div class="col-sm-6 d-flex flex-column justify-content-center align-items-center mb-3">
<div class="col-6 px-0"><img src="assets/images/bia.jpg" class="img-fluid rounded-circle"></div>
<div class="px-0 text-center"><p class="mt-2 nome"><span>Beatriz Tonndorf</span></p></div>
</div>
<div class="col-sm-6 d-flex flex-column justify-content-center align-items-center mb-3">
<div class="col-6 px-0"><img src="assets/images/fe.jpg" class="img-fluid rounded-circle"></div>
<div class="px-0 text-center"><p class="mt-2 nome"><span>Felipe Steflitsch</span></p></div>
</div>
</div>
<div class="row mb-5">
<div class="col-sm-6 d-flex flex-column justify-content-center align-items-center mb-3">
<div class="col-6 px-0"><img src="assets/images/mat.jpg" class="img-fluid rounded-circle"></div>
<div class="px-0 text-center"><p class="mt-2 nome"><span>Matheus Diório</span></p></div>
</div>
<div class="col-sm-6 d-flex flex-column justify-content-center align-items-center mb-3">
<div class="col-6 px-0"><img src="assets/images/renan.jpg" class="img-fluid rounded-circle"></div>
<div class="px-0 text-center"><p class="mt-2 nome"><span>Renan Iwamoto</span></p></div>
</div>
</div>
<hr>
<div class="row my-5">
<div class="col d-flex justify-content-center">
<p>2019</p>
</div>
</div>
</div>
</div>
</div>
<!--Optional JavaScript-->
<script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
<script>
$( '.navbar-dark .navbar-nav a' ).on( 'click', function () {
$( '.navbar-dark .navbar-nav' ).find( 'li.active' ).removeClass( 'active' );
$( this ).parent( 'li' ).addClass( 'active' );
$("html, body").animate({
scrollTop: $( this.getAttribute('href') ).offset().top -73
}, 100);
});
</script>
</body>
</html>