Skip to main content
Pergunta fechada como "Precisa de detalhes ou esclarecimentos" por hugocsl, Darlei Fernando Zillmer, neves, novic, Tomás Barcellos
removeu 453 caracteres do conteúdo
Fonte Link

Ta ficando assim: inserir a descrição da imagem aqui

CSS

.carousel-title{
  margin-top: 1%;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 20px;
  color: #f8f8f8;
  transition: color .26s ease-in-out;
}
.carousel-text{
  margin-top: 2%;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 15px;
  color: #f8f8f8;
  transition: color .26s ease-in-out;
  text-align: justify;
}
.product-slide{
background: url(../image/background-page.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
padding: 20px 0px;
  }
  <!DOCTYPE html>
<html lang="en" >
<head>
  <meta charset="UTF-8">
  <title>CodePen - Overlay menu</title>
  <link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/css/bootstrap.min.css'>
  <link rel="stylesheet" href=".href="assets/stylemenu.css">
  <link rel="stylesheet" type="text/css" href="assets/style.css">
  <link href="https://fonts.googleapis.com/css?family=Pacifico|Source+Sans+Pro:200i&display=swap" rel="stylesheet">
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script>
        <div class="row">
            <div class="col-1">
              <img src="image/teste.png" class="round-container">
            </div>
            
            <div class="col">
              <div class="carousel-title">
                
                Dilmes
                
              </div>
              <div class="carousel-text">
                A população ela precisa da Zona Franca de Manaus, porque na Zona franca de Manaus, não é uma zona de exportação, é uma zona para o Brasil. Portanto ela tem um objetivo, ela evita o desmatamento, que é altamente lucravito. Derrubar arvores da natureza é muito lucrativo!
              </div>
            </div>
          </div>
        </div>head>

CSS

.carousel-title{
  margin-top: 1%;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 20px;
  color: #f8f8f8;
  transition: color .26s ease-in-out;
}
.carousel-text{
  margin-top: 2%;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 15px;
  color: #f8f8f8;
  transition: color .26s ease-in-out;
  text-align: justify;
}
  <link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/css/bootstrap.min.css'>
  <link rel="stylesheet" href="./style.css">
  <link rel="stylesheet" type="text/css" href="assets/style.css">
  <link href="https://fonts.googleapis.com/css?family=Pacifico|Source+Sans+Pro:200i&display=swap" rel="stylesheet">
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script>
        <div class="row">
            <div class="col-1">
              <img src="image/teste.png" class="round-container">
            </div>
            
            <div class="col">
              <div class="carousel-title">
                
                Dilmes
                
              </div>
              <div class="carousel-text">
                A população ela precisa da Zona Franca de Manaus, porque na Zona franca de Manaus, não é uma zona de exportação, é uma zona para o Brasil. Portanto ela tem um objetivo, ela evita o desmatamento, que é altamente lucravito. Derrubar arvores da natureza é muito lucrativo!
              </div>
            </div>
          </div>
        </div>

Ta ficando assim: inserir a descrição da imagem aqui

CSS

.carousel-title{
  margin-top: 1%;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 20px;
  color: #f8f8f8;
  transition: color .26s ease-in-out;
}
.carousel-text{
  margin-top: 2%;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 15px;
  color: #f8f8f8;
  transition: color .26s ease-in-out;
  text-align: justify;
}
.product-slide{
background: url(../image/background-page.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
padding: 20px 0px;
  }
  <!DOCTYPE html>
<html lang="en" >
<head>
  <meta charset="UTF-8">
  <title>CodePen - Overlay menu</title>
  <link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/css/bootstrap.min.css'>
  <link rel="stylesheet" href="assets/menu.css">
  <link rel="stylesheet" type="text/css" href="assets/style.css">
  <link href="https://fonts.googleapis.com/css?family=Pacifico|Source+Sans+Pro:200i&display=swap" rel="stylesheet">
</head>
Fonte Link

Como fazer um slide apenas texto no bootstrap

Gostaria que esse elemento virasse slider, mas quero apenas o texto e a imagem desse jeito, não consigo fazer inserir a descrição da imagem aqui

CSS

.carousel-title{
  margin-top: 1%;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 20px;
  color: #f8f8f8;
  transition: color .26s ease-in-out;
}
.carousel-text{
  margin-top: 2%;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 15px;
  color: #f8f8f8;
  transition: color .26s ease-in-out;
  text-align: justify;
}
  <link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/css/bootstrap.min.css'>
  <link rel="stylesheet" href="./style.css">
  <link rel="stylesheet" type="text/css" href="assets/style.css">
  <link href="https://fonts.googleapis.com/css?family=Pacifico|Source+Sans+Pro:200i&display=swap" rel="stylesheet">
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script>
        <div class="row">
            <div class="col-1">
              <img src="image/teste.png" class="round-container">
            </div>
            
            <div class="col">
              <div class="carousel-title">
                
                Dilmes
                
              </div>
              <div class="carousel-text">
                A população ela precisa da Zona Franca de Manaus, porque na Zona franca de Manaus, não é uma zona de exportação, é uma zona para o Brasil. Portanto ela tem um objetivo, ela evita o desmatamento, que é altamente lucravito. Derrubar arvores da natureza é muito lucrativo!
              </div>
            </div>
          </div>
        </div>