-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathpaginaproduto.html
114 lines (109 loc) · 7.44 KB
/
paginaproduto.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
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<meta name="description" content="" />
<meta name="author" content="" />
<title>metatrade - Página do Produto</title>
<!-- Favicon-->
<link rel="icon" type="image/x-icon" href="assets/img/metatrade_logoBranco.png" />
<!-- Bootstrap icons-->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css" rel="stylesheet" />
<!-- Core theme CSS (includes Bootstrap)-->
<link href="css/styles.css" rel="stylesheet" />
</head>
<body>
<!-- Responsive navbar-->
<header>
<!-- Responsive navbar-->
<nav class="navbar fixed-top navbar-expand-lg navbar-dark bg-danger">
<div class="container px-5">
<img src="assets/img/metatrade_logoBranco.png" alt="logo metatrade">
<a class="navbar-brand text-light me-5" href="index.html">metatrade</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ms-auto mb-2 mb-lg-0">
<li class="nav-item"><a class="nav-link ms-2" aria-current="page" href="index.html">Home</a></li>
<li class="nav-item"><a class="nav-link ms-2" href="aboutus.html">Sobre nós</a></li>
<li class="nav-item"><a class="btn btn-outline-light ms-3" href="verifica_login.php">Meu Perfil</a></li>
</ul>
</div>
</div>
</nav>
</header>
<main>
<div class="pt-5 my-5 mx-5">
<h3 class="text-bold text-center">Exemplo de Produto</h2>
</div>
<!--CAROUSEL-->
<div id="carouselExampleControls" class="carousel slide my-5 mx-5" data-bs-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<svg class="bd-placeholder-img bd-placeholder-img-lg d-block w-100" width="800" height="400" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder: First slide" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="#777"></rect><text x="50%" y="50%" fill="#555" dy=".3em">Primeiro Slide</text></svg>
</div>
<div class="carousel-item">
<svg class="bd-placeholder-img bd-placeholder-img-lg d-block w-100" width="800" height="400" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder: Second slide" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="#666"></rect><text x="50%" y="50%" fill="#444" dy=".3em">Segundo Slide</text></svg>
</div>
<div class="carousel-item">
<svg class="bd-placeholder-img bd-placeholder-img-lg d-block w-100" width="800" height="400" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder: Third slide" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="#555"></rect><text x="50%" y="50%" fill="#333" dy=".3em">Terceiro Slide</text></svg>
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleControls" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Anterior</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#carouselExampleControls" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Próximo</span>
</button>
</div>
<div class="mx-5 mt-2 mb-5 d-flex align-items-center justify-content-between">
<div>
<a class="btn btn-outline-dark" href="paginafornecedor.html"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-award" viewBox="0 0 16 16">
<path d="M9.669.864 8 0 6.331.864l-1.858.282-.842 1.68-1.337 1.32L2.6 6l-.306 1.854 1.337 1.32.842 1.68 1.858.282L8 12l1.669-.864 1.858-.282.842-1.68 1.337-1.32L13.4 6l.306-1.854-1.337-1.32-.842-1.68L9.669.864zm1.196 1.193.684 1.365 1.086 1.072L12.387 6l.248 1.506-1.086 1.072-.684 1.365-1.51.229L8 10.874l-1.355-.702-1.51-.229-.684-1.365-1.086-1.072L3.614 6l-.25-1.506 1.087-1.072.684-1.365 1.51-.229L8 1.126l1.356.702 1.509.229z"/>
<path d="M4 11.794V16l4-1 4 1v-4.206l-2.018.306L8 13.126 6.018 12.1 4 11.794z"/>
</svg> Fornecedor
</a>
</div>
<div>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="#dc3545" class="bi bi-heart-fill" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M8 1.314C12.438-3.248 23.534 4.735 8 15-7.534 4.736 3.562-3.248 8 1.314z"/>
</svg>
</div>
</div>
<div class="mx-5 my-5">
<p class="lead fs-1">R$00,00</p>
</div>
<div class="mt-3 mb-5 mx-5">
<h5 class="text-center">Descrição do Produto</h5>
<p>Descrição do Produto</p>
</div>
</main>
<!-- Footer-->
<footer class="pt-3 bg-danger">
<div class="row">
<div class="col-3 ms-5 my-5 ">
<img class="mt-5" src="assets/img/logo_ufca.png" width="300" height="50">
</div>
<div class="col-4 ms-5 my-5">
<div class="text-white text-center">
<p>Desenvolvido por:</p>
<a href="https://github.com/predohenr" style="text-decoration:none" target="_blank"><p class="text-white">Pedro Henrique Lopes</p></a>
<a href="https://github.com/gabiqueiroga" style="text-decoration:none" target="_blank"><p class="text-white">Gabriela Queiroga Guimarães</p></a>
<a href="https://github.com/arianekevinny" style="text-decoration:none" target="_blank"><p class="text-white">Ariane Kevinny Muniz</p></a>
</div>
</div>
<div class="col my-5">
<img src="assets/img/logoKV_branco.png">
<img class="mx-3" src="assets/img/logoPi2.png" width="112.5" height="150">
<img src="assets/img/logoGoogle.png" width="120" height="120">
</div>
</div>
</footer>
<!-- Bootstrap core JS-->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
<!-- Core theme JS-->
<script src="js/scripts.js"></script>
</body>
</html>