Skip to content

Instantly share code, notes, and snippets.

@joelibaceta

joelibaceta/estilos.css

Created February 2, 2022 22:58
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save joelibaceta/ccf1346fee93ec0ed81ae7eab686d9a6 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save joelibaceta/ccf1346fee93ec0ed81ae7eab686d9a6 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
estilos.css
.banner {
background-image: url('banner.jpg');
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
color: white;
}
Raw
turismo.html
<html>
<head>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<link rel="stylesheet" href="estilos.css" />
</head>
<body>
<div class="container-fluid">
<div class="row">
<div class="col-12 banner">
<h1 class=" p-5 text-center">Ciudad imperial</h1>
</div>
</div>
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<div class="container-fluid">
<a class="navbar-brand" href="#">Cuzco</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNavAltMarkup">
<div class="navbar-nav">
<a class="nav-link active" aria-current="page" href="#">Principal</a>
<a class="nav-link" href="#">Lugares Turisticos</a>
<a class="nav-link" href="#">¿Que hacer?</a>
</div>
</div>
</div>
</nav>
</div>
<div class="row">
<div class="col-3"></div>
<div class="col-6 text-center">
<p class=" p-5">
Cuzco o Cusco4​ (en quechua sureño: Qusqu o Qosqo, pronunciado [ˈqo̝s.qɔ]) es una ciudad del sureste del Perú ubicada en la vertiente oriental de la cordillera de los Andes, en la cuenca del río Huatanay, afluente del Vilcanota. Es la capital del departamento del Cusco y, además, según está declarado en la constitución peruana, es la «capital histórica» del país.
</p>
</div>
<div class="col-3"></div>
</div>
<div class="row">
<div class="col-12 p-5 text-center">
<h2> Lugares turisticos </h2>
</div>
</div>
<div class="row">
<div class="col-4 text-center">
<h3> Machu Picchu </h3>
</div>
<div class="col-4 text-center">
<h3> Sacsayhuaman </h3>
</div>
<div class="col-4 text-center">
<h3> Valle Sagrado </h3>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment