Scribd
Upload
36 views3 pages

Meu Site

The document is a website for an online bakery. It includes a navigation bar with links to home, login, and other pages. There is a carousel of images of cakes and pastries. The main content displays product cards with images and descriptions of different baked goods for sale like orange cake, cupcakes, and muffins.

Uploaded by

Everson Araujo
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
36 views3 pages

Meu Site

The document is a website for an online bakery. It includes a navigation bar with links to home, login, and other pages. There is a carousel of images of cakes and pastries. The main content displays product cards with images and descriptions of different baked goods for sale like orange cake, cupcakes, and muffins.

Uploaded by

Everson Araujo
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 3

<!

doctype html>
<html lang="pt">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Meu site</title>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/
bootstrap.min.css" rel="stylesheet"
integrity="sha384-aFq/bzH65dt+w6FI2ooMVUpc+21e0SRygnTpmBvdBgSdnuTN7QbdgL+OapgHtvPp"
crossorigin="anonymous">
</head>

<body>
<nav class="navbar col-12 position-fixed navbar-expand-lg navbar-dark bg-dark"
style="z-index: 999;">
<div class="container-fluid col-11 m-auto">
<a class="navbar-brand" href="#">Compras</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 me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="#">Home</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-
toggle="dropdown" aria-expanded="false">
Login
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="#">Login</a></li>
<li><a class="dropdown-item" href="#">Registre-se</li>
<li><hr class="dropdown-divider"></li>
<li><a class="dropdown-item" href="#">Logout</a></li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link disabled">Disabled</a>
</li>
</ul>
<form class="d-flex" role="search">
<input class="form-control me-2" type="search" placeholder="Search"
aria-label="Search">
<button class="btn btn-outline-success" type="submit">Search
</button>
</form>
</div>
</div>
</nav>
<br><br><br>
<div id="carouselExampleIndicators" class="carousel slide">
<div class="carousel-indicators">
<button type="button" data-bs-target="#carouselExampleIndicators" data-
bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
<button type="button" data-bs-target="#carouselExampleIndicators" data-
bs-slide-to="1" aria-label="Slide 2"></button>
<button type="button" data-bs-target="#carouselExampleIndicators" data-
bs-slide-to="2" aria-label="Slide 3"></button>
</div>
<div class="carousel-inner">
<div class="carousel-item active">
<img src="/img/cake-g07b249e2d_1280.jpg" class="d-block w-100"
alt="...">
</div>
<div class="carousel-item">
<img src="/img/cake-gacd889a60_1280.jpg" class="d-block w-100"
alt="...">
</div>
<div class="carousel-item">
<img src="/img/eclair-gf8960595e_1280.jpg" class="d-block w-100"
alt="...">
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-
target="#carouselExampleIndicators" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-
target="#carouselExampleIndicators" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div>
<div class="row row-cols-1 row-cols-md-3 g-4 col-11 m-auto">
<div class="col">
<div class="card">
<img src="/img/orange-cake-gb4c11a23b_1280.jpg" class="card-img-top"
alt="...">
<div class="card-body">
<h5 class="card-title">Bolo de Laranja</h5>
<p class="card-text">This is a longer card with supporting text below as a
natural lead-in to additional content. This content is a little bit longer.</p>
</div>
</div>
</div>
<div class="col">
<div class="card">
<img src="/img/muffins-g654445c80_1280.jpg" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Cupcake</h5>
<p class="card-text">This is a longer card with supporting text below as a
natural lead-in to additional content. This content is a little bit longer.</p>
</div>
</div>
</div>
<div class="col">
<div class="card">
<img src="/img/cupcakes-g8aaaa2041_1280.jpg" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Cupcake</h5>
<p class="card-text">This is a longer card with supporting text below as a
natural lead-in to additional content.</p>
</div>
</div>
</div>
<div class="col">
<div class="card">
<img src="/img/muffin-g27b5ae603_1280.jpg" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Bolo de frutas Vermelhas</h5>
<p class="card-text">This is a longer card with supporting text below as a
natural lead-in to additional content. This content is a little bit longer.</p>
</div>
</div>
</div>
</div>

<script
src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.m
in.js" integrity="sha384-
qKXV1j0HvMUeCBQ+QVp7JcfGl760yU08IQ+GpUo5hlbpg51QRiuqHAJz8+BrxE/N"
crossorigin="anonymous"></script>
</body>
</html>

You might also like